@gov-design-system-ce/components 0.0.62 → 0.0.64

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 (739) hide show
  1. package/dist/cjs/{constants-0488d137.js → constants-25f7a6be.js} +2 -2
  2. package/dist/cjs/{constants-0488d137.js.map → constants-25f7a6be.js.map} +1 -1
  3. package/dist/cjs/{constants-23b7a283.js → constants-427a2843.js} +2 -2
  4. package/dist/cjs/constants-427a2843.js.map +1 -0
  5. package/dist/cjs/{constants-ff12205f.js → constants-a31344ad.js} +1 -1
  6. package/dist/{collection/components/gov-button/default/constants.js.map → cjs/constants-a31344ad.js.map} +1 -1
  7. package/dist/cjs/core.cjs.js +25 -2
  8. package/dist/cjs/core.cjs.js.map +1 -1
  9. package/dist/cjs/{form-f68d13c6.js → form-74063d50.js} +3 -1
  10. package/dist/cjs/form-74063d50.js.map +1 -0
  11. package/dist/cjs/gov-accordion-item.cjs.entry.js +2 -2
  12. package/dist/cjs/gov-accordion-item.cjs.entry.js.map +1 -1
  13. package/dist/cjs/gov-accordion.cjs.entry.js +2 -2
  14. package/dist/cjs/gov-app.cjs.entry.js +797 -520
  15. package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
  16. package/dist/cjs/gov-attachments_3.cjs.entry.js +2 -2
  17. package/dist/cjs/gov-backdrop.cjs.entry.js +2 -2
  18. package/dist/cjs/gov-breadcrumbs.cjs.entry.js +2 -2
  19. package/dist/cjs/gov-breadcrumbs.cjs.entry.js.map +1 -1
  20. package/dist/cjs/gov-button.cjs.entry.js +3 -3
  21. package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
  22. package/dist/cjs/gov-card.cjs.entry.js +2 -2
  23. package/dist/cjs/gov-card.cjs.entry.js.map +1 -1
  24. package/dist/cjs/gov-chip.cjs.entry.js +102 -0
  25. package/dist/cjs/gov-chip.cjs.entry.js.map +1 -0
  26. package/dist/cjs/gov-container.cjs.entry.js +2 -2
  27. package/dist/cjs/gov-control-group.cjs.entry.js +2 -2
  28. package/dist/cjs/gov-cookiebar.cjs.entry.js +2 -2
  29. package/dist/cjs/gov-dropdown.cjs.entry.js +3 -3
  30. package/dist/cjs/gov-dropdown.cjs.entry.js.map +1 -1
  31. package/dist/cjs/gov-empty.cjs.entry.js +2 -2
  32. package/dist/cjs/gov-error-code.cjs.entry.js +2 -2
  33. package/dist/cjs/gov-form-autocomplete.cjs.entry.js +2 -2
  34. package/dist/cjs/gov-form-checkbox.cjs.entry.js +5 -5
  35. package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
  36. package/dist/cjs/gov-form-control.cjs.entry.js +3 -3
  37. package/dist/cjs/gov-form-file.cjs.entry.js +3 -3
  38. package/dist/cjs/gov-form-group.cjs.entry.js +13 -4
  39. package/dist/cjs/gov-form-group.cjs.entry.js.map +1 -1
  40. package/dist/cjs/gov-form-input.cjs.entry.js +3 -3
  41. package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
  42. package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
  43. package/dist/cjs/gov-form-multi-select.cjs.entry.js +3 -3
  44. package/dist/cjs/gov-form-password-power.cjs.entry.js +2 -2
  45. package/dist/cjs/gov-form-password-power.cjs.entry.js.map +1 -1
  46. package/dist/cjs/gov-form-radio.cjs.entry.js +7 -7
  47. package/dist/cjs/gov-form-radio.cjs.entry.js.map +1 -1
  48. package/dist/cjs/gov-form-search.cjs.entry.js +1 -1
  49. package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
  50. package/dist/cjs/gov-form-select.cjs.entry.js +15 -4
  51. package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
  52. package/dist/cjs/gov-form-switch.cjs.entry.js +4 -4
  53. package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
  54. package/dist/cjs/gov-grid-item.cjs.entry.js +2 -2
  55. package/dist/cjs/gov-grid.cjs.entry.js +2 -2
  56. package/dist/cjs/gov-icon.cjs.entry.js +4 -4
  57. package/dist/cjs/gov-icon.cjs.entry.js.map +1 -1
  58. package/dist/cjs/gov-infobar.cjs.entry.js +6 -5
  59. package/dist/cjs/gov-infobar.cjs.entry.js.map +1 -1
  60. package/dist/cjs/gov-layout-column.cjs.entry.js +2 -2
  61. package/dist/cjs/gov-layout.cjs.entry.js +2 -2
  62. package/dist/cjs/gov-loading.cjs.entry.js +2 -2
  63. package/dist/cjs/gov-message.cjs.entry.js +2 -2
  64. package/dist/cjs/gov-modal.cjs.entry.js +8 -5
  65. package/dist/cjs/gov-modal.cjs.entry.js.map +1 -1
  66. package/dist/cjs/gov-nav-item.cjs.entry.js +1 -1
  67. package/dist/cjs/gov-nav.cjs.entry.js +1 -1
  68. package/dist/cjs/gov-pagination.cjs.entry.js +2 -2
  69. package/dist/cjs/gov-prompt.cjs.entry.js +2 -2
  70. package/dist/cjs/gov-side-nav-item.cjs.entry.js +5 -5
  71. package/dist/cjs/gov-side-nav-item.cjs.entry.js.map +1 -1
  72. package/dist/cjs/gov-side-nav.cjs.entry.js +3 -3
  73. package/dist/cjs/gov-skeleton.cjs.entry.js +2 -2
  74. package/dist/cjs/gov-spacer.cjs.entry.js +2 -2
  75. package/dist/cjs/gov-statsbar-item.cjs.entry.js +2 -2
  76. package/dist/cjs/gov-statsbar.cjs.entry.js +2 -2
  77. package/dist/cjs/gov-stepper-item.cjs.entry.js +2 -2
  78. package/dist/cjs/gov-stepper.cjs.entry.js +2 -2
  79. package/dist/cjs/gov-tabs-item.cjs.entry.js +6 -6
  80. package/dist/cjs/gov-tabs-item.cjs.entry.js.map +1 -1
  81. package/dist/cjs/gov-tabs.cjs.entry.js +26 -17
  82. package/dist/cjs/gov-tabs.cjs.entry.js.map +1 -1
  83. package/dist/cjs/gov-tag.cjs.entry.js +51 -0
  84. package/dist/cjs/gov-tag.cjs.entry.js.map +1 -0
  85. package/dist/cjs/gov-tile.cjs.entry.js +2 -2
  86. package/dist/cjs/gov-tile.cjs.entry.js.map +1 -1
  87. package/dist/cjs/gov-tiles.cjs.entry.js +2 -2
  88. package/dist/cjs/gov-toast.cjs.entry.js +3 -3
  89. package/dist/cjs/gov-toast.cjs.entry.js.map +1 -1
  90. package/dist/cjs/gov-tooltip-content.cjs.entry.js +3 -3
  91. package/dist/cjs/gov-tooltip-content.cjs.entry.js.map +1 -1
  92. package/dist/cjs/gov-tooltip.cjs.entry.js +41 -6
  93. package/dist/cjs/gov-tooltip.cjs.entry.js.map +1 -1
  94. package/dist/cjs/gov-wizard-item.cjs.entry.js +2 -2
  95. package/dist/cjs/gov-wizard-item.cjs.entry.js.map +1 -1
  96. package/dist/cjs/gov-wizard.cjs.entry.js +2 -2
  97. package/dist/cjs/{index-83edd4fe.js → index-7b6bba34.js} +145 -3
  98. package/dist/cjs/index-7b6bba34.js.map +1 -0
  99. package/dist/cjs/loader.cjs.js +2 -2
  100. package/dist/cjs/{template-e1c4ff78.js → template-4b951d1d.js} +8 -1
  101. package/dist/cjs/template-4b951d1d.js.map +1 -0
  102. package/dist/collection/collection-manifest.json +4 -3
  103. package/dist/collection/components/gov-accordion/gov-accordion-item.css +5 -2
  104. package/dist/collection/components/gov-accordion/gov-accordion-item.js +1 -1
  105. package/dist/collection/components/gov-accordion/gov-accordion-item.js.map +1 -1
  106. package/dist/collection/components/gov-accordion/gov-accordion.css +5 -2
  107. package/dist/collection/components/gov-app/gov-app.css +5 -2
  108. package/dist/collection/components/gov-app/gov-app.js +5 -3
  109. package/dist/collection/components/gov-app/gov-app.js.map +1 -1
  110. package/dist/collection/components/gov-attachments/gov-attachments-item.css +5 -2
  111. package/dist/collection/components/gov-attachments/gov-attachments.css +5 -2
  112. package/dist/collection/components/gov-backdrop/gov-backdrop.css +5 -2
  113. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +5 -2
  114. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js +1 -1
  115. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js.map +1 -1
  116. package/dist/collection/components/gov-button/button/constants.js.map +1 -0
  117. package/dist/collection/components/gov-button/{default → button}/gov-button.css +6 -3
  118. package/dist/collection/components/gov-button/{default → button}/gov-button.js +9 -9
  119. package/dist/collection/components/gov-button/button/gov-button.js.map +1 -0
  120. package/dist/collection/components/gov-button/button/gov-button.types.js.map +1 -0
  121. package/dist/collection/components/gov-button/dropdown/gov-dropdown.css +5 -2
  122. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js +1 -1
  123. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js.map +1 -1
  124. package/dist/collection/components/gov-card/gov-card.css +5 -2
  125. package/dist/collection/components/gov-card/gov-card.js +1 -1
  126. package/dist/collection/components/gov-card/gov-card.js.map +1 -1
  127. package/dist/collection/components/{gov-badge → gov-chip}/constants.js +5 -5
  128. package/dist/collection/components/gov-chip/constants.js.map +1 -0
  129. package/dist/collection/components/gov-chip/gov-chip.css +1270 -0
  130. package/dist/collection/components/{gov-badge/gov-badge.js → gov-chip/gov-chip.js} +150 -23
  131. package/dist/collection/components/gov-chip/gov-chip.js.map +1 -0
  132. package/dist/collection/components/gov-container/gov-container.css +5 -2
  133. package/dist/collection/components/gov-control-group/gov-control-group.css +5 -2
  134. package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +5 -2
  135. package/dist/collection/components/gov-empty/gov-empty.css +5 -2
  136. package/dist/collection/components/gov-error-code/gov-error-code.css +5 -2
  137. package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +5 -2
  138. package/dist/collection/components/gov-form/checkbox/constants.js +1 -0
  139. package/dist/collection/components/gov-form/checkbox/constants.js.map +1 -1
  140. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +8 -2
  141. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js +2 -2
  142. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js.map +1 -1
  143. package/dist/collection/components/gov-form/control/gov-form-control.css +5 -2
  144. package/dist/collection/components/gov-form/file/gov-form-file.css +5 -2
  145. package/dist/collection/components/gov-form/group/gov-form-group.css +5 -2
  146. package/dist/collection/components/gov-form/group/gov-form-group.js +13 -2
  147. package/dist/collection/components/gov-form/group/gov-form-group.js.map +1 -1
  148. package/dist/collection/components/gov-form/input/gov-form-input.css +5 -2
  149. package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
  150. package/dist/collection/components/gov-form/label/gov-form-label.css +5 -2
  151. package/dist/collection/components/gov-form/message/gov-form-message.css +5 -2
  152. package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +5 -2
  153. package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +8 -4
  154. package/dist/collection/components/gov-form/password-power/gov-form-password-power.js +1 -1
  155. package/dist/collection/components/gov-form/password-power/gov-form-password-power.js.map +1 -1
  156. package/dist/collection/components/gov-form/radio/constants.js +1 -0
  157. package/dist/collection/components/gov-form/radio/constants.js.map +1 -1
  158. package/dist/collection/components/gov-form/radio/gov-form-radio.css +8 -2
  159. package/dist/collection/components/gov-form/radio/gov-form-radio.js +4 -4
  160. package/dist/collection/components/gov-form/radio/gov-form-radio.js.map +1 -1
  161. package/dist/collection/components/gov-form/search/gov-form-search.css +5 -2
  162. package/dist/collection/components/gov-form/search/gov-form-search.js +1 -1
  163. package/dist/collection/components/gov-form/search/gov-form-search.js.map +1 -1
  164. package/dist/collection/components/gov-form/select/gov-form-select.css +5 -2
  165. package/dist/collection/components/gov-form/select/gov-form-select.js +39 -2
  166. package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
  167. package/dist/collection/components/gov-form/select/gov-form-select.types.js.map +1 -1
  168. package/dist/collection/components/gov-form/switch/gov-form-switch.css +7 -2
  169. package/dist/collection/components/gov-form/switch/gov-form-switch.js +1 -1
  170. package/dist/collection/components/gov-form/switch/gov-form-switch.js.map +1 -1
  171. package/dist/collection/components/gov-grid/gov-grid-item.css +5 -2
  172. package/dist/collection/components/gov-grid/gov-grid.css +5 -2
  173. package/dist/collection/components/gov-icon/gov-icon.css +8 -2
  174. package/dist/collection/components/gov-icon/gov-icon.js +4 -10
  175. package/dist/collection/components/gov-icon/gov-icon.js.map +1 -1
  176. package/dist/collection/components/gov-icon/list.js +17 -11
  177. package/dist/collection/components/gov-icon/list.js.map +1 -1
  178. package/dist/collection/components/gov-infobar/{default/constants.js → constants.js} +3 -2
  179. package/dist/collection/components/gov-infobar/constants.js.map +1 -0
  180. package/dist/collection/components/gov-infobar/{default/gov-infobar.css → gov-infobar.css} +9 -3
  181. package/dist/collection/components/gov-infobar/{default/gov-infobar.js → gov-infobar.js} +12 -11
  182. package/dist/collection/components/gov-infobar/gov-infobar.js.map +1 -0
  183. package/dist/collection/components/gov-infobar/gov-infobar.types.js.map +1 -0
  184. package/dist/collection/components/gov-layout/gov-layout-column.css +5 -2
  185. package/dist/collection/components/gov-layout/gov-layout.css +5 -2
  186. package/dist/collection/components/gov-loading/loading/gov-loading.css +5 -2
  187. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +5 -2
  188. package/dist/collection/components/gov-message/gov-message.css +5 -2
  189. package/dist/collection/components/gov-modal/gov-modal.css +5 -2
  190. package/dist/collection/components/gov-modal/gov-modal.js +24 -3
  191. package/dist/collection/components/gov-modal/gov-modal.js.map +1 -1
  192. package/dist/collection/components/gov-nav/gov-nav-item.css +5 -2
  193. package/dist/collection/components/gov-nav/gov-nav.css +5 -2
  194. package/dist/collection/components/gov-pagination/gov-pagination.css +5 -2
  195. package/dist/collection/components/gov-promp/gov-prompt.css +5 -2
  196. package/dist/collection/components/gov-side-nav/constants.js +1 -1
  197. package/dist/collection/components/gov-side-nav/constants.js.map +1 -1
  198. package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +6 -3
  199. package/dist/collection/components/gov-side-nav/gov-side-nav-item.js +2 -2
  200. package/dist/collection/components/gov-side-nav/gov-side-nav-item.js.map +1 -1
  201. package/dist/collection/components/gov-side-nav/gov-side-nav.css +5 -2
  202. package/dist/collection/components/gov-spacer/gov-spacer.css +5 -2
  203. package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +5 -2
  204. package/dist/collection/components/gov-statsbar/gov-statsbar.css +5 -2
  205. package/dist/collection/components/gov-stepper/gov-stepper-item.css +5 -2
  206. package/dist/collection/components/gov-stepper/gov-stepper.css +5 -2
  207. package/dist/collection/components/gov-tabs/constants.js +1 -1
  208. package/dist/collection/components/gov-tabs/constants.js.map +1 -1
  209. package/dist/collection/components/gov-tabs/gov-tabs-item.css +5 -2
  210. package/dist/collection/components/gov-tabs/gov-tabs-item.js +4 -4
  211. package/dist/collection/components/gov-tabs/gov-tabs-item.js.map +1 -1
  212. package/dist/collection/components/gov-tabs/gov-tabs.css +16 -14
  213. package/dist/collection/components/gov-tabs/gov-tabs.js +29 -21
  214. package/dist/collection/components/gov-tabs/gov-tabs.js.map +1 -1
  215. package/dist/collection/components/gov-tag/constants.js +4 -0
  216. package/dist/collection/components/gov-tag/constants.js.map +1 -0
  217. package/dist/collection/components/gov-tag/gov-tag.css +1274 -0
  218. package/dist/collection/components/gov-tag/gov-tag.js +118 -0
  219. package/dist/collection/components/gov-tag/gov-tag.js.map +1 -0
  220. package/dist/collection/components/gov-tile/container/gov-tiles.css +5 -2
  221. package/dist/collection/components/gov-tile/gov-tile.css +5 -2
  222. package/dist/collection/components/gov-tile/gov-tile.js +3 -3
  223. package/dist/collection/components/gov-tile/gov-tile.js.map +1 -1
  224. package/dist/collection/components/gov-toast/gov-toast.css +6 -3
  225. package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +14 -2
  226. package/dist/collection/components/gov-tooltip/gov-tooltip.css +6 -3
  227. package/dist/collection/components/gov-tooltip/gov-tooltip.js +40 -5
  228. package/dist/collection/components/gov-tooltip/gov-tooltip.js.map +1 -1
  229. package/dist/collection/components/gov-wizard/gov-wizard-item.css +5 -2
  230. package/dist/collection/components/gov-wizard/gov-wizard-item.js +1 -1
  231. package/dist/collection/components/gov-wizard/gov-wizard-item.js.map +1 -1
  232. package/dist/collection/components/gov-wizard/gov-wizard.css +5 -2
  233. package/dist/collection/data/font-definitions.js +6 -6
  234. package/dist/collection/helpers/Dom/template.js +7 -0
  235. package/dist/collection/helpers/Dom/template.js.map +1 -1
  236. package/dist/collection/helpers/Dom/template.types.js.map +1 -1
  237. package/dist/collection/pages/Accordion.js +15 -15
  238. package/dist/collection/pages/Accordion.js.map +1 -1
  239. package/dist/collection/pages/{Badge.js → Chip.js} +181 -181
  240. package/dist/collection/pages/Chip.js.map +1 -0
  241. package/dist/collection/pages/Forms.js +23 -0
  242. package/dist/collection/pages/Forms.js.map +1 -1
  243. package/dist/collection/pages/Infobar.js +5 -5
  244. package/dist/collection/pages/Infobar.js.map +1 -1
  245. package/dist/collection/pages/Tabs.js +7 -7
  246. package/dist/collection/pages/Tabs.js.map +1 -1
  247. package/dist/collection/pages/Tag.js +253 -0
  248. package/dist/collection/pages/Tag.js.map +1 -0
  249. package/dist/collection/pages/ToastMessageCountdown.js +5 -5
  250. package/dist/collection/pages/ToastMessageCountdown.js.map +1 -1
  251. package/dist/collection/pages/Tooltip.js +3 -3
  252. package/dist/collection/pages/Tooltip.js.map +1 -1
  253. package/dist/components/gov-accordion-item.js +1 -1
  254. package/dist/components/gov-accordion-item.js.map +1 -1
  255. package/dist/components/gov-accordion.js +1 -1
  256. package/dist/components/gov-app.js +1 -1
  257. package/dist/components/gov-app.js.map +1 -1
  258. package/dist/components/gov-attachments-item.js +1 -1
  259. package/dist/components/gov-attachments.js +1 -1
  260. package/dist/components/gov-backdrop.js +1 -1
  261. package/dist/components/gov-breadcrumbs.js +1 -1
  262. package/dist/components/gov-breadcrumbs.js.map +1 -1
  263. package/dist/components/gov-button.js +1 -1
  264. package/dist/components/gov-card.js +1 -1
  265. package/dist/components/gov-card.js.map +1 -1
  266. package/dist/components/{gov-badge.d.ts → gov-chip.d.ts} +4 -4
  267. package/dist/components/gov-chip.js +2 -0
  268. package/dist/components/gov-container.js +1 -1
  269. package/dist/components/gov-control-group.js +1 -1
  270. package/dist/components/gov-cookiebar.js +1 -1
  271. package/dist/components/gov-dropdown.js +1 -1
  272. package/dist/components/gov-dropdown.js.map +1 -1
  273. package/dist/components/gov-empty.js +1 -1
  274. package/dist/components/gov-error-code.js +1 -1
  275. package/dist/components/gov-form-autocomplete.js +1 -1
  276. package/dist/components/gov-form-checkbox.js +1 -1
  277. package/dist/components/gov-form-checkbox.js.map +1 -1
  278. package/dist/components/gov-form-control.js +1 -1
  279. package/dist/components/gov-form-file.js +1 -1
  280. package/dist/components/gov-form-group.js +1 -1
  281. package/dist/components/gov-form-group.js.map +1 -1
  282. package/dist/components/gov-form-input.js +1 -1
  283. package/dist/components/gov-form-label.js +1 -1
  284. package/dist/components/gov-form-message.js +1 -1
  285. package/dist/components/gov-form-multi-select.js +1 -1
  286. package/dist/components/gov-form-password-power.js +1 -1
  287. package/dist/components/gov-form-password-power.js.map +1 -1
  288. package/dist/components/gov-form-radio.js +1 -1
  289. package/dist/components/gov-form-radio.js.map +1 -1
  290. package/dist/components/gov-form-search.js +1 -1
  291. package/dist/components/gov-form-search.js.map +1 -1
  292. package/dist/components/gov-form-select.js +1 -1
  293. package/dist/components/gov-form-switch.js +1 -1
  294. package/dist/components/gov-form-switch.js.map +1 -1
  295. package/dist/components/gov-grid-item.js +1 -1
  296. package/dist/components/gov-grid.js +1 -1
  297. package/dist/components/gov-icon.js +1 -1
  298. package/dist/components/gov-infobar.js +1 -1
  299. package/dist/components/gov-infobar.js.map +1 -1
  300. package/dist/components/gov-layout-column.js +1 -1
  301. package/dist/components/gov-layout.js +1 -1
  302. package/dist/components/gov-loading.js +1 -1
  303. package/dist/components/gov-message.js +1 -1
  304. package/dist/components/gov-modal.js +1 -1
  305. package/dist/components/gov-modal.js.map +1 -1
  306. package/dist/components/gov-nav-item.js +1 -1
  307. package/dist/components/gov-nav.js +1 -1
  308. package/dist/components/gov-pagination.js +1 -1
  309. package/dist/components/gov-prompt.js +1 -1
  310. package/dist/components/gov-side-nav-item.js +1 -1
  311. package/dist/components/gov-side-nav-item.js.map +1 -1
  312. package/dist/components/gov-side-nav.js +1 -1
  313. package/dist/components/gov-side-nav.js.map +1 -1
  314. package/dist/components/gov-skeleton.js +1 -1
  315. package/dist/components/gov-skeleton.js.map +1 -1
  316. package/dist/components/gov-spacer.js +1 -1
  317. package/dist/components/gov-statsbar-item.js +1 -1
  318. package/dist/components/gov-statsbar.js +1 -1
  319. package/dist/components/gov-stepper-item.js +1 -1
  320. package/dist/components/gov-stepper.js +1 -1
  321. package/dist/components/gov-tabs-item.js +1 -1
  322. package/dist/components/gov-tabs-item.js.map +1 -1
  323. package/dist/components/gov-tabs.js +1 -1
  324. package/dist/components/gov-tabs.js.map +1 -1
  325. package/dist/components/gov-tag.d.ts +11 -0
  326. package/dist/components/gov-tag.js +2 -0
  327. package/dist/components/gov-tag.js.map +1 -0
  328. package/dist/components/gov-tile.js +1 -1
  329. package/dist/components/gov-tile.js.map +1 -1
  330. package/dist/components/gov-tiles.js +1 -1
  331. package/dist/components/gov-toast.js +1 -1
  332. package/dist/components/gov-toast.js.map +1 -1
  333. package/dist/components/gov-tooltip-content.js +1 -1
  334. package/dist/components/gov-tooltip-content.js.map +1 -1
  335. package/dist/components/gov-tooltip.js +1 -1
  336. package/dist/components/gov-tooltip.js.map +1 -1
  337. package/dist/components/gov-wizard-item.js +1 -1
  338. package/dist/components/gov-wizard-item.js.map +1 -1
  339. package/dist/components/gov-wizard.js +1 -1
  340. package/dist/components/index.js +1 -1
  341. package/dist/components/{p-b3cb7945.js → p-202b7b42.js} +2 -2
  342. package/dist/components/{p-1b4f2520.js → p-22cd88f7.js} +2 -2
  343. package/dist/components/p-28e59384.js +2 -0
  344. package/dist/components/p-28e59384.js.map +1 -0
  345. package/dist/components/p-2dee9951.js +2 -0
  346. package/dist/components/p-2dee9951.js.map +1 -0
  347. package/dist/components/{p-3dbf7f49.js → p-3c71d697.js} +1 -1
  348. package/dist/{cjs/constants-ff12205f.js.map → components/p-3c71d697.js.map} +1 -1
  349. package/dist/components/p-40b51fd3.js +2 -0
  350. package/dist/components/{p-522dd298.js.map → p-40b51fd3.js.map} +1 -1
  351. package/dist/components/p-53e02bee.js +2 -0
  352. package/dist/components/p-53e02bee.js.map +1 -0
  353. package/dist/components/{p-f72ecbef.js → p-71a4c88d.js} +2 -2
  354. package/dist/components/p-71a4c88d.js.map +1 -0
  355. package/dist/components/{p-bc5d5903.js → p-8b53e056.js} +2 -2
  356. package/dist/components/p-94bf1f51.js +2 -0
  357. package/dist/components/p-94bf1f51.js.map +1 -0
  358. package/dist/components/{p-8da17139.js → p-d60bcfde.js} +2 -2
  359. package/dist/components/p-db1f0452.js +2 -0
  360. package/dist/components/p-db1f0452.js.map +1 -0
  361. package/dist/components/{p-9ba6e755.js → p-ddf6db05.js} +2 -2
  362. package/dist/components/p-ddf6db05.js.map +1 -0
  363. package/dist/components/{p-94542a50.js → p-e196ff42.js} +2 -2
  364. package/dist/components/p-e196ff42.js.map +1 -0
  365. package/dist/components/{p-3e8a9e92.js → p-f2efd9b5.js} +2 -2
  366. package/dist/components/p-fa1e4aea.js +2 -0
  367. package/dist/components/p-fa1e4aea.js.map +1 -0
  368. package/dist/core/core.esm.js +1 -1
  369. package/dist/core/core.esm.js.map +1 -1
  370. package/dist/core/{p-2bb9f781.entry.js → p-01d928c5.entry.js} +2 -2
  371. package/dist/core/{p-998c3336.entry.js → p-029beaf4.entry.js} +2 -2
  372. package/dist/core/p-05e4822a.entry.js +2 -0
  373. package/dist/core/p-05e4822a.entry.js.map +1 -0
  374. package/dist/core/p-09966eaa.entry.js +2 -0
  375. package/dist/core/p-09966eaa.entry.js.map +1 -0
  376. package/dist/core/p-0e5fa8bf.js +2 -0
  377. package/dist/core/p-0e5fa8bf.js.map +1 -0
  378. package/dist/core/{p-739dd451.entry.js → p-1116fec6.entry.js} +2 -2
  379. package/dist/core/{p-041d30b1.entry.js → p-141d9af4.entry.js} +2 -2
  380. package/dist/core/{p-e1780dba.entry.js → p-1730ac7a.entry.js} +2 -2
  381. package/dist/core/p-1a04e45e.entry.js +2 -0
  382. package/dist/core/p-1a04e45e.entry.js.map +1 -0
  383. package/dist/core/{p-88a78167.entry.js → p-2016172f.entry.js} +2 -2
  384. package/dist/core/{p-1c62f175.entry.js → p-22abe742.entry.js} +2 -2
  385. package/dist/core/{p-5316e768.entry.js → p-243b1ccc.entry.js} +2 -2
  386. package/dist/core/p-28e59384.js +2 -0
  387. package/dist/core/p-28e59384.js.map +1 -0
  388. package/dist/core/{p-e2d6efaf.entry.js → p-2a95f9fb.entry.js} +2 -2
  389. package/dist/core/{p-32a4b7e3.entry.js → p-2aef69ed.entry.js} +2 -2
  390. package/dist/core/p-2aef69ed.entry.js.map +1 -0
  391. package/dist/core/p-2bcabdd5.entry.js +2 -0
  392. package/dist/core/{p-2bf0c1c5.entry.js.map → p-2bcabdd5.entry.js.map} +1 -1
  393. package/dist/core/{p-33895061.entry.js → p-2c9a4d08.entry.js} +2 -2
  394. package/dist/core/{p-74ce7780.entry.js → p-2f858bf5.entry.js} +2 -2
  395. package/dist/core/p-2f858bf5.entry.js.map +1 -0
  396. package/dist/core/{p-89921159.entry.js → p-356adceb.entry.js} +2 -2
  397. package/dist/core/p-3b45ecb0.entry.js +2 -0
  398. package/dist/core/p-3b45ecb0.entry.js.map +1 -0
  399. package/dist/core/{p-2fe9d3ea.entry.js → p-44f4daa3.entry.js} +2 -2
  400. package/dist/core/p-461d28ed.entry.js +2 -0
  401. package/dist/core/p-461d28ed.entry.js.map +1 -0
  402. package/dist/core/{p-afa12399.entry.js → p-466f885b.entry.js} +2 -2
  403. package/dist/core/p-466f885b.entry.js.map +1 -0
  404. package/dist/core/p-47d63996.entry.js +2 -0
  405. package/dist/core/p-47d63996.entry.js.map +1 -0
  406. package/dist/core/p-4accef73.entry.js +2 -0
  407. package/dist/core/{p-7e8d2066.entry.js.map → p-4accef73.entry.js.map} +1 -1
  408. package/dist/core/{p-3bacd021.js → p-4c55142b.js} +1 -1
  409. package/dist/core/p-4c55142b.js.map +1 -0
  410. package/dist/core/{p-f62efc34.entry.js → p-53549fe4.entry.js} +2 -2
  411. package/dist/core/p-5bc604a3.js +3 -0
  412. package/dist/core/p-5bc604a3.js.map +1 -0
  413. package/dist/core/{p-6f43bd00.entry.js → p-6675a0f0.entry.js} +2 -2
  414. package/dist/core/{p-0eb11cfc.entry.js → p-67138ae9.entry.js} +2 -2
  415. package/dist/core/{p-19b897c0.entry.js → p-6833aeaf.entry.js} +2 -2
  416. package/dist/core/p-705efbf1.entry.js +2 -0
  417. package/dist/core/p-705efbf1.entry.js.map +1 -0
  418. package/dist/core/{p-1da9f871.entry.js → p-7757e4a1.entry.js} +2 -2
  419. package/dist/core/{p-0c57e410.entry.js → p-7b7f8cc2.entry.js} +2 -2
  420. package/dist/core/p-7b7f8cc2.entry.js.map +1 -0
  421. package/dist/core/{p-de5c9181.entry.js → p-7d85bc32.entry.js} +2 -2
  422. package/dist/core/{p-de5c9181.entry.js.map → p-7d85bc32.entry.js.map} +1 -1
  423. package/dist/core/{p-84f6b11a.entry.js → p-81593c86.entry.js} +2 -2
  424. package/dist/core/{p-84f6b11a.entry.js.map → p-81593c86.entry.js.map} +1 -1
  425. package/dist/core/{p-88010439.entry.js → p-877121d4.entry.js} +2 -2
  426. package/dist/core/p-87b5668e.entry.js +2 -0
  427. package/dist/core/p-87b5668e.entry.js.map +1 -0
  428. package/dist/core/{p-35c1c12c.entry.js → p-965f24fb.entry.js} +2 -2
  429. package/dist/core/p-965f24fb.entry.js.map +1 -0
  430. package/dist/core/{p-acd6a9f4.entry.js → p-9af6210d.entry.js} +2 -2
  431. package/dist/core/p-9af6210d.entry.js.map +1 -0
  432. package/dist/core/{p-93897e60.entry.js → p-9d4a6e9b.entry.js} +2 -2
  433. package/dist/core/{p-b0c97376.entry.js → p-a133cdda.entry.js} +2 -2
  434. package/dist/core/{p-7702c8c2.entry.js → p-a3b6c5c7.entry.js} +2 -2
  435. package/dist/core/{p-19a54ee9.entry.js → p-a54c1e85.entry.js} +2 -2
  436. package/dist/core/p-a54c1e85.entry.js.map +1 -0
  437. package/dist/core/{p-82b4b522.entry.js → p-a9493d11.entry.js} +2 -2
  438. package/dist/core/p-ae13fbbc.entry.js +2 -0
  439. package/dist/core/p-ae13fbbc.entry.js.map +1 -0
  440. package/dist/core/{p-7372b066.entry.js → p-b3840f50.entry.js} +2 -2
  441. package/dist/core/{p-228da18e.entry.js → p-b49293dc.entry.js} +2 -2
  442. package/dist/core/p-b49ac370.entry.js +2 -0
  443. package/dist/core/{p-4452c278.entry.js.map → p-b49ac370.entry.js.map} +1 -1
  444. package/dist/core/p-b946cd3f.entry.js +2 -0
  445. package/dist/core/p-b946cd3f.entry.js.map +1 -0
  446. package/dist/core/p-bd1855f7.entry.js +2 -0
  447. package/dist/core/{p-c5d3efc2.entry.js.map → p-bd1855f7.entry.js.map} +1 -1
  448. package/dist/core/{p-7fa1290e.entry.js → p-c0be9590.entry.js} +2 -2
  449. package/dist/core/{p-28f39f69.entry.js → p-c3e4700b.entry.js} +2 -2
  450. package/dist/core/p-c574ecc8.entry.js +2 -0
  451. package/dist/core/{p-5e23a6ba.entry.js.map → p-c574ecc8.entry.js.map} +1 -1
  452. package/dist/core/p-c5e9da95.entry.js +2 -0
  453. package/dist/core/p-c5e9da95.entry.js.map +1 -0
  454. package/dist/core/{p-a7719b55.entry.js → p-ce586e19.entry.js} +2 -2
  455. package/dist/core/{p-c81d62db.entry.js → p-d4c468b9.entry.js} +2 -2
  456. package/dist/core/p-db1f0452.js +2 -0
  457. package/dist/core/p-db1f0452.js.map +1 -0
  458. package/dist/core/{p-80f5140b.entry.js → p-e4f703d3.entry.js} +2 -2
  459. package/dist/core/{p-93042b25.entry.js → p-e5c2f601.entry.js} +2 -2
  460. package/dist/core/p-e9c0fac1.entry.js +2 -0
  461. package/dist/core/p-e9c0fac1.entry.js.map +1 -0
  462. package/dist/core/{p-1c40fdd5.entry.js → p-eb0c9716.entry.js} +2 -2
  463. package/dist/core/p-eb0c9716.entry.js.map +1 -0
  464. package/dist/core/p-f9f212a6.entry.js +2 -0
  465. package/dist/core/p-f9f212a6.entry.js.map +1 -0
  466. package/dist/core/p-fa1e4aea.js +2 -0
  467. package/dist/core/p-fa1e4aea.js.map +1 -0
  468. package/dist/core/p-fc2a1e14.entry.js +2 -0
  469. package/dist/core/p-fc2a1e14.entry.js.map +1 -0
  470. package/dist/esm/{constants-ba92640d.js → constants-34a29ae2.js} +1 -1
  471. package/dist/{components/p-3dbf7f49.js.map → esm/constants-34a29ae2.js.map} +1 -1
  472. package/dist/esm/{constants-24dad929.js → constants-6df4edc4.js} +2 -2
  473. package/dist/esm/constants-6df4edc4.js.map +1 -0
  474. package/dist/esm/{constants-f5c21493.js → constants-867ac6e2.js} +2 -2
  475. package/dist/esm/{constants-f5c21493.js.map → constants-867ac6e2.js.map} +1 -1
  476. package/dist/esm/core.js +26 -3
  477. package/dist/esm/core.js.map +1 -1
  478. package/dist/esm/{form-2d9f68d9.js → form-39dc6896.js} +3 -1
  479. package/dist/esm/form-39dc6896.js.map +1 -0
  480. package/dist/esm/gov-accordion-item.entry.js +2 -2
  481. package/dist/esm/gov-accordion-item.entry.js.map +1 -1
  482. package/dist/esm/gov-accordion.entry.js +2 -2
  483. package/dist/esm/gov-app.entry.js +797 -520
  484. package/dist/esm/gov-app.entry.js.map +1 -1
  485. package/dist/esm/gov-attachments_3.entry.js +2 -2
  486. package/dist/esm/gov-backdrop.entry.js +2 -2
  487. package/dist/esm/gov-breadcrumbs.entry.js +2 -2
  488. package/dist/esm/gov-breadcrumbs.entry.js.map +1 -1
  489. package/dist/esm/gov-button.entry.js +3 -3
  490. package/dist/esm/gov-button.entry.js.map +1 -1
  491. package/dist/esm/gov-card.entry.js +2 -2
  492. package/dist/esm/gov-card.entry.js.map +1 -1
  493. package/dist/esm/gov-chip.entry.js +98 -0
  494. package/dist/esm/gov-chip.entry.js.map +1 -0
  495. package/dist/esm/gov-container.entry.js +2 -2
  496. package/dist/esm/gov-control-group.entry.js +2 -2
  497. package/dist/esm/gov-cookiebar.entry.js +2 -2
  498. package/dist/esm/gov-dropdown.entry.js +3 -3
  499. package/dist/esm/gov-dropdown.entry.js.map +1 -1
  500. package/dist/esm/gov-empty.entry.js +2 -2
  501. package/dist/esm/gov-error-code.entry.js +2 -2
  502. package/dist/esm/gov-form-autocomplete.entry.js +2 -2
  503. package/dist/esm/gov-form-checkbox.entry.js +5 -5
  504. package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
  505. package/dist/esm/gov-form-control.entry.js +3 -3
  506. package/dist/esm/gov-form-file.entry.js +3 -3
  507. package/dist/esm/gov-form-group.entry.js +13 -4
  508. package/dist/esm/gov-form-group.entry.js.map +1 -1
  509. package/dist/esm/gov-form-input.entry.js +3 -3
  510. package/dist/esm/gov-form-input.entry.js.map +1 -1
  511. package/dist/esm/gov-form-label.entry.js +1 -1
  512. package/dist/esm/gov-form-multi-select.entry.js +3 -3
  513. package/dist/esm/gov-form-password-power.entry.js +2 -2
  514. package/dist/esm/gov-form-password-power.entry.js.map +1 -1
  515. package/dist/esm/gov-form-radio.entry.js +7 -7
  516. package/dist/esm/gov-form-radio.entry.js.map +1 -1
  517. package/dist/esm/gov-form-search.entry.js +1 -1
  518. package/dist/esm/gov-form-search.entry.js.map +1 -1
  519. package/dist/esm/gov-form-select.entry.js +15 -4
  520. package/dist/esm/gov-form-select.entry.js.map +1 -1
  521. package/dist/esm/gov-form-switch.entry.js +4 -4
  522. package/dist/esm/gov-form-switch.entry.js.map +1 -1
  523. package/dist/esm/gov-grid-item.entry.js +2 -2
  524. package/dist/esm/gov-grid.entry.js +2 -2
  525. package/dist/esm/gov-icon.entry.js +4 -4
  526. package/dist/esm/gov-icon.entry.js.map +1 -1
  527. package/dist/esm/gov-infobar.entry.js +6 -5
  528. package/dist/esm/gov-infobar.entry.js.map +1 -1
  529. package/dist/esm/gov-layout-column.entry.js +2 -2
  530. package/dist/esm/gov-layout.entry.js +2 -2
  531. package/dist/esm/gov-loading.entry.js +2 -2
  532. package/dist/esm/gov-message.entry.js +2 -2
  533. package/dist/esm/gov-modal.entry.js +8 -5
  534. package/dist/esm/gov-modal.entry.js.map +1 -1
  535. package/dist/esm/gov-nav-item.entry.js +1 -1
  536. package/dist/esm/gov-nav.entry.js +1 -1
  537. package/dist/esm/gov-pagination.entry.js +2 -2
  538. package/dist/esm/gov-prompt.entry.js +2 -2
  539. package/dist/esm/gov-side-nav-item.entry.js +5 -5
  540. package/dist/esm/gov-side-nav-item.entry.js.map +1 -1
  541. package/dist/esm/gov-side-nav.entry.js +3 -3
  542. package/dist/esm/gov-skeleton.entry.js +2 -2
  543. package/dist/esm/gov-spacer.entry.js +2 -2
  544. package/dist/esm/gov-statsbar-item.entry.js +2 -2
  545. package/dist/esm/gov-statsbar.entry.js +2 -2
  546. package/dist/esm/gov-stepper-item.entry.js +2 -2
  547. package/dist/esm/gov-stepper.entry.js +2 -2
  548. package/dist/esm/gov-tabs-item.entry.js +6 -6
  549. package/dist/esm/gov-tabs-item.entry.js.map +1 -1
  550. package/dist/esm/gov-tabs.entry.js +26 -17
  551. package/dist/esm/gov-tabs.entry.js.map +1 -1
  552. package/dist/esm/gov-tag.entry.js +47 -0
  553. package/dist/esm/gov-tag.entry.js.map +1 -0
  554. package/dist/esm/gov-tile.entry.js +2 -2
  555. package/dist/esm/gov-tile.entry.js.map +1 -1
  556. package/dist/esm/gov-tiles.entry.js +2 -2
  557. package/dist/esm/gov-toast.entry.js +3 -3
  558. package/dist/esm/gov-toast.entry.js.map +1 -1
  559. package/dist/esm/gov-tooltip-content.entry.js +3 -3
  560. package/dist/esm/gov-tooltip-content.entry.js.map +1 -1
  561. package/dist/esm/gov-tooltip.entry.js +41 -6
  562. package/dist/esm/gov-tooltip.entry.js.map +1 -1
  563. package/dist/esm/gov-wizard-item.entry.js +2 -2
  564. package/dist/esm/gov-wizard-item.entry.js.map +1 -1
  565. package/dist/esm/gov-wizard.entry.js +2 -2
  566. package/dist/esm/{index-ae3c50f1.js → index-eb59f132.js} +145 -4
  567. package/dist/esm/index-eb59f132.js.map +1 -0
  568. package/dist/esm/loader.js +3 -3
  569. package/dist/esm/{template-10332292.js → template-df429738.js} +8 -1
  570. package/dist/esm/template-df429738.js.map +1 -0
  571. package/dist/hydrate/index.js +1406 -978
  572. package/dist/stencil.config.js +2 -1
  573. package/dist/stencil.config.js.map +1 -1
  574. package/dist/types/components/gov-accordion/gov-accordion-item.d.ts +1 -1
  575. package/dist/types/components/gov-app/gov-app.d.ts +3 -2
  576. package/dist/types/components/gov-breadcrumbs/gov-breadcrumbs.d.ts +1 -1
  577. package/dist/types/components/gov-button/{default → button}/gov-button.d.ts +1 -1
  578. package/dist/types/components/gov-card/gov-card.d.ts +1 -1
  579. package/dist/types/components/{gov-badge → gov-chip}/constants.d.ts +1 -1
  580. package/dist/types/components/{gov-badge/gov-badge.d.ts → gov-chip/gov-chip.d.ts} +34 -7
  581. package/dist/types/components/gov-form/checkbox/constants.d.ts +1 -0
  582. package/dist/types/components/gov-form/checkbox/gov-form-checkbox.d.ts +1 -1
  583. package/dist/types/components/gov-form/group/gov-form-group.d.ts +2 -1
  584. package/dist/types/components/gov-form/password-power/gov-form-password-power.d.ts +2 -2
  585. package/dist/types/components/gov-form/radio/constants.d.ts +1 -0
  586. package/dist/types/components/gov-form/radio/gov-form-radio.d.ts +1 -1
  587. package/dist/types/components/gov-form/select/gov-form-select.d.ts +6 -1
  588. package/dist/types/components/gov-form/select/gov-form-select.types.d.ts +5 -0
  589. package/dist/types/components/gov-form/switch/gov-form-switch.d.ts +1 -1
  590. package/dist/types/components/gov-icon/gov-icon.d.ts +2 -3
  591. package/dist/types/components/gov-infobar/{default/constants.d.ts → constants.d.ts} +3 -2
  592. package/dist/types/components/gov-infobar/{default/gov-infobar.d.ts → gov-infobar.d.ts} +2 -2
  593. package/dist/types/components/gov-infobar/{default/gov-infobar.types.d.ts → gov-infobar.types.d.ts} +1 -1
  594. package/dist/types/components/gov-modal/gov-modal.d.ts +4 -0
  595. package/dist/types/components/gov-side-nav/constants.d.ts +1 -1
  596. package/dist/types/components/gov-side-nav/gov-side-nav-item.d.ts +1 -1
  597. package/dist/types/components/gov-tabs/constants.d.ts +1 -1
  598. package/dist/types/components/gov-tabs/gov-tabs-item.d.ts +1 -1
  599. package/dist/types/components/gov-tabs/gov-tabs.d.ts +5 -6
  600. package/dist/types/components/gov-tag/constants.d.ts +3 -0
  601. package/dist/types/components/gov-tag/gov-tag.d.ts +22 -0
  602. package/dist/types/components/gov-tile/gov-tile.d.ts +1 -1
  603. package/dist/types/components/gov-wizard/gov-wizard-item.d.ts +1 -1
  604. package/dist/types/components.d.ts +224 -133
  605. package/dist/types/helpers/Dom/template.types.d.ts +1 -0
  606. package/dist/types/pages/Chip.d.ts +3 -0
  607. package/dist/types/pages/Tag.d.ts +3 -0
  608. package/package.json +3 -3
  609. package/dist/cjs/constants-23b7a283.js.map +0 -1
  610. package/dist/cjs/form-f68d13c6.js.map +0 -1
  611. package/dist/cjs/gov-badge.cjs.entry.js +0 -84
  612. package/dist/cjs/gov-badge.cjs.entry.js.map +0 -1
  613. package/dist/cjs/index-83edd4fe.js.map +0 -1
  614. package/dist/cjs/template-e1c4ff78.js.map +0 -1
  615. package/dist/collection/components/gov-badge/constants.js.map +0 -1
  616. package/dist/collection/components/gov-badge/gov-badge.css +0 -1267
  617. package/dist/collection/components/gov-badge/gov-badge.js.map +0 -1
  618. package/dist/collection/components/gov-button/default/gov-button.js.map +0 -1
  619. package/dist/collection/components/gov-button/default/gov-button.types.js.map +0 -1
  620. package/dist/collection/components/gov-infobar/default/constants.js.map +0 -1
  621. package/dist/collection/components/gov-infobar/default/gov-infobar.js.map +0 -1
  622. package/dist/collection/components/gov-infobar/default/gov-infobar.types.js.map +0 -1
  623. package/dist/collection/pages/Badge.js.map +0 -1
  624. package/dist/components/gov-badge.js +0 -2
  625. package/dist/components/p-17c1ffc1.js +0 -2
  626. package/dist/components/p-17c1ffc1.js.map +0 -1
  627. package/dist/components/p-36be8f6e.js +0 -2
  628. package/dist/components/p-36be8f6e.js.map +0 -1
  629. package/dist/components/p-3f37ddb6.js +0 -2
  630. package/dist/components/p-3f37ddb6.js.map +0 -1
  631. package/dist/components/p-522dd298.js +0 -2
  632. package/dist/components/p-80c0109d.js +0 -2
  633. package/dist/components/p-80c0109d.js.map +0 -1
  634. package/dist/components/p-80e30702.js +0 -2
  635. package/dist/components/p-80e30702.js.map +0 -1
  636. package/dist/components/p-8d44ca3c.js +0 -2
  637. package/dist/components/p-8d44ca3c.js.map +0 -1
  638. package/dist/components/p-94542a50.js.map +0 -1
  639. package/dist/components/p-9ba6e755.js.map +0 -1
  640. package/dist/components/p-f72ecbef.js.map +0 -1
  641. package/dist/core/p-0553eb92.entry.js +0 -2
  642. package/dist/core/p-0553eb92.entry.js.map +0 -1
  643. package/dist/core/p-06699657.entry.js +0 -2
  644. package/dist/core/p-06699657.entry.js.map +0 -1
  645. package/dist/core/p-0c57e410.entry.js.map +0 -1
  646. package/dist/core/p-10cbc3fe.js +0 -3
  647. package/dist/core/p-10cbc3fe.js.map +0 -1
  648. package/dist/core/p-19a54ee9.entry.js.map +0 -1
  649. package/dist/core/p-1c40fdd5.entry.js.map +0 -1
  650. package/dist/core/p-2bf0c1c5.entry.js +0 -2
  651. package/dist/core/p-32a4b7e3.entry.js.map +0 -1
  652. package/dist/core/p-34ed07f6.js +0 -2
  653. package/dist/core/p-34ed07f6.js.map +0 -1
  654. package/dist/core/p-35c1c12c.entry.js.map +0 -1
  655. package/dist/core/p-36be8f6e.js +0 -2
  656. package/dist/core/p-36be8f6e.js.map +0 -1
  657. package/dist/core/p-3bacd021.js.map +0 -1
  658. package/dist/core/p-3f37ddb6.js +0 -2
  659. package/dist/core/p-3f37ddb6.js.map +0 -1
  660. package/dist/core/p-4452c278.entry.js +0 -2
  661. package/dist/core/p-49926f53.entry.js +0 -2
  662. package/dist/core/p-49926f53.entry.js.map +0 -1
  663. package/dist/core/p-5cc3e768.entry.js +0 -2
  664. package/dist/core/p-5cc3e768.entry.js.map +0 -1
  665. package/dist/core/p-5e23a6ba.entry.js +0 -2
  666. package/dist/core/p-74ce7780.entry.js.map +0 -1
  667. package/dist/core/p-7e8d2066.entry.js +0 -2
  668. package/dist/core/p-80e30702.js +0 -2
  669. package/dist/core/p-80e30702.js.map +0 -1
  670. package/dist/core/p-9633e7b5.entry.js +0 -2
  671. package/dist/core/p-9633e7b5.entry.js.map +0 -1
  672. package/dist/core/p-acd6a9f4.entry.js.map +0 -1
  673. package/dist/core/p-afa12399.entry.js.map +0 -1
  674. package/dist/core/p-bc6f1479.entry.js +0 -2
  675. package/dist/core/p-bc6f1479.entry.js.map +0 -1
  676. package/dist/core/p-bcf71ab5.entry.js +0 -2
  677. package/dist/core/p-bcf71ab5.entry.js.map +0 -1
  678. package/dist/core/p-c4c9ff83.entry.js +0 -2
  679. package/dist/core/p-c4c9ff83.entry.js.map +0 -1
  680. package/dist/core/p-c5d3efc2.entry.js +0 -2
  681. package/dist/core/p-c61444f7.entry.js +0 -2
  682. package/dist/core/p-c61444f7.entry.js.map +0 -1
  683. package/dist/core/p-d84b290e.entry.js +0 -2
  684. package/dist/core/p-d84b290e.entry.js.map +0 -1
  685. package/dist/core/p-da762184.entry.js +0 -2
  686. package/dist/core/p-da762184.entry.js.map +0 -1
  687. package/dist/core/p-e5227e40.entry.js +0 -2
  688. package/dist/core/p-e5227e40.entry.js.map +0 -1
  689. package/dist/core/p-fab698a7.entry.js +0 -2
  690. package/dist/core/p-fab698a7.entry.js.map +0 -1
  691. package/dist/esm/constants-24dad929.js.map +0 -1
  692. package/dist/esm/constants-ba92640d.js.map +0 -1
  693. package/dist/esm/form-2d9f68d9.js.map +0 -1
  694. package/dist/esm/gov-badge.entry.js +0 -80
  695. package/dist/esm/gov-badge.entry.js.map +0 -1
  696. package/dist/esm/index-ae3c50f1.js.map +0 -1
  697. package/dist/esm/template-10332292.js.map +0 -1
  698. package/dist/types/pages/Badge.d.ts +0 -3
  699. /package/dist/collection/components/gov-button/{default → button}/constants.js +0 -0
  700. /package/dist/collection/components/gov-button/{default → button}/gov-button.types.js +0 -0
  701. /package/dist/collection/components/gov-infobar/{default/gov-infobar.types.js → gov-infobar.types.js} +0 -0
  702. /package/dist/components/{gov-badge.js.map → gov-chip.js.map} +0 -0
  703. /package/dist/components/{p-b3cb7945.js.map → p-202b7b42.js.map} +0 -0
  704. /package/dist/components/{p-1b4f2520.js.map → p-22cd88f7.js.map} +0 -0
  705. /package/dist/components/{p-bc5d5903.js.map → p-8b53e056.js.map} +0 -0
  706. /package/dist/components/{p-8da17139.js.map → p-d60bcfde.js.map} +0 -0
  707. /package/dist/components/{p-3e8a9e92.js.map → p-f2efd9b5.js.map} +0 -0
  708. /package/dist/core/{p-2bb9f781.entry.js.map → p-01d928c5.entry.js.map} +0 -0
  709. /package/dist/core/{p-998c3336.entry.js.map → p-029beaf4.entry.js.map} +0 -0
  710. /package/dist/core/{p-739dd451.entry.js.map → p-1116fec6.entry.js.map} +0 -0
  711. /package/dist/core/{p-041d30b1.entry.js.map → p-141d9af4.entry.js.map} +0 -0
  712. /package/dist/core/{p-e1780dba.entry.js.map → p-1730ac7a.entry.js.map} +0 -0
  713. /package/dist/core/{p-88a78167.entry.js.map → p-2016172f.entry.js.map} +0 -0
  714. /package/dist/core/{p-1c62f175.entry.js.map → p-22abe742.entry.js.map} +0 -0
  715. /package/dist/core/{p-5316e768.entry.js.map → p-243b1ccc.entry.js.map} +0 -0
  716. /package/dist/core/{p-e2d6efaf.entry.js.map → p-2a95f9fb.entry.js.map} +0 -0
  717. /package/dist/core/{p-33895061.entry.js.map → p-2c9a4d08.entry.js.map} +0 -0
  718. /package/dist/core/{p-89921159.entry.js.map → p-356adceb.entry.js.map} +0 -0
  719. /package/dist/core/{p-2fe9d3ea.entry.js.map → p-44f4daa3.entry.js.map} +0 -0
  720. /package/dist/core/{p-f62efc34.entry.js.map → p-53549fe4.entry.js.map} +0 -0
  721. /package/dist/core/{p-6f43bd00.entry.js.map → p-6675a0f0.entry.js.map} +0 -0
  722. /package/dist/core/{p-0eb11cfc.entry.js.map → p-67138ae9.entry.js.map} +0 -0
  723. /package/dist/core/{p-19b897c0.entry.js.map → p-6833aeaf.entry.js.map} +0 -0
  724. /package/dist/core/{p-1da9f871.entry.js.map → p-7757e4a1.entry.js.map} +0 -0
  725. /package/dist/core/{p-88010439.entry.js.map → p-877121d4.entry.js.map} +0 -0
  726. /package/dist/core/{p-93897e60.entry.js.map → p-9d4a6e9b.entry.js.map} +0 -0
  727. /package/dist/core/{p-b0c97376.entry.js.map → p-a133cdda.entry.js.map} +0 -0
  728. /package/dist/core/{p-7702c8c2.entry.js.map → p-a3b6c5c7.entry.js.map} +0 -0
  729. /package/dist/core/{p-82b4b522.entry.js.map → p-a9493d11.entry.js.map} +0 -0
  730. /package/dist/core/{p-7372b066.entry.js.map → p-b3840f50.entry.js.map} +0 -0
  731. /package/dist/core/{p-228da18e.entry.js.map → p-b49293dc.entry.js.map} +0 -0
  732. /package/dist/core/{p-7fa1290e.entry.js.map → p-c0be9590.entry.js.map} +0 -0
  733. /package/dist/core/{p-28f39f69.entry.js.map → p-c3e4700b.entry.js.map} +0 -0
  734. /package/dist/core/{p-a7719b55.entry.js.map → p-ce586e19.entry.js.map} +0 -0
  735. /package/dist/core/{p-c81d62db.entry.js.map → p-d4c468b9.entry.js.map} +0 -0
  736. /package/dist/core/{p-80f5140b.entry.js.map → p-e4f703d3.entry.js.map} +0 -0
  737. /package/dist/core/{p-93042b25.entry.js.map → p-e5c2f601.entry.js.map} +0 -0
  738. /package/dist/types/components/gov-button/{default → button}/constants.d.ts +0 -0
  739. /package/dist/types/components/gov-button/{default → button}/gov-button.types.d.ts +0 -0
package/dist/collection/pages/Tabs.js CHANGED
@@ -113,7 +113,7 @@ class TabsPage extends HTMLElement {
113
113
  </gov-tabs-item>
114
114
  </gov-tabs>
115
115
 
116
- <gov-tabs id="po" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
116
+ <gov-tabs id="po" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
117
117
  <gov-tabs-item label="TAB #1">
118
118
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
119
119
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -136,7 +136,7 @@ class TabsPage extends HTMLElement {
136
136
  </gov-tabs-item>
137
137
  </gov-tabs>
138
138
 
139
- <gov-tabs id="po" variant="secondary" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
139
+ <gov-tabs id="po" variant="secondary" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
140
140
  <gov-tabs-item label="TAB #1">
141
141
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
142
142
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -158,7 +158,7 @@ class TabsPage extends HTMLElement {
158
158
  (např. opakování „asdf asdf asdf…“).</p>
159
159
  </gov-tabs-item>
160
160
  </gov-tabs>
161
- <gov-tabs id="po" variant="success" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
161
+ <gov-tabs id="po" variant="success" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
162
162
  <gov-tabs-item label="TAB #1">
163
163
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
164
164
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -180,7 +180,7 @@ class TabsPage extends HTMLElement {
180
180
  (např. opakování „asdf asdf asdf…“).</p>
181
181
  </gov-tabs-item>
182
182
  </gov-tabs>
183
- <gov-tabs id="po" variant="warning" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
183
+ <gov-tabs id="po" variant="warning" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
184
184
  <gov-tabs-item label="TAB #1">
185
185
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
186
186
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -202,7 +202,7 @@ class TabsPage extends HTMLElement {
202
202
  (např. opakování „asdf asdf asdf…“).</p>
203
203
  </gov-tabs-item>
204
204
  </gov-tabs>
205
- <gov-tabs id="po" variant="error" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
205
+ <gov-tabs id="po" variant="error" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti">
206
206
  <gov-tabs-item label="TAB #1">
207
207
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
208
208
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -270,7 +270,7 @@ class TabsPage extends HTMLElement {
270
270
  (např. opakování „asdf asdf asdf…“).</p>
271
271
  </gov-tabs-item>
272
272
  </gov-tabs>
273
- <gov-tabs id="po" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
273
+ <gov-tabs id="po" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
274
274
  <gov-tabs-item label="TAB #1">
275
275
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
276
276
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
@@ -292,7 +292,7 @@ class TabsPage extends HTMLElement {
292
292
  (např. opakování „asdf asdf asdf…“).</p>
293
293
  </gov-tabs-item>
294
294
  </gov-tabs>
295
- <gov-tabs id="po" type="badge" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
295
+ <gov-tabs id="po" type="chip" wcag-label="Důležitý tabs" wcag-select-label="Výběr možnosti" orientation="vertical">
296
296
  <gov-tabs-item label="Muj super tab">
297
297
  <p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém
298
298
  designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických
package/dist/collection/pages/Tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../../src/pages/Tabs.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;EACjC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0ThB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE;EAClD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;CAC5C","sourcesContent":["class TabsPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h2>Tabs</h2>\n\t\t\t<gov-tabs id=\"po\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"secondary\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"success\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"warning\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"error\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\n\t\t\t<gov-tabs id=\"po\" type=\"badge\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\n\t\t\t<gov-tabs id=\"po\" variant=\"secondary\" type=\"badge\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"success\" type=\"badge\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"warning\" type=\"badge\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"error\" type=\"badge\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\n\t\t\t<h2>Vertical tabs</h2>\n\t\t\t<gov-tabs id=\"po\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi super tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi super tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"Muj super tab\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Dalsi super tab s dlouhým popisem\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Další super tab s naprosto nesmyslně dlouhým popisem, který se doufám nevyužije\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" type=\"badge\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" type=\"badge\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"Muj super tab\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Dalsi super tab s dlouhým popisem\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Další super tab s naprosto nesmyslně dlouhým popisem, který se doufám nevyužije\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t`\n\t}\n}\n\nif (customElements.get('tabs-page') === undefined) {\n\tcustomElements.define('tabs-page', TabsPage)\n}\n"]}
1
+ {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../../src/pages/Tabs.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;EACjC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0ThB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE;EAClD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;CAC5C","sourcesContent":["class TabsPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h2>Tabs</h2>\n\t\t\t<gov-tabs id=\"po\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"secondary\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"success\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"warning\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"error\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\n\t\t\t<gov-tabs id=\"po\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\n\t\t\t<gov-tabs id=\"po\" variant=\"secondary\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"success\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"warning\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"error\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\n\t\t\t<h2>Vertical tabs</h2>\n\t\t\t<gov-tabs id=\"po\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi super tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi super tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"Muj super tab\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Dalsi super tab s dlouhým popisem\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Další super tab s naprosto nesmyslně dlouhým popisem, který se doufám nevyužije\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"Muj super tab\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Dalsi super tab s dlouhým popisem\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Další super tab s naprosto nesmyslně dlouhým popisem, který se doufám nevyužije\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t`\n\t}\n}\n\nif (customElements.get('tabs-page') === undefined) {\n\tcustomElements.define('tabs-page', TabsPage)\n}\n"]}
package/dist/collection/pages/Tag.js ADDED
@@ -0,0 +1,253 @@
1
+ class TagPage extends HTMLElement {
2
+ connectedCallback() {
3
+ this.innerHTML = `
4
+ <h1>Tags</h1>
5
+ <h4>Tags - primary (default)</h4>
6
+ <div class="container-view">
7
+ <gov-tag variant="primary" size="xs" type="solid">
8
+ Tag
9
+ </gov-tag>
10
+ <gov-tag variant="primary" size="xs" type="solid">
11
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
12
+ Tag
13
+ </gov-tag>
14
+ <gov-tag variant="primary" size="xs" type="solid">
15
+ Tag
16
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
17
+ </gov-tag>
18
+ <gov-tag variant="primary" size="xs" type="solid">
19
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
20
+ Tag
21
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
22
+ </gov-tag>
23
+ <gov-tag variant="primary" size="s" type="solid">
24
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
25
+ Small Primary
26
+ </gov-tag>
27
+ <gov-tag variant="primary" size="m" type="solid">
28
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
29
+ Normal Primary
30
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
31
+ </gov-tag>
32
+ <gov-tag variant="primary" size="l" type="solid">
33
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
34
+ Large Primary
35
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
36
+ </gov-tag>
37
+ <gov-tag variant="primary" size="xl" type="solid">
38
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
39
+ X-Large Primary
40
+ <gov-icon slot="right-icon" name="star-fill"></gov-icon>
41
+ </gov-tag>
42
+ </div>
43
+ <h4>Tags - primary (inversed)</h4>
44
+ <div class="container-view">
45
+ <gov-tag variant="primary" size="xs" inverse="true">
46
+ Tag
47
+ </gov-tag>
48
+ <gov-tag variant="primary" size="s" inverse="true">
49
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
50
+ Small Primary
51
+ </gov-tag>
52
+ <gov-tag variant="primary" size="m" inverse="true">
53
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
54
+ Normal Primary
55
+ </gov-tag>
56
+ </div>
57
+ <h4>Tags - primary (outlined)</h4>
58
+ <div class="container-view">
59
+ <gov-tag variant="primary" type="outlined" size="xs">
60
+ Tag
61
+ </gov-tag>
62
+ <gov-tag variant="primary" type="outlined" size="s">
63
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
64
+ Small Primary
65
+ </gov-tag>
66
+ <gov-tag variant="primary" type="outlined" size="m">
67
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
68
+ Normal Primary
69
+ </gov-tag>
70
+ </div>
71
+ <hr />
72
+
73
+ <h4>Tags - secondary (default)</h4>
74
+ <div class="container-view">
75
+ <gov-tag variant="secondary" size="xs">
76
+ Tag
77
+ </gov-tag>
78
+ <gov-tag variant="secondary" size="s">
79
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
80
+ Small secondary
81
+ </gov-tag>
82
+ <gov-tag variant="secondary" size="m">
83
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
84
+ Normal secondary
85
+ </gov-tag>
86
+ </div>
87
+ <h4>Tags - secondary (inversed)</h4>
88
+ <div class="container-view">
89
+ <gov-tag variant="secondary" size="xs" inverse="true">
90
+ Tag
91
+ </gov-tag>
92
+ <gov-tag variant="secondary" size="s" inverse="true">
93
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
94
+ Small Primary
95
+ </gov-tag>
96
+ <gov-tag variant="secondary" size="m" inverse="true">
97
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
98
+ Normal Primary
99
+ </gov-tag>
100
+ </div>
101
+ <h4>Tags - secondary (outlined)</h4>
102
+ <div class="container-view">
103
+ <gov-tag variant="secondary" type="outlined" size="xs">
104
+ Tag
105
+ </gov-tag>
106
+ <gov-tag variant="secondary" type="outlined" size="s">
107
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
108
+ Small secondary
109
+ </gov-tag>
110
+ <gov-tag variant="secondary" type="outlined" size="m">
111
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
112
+ Normal secondary
113
+ </gov-tag>
114
+ </div>
115
+ <hr />
116
+
117
+ <h4>Tags - success (default)</h4>
118
+ <div class="container-view">
119
+ <gov-tag variant="success" size="xs">
120
+ Tag
121
+ </gov-tag>
122
+ <gov-tag variant="success" size="s">
123
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
124
+ Small success
125
+ </gov-tag>
126
+ <gov-tag variant="success" size="m">
127
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
128
+ Normal success
129
+ </gov-tag>
130
+ </div>
131
+ <h4>Tags - success (inversed)</h4>
132
+ <div class="container-view">
133
+ <gov-tag variant="success" size="xs" inverse="true">
134
+ Tag
135
+ </gov-tag>
136
+ <gov-tag variant="success" size="s" inverse="true">
137
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
138
+ Small Primary
139
+ </gov-tag>
140
+ <gov-tag variant="success" size="m" inverse="true">
141
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
142
+ Normal Primary
143
+ </gov-tag>
144
+ </div>
145
+ <h4>Tags - success (outlined)</h4>
146
+ <div class="container-view">
147
+ <gov-tag variant="success" type="outlined" size="xs">
148
+ Tag
149
+ </gov-tag>
150
+ <gov-tag variant="success" type="outlined" size="s">
151
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
152
+ Small success
153
+ </gov-tag>
154
+ <gov-tag variant="success" type="outlined" size="m">
155
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
156
+ Normal success
157
+ </gov-tag>
158
+ </div>
159
+ <hr />
160
+
161
+ <h4>Tags - warning (default)</h4>
162
+ <div class="container-view">
163
+ <gov-tag variant="warning" size="xs">
164
+ Tag
165
+ </gov-tag>
166
+ <gov-tag variant="warning" size="s">
167
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
168
+ Small warning
169
+ </gov-tag>
170
+ <gov-tag variant="warning" size="m">
171
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
172
+ Normal warning
173
+ </gov-tag>
174
+ </div>
175
+ <h4>Tags - warning (inversed)</h4>
176
+ <div class="container-view">
177
+ <gov-tag variant="warning" size="xs" inverse="true">
178
+ Tag
179
+ </gov-tag>
180
+ <gov-tag variant="warning" size="s" inverse="true">
181
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
182
+ Small Primary
183
+ </gov-tag>
184
+ <gov-tag variant="warning" size="m" inverse="true">
185
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
186
+ Normal Primary
187
+ </gov-tag>
188
+ </div>
189
+ <h4>Tags - warning (outlined)</h4>
190
+ <div class="container-view">
191
+ <gov-tag variant="warning" type="outlined" size="xs">
192
+ Tag
193
+ </gov-tag>
194
+ <gov-tag variant="warning" type="outlined" size="s">
195
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
196
+ Small warning
197
+ </gov-tag>
198
+ <gov-tag variant="warning" type="outlined" size="m">
199
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
200
+ Normal warning
201
+ </gov-tag>
202
+ </div>
203
+ <hr />
204
+
205
+ <h4>Tags - error (default)</h4>
206
+ <div class="container-view">
207
+ <gov-tag variant="error" size="xs">
208
+ Tag
209
+ </gov-tag>
210
+ <gov-tag variant="error" size="s">
211
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
212
+ Small error
213
+ </gov-tag>
214
+ <gov-tag variant="error" size="m">
215
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
216
+ Normal error
217
+ </gov-tag>
218
+ </div>
219
+ <h4>Tags - error (inversed)</h4>
220
+ <div class="container-view">
221
+ <gov-tag variant="error" size="xs" inverse="true">
222
+ Tag
223
+ </gov-tag>
224
+ <gov-tag variant="error" size="s" inverse="true">
225
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
226
+ Small Primary
227
+ </gov-tag>
228
+ <gov-tag variant="error" size="m" inverse="true">
229
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
230
+ Normal Primary
231
+ </gov-tag>
232
+ </div>
233
+ <h4>Tags - error (outlined)</h4>
234
+ <div class="container-view">
235
+ <gov-tag variant="error" type="outlined" size="xs">
236
+ Tag
237
+ </gov-tag>
238
+ <gov-tag variant="error" type="outlined" size="s">
239
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
240
+ Small error
241
+ </gov-tag>
242
+ <gov-tag variant="error" type="outlined" size="m">
243
+ <gov-icon slot="left-icon" name="star-fill"></gov-icon>
244
+ Normal error
245
+ </gov-tag>
246
+ </div>
247
+ `;
248
+ }
249
+ }
250
+ if (customElements.get('tag-page') === undefined) {
251
+ customElements.define('tag-page', TagPage);
252
+ }
253
+ //# sourceMappingURL=Tag.js.map
package/dist/collection/pages/Tag.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../../src/pages/Tag.ts"],"names":[],"mappings":"AAAA,MAAM,OAAQ,SAAQ,WAAW;EAChC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoPhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,SAAS,EAAE;EACjD,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;CAC1C","sourcesContent":["class TagPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Tags</h1>\n\t\t\t<h4>Tags - primary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tTag\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tTag\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"m\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xl\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - primary (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - primary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"primary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Tags - secondary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - secondary (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - secondary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"secondary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Tags - success (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"success\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - success (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"success\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - success (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"success\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Tags - warning (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"warning\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - warning (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"warning\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - warning (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"warning\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Tags - error (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"error\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - error (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"error\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - error (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"error\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('tag-page') === undefined) {\n\tcustomElements.define('tag-page', TagPage)\n}\n"]}
package/dist/collection/pages/ToastMessageCountdown.js CHANGED
@@ -4,35 +4,35 @@ class ToastMessageCountdownPage extends HTMLElement {
4
4
  <h2>
5
5
  Toast Message Countdown
6
6
  </h2>
7
- <gov-toast variant="success" type="solid">
7
+ <gov-toast variant="success" type="solid" time="10000">
8
8
  <gov-icon name="check-lg" slot="icon"></gov-icon>
9
9
  <p>
10
10
  Vaše dokumenty byly úspěšně staženy.
11
11
  </p>
12
12
  </gov-toast>
13
13
  <br>
14
- <gov-toast variant="error" type="solid" gravity="bottom" position="left">
14
+ <gov-toast variant="error" type="solid" gravity="bottom" position="left" time="10000">
15
15
  <gov-icon name="info" slot="icon"></gov-icon>
16
16
  <p>
17
17
  Není možné požadavek zpracovat z důvodu chyby serveru.
18
18
  </p>
19
19
  </gov-toast>
20
20
  <br>
21
- <gov-toast variant="warning" type="solid" position="left">
21
+ <gov-toast variant="warning" type="solid" position="left" time="10000">
22
22
  <gov-icon name="info" slot="icon"></gov-icon>
23
23
  <p>
24
24
  Žádost se nepodařilo odeslat, zkontrolujte nastavení.
25
25
  </p>
26
26
  </gov-toast>
27
27
  <br>
28
- <gov-toast variant="primary" type="solid" position="center">
28
+ <gov-toast variant="primary" type="solid" position="center" time="10000">
29
29
  <gov-icon name="info" slot="icon"></gov-icon>
30
30
  <p>
31
31
  Soubory jsou připraveny ke stažení.
32
32
  </p>
33
33
  </gov-toast>
34
34
  <br>
35
- <gov-toast variant="secondary" type="solid" gravity="bottom" position="right">
35
+ <gov-toast variant="secondary" type="solid" gravity="bottom" position="right" time="10000">
36
36
  <gov-icon name="info" slot="icon"></gov-icon>
37
37
  <p>
38
38
  Vaše aplikace byla aktualizovaná na novou verzi!
package/dist/collection/pages/ToastMessageCountdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ToastMessageCountdown.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessageCountdown.ts"],"names":[],"mappings":"AAAA,MAAM,yBAA0B,SAAQ,WAAW;EAClD,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;EACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC,KAAK,SAAS,EAAE;EACrE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAA;CAChF","sourcesContent":["class ToastMessageCountdownPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message Countdown\n\t\t</h2>\n\t\t<gov-toast variant=\"success\" type=\"solid\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"error\" type=\"solid\" gravity=\"bottom\" position=\"left\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"warning\" type=\"solid\" position=\"left\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"primary\" type=\"solid\" position=\"center\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"secondary\" type=\"solid\" gravity=\"bottom\" position=\"right\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-countdown-page') === undefined) {\n\tcustomElements.define('toast-message-countdown-page', ToastMessageCountdownPage)\n}\n"]}
1
+ {"version":3,"file":"ToastMessageCountdown.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessageCountdown.ts"],"names":[],"mappings":"AAAA,MAAM,yBAA0B,SAAQ,WAAW;EAClD,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;EACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC,KAAK,SAAS,EAAE;EACrE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAA;CAChF","sourcesContent":["class ToastMessageCountdownPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message Countdown\n\t\t</h2>\n\t\t<gov-toast variant=\"success\" type=\"solid\" time=\"10000\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"error\" type=\"solid\" gravity=\"bottom\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"warning\" type=\"solid\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"primary\" type=\"solid\" position=\"center\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"secondary\" type=\"solid\" gravity=\"bottom\" position=\"right\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-countdown-page') === undefined) {\n\tcustomElements.define('toast-message-countdown-page', ToastMessageCountdownPage)\n}\n"]}
package/dist/collection/pages/Tooltip.js CHANGED
@@ -41,7 +41,7 @@ class TooltipPage extends HTMLElement {
41
41
  <p>
42
42
  V rámci
43
43
  <gov-tooltip variant="secondary" position="top" size="s" message="Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.">
44
- případě vycestování (top)
44
+ případě vycestování (top)případě vycestování (top)případě vycestování
45
45
  </gov-tooltip>
46
46
  států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
47
47
  pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy
@@ -60,8 +60,8 @@ class TooltipPage extends HTMLElement {
60
60
  </p>
61
61
  <p>
62
62
  V rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy
63
- <gov-tooltip variant="secondary" position="left" size="s">
64
- případě vycestování (left)
63
+ <gov-tooltip variant="secondary" position="top" size="m">
64
+ případě vycestování (top)
65
65
  <gov-tooltip-content>
66
66
  Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.
67
67
  </gov-tooltip-content>
package/dist/collection/pages/Tooltip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../src/pages/Tooltip.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;EACpC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwJjB,CAAA;EACD,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE;EACrD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;CAClD","sourcesContent":["class TooltipPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<div style=\"width: 500px; overflow: auto; height: 100px\">\n\t\t\t\t<div style=\"width: 800px; display: flex; flex-direction: row; height: 100px; gap: 20px\">\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\">\n\t\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t<gov-icon name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p>\n\t\t\t\tDefault scheme, size Small. Nelze umístit jako toggle element který je blokový - tj. div, h1, h2, atp.\n\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t<gov-icon name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"top\" size=\"s\" message=\"Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"bottom\" size=\"s\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"left\" size=\"s\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip position=\"right\">\n\t\t\t\t\tpřípadě vycestování postion (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"top\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"bottom\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"left\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát. V rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"right\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip position=\"top\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"bottom\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip inverse variant=\"secondary\" position=\"left\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t\t<br /><br /><br /><br /><br />x\n\t\t\t</p>\n\t`\n\t}\n}\n\nif (customElements.get('tooltip-page') === undefined) {\n\tcustomElements.define('tooltip-page', TooltipPage)\n}\n"]}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../src/pages/Tooltip.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;EACpC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwJjB,CAAA;EACD,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE;EACrD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;CAClD","sourcesContent":["class TooltipPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<div style=\"width: 500px; overflow: auto; height: 100px\">\n\t\t\t\t<div style=\"width: 800px; display: flex; flex-direction: row; height: 100px; gap: 20px\">\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\">\n\t\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t<gov-icon name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p>\n\t\t\t\tDefault scheme, size Small. Nelze umístit jako toggle element který je blokový - tj. div, h1, h2, atp.\n\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t<gov-icon name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"top\" size=\"s\" message=\"Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\">\n\t\t\t\t\tpřípadě vycestování (top)případě vycestování (top)případě vycestování\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"bottom\" size=\"s\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"top\" size=\"m\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip position=\"right\">\n\t\t\t\t\tpřípadě vycestování postion (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"top\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"bottom\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"left\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát. V rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"right\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip position=\"top\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"bottom\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip inverse variant=\"secondary\" position=\"left\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t\t<br /><br /><br /><br /><br />x\n\t\t\t</p>\n\t`\n\t}\n}\n\nif (customElements.get('tooltip-page') === undefined) {\n\tcustomElements.define('tooltip-page', TooltipPage)\n}\n"]}