@gov-design-system-ce/components 0.0.35 → 0.0.37

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 (278) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{form-62c6a8c6.js → form-8c6daa83.js} +8 -8
  3. package/dist/cjs/form-8c6daa83.js.map +1 -0
  4. package/dist/cjs/gov-app.cjs.entry.js +1190 -637
  5. package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
  6. package/dist/cjs/gov-badge.cjs.entry.js +1 -1
  7. package/dist/cjs/gov-badge.cjs.entry.js.map +1 -1
  8. package/dist/cjs/gov-button.cjs.entry.js +1 -1
  9. package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
  10. package/dist/cjs/gov-control-group.cjs.entry.js +62 -0
  11. package/dist/cjs/gov-control-group.cjs.entry.js.map +1 -0
  12. package/dist/cjs/gov-form-checkbox.cjs.entry.js +1 -1
  13. package/dist/cjs/gov-form-control.cjs.entry.js +35 -7
  14. package/dist/cjs/gov-form-control.cjs.entry.js.map +1 -1
  15. package/dist/cjs/gov-form-file.cjs.entry.js +2 -2
  16. package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
  17. package/dist/cjs/gov-form-input.cjs.entry.js +6 -6
  18. package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
  19. package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
  20. package/dist/cjs/gov-form-label.cjs.entry.js.map +1 -1
  21. package/dist/cjs/gov-form-multi-select.cjs.entry.js +2 -2
  22. package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
  23. package/dist/cjs/gov-form-radio.cjs.entry.js +1 -1
  24. package/dist/cjs/gov-form-search.cjs.entry.js +5 -1
  25. package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
  26. package/dist/cjs/gov-form-select.cjs.entry.js +13 -8
  27. package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
  28. package/dist/cjs/gov-form-switch.cjs.entry.js +1 -1
  29. package/dist/cjs/gov-icon.cjs.entry.js +1 -1
  30. package/dist/cjs/gov-pagination.cjs.entry.js +10 -3
  31. package/dist/cjs/gov-pagination.cjs.entry.js.map +1 -1
  32. package/dist/cjs/gov-wizzard-item.cjs.entry.js +13 -15
  33. package/dist/cjs/gov-wizzard-item.cjs.entry.js.map +1 -1
  34. package/dist/cjs/index-29ac07f6.js +4 -0
  35. package/dist/cjs/loader.cjs.js +1 -1
  36. package/dist/collection/collection-manifest.json +1 -0
  37. package/dist/collection/components/gov-accordion/gov-accordion-item.css +3 -0
  38. package/dist/collection/components/gov-accordion/gov-accordion.css +3 -0
  39. package/dist/collection/components/gov-alert/gov-alert.css +3 -0
  40. package/dist/collection/components/gov-app/gov-app.css +3 -0
  41. package/dist/collection/components/gov-app/gov-app.js +10 -8
  42. package/dist/collection/components/gov-app/gov-app.js.map +1 -1
  43. package/dist/collection/components/gov-attachments/gov-attachments-item.css +3 -0
  44. package/dist/collection/components/gov-attachments/gov-attachments.css +3 -0
  45. package/dist/collection/components/gov-backdrop/gov-backdrop.css +3 -0
  46. package/dist/collection/components/gov-badge/gov-badge.css +6 -3
  47. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +3 -0
  48. package/dist/collection/components/gov-button/gov-button.css +3 -3
  49. package/dist/collection/components/gov-card/gov-card.css +3 -0
  50. package/dist/collection/components/gov-container/gov-container.css +3 -0
  51. package/dist/collection/components/gov-control-group/constants.js +7 -0
  52. package/dist/collection/components/gov-control-group/constants.js.map +1 -0
  53. package/dist/collection/components/gov-control-group/gov-control-group.css +268 -0
  54. package/dist/collection/components/gov-control-group/gov-control-group.js +137 -0
  55. package/dist/collection/components/gov-control-group/gov-control-group.js.map +1 -0
  56. package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +3 -0
  57. package/dist/collection/components/gov-empty/gov-empty.css +3 -0
  58. package/dist/collection/components/gov-error-code/gov-error-code.css +3 -0
  59. package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +3 -0
  60. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +3 -0
  61. package/dist/collection/components/gov-form/control/gov-form-control.css +3 -0
  62. package/dist/collection/components/gov-form/control/gov-form-control.js +35 -10
  63. package/dist/collection/components/gov-form/control/gov-form-control.js.map +1 -1
  64. package/dist/collection/components/gov-form/file/gov-form-file.css +10 -0
  65. package/dist/collection/components/gov-form/group/gov-form-group.css +3 -0
  66. package/dist/collection/components/gov-form/input/constants.js +1 -1
  67. package/dist/collection/components/gov-form/input/constants.js.map +1 -1
  68. package/dist/collection/components/gov-form/input/gov-form-input.css +103 -50
  69. package/dist/collection/components/gov-form/input/gov-form-input.js +9 -9
  70. package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
  71. package/dist/collection/components/gov-form/label/gov-form-label.css +3 -0
  72. package/dist/collection/components/gov-form/label/gov-form-label.js +1 -1
  73. package/dist/collection/components/gov-form/label/gov-form-label.js.map +1 -1
  74. package/dist/collection/components/gov-form/message/gov-form-message.css +3 -0
  75. package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +103 -50
  76. package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +3 -0
  77. package/dist/collection/components/gov-form/radio/gov-form-radio.css +3 -0
  78. package/dist/collection/components/gov-form/search/constants.js +3 -0
  79. package/dist/collection/components/gov-form/search/constants.js.map +1 -1
  80. package/dist/collection/components/gov-form/search/gov-form-search.css +9 -1
  81. package/dist/collection/components/gov-form/search/gov-form-search.js +30 -0
  82. package/dist/collection/components/gov-form/search/gov-form-search.js.map +1 -1
  83. package/dist/collection/components/gov-form/select/gov-form-select.css +103 -50
  84. package/dist/collection/components/gov-form/select/gov-form-select.js +12 -5
  85. package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
  86. package/dist/collection/components/gov-form/switch/gov-form-switch.css +3 -0
  87. package/dist/collection/components/gov-grid/gov-grid-item.css +3 -0
  88. package/dist/collection/components/gov-grid/gov-grid.css +3 -0
  89. package/dist/collection/components/gov-icon/gov-icon.css +3 -0
  90. package/dist/collection/components/gov-layout/gov-layout-column.css +3 -0
  91. package/dist/collection/components/gov-layout/gov-layout.css +3 -0
  92. package/dist/collection/components/gov-loading/loading/gov-loading.css +3 -0
  93. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +3 -0
  94. package/dist/collection/components/gov-message/gov-message.css +3 -0
  95. package/dist/collection/components/gov-modal/gov-modal.css +3 -0
  96. package/dist/collection/components/gov-nav/gov-nav-item.css +3 -0
  97. package/dist/collection/components/gov-nav/gov-nav.css +3 -0
  98. package/dist/collection/components/gov-pagination/gov-pagination.css +3 -0
  99. package/dist/collection/components/gov-pagination/gov-pagination.js +19 -3
  100. package/dist/collection/components/gov-pagination/gov-pagination.js.map +1 -1
  101. package/dist/collection/components/gov-promp/gov-prompt.css +3 -0
  102. package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +3 -0
  103. package/dist/collection/components/gov-side-nav/gov-side-nav.css +3 -0
  104. package/dist/collection/components/gov-spacer/gov-spacer.css +3 -0
  105. package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +3 -0
  106. package/dist/collection/components/gov-statsbar/gov-statsbar.css +3 -0
  107. package/dist/collection/components/gov-stepper/gov-stepper-item.css +3 -0
  108. package/dist/collection/components/gov-stepper/gov-stepper.css +3 -0
  109. package/dist/collection/components/gov-tabs/gov-tabs-item.css +3 -0
  110. package/dist/collection/components/gov-tabs/gov-tabs.css +3 -0
  111. package/dist/collection/components/gov-tile/container/gov-tiles.css +3 -0
  112. package/dist/collection/components/gov-tile/gov-tile.css +3 -0
  113. package/dist/collection/components/gov-toast/gov-toast.css +3 -0
  114. package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +3 -0
  115. package/dist/collection/components/gov-tooltip/gov-tooltip.css +3 -0
  116. package/dist/collection/components/gov-wizzard/gov-wizzard-item.css +3 -0
  117. package/dist/collection/components/gov-wizzard/gov-wizzard-item.js +29 -36
  118. package/dist/collection/components/gov-wizzard/gov-wizzard-item.js.map +1 -1
  119. package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js +2 -0
  120. package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js.map +1 -0
  121. package/dist/collection/components/gov-wizzard/gov-wizzard.css +3 -0
  122. package/dist/collection/pages/Button.js +41 -0
  123. package/dist/collection/pages/Button.js.map +1 -1
  124. package/dist/collection/pages/ControlGroup.js +324 -0
  125. package/dist/collection/pages/ControlGroup.js.map +1 -0
  126. package/dist/collection/pages/Forms.js +369 -206
  127. package/dist/collection/pages/Forms.js.map +1 -1
  128. package/dist/collection/pages/Pagination.js +2 -2
  129. package/dist/collection/pages/Pagination.js.map +1 -1
  130. package/dist/collection/pages/Tooltip.js +24 -0
  131. package/dist/collection/pages/Tooltip.js.map +1 -1
  132. package/dist/components/form.js +16 -16
  133. package/dist/components/form.js.map +1 -1
  134. package/dist/components/gov-app.js +1190 -637
  135. package/dist/components/gov-app.js.map +1 -1
  136. package/dist/components/gov-badge2.js +1 -1
  137. package/dist/components/gov-badge2.js.map +1 -1
  138. package/dist/components/gov-button2.js +1 -1
  139. package/dist/components/gov-button2.js.map +1 -1
  140. package/dist/components/gov-control-group.d.ts +11 -0
  141. package/dist/components/gov-control-group.js +75 -0
  142. package/dist/components/gov-control-group.js.map +1 -0
  143. package/dist/components/gov-form-control.js +35 -7
  144. package/dist/components/gov-form-control.js.map +1 -1
  145. package/dist/components/gov-form-file.js +1 -1
  146. package/dist/components/gov-form-file.js.map +1 -1
  147. package/dist/components/gov-form-input2.js +5 -5
  148. package/dist/components/gov-form-input2.js.map +1 -1
  149. package/dist/components/gov-form-label.js +1 -1
  150. package/dist/components/gov-form-label.js.map +1 -1
  151. package/dist/components/gov-form-multi-select.js +1 -1
  152. package/dist/components/gov-form-multi-select.js.map +1 -1
  153. package/dist/components/gov-form-search.js +8 -2
  154. package/dist/components/gov-form-search.js.map +1 -1
  155. package/dist/components/gov-form-select2.js +12 -7
  156. package/dist/components/gov-form-select2.js.map +1 -1
  157. package/dist/components/gov-icon2.js +1 -1
  158. package/dist/components/gov-pagination.js +10 -3
  159. package/dist/components/gov-pagination.js.map +1 -1
  160. package/dist/components/gov-wizzard-item.js +14 -17
  161. package/dist/components/gov-wizzard-item.js.map +1 -1
  162. package/dist/components/index.d.ts +1 -0
  163. package/dist/components/index.js +1 -0
  164. package/dist/components/index.js.map +1 -1
  165. package/dist/core/core.esm.js +1 -1
  166. package/dist/core/core.esm.js.map +1 -1
  167. package/dist/core/p-00c4dc0d.entry.js +2 -0
  168. package/dist/core/p-00c4dc0d.entry.js.map +1 -0
  169. package/dist/core/p-06e938d7.entry.js +2 -0
  170. package/dist/core/p-06e938d7.entry.js.map +1 -0
  171. package/dist/core/{p-d14130ac.entry.js → p-1bdec1f4.entry.js} +2 -2
  172. package/dist/core/{p-e3b56738.entry.js → p-227a9e9b.entry.js} +2 -2
  173. package/dist/core/p-3a69322b.entry.js +2 -0
  174. package/dist/core/p-3a69322b.entry.js.map +1 -0
  175. package/dist/core/p-61af5a2c.js +2 -0
  176. package/dist/core/p-61af5a2c.js.map +1 -0
  177. package/dist/core/{p-fe1ee53b.entry.js → p-63ef7826.entry.js} +2 -2
  178. package/dist/core/p-63ef7826.entry.js.map +1 -0
  179. package/dist/core/p-6dc65816.entry.js +2 -0
  180. package/dist/core/p-6dc65816.entry.js.map +1 -0
  181. package/dist/core/{p-d1275fa8.entry.js → p-9584f413.entry.js} +2 -2
  182. package/dist/core/p-9584f413.entry.js.map +1 -0
  183. package/dist/core/p-9bd90cc4.entry.js +2 -0
  184. package/dist/core/p-9bd90cc4.entry.js.map +1 -0
  185. package/dist/core/{p-d9b4bc20.entry.js → p-9fbee429.entry.js} +2 -2
  186. package/dist/core/p-9fbee429.entry.js.map +1 -0
  187. package/dist/core/{p-d37f03e0.entry.js → p-bbbc4e43.entry.js} +2 -2
  188. package/dist/core/{p-a8ef7292.entry.js → p-c289af04.entry.js} +2 -2
  189. package/dist/core/p-c289af04.entry.js.map +1 -0
  190. package/dist/core/p-c39004f5.entry.js +2 -0
  191. package/dist/core/p-c39004f5.entry.js.map +1 -0
  192. package/dist/core/{p-5a2a9cde.entry.js → p-c69cd34e.entry.js} +2 -2
  193. package/dist/core/p-cc9e9a31.entry.js +2 -0
  194. package/dist/core/{p-a423b62a.entry.js.map → p-cc9e9a31.entry.js.map} +1 -1
  195. package/dist/core/p-ef7a1780.entry.js +2 -0
  196. package/dist/core/p-ef7a1780.entry.js.map +1 -0
  197. package/dist/core/p-fd555dce.entry.js +2 -0
  198. package/dist/core/{p-35aadeeb.entry.js.map → p-fd555dce.entry.js.map} +1 -1
  199. package/dist/custom-elements/index.d.ts +6 -0
  200. package/dist/custom-elements/index.js +1 -1
  201. package/dist/custom-elements/index.js.map +1 -1
  202. package/dist/esm/core.js +1 -1
  203. package/dist/esm/{form-613741a5.js → form-cd65d95e.js} +8 -8
  204. package/dist/esm/form-cd65d95e.js.map +1 -0
  205. package/dist/esm/gov-app.entry.js +1190 -637
  206. package/dist/esm/gov-app.entry.js.map +1 -1
  207. package/dist/esm/gov-badge.entry.js +1 -1
  208. package/dist/esm/gov-badge.entry.js.map +1 -1
  209. package/dist/esm/gov-button.entry.js +1 -1
  210. package/dist/esm/gov-button.entry.js.map +1 -1
  211. package/dist/esm/gov-control-group.entry.js +58 -0
  212. package/dist/esm/gov-control-group.entry.js.map +1 -0
  213. package/dist/esm/gov-form-checkbox.entry.js +1 -1
  214. package/dist/esm/gov-form-control.entry.js +35 -7
  215. package/dist/esm/gov-form-control.entry.js.map +1 -1
  216. package/dist/esm/gov-form-file.entry.js +2 -2
  217. package/dist/esm/gov-form-file.entry.js.map +1 -1
  218. package/dist/esm/gov-form-input.entry.js +6 -6
  219. package/dist/esm/gov-form-input.entry.js.map +1 -1
  220. package/dist/esm/gov-form-label.entry.js +1 -1
  221. package/dist/esm/gov-form-label.entry.js.map +1 -1
  222. package/dist/esm/gov-form-multi-select.entry.js +2 -2
  223. package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
  224. package/dist/esm/gov-form-radio.entry.js +1 -1
  225. package/dist/esm/gov-form-search.entry.js +5 -1
  226. package/dist/esm/gov-form-search.entry.js.map +1 -1
  227. package/dist/esm/gov-form-select.entry.js +13 -8
  228. package/dist/esm/gov-form-select.entry.js.map +1 -1
  229. package/dist/esm/gov-form-switch.entry.js +1 -1
  230. package/dist/esm/gov-icon.entry.js +1 -1
  231. package/dist/esm/gov-pagination.entry.js +10 -3
  232. package/dist/esm/gov-pagination.entry.js.map +1 -1
  233. package/dist/esm/gov-wizzard-item.entry.js +13 -15
  234. package/dist/esm/gov-wizzard-item.entry.js.map +1 -1
  235. package/dist/esm/index-b010bfb4.js +4 -0
  236. package/dist/esm/loader.js +1 -1
  237. package/dist/hydrate/index.js +1531 -880
  238. package/dist/types/components/gov-app/gov-app.d.ts +9 -8
  239. package/dist/types/components/gov-control-group/constants.d.ts +7 -0
  240. package/dist/types/components/gov-control-group/gov-control-group.d.ts +29 -0
  241. package/dist/types/components/gov-form/control/gov-form-control.d.ts +2 -1
  242. package/dist/types/components/gov-form/input/constants.d.ts +1 -1
  243. package/dist/types/components/gov-form/input/gov-form-input.d.ts +1 -2
  244. package/dist/types/components/gov-form/search/constants.d.ts +4 -0
  245. package/dist/types/components/gov-form/search/gov-form-search.d.ts +5 -0
  246. package/dist/types/components/gov-form/select/gov-form-select.d.ts +2 -0
  247. package/dist/types/components/gov-pagination/gov-pagination.d.ts +1 -0
  248. package/dist/types/components/gov-wizzard/gov-wizzard-item.d.ts +7 -8
  249. package/dist/types/components/gov-wizzard/gov-wizzard-item.types.d.ts +4 -0
  250. package/dist/types/components.d.ts +61 -5
  251. package/dist/types/pages/ControlGroup.d.ts +3 -0
  252. package/package.json +1 -1
  253. package/dist/cjs/form-62c6a8c6.js.map +0 -1
  254. package/dist/core/p-0a300d3e.entry.js +0 -2
  255. package/dist/core/p-0a300d3e.entry.js.map +0 -1
  256. package/dist/core/p-35aadeeb.entry.js +0 -2
  257. package/dist/core/p-37f6b4ef.entry.js +0 -2
  258. package/dist/core/p-37f6b4ef.entry.js.map +0 -1
  259. package/dist/core/p-7e524b49.js +0 -2
  260. package/dist/core/p-7e524b49.js.map +0 -1
  261. package/dist/core/p-a423b62a.entry.js +0 -2
  262. package/dist/core/p-a825183a.entry.js +0 -2
  263. package/dist/core/p-a825183a.entry.js.map +0 -1
  264. package/dist/core/p-a8ef7292.entry.js.map +0 -1
  265. package/dist/core/p-bbc765ca.entry.js +0 -2
  266. package/dist/core/p-bbc765ca.entry.js.map +0 -1
  267. package/dist/core/p-d1275fa8.entry.js.map +0 -1
  268. package/dist/core/p-d9b4bc20.entry.js.map +0 -1
  269. package/dist/core/p-e4bb6114.entry.js +0 -2
  270. package/dist/core/p-e4bb6114.entry.js.map +0 -1
  271. package/dist/core/p-e6904513.entry.js +0 -2
  272. package/dist/core/p-e6904513.entry.js.map +0 -1
  273. package/dist/core/p-fe1ee53b.entry.js.map +0 -1
  274. package/dist/esm/form-613741a5.js.map +0 -1
  275. /package/dist/core/{p-d14130ac.entry.js.map → p-1bdec1f4.entry.js.map} +0 -0
  276. /package/dist/core/{p-e3b56738.entry.js.map → p-227a9e9b.entry.js.map} +0 -0
  277. /package/dist/core/{p-d37f03e0.entry.js.map → p-bbbc4e43.entry.js.map} +0 -0
  278. /package/dist/core/{p-5a2a9cde.entry.js.map → p-c69cd34e.entry.js.map} +0 -0
package/dist/collection/pages/ControlGroup.js ADDED
@@ -0,0 +1,324 @@
1
+ class ControlGroupPage extends HTMLElement {
2
+ connectedCallback() {
3
+ this.innerHTML = `
4
+ <h2>Control Group</h2>
5
+
6
+ <gov-control-group bordered>
7
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" size="s"></gov-form-input>
8
+ <gov-button variant="primary" type="outlined" size="s">
9
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
10
+ </gov-button>
11
+ <gov-button variant="primary" type="outlined" size="s">
12
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
13
+ </gov-button>
14
+ <gov-button variant="primary" type="outlined" size="s">
15
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
16
+ </gov-button>
17
+ </gov-control-group>
18
+ <br />
19
+ <gov-control-group variant="primary" bordered>
20
+ <gov-form-select name="test-me" size="m">
21
+ <option value="" selected>Placeholder</option>
22
+ <option value="b">Value B</option>
23
+ <option value="c">Value C</option>
24
+ <option value="d">Value D</option>
25
+ </gov-form-select>
26
+ <gov-button variant="primary" type="solid" size="m">
27
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
28
+ </gov-button>
29
+ </gov-control-group>
30
+ <br />
31
+ <gov-control-group bordered>
32
+ <gov-button variant="primary" type="outlined" size="l">
33
+ <gov-icon slot="left-icon" name="gear"></gov-icon>
34
+ </gov-button>
35
+ <gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
36
+ <gov-button variant="primary" type="outlined" size="l" tabindex="-1">
37
+ Nahrát soubor ze zařízení
38
+ </gov-button>
39
+ </gov-form-file>
40
+ <gov-button variant="primary" type="outlined" size="l">
41
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
42
+ </gov-button>
43
+ </gov-control-group>
44
+ <br />
45
+ <gov-control-group variant="primary" bordered>
46
+ <gov-button variant="primary" type="outlined" size="xl">
47
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
48
+ </gov-button>
49
+ <gov-button variant="primary" type="outlined" size="xl">
50
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
51
+ </gov-button>
52
+ <gov-form-select name="test-me" size="xl">
53
+ <option value="" selected>Placeholder</option>
54
+ <option value="b">Value B</option>
55
+ <option value="c">Value C</option>
56
+ <option value="d">Value D</option>
57
+ </gov-form-select>
58
+ <gov-button variant="primary" type="outlined" size="xl">
59
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
60
+ </gov-button>
61
+ </gov-control-group>
62
+ <br><br>
63
+
64
+ <gov-control-group variant="secondary" bordered>
65
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
66
+ <gov-button variant="primary" type="outlined" size="s">
67
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
68
+ </gov-button>
69
+ <gov-button variant="primary" type="outlined" size="s">
70
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
71
+ </gov-button>
72
+ <gov-button variant="primary" type="outlined" size="s">
73
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
74
+ </gov-button>
75
+ </gov-control-group>
76
+ <br />
77
+ <gov-control-group variant="secondary">
78
+ <gov-form-select name="test-me" size="m">
79
+ <option value="" selected>Placeholder</option>
80
+ <option value="b">Value B</option>
81
+ <option value="c">Value C</option>
82
+ <option value="d">Value D</option>
83
+ </gov-form-select>
84
+ <gov-button variant="primary" type="outlined" size="m">
85
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
86
+ </gov-button>
87
+ </gov-control-group>
88
+ <br />
89
+ <gov-control-group variant="secondary" bordered>
90
+ <gov-button variant="primary" type="outlined" size="l">
91
+ <gov-icon slot="left-icon" name="gear"></gov-icon>
92
+ </gov-button>
93
+ <gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
94
+ <gov-button variant="primary" type="outlined" size="l" tabindex="-1">
95
+ Nahrát soubor ze zařízení
96
+ </gov-button>
97
+ </gov-form-file>
98
+ <gov-button variant="primary" type="outlined" size="l">
99
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
100
+ </gov-button>
101
+ </gov-control-group>
102
+ <br />
103
+ <gov-control-group variant="secondary" bordered>
104
+ <gov-button variant="primary" type="outlined" size="xl">
105
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
106
+ </gov-button>
107
+ <gov-button variant="primary" type="outlined" size="xl">
108
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
109
+ </gov-button>
110
+ <gov-form-select name="test-me" variant="primary" size="xl">
111
+ <option value="" selected>Placeholder</option>
112
+ <option value="b">Value B</option>
113
+ <option value="c">Value C</option>
114
+ <option value="d">Value D</option>
115
+ </gov-form-select>
116
+ <gov-button variant="primary" type="outlined" size="xl">
117
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
118
+ </gov-button>
119
+ </gov-control-group>
120
+ <br><br>
121
+
122
+ <gov-control-group variant="secondary" bordered>
123
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="secondary" size="s"></gov-form-input>
124
+ <gov-button variant="secondary" type="outlined" size="s">
125
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
126
+ </gov-button>
127
+ <gov-button variant="secondary" type="outlined" size="s">
128
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
129
+ </gov-button>
130
+ <gov-button variant="secondary" type="outlined" size="s">
131
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
132
+ </gov-button>
133
+ </gov-control-group>
134
+ <br />
135
+ <gov-control-group variant="secondary">
136
+ <gov-form-select name="test-me" size="m">
137
+ <option value="" selected>Placeholder</option>
138
+ <option value="b">Value B</option>
139
+ <option value="c">Value C</option>
140
+ <option value="d">Value D</option>
141
+ </gov-form-select>
142
+ <gov-button variant="secondary" type="outlined" size="m">
143
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
144
+ </gov-button>
145
+ </gov-control-group>
146
+ <br />
147
+ <gov-control-group variant="secondary" bordered>
148
+ <gov-button variant="secondary" type="outlined" size="l">
149
+ <gov-icon slot="left-icon" name="gear"></gov-icon>
150
+ </gov-button>
151
+ <gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
152
+ <gov-button variant="secondary" type="outlined" size="l" tabindex="-1">
153
+ Nahrát soubor ze zařízení
154
+ </gov-button>
155
+ </gov-form-file>
156
+ <gov-button variant="secondary" type="outlined" size="l">
157
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
158
+ </gov-button>
159
+ </gov-control-group>
160
+ <br />
161
+ <gov-control-group variant="secondary" bordered>
162
+ <gov-button variant="secondary" type="outlined" size="xl">
163
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
164
+ </gov-button>
165
+ <gov-button variant="secondary" type="outlined" size="xl">
166
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
167
+ </gov-button>
168
+ <gov-form-select name="test-me" variant="secondary" size="xl">
169
+ <option value="" selected>Placeholder</option>
170
+ <option value="b">Value B</option>
171
+ <option value="c">Value C</option>
172
+ <option value="d">Value D</option>
173
+ </gov-form-select>
174
+ <gov-button variant="secondary" type="outlined" size="xl">
175
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
176
+ </gov-button>
177
+ </gov-control-group>
178
+
179
+ <h2>Invalid</h2>
180
+ <gov-form-control type="input" id="metro2">
181
+ <gov-control-group bordered invalid="true">
182
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" size="s"></gov-form-input>
183
+ <gov-button variant="primary" type="outlined" size="s">
184
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
185
+ </gov-button>
186
+ <gov-button variant="primary" type="outlined" size="s">
187
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
188
+ </gov-button>
189
+ <gov-button variant="primary" type="outlined" size="s">
190
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
191
+ </gov-button>
192
+ </gov-control-group>
193
+ <gov-form-message slot="bottom" variant="error">
194
+ <gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
195
+ Required
196
+ </gov-form-message>
197
+ </gov-form-control>
198
+ <br />
199
+ <gov-form-control type="input" id="metro2">
200
+ <gov-control-group invalid="true">
201
+ <gov-form-select name="test-me" size="m">
202
+ <option value="" selected>Placeholder</option>
203
+ <option value="b">Value B</option>
204
+ <option value="c">Value C</option>
205
+ <option value="d">Value D</option>
206
+ </gov-form-select>
207
+ <gov-button variant="primary" type="outlined" size="m">
208
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
209
+ </gov-button>
210
+ </gov-control-group>
211
+ <gov-form-message slot="bottom" variant="error">
212
+ <gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
213
+ Required
214
+ </gov-form-message>
215
+ </gov-form-control>
216
+ <br />
217
+ <gov-form-control type="input" id="metro2">
218
+ <gov-control-group bordered invalid="true">
219
+ <gov-button variant="primary" type="outlined" size="l">
220
+ <gov-icon slot="left-icon" name="gear"></gov-icon>
221
+ </gov-button>
222
+ <gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
223
+ <gov-button variant="primary" type="outlined" size="l" tabindex="-1">
224
+ Nahrát soubor ze zařízení
225
+ </gov-button>
226
+ </gov-form-file>
227
+ <gov-button variant="primary" type="outlined" size="l">
228
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
229
+ </gov-button>
230
+ </gov-control-group>
231
+ <gov-form-message slot="bottom" variant="error">
232
+ <gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
233
+ Required
234
+ </gov-form-message>
235
+ </gov-form-control>
236
+ <br />
237
+ <gov-form-control type="input" id="metro2">
238
+ <gov-control-group bordered invalid="true">
239
+ <gov-button variant="primary" type="outlined" size="xl">
240
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
241
+ </gov-button>
242
+ <gov-button variant="primary" type="outlined" size="xl">
243
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
244
+ </gov-button>
245
+ <gov-form-select name="test-me" size="xl">
246
+ <option value="" selected>Placeholder</option>
247
+ <option value="b">Value B</option>
248
+ <option value="c">Value C</option>
249
+ <option value="d">Value D</option>
250
+ </gov-form-select>
251
+ <gov-button variant="primary" type="outlined" size="xl">
252
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
253
+ </gov-button>
254
+ </gov-control-group>
255
+ <gov-form-message slot="bottom" variant="error">
256
+ <gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
257
+ Required
258
+ </gov-form-message>
259
+ </gov-form-control>
260
+
261
+ <h2>Disabled</h2>
262
+ <gov-control-group bordered disabled="true">
263
+ <gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" size="s"></gov-form-input>
264
+ <gov-button variant="primary" type="outlined" size="s">
265
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
266
+ </gov-button>
267
+ <gov-button variant="primary" type="outlined" size="s">
268
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
269
+ </gov-button>
270
+ <gov-button variant="primary" type="outlined" size="s">
271
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
272
+ </gov-button>
273
+ </gov-control-group>
274
+ <br />
275
+ <gov-control-group disabled="true">
276
+ <gov-form-select name="test-me" size="m">
277
+ <option value="" selected>Placeholder</option>
278
+ <option value="b">Value B</option>
279
+ <option value="c">Value C</option>
280
+ <option value="d">Value D</option>
281
+ </gov-form-select>
282
+ <gov-button variant="primary" type="outlined" size="m">
283
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
284
+ </gov-button>
285
+ </gov-control-group>
286
+ <br />
287
+ <gov-control-group bordered disabled="true">
288
+ <gov-button variant="primary" type="outlined" size="l">
289
+ <gov-icon slot="left-icon" name="gear"></gov-icon>
290
+ </gov-button>
291
+ <gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
292
+ <gov-button variant="primary" type="outlined" size="l" tabindex="-1">
293
+ Nahrát soubor ze zařízení
294
+ </gov-button>
295
+ </gov-form-file>
296
+ <gov-button variant="primary" type="outlined" size="l">
297
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
298
+ </gov-button>
299
+ </gov-control-group>
300
+ <br />
301
+ <gov-control-group bordered disabled="true">
302
+ <gov-button variant="primary" type="outlined" size="xl">
303
+ <gov-icon slot="left-icon" name="chevron-up"></gov-icon>
304
+ </gov-button>
305
+ <gov-button variant="primary" type="outlined" size="xl">
306
+ <gov-icon slot="left-icon" name="chevron-down"></gov-icon>
307
+ </gov-button>
308
+ <gov-form-select name="test-me" size="xl">
309
+ <option value="" selected>Placeholder</option>
310
+ <option value="b">Value B</option>
311
+ <option value="c">Value C</option>
312
+ <option value="d">Value D</option>
313
+ </gov-form-select>
314
+ <gov-button variant="primary" type="outlined" size="xl">
315
+ <gov-icon slot="left-icon" name="x-lg"></gov-icon>
316
+ </gov-button>
317
+ </gov-control-group>
318
+ `;
319
+ }
320
+ }
321
+ if (customElements.get('control-group-page') === undefined) {
322
+ customElements.define('control-group-page', ControlGroupPage);
323
+ }
324
+ //# sourceMappingURL=ControlGroup.js.map
package/dist/collection/pages/ControlGroup.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ControlGroup.js","sourceRoot":"","sources":["../../../../../src/pages/ControlGroup.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAiB,SAAQ,WAAW;EACzC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2ThB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,SAAS,EAAE;EAC3D,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAA;CAC7D","sourcesContent":["class ControlGroupPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Control Group</h2>\n\n\t\t<gov-control-group bordered>\n\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\"></gov-form-input>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"primary\" bordered>\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group bordered>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"primary\" bordered>\n\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" size=\"xl\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br><br>\n\n\t\t<gov-control-group variant=\"secondary\" bordered>\n\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"primary\" size=\"s\"></gov-form-input>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\" bordered>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\" bordered>\n\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"primary\" size=\"xl\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br><br>\n\n\t\t<gov-control-group variant=\"secondary\" bordered>\n\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"secondary\" size=\"s\"></gov-form-input>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\" bordered>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\" bordered>\n\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"secondary\" size=\"xl\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<h2>Invalid</h2>\n\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t<gov-control-group bordered invalid=\"true\">\n\t\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\"></gov-form-input>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-control-group>\n\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\tRequired\n\t\t\t</gov-form-message>\n\t\t</gov-form-control>\n\t\t<br />\n\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t<gov-control-group invalid=\"true\">\n\t\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t</gov-form-select>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-control-group>\n\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\tRequired\n\t\t\t</gov-form-message>\n\t\t</gov-form-control>\n\t\t<br />\n\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t<gov-control-group bordered invalid=\"true\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t\t</gov-button>\n\t\t\t\t</gov-form-file>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-control-group>\n\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\tRequired\n\t\t\t</gov-form-message>\n\t\t</gov-form-control>\n\t\t<br />\n\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t<gov-control-group bordered invalid=\"true\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-form-select name=\"test-me\" size=\"xl\">\n\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t</gov-form-select>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-control-group>\n\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\tRequired\n\t\t\t</gov-form-message>\n\t\t</gov-form-control>\n\n\t\t<h2>Disabled</h2>\n\t\t<gov-control-group bordered disabled=\"true\">\n\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\"></gov-form-input>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group disabled=\"true\">\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group bordered disabled=\"true\">\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group bordered disabled=\"true\">\n\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" size=\"xl\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t`\n\t}\n}\n\nif (customElements.get('control-group-page') === undefined) {\n\tcustomElements.define('control-group-page', ControlGroupPage)\n}\n"]}