@qhealth-design-system/core 1.0.38

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 (503) hide show
  1. package/.babelrc +15 -0
  2. package/.browserslistrc +5 -0
  3. package/.editorconfig +19 -0
  4. package/.eslintignore +1 -0
  5. package/.eslintrc +25 -0
  6. package/.gitattributes +2 -0
  7. package/.github/workflows/release_package.yml +103 -0
  8. package/CHANGELOG.md +14 -0
  9. package/README.md +534 -0
  10. package/dist/api/service_finder/schemas.json +1 -0
  11. package/dist/component-abstract.html +884 -0
  12. package/dist/component-accordion.html +1157 -0
  13. package/dist/component-banner.html +928 -0
  14. package/dist/component-banner_advanced.html +1524 -0
  15. package/dist/component-banner_basic.html +1189 -0
  16. package/dist/component-banner_intermediate.html +1288 -0
  17. package/dist/component-body.html +919 -0
  18. package/dist/component-breadcrumbs.html +881 -0
  19. package/dist/component-btn.html +829 -0
  20. package/dist/component-callout.html +964 -0
  21. package/dist/component-card_feature.html +1805 -0
  22. package/dist/component-card_multi_action.html +1965 -0
  23. package/dist/component-card_no_action.html +1632 -0
  24. package/dist/component-card_single_action.html +1772 -0
  25. package/dist/component-code.html +928 -0
  26. package/dist/component-footer.html +1131 -0
  27. package/dist/component-forms.html +1297 -0
  28. package/dist/component-global-elements.html +1243 -0
  29. package/dist/component-global_alert.html +891 -0
  30. package/dist/component-header.html +1155 -0
  31. package/dist/component-in_page_navigation.html +920 -0
  32. package/dist/component-internal_navigation.html +1097 -0
  33. package/dist/component-left_hand_navigation.html +995 -0
  34. package/dist/component-main_navigation.html +999 -0
  35. package/dist/component-mega_main_navigation.html +1145 -0
  36. package/dist/component-multi_column.html +1116 -0
  37. package/dist/component-page_alert.html +911 -0
  38. package/dist/component-pagination.html +971 -0
  39. package/dist/component-tag_list.html +979 -0
  40. package/dist/component-updated_date.html +778 -0
  41. package/dist/component-widgets.html +851 -0
  42. package/dist/components/_global/import.xml +95 -0
  43. package/dist/components/_global/manifest.json +11 -0
  44. package/dist/components/_global/presentation.js +50 -0
  45. package/dist/components/_global/static.html +30 -0
  46. package/dist/components/_template/import.xml +299 -0
  47. package/dist/components/_template/manifest.json +40 -0
  48. package/dist/components/_template/presentation.js +12 -0
  49. package/dist/components/_template/static.html +4 -0
  50. package/dist/components/abstract/import.xml +231 -0
  51. package/dist/components/abstract/manifest.json +29 -0
  52. package/dist/components/abstract/presentation.js +33 -0
  53. package/dist/components/abstract/static.html +9 -0
  54. package/dist/components/accordion/import.xml +1929 -0
  55. package/dist/components/accordion/manifest.json +427 -0
  56. package/dist/components/accordion/presentation.js +112 -0
  57. package/dist/components/accordion/static.html +56 -0
  58. package/dist/components/banner/import.xml +95 -0
  59. package/dist/components/banner/manifest.json +11 -0
  60. package/dist/components/banner/presentation.js +138 -0
  61. package/dist/components/banner/static.html +39 -0
  62. package/dist/components/banner_advanced/import.xml +1969 -0
  63. package/dist/components/banner_advanced/manifest.json +1450 -0
  64. package/dist/components/banner_advanced/presentation.js +564 -0
  65. package/dist/components/banner_advanced/static.html +159 -0
  66. package/dist/components/banner_basic/import.xml +907 -0
  67. package/dist/components/banner_basic/manifest.json +151 -0
  68. package/dist/components/banner_basic/presentation.js +325 -0
  69. package/dist/components/banner_basic/static.html +86 -0
  70. package/dist/components/banner_intermediate/import.xml +1473 -0
  71. package/dist/components/banner_intermediate/manifest.json +248 -0
  72. package/dist/components/banner_intermediate/presentation.js +410 -0
  73. package/dist/components/banner_intermediate/static.html +102 -0
  74. package/dist/components/body/import.xml +343 -0
  75. package/dist/components/body/manifest.json +46 -0
  76. package/dist/components/body/presentation.js +37 -0
  77. package/dist/components/body/static.html +5 -0
  78. package/dist/components/breadcrumbs/import.xml +95 -0
  79. package/dist/components/breadcrumbs/manifest.json +9 -0
  80. package/dist/components/breadcrumbs/presentation.js +99 -0
  81. package/dist/components/breadcrumbs/static.html +21 -0
  82. package/dist/components/callout/import.xml +953 -0
  83. package/dist/components/callout/manifest.json +121 -0
  84. package/dist/components/callout/presentation.js +103 -0
  85. package/dist/components/callout/static.html +10 -0
  86. package/dist/components/card_feature/import.xml +2355 -0
  87. package/dist/components/card_feature/manifest.json +1390 -0
  88. package/dist/components/card_feature/presentation.js +365 -0
  89. package/dist/components/card_feature/static.html +80 -0
  90. package/dist/components/card_multi_action/import.xml +1539 -0
  91. package/dist/components/card_multi_action/manifest.json +1314 -0
  92. package/dist/components/card_multi_action/presentation.js +638 -0
  93. package/dist/components/card_multi_action/static.html +120 -0
  94. package/dist/components/card_no_action/import.xml +1449 -0
  95. package/dist/components/card_no_action/manifest.json +1264 -0
  96. package/dist/components/card_no_action/presentation.js +454 -0
  97. package/dist/components/card_no_action/static.html +94 -0
  98. package/dist/components/card_single_action/import.xml +1539 -0
  99. package/dist/components/card_single_action/manifest.json +1273 -0
  100. package/dist/components/card_single_action/presentation.js +498 -0
  101. package/dist/components/card_single_action/static.html +103 -0
  102. package/dist/components/code/import.xml +569 -0
  103. package/dist/components/code/manifest.json +112 -0
  104. package/dist/components/code/presentation.js +124 -0
  105. package/dist/components/code/static.html +15 -0
  106. package/dist/components/footer/import.xml +95 -0
  107. package/dist/components/footer/manifest.json +9 -0
  108. package/dist/components/footer/presentation.js +409 -0
  109. package/dist/components/footer/static.html +146 -0
  110. package/dist/components/global_alert/import.xml +95 -0
  111. package/dist/components/global_alert/manifest.json +9 -0
  112. package/dist/components/global_alert/presentation.js +81 -0
  113. package/dist/components/global_alert/static.html +26 -0
  114. package/dist/components/header/import.xml +95 -0
  115. package/dist/components/header/manifest.json +11 -0
  116. package/dist/components/header/presentation.js +190 -0
  117. package/dist/components/header/static.html +158 -0
  118. package/dist/components/horizontal_rule/import.xml +547 -0
  119. package/dist/components/horizontal_rule/manifest.json +69 -0
  120. package/dist/components/horizontal_rule/presentation.js +50 -0
  121. package/dist/components/horizontal_rule/static.html +4 -0
  122. package/dist/components/in_page_navigation/import.xml +253 -0
  123. package/dist/components/in_page_navigation/manifest.json +35 -0
  124. package/dist/components/in_page_navigation/presentation.js +14 -0
  125. package/dist/components/in_page_navigation/static.html +13 -0
  126. package/dist/components/internal_navigation/import.xml +95 -0
  127. package/dist/components/internal_navigation/manifest.json +11 -0
  128. package/dist/components/internal_navigation/presentation.js +165 -0
  129. package/dist/components/internal_navigation/static.html +130 -0
  130. package/dist/components/left_hand_navigation/import.xml +299 -0
  131. package/dist/components/left_hand_navigation/manifest.json +40 -0
  132. package/dist/components/left_hand_navigation/presentation.js +178 -0
  133. package/dist/components/left_hand_navigation/static.html +64 -0
  134. package/dist/components/main_navigation/import.xml +95 -0
  135. package/dist/components/main_navigation/manifest.json +11 -0
  136. package/dist/components/main_navigation/presentation.js +150 -0
  137. package/dist/components/main_navigation/static.html +80 -0
  138. package/dist/components/mega_main_navigation/import.xml +95 -0
  139. package/dist/components/mega_main_navigation/manifest.json +9 -0
  140. package/dist/components/mega_main_navigation/presentation.js +380 -0
  141. package/dist/components/mega_main_navigation/static.html +153 -0
  142. package/dist/components/multi_column/import.xml +1631 -0
  143. package/dist/components/multi_column/manifest.json +233 -0
  144. package/dist/components/multi_column/presentation.js +249 -0
  145. package/dist/components/multi_column/static.html +36 -0
  146. package/dist/components/page_alert/import.xml +479 -0
  147. package/dist/components/page_alert/manifest.json +63 -0
  148. package/dist/components/page_alert/presentation.js +67 -0
  149. package/dist/components/page_alert/static.html +8 -0
  150. package/dist/components/pagination/import.xml +95 -0
  151. package/dist/components/pagination/manifest.json +42 -0
  152. package/dist/components/pagination/presentation.js +84 -0
  153. package/dist/components/pagination/static.html +5 -0
  154. package/dist/components/updated_date/import.xml +95 -0
  155. package/dist/components/updated_date/manifest.json +9 -0
  156. package/dist/components/updated_date/presentation.js +34 -0
  157. package/dist/components/updated_date/static.html +6 -0
  158. package/dist/components/widgets/import.xml +95 -0
  159. package/dist/components/widgets/manifest.json +9 -0
  160. package/dist/components/widgets/presentation.js +40 -0
  161. package/dist/components/widgets/static.html +0 -0
  162. package/dist/components.html +790 -0
  163. package/dist/externals/componentPreview.js +101 -0
  164. package/dist/externals/dsComponentLoader.js +410 -0
  165. package/dist/externals/esri-leaflet-vector.js +5 -0
  166. package/dist/externals/esri-leaflet.js +12 -0
  167. package/dist/externals/fb-handlebars.min.js +29 -0
  168. package/dist/externals/fb-typeahead.bundle.min.js +6 -0
  169. package/dist/externals/funnelback.autocompletion-2.6.0.js +678 -0
  170. package/dist/externals/getPagination.js +62 -0
  171. package/dist/externals/handlebars.min-v4.7.6.js +29 -0
  172. package/dist/externals/leaflet.js +6 -0
  173. package/dist/externals/populateDatastoreSim.js +381 -0
  174. package/dist/externals/tinymce_classes.css +62 -0
  175. package/dist/home.html +694 -0
  176. package/dist/index.html +710 -0
  177. package/dist/inner-with-nav.html +1853 -0
  178. package/dist/inner.html +671 -0
  179. package/dist/js/helpers.js +892 -0
  180. package/dist/js/main.js +55 -0
  181. package/dist/js/main.js.map +1 -0
  182. package/dist/js/runtime.js +2 -0
  183. package/dist/js/runtime.js.map +1 -0
  184. package/dist/main.css +918 -0
  185. package/dist/main.css.map +1 -0
  186. package/dist/mysource_files/ajax-loader.gif +0 -0
  187. package/dist/mysource_files/favicons/favicon.ico +0 -0
  188. package/dist/mysource_files/img/100x100.jpg +0 -0
  189. package/dist/mysource_files/img/600x260.jpg +0 -0
  190. package/dist/mysource_files/img/Heart-Pattern-Dark.png +0 -0
  191. package/dist/mysource_files/img/Heart-Pattern.png +0 -0
  192. package/dist/mysource_files/img/banner-background--desktop.png +0 -0
  193. package/dist/mysource_files/img/banner-background--mobile.png +0 -0
  194. package/dist/mysource_files/img/banner-bg.png +0 -0
  195. package/dist/mysource_files/img/banner.png +0 -0
  196. package/dist/mysource_files/img/card--brand.png +0 -0
  197. package/dist/mysource_files/img/card--components.png +0 -0
  198. package/dist/mysource_files/img/card--content.png +0 -0
  199. package/dist/mysource_files/img/header-logo-agov.png +0 -0
  200. package/dist/mysource_files/img/header-logo-qgov--dark.svg +63 -0
  201. package/dist/mysource_files/img/header-logo-qgov--light.svg +56 -0
  202. package/dist/mysource_files/img/header-logo-qgov--pre-dark.svg +56 -0
  203. package/dist/mysource_files/img/header-search.svg +3 -0
  204. package/dist/mysource_files/img/layers-2x.png +0 -0
  205. package/dist/mysource_files/img/layers.png +0 -0
  206. package/dist/mysource_files/img/marker-icon.png +0 -0
  207. package/dist/mysource_files/img/svg-icons.svg +155 -0
  208. package/dist/mysource_files/img/video-play.svg +3 -0
  209. package/dist/mysource_files/slick.eot +0 -0
  210. package/dist/mysource_files/slick.svg +14 -0
  211. package/dist/mysource_files/slick.ttf +0 -0
  212. package/dist/mysource_files/slick.woff +0 -0
  213. package/package-lock.json +14276 -0
  214. package/package.json +79 -0
  215. package/scripts/add_component.sh +109 -0
  216. package/src/assets/favicons/favicon.ico +0 -0
  217. package/src/assets/img/100x100.jpg +0 -0
  218. package/src/assets/img/600x260.jpg +0 -0
  219. package/src/assets/img/Heart-Pattern-Dark.png +0 -0
  220. package/src/assets/img/Heart-Pattern.png +0 -0
  221. package/src/assets/img/banner-background--desktop.png +0 -0
  222. package/src/assets/img/banner-background--mobile.png +0 -0
  223. package/src/assets/img/banner-bg.png +0 -0
  224. package/src/assets/img/banner.png +0 -0
  225. package/src/assets/img/card--brand.png +0 -0
  226. package/src/assets/img/card--components.png +0 -0
  227. package/src/assets/img/card--content.png +0 -0
  228. package/src/assets/img/header-logo-agov.png +0 -0
  229. package/src/assets/img/header-logo-qgov--dark.svg +63 -0
  230. package/src/assets/img/header-logo-qgov--light.svg +56 -0
  231. package/src/assets/img/header-logo-qgov--pre-dark.svg +56 -0
  232. package/src/assets/img/header-search.svg +3 -0
  233. package/src/assets/img/layers-2x.png +0 -0
  234. package/src/assets/img/layers.png +0 -0
  235. package/src/assets/img/marker-icon.png +0 -0
  236. package/src/assets/img/svg-icons.svg +155 -0
  237. package/src/assets/img/video-play.svg +3 -0
  238. package/src/components/_global/css/admin/component.scss +71 -0
  239. package/src/components/_global/css/body/component.scss +897 -0
  240. package/src/components/_global/css/btn/component.scss +564 -0
  241. package/src/components/_global/css/cta_links/component.scss +121 -0
  242. package/src/components/_global/css/direction_links/component.scss +196 -0
  243. package/src/components/_global/css/example/component.scss +54 -0
  244. package/src/components/_global/css/forms/control_inputs/component.scss +349 -0
  245. package/src/components/_global/css/forms/general/component.scss +298 -0
  246. package/src/components/_global/css/forms/select/component.scss +230 -0
  247. package/src/components/_global/css/forms/text/component.scss +402 -0
  248. package/src/components/_global/css/global.scss +42 -0
  249. package/src/components/_global/css/grid-12/component.scss +331 -0
  250. package/src/components/_global/css/headings/component.scss +172 -0
  251. package/src/components/_global/css/icons/component.scss +29 -0
  252. package/src/components/_global/css/link_columns/component.scss +194 -0
  253. package/src/components/_global/css/link_list/component.scss +37 -0
  254. package/src/components/_global/css/modal/component.scss +182 -0
  255. package/src/components/_global/css/slick/component.scss +25 -0
  256. package/src/components/_global/css/table/component.scss +211 -0
  257. package/src/components/_global/css/tabs/component.scss +43 -0
  258. package/src/components/_global/css/tags/component.scss +272 -0
  259. package/src/components/_global/css/user_location/component.scss +38 -0
  260. package/src/components/_global/css/version/component.scss +47 -0
  261. package/src/components/_global/html/component.hbs +108 -0
  262. package/src/components/_global/html/ds_component.hbs +30 -0
  263. package/src/components/_global/html/head.html +63 -0
  264. package/src/components/_global/html/scripts.html +58 -0
  265. package/src/components/_global/js/_polyfills/global.js +18 -0
  266. package/src/components/_global/js/animate/global.js +324 -0
  267. package/src/components/_global/js/forms/global.js +182 -0
  268. package/src/components/_global/js/global.js +302 -0
  269. package/src/components/_global/js/manifest.json +11 -0
  270. package/src/components/_global/js/modal/global.js +236 -0
  271. package/src/components/_global/js/slick/global.js +153 -0
  272. package/src/components/_global/js/tabs/global.js +305 -0
  273. package/src/components/_global/js/user_location/global.js +116 -0
  274. package/src/components/_template/css/component.scss +22 -0
  275. package/src/components/_template/html/component-page.html +85 -0
  276. package/src/components/_template/html/component.hbs +4 -0
  277. package/src/components/_template/js/global.js +6 -0
  278. package/src/components/_template/js/manifest.json +40 -0
  279. package/src/components/abstract/css/component.scss +91 -0
  280. package/src/components/abstract/html/component.hbs +9 -0
  281. package/src/components/abstract/js/manifest.json +29 -0
  282. package/src/components/accordion/css/component.scss +329 -0
  283. package/src/components/accordion/html/accordion-group.html +157 -0
  284. package/src/components/accordion/html/component.hbs +46 -0
  285. package/src/components/accordion/html/default.html +92 -0
  286. package/src/components/accordion/js/global.js +413 -0
  287. package/src/components/accordion/js/manifest.json +427 -0
  288. package/src/components/banner/css/component.scss +664 -0
  289. package/src/components/banner/html/component.hbs +52 -0
  290. package/src/components/banner/js/manifest.json +11 -0
  291. package/src/components/banner_advanced/css/component.scss +7 -0
  292. package/src/components/banner_advanced/html/component.hbs +213 -0
  293. package/src/components/banner_advanced/js/global.js +6 -0
  294. package/src/components/banner_advanced/js/manifest.json +1450 -0
  295. package/src/components/banner_basic/css/component.scss +52 -0
  296. package/src/components/banner_basic/html/component.hbs +130 -0
  297. package/src/components/banner_basic/js/global.js +6 -0
  298. package/src/components/banner_basic/js/manifest.json +151 -0
  299. package/src/components/banner_intermediate/css/component.scss +276 -0
  300. package/src/components/banner_intermediate/html/component.hbs +165 -0
  301. package/src/components/banner_intermediate/js/global.js +6 -0
  302. package/src/components/banner_intermediate/js/manifest.json +248 -0
  303. package/src/components/body/css/component.scss +16 -0
  304. package/src/components/body/html/component.hbs +5 -0
  305. package/src/components/body/js/manifest.json +46 -0
  306. package/src/components/breadcrumbs/css/component.scss +236 -0
  307. package/src/components/breadcrumbs/html/component.hbs +29 -0
  308. package/src/components/breadcrumbs/js/manifest.json +9 -0
  309. package/src/components/callout/css/component.scss +146 -0
  310. package/src/components/callout/html/component.hbs +28 -0
  311. package/src/components/callout/js/manifest.json +121 -0
  312. package/src/components/card_feature/css/component.scss +224 -0
  313. package/src/components/card_feature/html/component.hbs +129 -0
  314. package/src/components/card_feature/js/manifest.json +1390 -0
  315. package/src/components/card_multi_action/css/component.scss +229 -0
  316. package/src/components/card_multi_action/html/component.hbs +192 -0
  317. package/src/components/card_multi_action/js/manifest.json +1314 -0
  318. package/src/components/card_no_action/css/component.scss +551 -0
  319. package/src/components/card_no_action/html/component.hbs +127 -0
  320. package/src/components/card_no_action/js/global.js +6 -0
  321. package/src/components/card_no_action/js/manifest.json +1264 -0
  322. package/src/components/card_single_action/css/component.scss +164 -0
  323. package/src/components/card_single_action/html/component.hbs +161 -0
  324. package/src/components/card_single_action/js/manifest.json +1273 -0
  325. package/src/components/code/css/component.scss +355 -0
  326. package/src/components/code/html/component.hbs +84 -0
  327. package/src/components/code/js/global.js +160 -0
  328. package/src/components/code/js/manifest.json +112 -0
  329. package/src/components/footer/css/component.scss +437 -0
  330. package/src/components/footer/html/component.hbs +177 -0
  331. package/src/components/footer/js/manifest.json +9 -0
  332. package/src/components/global_alert/css/component.scss +169 -0
  333. package/src/components/global_alert/html/component.hbs +38 -0
  334. package/src/components/global_alert/js/global.js +39 -0
  335. package/src/components/global_alert/js/manifest.json +9 -0
  336. package/src/components/header/css/component.scss +697 -0
  337. package/src/components/header/html/component.hbs +186 -0
  338. package/src/components/header/js/global.js +188 -0
  339. package/src/components/header/js/manifest.json +11 -0
  340. package/src/components/horizontal_rule/css/component.scss +37 -0
  341. package/src/components/horizontal_rule/html/component.hbs +6 -0
  342. package/src/components/horizontal_rule/js/manifest.json +69 -0
  343. package/src/components/in_page_navigation/css/component.scss +54 -0
  344. package/src/components/in_page_navigation/html/component.hbs +17 -0
  345. package/src/components/in_page_navigation/js/global.js +51 -0
  346. package/src/components/in_page_navigation/js/manifest.json +35 -0
  347. package/src/components/internal_navigation/css/component.scss +437 -0
  348. package/src/components/internal_navigation/html/component.hbs +57 -0
  349. package/src/components/internal_navigation/js/manifest.json +11 -0
  350. package/src/components/left_hand_navigation/css/component.scss +280 -0
  351. package/src/components/left_hand_navigation/html/component.hbs +77 -0
  352. package/src/components/left_hand_navigation/js/global.js +36 -0
  353. package/src/components/left_hand_navigation/js/manifest.json +40 -0
  354. package/src/components/main_navigation/css/component.scss +706 -0
  355. package/src/components/main_navigation/html/component.hbs +87 -0
  356. package/src/components/main_navigation/js/global.js +373 -0
  357. package/src/components/main_navigation/js/manifest.json +11 -0
  358. package/src/components/mega_main_navigation/css/component.scss +535 -0
  359. package/src/components/mega_main_navigation/html/component.hbs +157 -0
  360. package/src/components/mega_main_navigation/js/global.js +170 -0
  361. package/src/components/mega_main_navigation/js/manifest.json +9 -0
  362. package/src/components/multi_column/css/component.scss +11 -0
  363. package/src/components/multi_column/html/component.hbs +98 -0
  364. package/src/components/multi_column/js/manifest.json +233 -0
  365. package/src/components/page_alert/css/component.scss +132 -0
  366. package/src/components/page_alert/html/component.hbs +26 -0
  367. package/src/components/page_alert/js/manifest.json +63 -0
  368. package/src/components/pagination/css/component.scss +196 -0
  369. package/src/components/pagination/html/component.hbs +41 -0
  370. package/src/components/pagination/html/default.html +30 -0
  371. package/src/components/pagination/js/manifest.json +42 -0
  372. package/src/components/search_box/css/component.scss +48 -0
  373. package/src/components/search_box/html/component.html +11 -0
  374. package/src/components/search_box/js/manifest.json +73 -0
  375. package/src/components/updated_date/css/component.scss +0 -0
  376. package/src/components/updated_date/html/component.hbs +31 -0
  377. package/src/components/updated_date/js/manifest.json +9 -0
  378. package/src/components/widgets/css/component.scss +82 -0
  379. package/src/components/widgets/html/component.hbs +19 -0
  380. package/src/components/widgets/html/default.html +4 -0
  381. package/src/components/widgets/js/current.json +483 -0
  382. package/src/components/widgets/js/manifest.json +9 -0
  383. package/src/components/widgets/js/site.json +358 -0
  384. package/src/data/current.json +522 -0
  385. package/src/data/current_admin.json +305 -0
  386. package/src/data/model_component.js +14 -0
  387. package/src/data/site.json +762 -0
  388. package/src/externals/componentPreview.js +101 -0
  389. package/src/externals/dsComponentLoader.js +410 -0
  390. package/src/externals/esri-leaflet-vector.js +5 -0
  391. package/src/externals/esri-leaflet.js +12 -0
  392. package/src/externals/fb-handlebars.min.js +29 -0
  393. package/src/externals/fb-typeahead.bundle.min.js +6 -0
  394. package/src/externals/funnelback.autocompletion-2.6.0.js +678 -0
  395. package/src/externals/getPagination.js +62 -0
  396. package/src/externals/handlebars.min-v4.7.6.js +29 -0
  397. package/src/externals/leaflet.js +6 -0
  398. package/src/externals/populateDatastoreSim.js +381 -0
  399. package/src/externals/tinymce_classes.css +62 -0
  400. package/src/helpers/Handlebars/appendIf.js +6 -0
  401. package/src/helpers/Handlebars/arrayLength.js +3 -0
  402. package/src/helpers/Handlebars/arrayWith.js +13 -0
  403. package/src/helpers/Handlebars/capitaliseFirst.js +8 -0
  404. package/src/helpers/Handlebars/charMax.js +8 -0
  405. package/src/helpers/Handlebars/checkIf.js +20 -0
  406. package/src/helpers/Handlebars/columnWidth.js +39 -0
  407. package/src/helpers/Handlebars/contains.js +7 -0
  408. package/src/helpers/Handlebars/createMap.js +19 -0
  409. package/src/helpers/Handlebars/dsMapFromID.js +8 -0
  410. package/src/helpers/Handlebars/dsMapFromProp.js +8 -0
  411. package/src/helpers/Handlebars/eachByName.js +18 -0
  412. package/src/helpers/Handlebars/eachDS.js +7 -0
  413. package/src/helpers/Handlebars/eachFrom.js +13 -0
  414. package/src/helpers/Handlebars/eachUpTo.js +8 -0
  415. package/src/helpers/Handlebars/eachWhen.js +33 -0
  416. package/src/helpers/Handlebars/formatDate.js +62 -0
  417. package/src/helpers/Handlebars/generateDates.js +74 -0
  418. package/src/helpers/Handlebars/getDistance.js +40 -0
  419. package/src/helpers/Handlebars/getObject.js +3 -0
  420. package/src/helpers/Handlebars/getParamaterByName.js +11 -0
  421. package/src/helpers/Handlebars/getPossibleValues.js +13 -0
  422. package/src/helpers/Handlebars/getProp.js +3 -0
  423. package/src/helpers/Handlebars/getTags.js +20 -0
  424. package/src/helpers/Handlebars/getTitle.js +4 -0
  425. package/src/helpers/Handlebars/ifAny.js +9 -0
  426. package/src/helpers/Handlebars/ifArray.js +3 -0
  427. package/src/helpers/Handlebars/ifCond.js +31 -0
  428. package/src/helpers/Handlebars/ifEqualsOrChained.js +12 -0
  429. package/src/helpers/Handlebars/ifProp.js +3 -0
  430. package/src/helpers/Handlebars/if_eq.js +9 -0
  431. package/src/helpers/Handlebars/inArray.js +8 -0
  432. package/src/helpers/Handlebars/isPage.js +7 -0
  433. package/src/helpers/Handlebars/itemAt.js +11 -0
  434. package/src/helpers/Handlebars/jsonParse.js +8 -0
  435. package/src/helpers/Handlebars/jsonStringify.js +3 -0
  436. package/src/helpers/Handlebars/listAZ.js +51 -0
  437. package/src/helpers/Handlebars/listAZOptions.js +34 -0
  438. package/src/helpers/Handlebars/listByClosest.js +60 -0
  439. package/src/helpers/Handlebars/listByClosestWithOffset.js +63 -0
  440. package/src/helpers/Handlebars/math.js +11 -0
  441. package/src/helpers/Handlebars/newLineToBreak.js +6 -0
  442. package/src/helpers/Handlebars/nonBreakingSpaces.js +6 -0
  443. package/src/helpers/Handlebars/objectFromSelect.js +21 -0
  444. package/src/helpers/Handlebars/partialReplace.js +9 -0
  445. package/src/helpers/Handlebars/printAccordion.js +24 -0
  446. package/src/helpers/Handlebars/replace.js +8 -0
  447. package/src/helpers/Handlebars/replaceMany.js +5 -0
  448. package/src/helpers/Handlebars/sizeFormat.js +11 -0
  449. package/src/helpers/Handlebars/split.js +6 -0
  450. package/src/helpers/Handlebars/toUpperCase.js +7 -0
  451. package/src/helpers/Handlebars/urldecode.js +3 -0
  452. package/src/helpers/Handlebars/urlencode.js +3 -0
  453. package/src/helpers/Handlebars/withinObject.js +13 -0
  454. package/src/html/component-abstract.html +86 -0
  455. package/src/html/component-accordion.html +87 -0
  456. package/src/html/component-banner.html +84 -0
  457. package/src/html/component-banner_advanced.html +97 -0
  458. package/src/html/component-banner_basic.html +163 -0
  459. package/src/html/component-banner_intermediate.html +91 -0
  460. package/src/html/component-body.html +116 -0
  461. package/src/html/component-breadcrumbs.html +88 -0
  462. package/src/html/component-btn.html +117 -0
  463. package/src/html/component-callout.html +86 -0
  464. package/src/html/component-card_feature.html +631 -0
  465. package/src/html/component-card_multi_action.html +793 -0
  466. package/src/html/component-card_no_action.html +521 -0
  467. package/src/html/component-card_single_action.html +631 -0
  468. package/src/html/component-code.html +84 -0
  469. package/src/html/component-footer.html +87 -0
  470. package/src/html/component-forms.html +585 -0
  471. package/src/html/component-global-elements.html +531 -0
  472. package/src/html/component-global_alert.html +87 -0
  473. package/src/html/component-header.html +88 -0
  474. package/src/html/component-in_page_navigation.html +109 -0
  475. package/src/html/component-internal_navigation.html +87 -0
  476. package/src/html/component-left_hand_navigation.html +85 -0
  477. package/src/html/component-main_navigation.html +87 -0
  478. package/src/html/component-mega_main_navigation.html +88 -0
  479. package/src/html/component-multi_column.html +86 -0
  480. package/src/html/component-page_alert.html +86 -0
  481. package/src/html/component-pagination.html +86 -0
  482. package/src/html/component-tag_list.html +340 -0
  483. package/src/html/component-updated_date.html +88 -0
  484. package/src/html/component-widgets.html +90 -0
  485. package/src/html/components.html +136 -0
  486. package/src/html/home.html +126 -0
  487. package/src/html/index.html +142 -0
  488. package/src/html/inner-with-nav.html +1126 -0
  489. package/src/html/inner.html +107 -0
  490. package/src/index.js +12 -0
  491. package/src/styles/global.scss +120 -0
  492. package/src/styles/imports/figma.scss +0 -0
  493. package/src/styles/imports/functions.scss +519 -0
  494. package/src/styles/imports/mixins.scss +658 -0
  495. package/src/styles/imports/placeholders.scss +68 -0
  496. package/src/styles/imports/utilities.scss +185 -0
  497. package/src/styles/imports/variables.scss +484 -0
  498. package/src/styles/postcss.config.js +4 -0
  499. package/webpack/JsonMergePlugin.js +35 -0
  500. package/webpack/PrecompilePlugin.js +369 -0
  501. package/webpack/webpack.common.js +151 -0
  502. package/webpack/webpack.dev.js +54 -0
  503. package/webpack/webpack.prod.js +70 -0
package/src/html/component-global-elements.html ADDED
@@ -0,0 +1,531 @@
1
+ <!DOCTYPE html>
2
+ <!--[if lt IE 8]>
3
+ <html class="no-js lt-ie8 lt-ie9" lang="en">
4
+ <![endif]-->
5
+ <!--[if IE 8]>
6
+ <html class="no-js lt-ie9 ie8" lang="en">
7
+ <![endif]-->
8
+ <!--[if IE 9]>
9
+ <html class="no-js ie9" lang="en">
10
+ <![endif]-->
11
+ <!--[if !(IE)]><!-->
12
+ <html class="no-js" lang="en">
13
+ <!--<![endif]-->
14
+
15
+ <head>
16
+ <title>Queensland Design System</title>
17
+
18
+ ${require('../components/_global/html/head.html')}
19
+ <script>
20
+ var globals = {"site":{"data":{"assetid":"136","type_code":"site","version":"0.0.8","name":"Design System","short_name":"Design System","status":"2","force_secure":"0","languages":"en","charset":"utf-8","created":"2020-12-09 13:11:12","created_userid":"54","updated":"2021-01-20 15:08:30","updated_userid":"312","published":"Never","published_userid":"","status_changed":"2020-12-09 13:11:12","status_changed_userid":"54","thumbnail":"","attributes":{"name":{"attrid":"685","type":"text","value":"Design System","is_contextable":true,"use_default":true},"not_found_page_cache_globally":{"attrid":"686","type":"boolean","value":false,"is_contextable":false,"use_default":true},"available_conditions":{"attrid":"687","type":"serialise","value":[],"is_contextable":false,"use_default":true}},"metadata":{"displayInPageNav":{"value":"","fieldid":"808","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_heading":{"value":"On this page","fieldid":"809","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_headingType":{"value":"h2","fieldid":"810","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"siteTitle":{"value":"Queensland Health Design System","fieldid":"166","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"siteLogo":{"value":"169","fieldid":"127","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"siteFavicon":{"value":"106","fieldid":"128","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"siteAppleTouch":{"value":"106","fieldid":"129","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderLogo":{"value":"170","fieldid":"171","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderText":{"value":"digital.qld.gov.au","fieldid":"167","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderURL":{"value":"http://www.digital.qld.gov.au","fieldid":"168","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"showHomeIcon":{"value":"true","fieldid":"481","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"siteRepository":{"value":"164","fieldid":"213","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerLinks":{"value":"[\"186\",\"194\",\"198\",\"458\",\"676\"]","fieldid":"715","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerCopyrightMessage":{"value":"© The State of Queensland 2020","fieldid":"722","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"footerCopyrightLink":{"value":"206","fieldid":"723","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerCTAHeading":{"value":"Help us improve","fieldid":"724","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"footerCTALead":{"value":"We are always looking for ways to improve our website.","fieldid":"725","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"footerCTALink":{"value":"186","fieldid":"726","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true}}},"metadata":{"displayInPageNav":{"value":"","fieldid":"808","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_heading":{"value":"On this page","fieldid":"809","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_headingType":{"value":"h2","fieldid":"810","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"siteTitle":{"value":"Queensland Health Design System","fieldid":"166","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"siteLogo":{"value":"169","fieldid":"127","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"siteFavicon":{"value":"106","fieldid":"128","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"siteAppleTouch":{"value":"106","fieldid":"129","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderLogo":{"value":"170","fieldid":"171","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderText":{"value":"digital.qld.gov.au","fieldid":"167","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderURL":{"value":"http://www.digital.qld.gov.au","fieldid":"168","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"showHomeIcon":{"value":"true","fieldid":"481","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"siteRepository":{"value":"164","fieldid":"213","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerLinks":{"value":"[\"186\",\"194\",\"198\",\"458\",\"676\"]","fieldid":"715","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerCopyrightMessage":{"value":"© The State of Queensland 2020","fieldid":"722","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"footerCopyrightLink":{"value":"206","fieldid":"723","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerCTAHeading":{"value":"Help us improve","fieldid":"724","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"footerCTALead":{"value":"We are always looking for ways to improve our website.","fieldid":"725","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"footerCTALink":{"value":"186","fieldid":"726","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true}},"children":[{"asset_name":"Get started","asset_assetid":"186"},{"asset_name":"Brand guidelines","asset_assetid":"190"},{"asset_name":"Content guidelines","asset_assetid":"194"},{"asset_name":"Components","asset_assetid":"198"},{"asset_name":"Examples","asset_assetid":"202"},{"asset_name":"Support","asset_assetid":"206"}]},"current":{"data":{"assetid":"676","type_code":"page_standard","version":"0.0.16","name":"Links","short_name":"Links","status":"2","force_secure":"0","languages":"en","charset":"utf-8","created":"2021-01-11 11:48:22","created_userid":"312","updated":"2021-01-20 15:08:29","updated_userid":"312","published":"Never","published_userid":"","status_changed":"2021-01-11 11:48:22","status_changed_userid":"312","thumbnail":"","attributes":{"name":{"attrid":"631","type":"text","value":"Links","is_contextable":true,"use_default":true},"short_name":{"attrid":"632","type":"text","value":"Links","is_contextable":true,"use_default":true},"available_conditions":{"attrid":"633","type":"serialise","value":[],"is_contextable":false,"use_default":true},"conditions":{"attrid":"634","type":"serialise","value":[],"is_contextable":true,"use_default":true}},"metadata":{"description":{"value":"","fieldid":"132","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"pageType":{"value":"landing","fieldid":"680","type":"metadata_field_select","is_contextable":true,"default_value":false,"use_default":true},"displayBreadcrumbs":{"value":"true","fieldid":"681","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"displayBanner":{"value":"true","fieldid":"682","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"displayInPageNav":{"value":"true","fieldid":"808","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_heading":{"value":"On this page","fieldid":"809","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_headingType":{"value":"h2","fieldid":"810","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true}}},"home":0,"children":[{"asset_assetid":"458","asset_url":"https://qhscb.squiz.cloud/components/accordion","asset_name":"Accordion","children":[]},{"asset_assetid":"325","asset_url":"https://qhscb.squiz.cloud/components/callout","asset_name":"Callout","children":[]},{"asset_assetid":"659","asset_url":"https://qhscb.squiz.cloud/components/card-listing","asset_name":"Card Listing","children":[]},{"asset_assetid":"676","asset_url":"https://qhscb.squiz.cloud/components/links","asset_name":"Links","children":[]},{"asset_assetid":"683","asset_url":"https://qhscb.squiz.cloud/components/search-box","asset_name":"Search Box","children":[]},{"asset_assetid":"785","asset_url":"https://qhscb.squiz.cloud/components/page-alert","asset_name":"Page Alert","children":[]}],"lineage":[{"asset_assetid":"136","asset_name":"Design System","asset_url":"https://qhscb.squiz.cloud"},{"asset_assetid":"198","asset_name":"Components","asset_url":"https://qhscb.squiz.cloud/components"},{"asset_assetid":"676","asset_name":"Links","asset_url":"https://qhscb.squiz.cloud/components/links"}],"top":{"asset_assetid":"198","asset_name":"Components","asset_url":"https://qhscb.squiz.cloud/components"}}};
21
+ </script>
22
+ </head>
23
+
24
+ <body class="qld__grid">
25
+ <!--noindex-->
26
+ ${require('../components/header/html/component.hbs')({
27
+ "site":require('/src/data/site.json')
28
+ })}
29
+ <!--endnoindex-->
30
+ ${require('../components/mega_main_navigation/html/component.hbs')({
31
+ "site":require('/src/data/site.json')
32
+ })}
33
+ <!-- MAIN BODY -->
34
+ <main class="main" role="main">
35
+ <section class="qld__body qld__body--breadcrumb">
36
+ <div class="container-fluid">
37
+ ${require('../components/breadcrumbs/html/component.hbs')({
38
+ "site":require('/src/data/site.json'),
39
+ "current":require('/src/data/current.json'),
40
+ })}
41
+ </div>
42
+ </section>
43
+ <!--CONTENT-->
44
+ <div class="qld__body">
45
+ <div class="container-fluid">
46
+ <div class="row">
47
+ <div class="col-xs-12 col-lg-4 col-xl-3">
48
+ <!-- INTERNAL NAVIGATION -->
49
+ ${require('../components/internal_navigation/html/component.hbs')({
50
+ "site":require('/src/data/site.json'),
51
+ "current":require('/src/data/current.json')
52
+ })}
53
+ </div>
54
+ <div class="col-xs-12 col-lg-8 col-xl-8" id="content">
55
+ <h1>Global elements</h1>
56
+ <div class="qld__abstract">
57
+ <p>Global elements</p>
58
+ </div>
59
+ <div class="qld__body">
60
+ <div class="container-fluid">
61
+ <h1>Heading 1</h1>
62
+ <p>Paragraph</p>
63
+ <h2>Heading 2</h2>
64
+ <p>Paragraph</p>
65
+ <h3>Heading 3</h3>
66
+ <p>Paragraph</p>
67
+ <h4>Heading 4</h4>
68
+ <p>Paragraph</p>
69
+ <h5>Heading 5</h5>
70
+ <p>Paragraph</p>
71
+ <h6>Heading 6</h6>
72
+ <p>Paragraph</p>
73
+
74
+
75
+
76
+ <h2 style="margin-bottom:2rem;">Default (Light)</h2>
77
+
78
+ <h3 style="margin-bottom:2rem;">CTA links</h3>
79
+ <a href="#" class="qld__cta-link">Link</a>
80
+ <a href="#" class="qld__cta-link" disabled>Link - disabled</a>
81
+ <a href="#" class="qld__cta-link qld__cta-link--view-all">Link - view all</a>
82
+
83
+ <h3 style="margin-bottom:2rem;">Direction links</h3>
84
+ <a href="#" class="qld__direction-link--left">Link</a>
85
+ <a href="#" class="qld__direction-link--right">Link</a>
86
+ <a href="#" class="qld__direction-link--up">Link</a>
87
+ <a href="#" class="qld__direction-link--down">Link</a>
88
+
89
+ <h3 style="margin-bottom:2rem;">Link columns</h3>
90
+ <ul class="qld__link-columns">
91
+ <li><a href="#">List item</li>
92
+ <li><a href="#">List item</li>
93
+ <li><a href="#">List item</a></li>
94
+ <li class="qld__link-columns__all-link"><a class="qld__cta-link qld__cta-link--view-all" href="#">View all</li>
95
+ </ul>
96
+
97
+ <h3 style="margin-bottom:2rem;">Link list - WIP</h3>
98
+ <ul class="qld__link-list">
99
+ <li><a href="#">List item</a></li>
100
+ <li><a href="#">List item</a></li>
101
+ <li><a href="#">List item</a></li>
102
+ </ul>
103
+
104
+ <h3 style="margin-bottom:2rem;">Table</h3>
105
+ <table class="qld__table">
106
+ <thead>
107
+ <tr>
108
+ <th>Date</th>
109
+ <th>Event</th>
110
+ <th>Venue</th>
111
+ </tr>
112
+ </thead>
113
+ <tbody>
114
+ <tr>
115
+ <td>12 February</td>
116
+ <td>Waltz with Strauss</td>
117
+ <td>Main Hall</td>
118
+ </tr>
119
+ <tr>
120
+ <td>12 February</td>
121
+ <td>Waltz with Strauss</td>
122
+ <td>Main Hall</td>
123
+ </tr>
124
+ </tbody>
125
+ </table>
126
+ <table class="qld__table qld__table--striped">
127
+ <thead>
128
+ <tr>
129
+ <th>Date</th>
130
+ <th>Event</th>
131
+ <th>Venue</th>
132
+ </tr>
133
+ </thead>
134
+ <tbody>
135
+ <tr>
136
+ <td>12 February</td>
137
+ <td>Waltz with Strauss</td>
138
+ <td>Main Hall</td>
139
+ </tr>
140
+ <tr>
141
+ <td>12 February</td>
142
+ <td>Waltz with Strauss</td>
143
+ <td>Main Hall</td>
144
+ </tr>
145
+ </tbody>
146
+ </table>
147
+
148
+
149
+ <form role="search" aria-label="sitewide" class="qld__search qld__search--responsive" action="https://qhscb.squiz.cloud/wog-design-system/search">
150
+ <label for="qld__search__query" class="qld__search__label">Search this website</label>
151
+ <div class="qld__search__inner">
152
+ <span class="twitter-typeahead" style="position: relative; display: inline-block;">
153
+ <input type="search" class="qld__text-input tt-hint" autocomplete="off" readonly="" spellcheck="false" tabindex="-1" aria-hidden="true" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);" dir="ltr"><input type="search" id="qld__header__search-query" name="query" class="qld__text-input tt-input" autocomplete="off" spellcheck="false" dir="auto" aria-owns="qld__header__search-query_listbox" role="combobox" aria-autocomplete="list" aria-expanded="false" style="position: relative; vertical-align: top; background-color: transparent;"><span role="status" aria-live="polite" style="position: absolute; padding: 0px; border: 0px; height: 1px; width: 1px; margin-bottom: -1px; margin-right: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;"></span>
154
+ <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Lato, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre>
155
+ <div role="listbox" class="tt-menu" id="qld__search__query-listbox" aria-expanded="false" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none;">
156
+ <div role="presentation" class="tt-dataset tt-dataset-organic"></div>
157
+ </div>
158
+ </span>
159
+ <div class="qld__search__btn">
160
+ <button class="qld__btn qld__btn--search" type="submit" aria-label="Search">
161
+ <span class="qld__btn__icon"></span>
162
+ <span class="qld__btn__text">Search</span>
163
+ </button>
164
+ </div>
165
+ </div>
166
+ </form>
167
+
168
+ <section class="qld__body qld__card--wrapper qld__card--slider">
169
+ <div class="container-fluid">
170
+ <div class="row">
171
+ <div class="qld__card-intro col-xs-12 qld__card-intro--no-top-p">
172
+ <h2>Audio and podcasts</h2>
173
+ </div>
174
+ </div>
175
+ <div class="row">
176
+ <ul class="qld__card-list qld__card-list--matchheight slick-initialized slick-slider" data-action="slick-slider" data-type="four">
177
+ <div class="slick-list draggable">
178
+ <div class="slick-track" style="opacity: 1; width: 385px; transform: translate3d(0px, 0px, 0px);">
179
+ <div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 385px;">
180
+ <div>
181
+ <li class="col-xs-12 col-md-3" style="width: 100%; display: inline-block;">
182
+ <div class="qld__card qld__card__multi-action qld__card--image">
183
+ <a href="https://qhscb.squiz.cloud/wog-design-system/qh-extended/article-home/podcasts/podcast-series/podcast-episode-1" class="qld__card__image-link" tabindex="0">
184
+ <div class="qld__responsive-media-img--bg" style="background-image: url('https://qhscb.squiz.cloud/wog-design-system/_media/images/banner2.png')" alt="Image for Podcast Episode 1"></div>
185
+ <div class="qld__card__image-tag">
186
+ <div class="qld__card__image-tag--title">
187
+ <i class="fa-light fa-podcast"></i>
188
+ <span class="qld__card__image-tag__text--bold">Listen</span>
189
+ </div>
190
+ <div class="qld__card__image-tag--length">
191
+ <i class="far fa-clock" aria-hidden="true"></i>
192
+ <span class="qld__card__image-tag__text--small">27:30</span>
193
+ </div>
194
+ </div>
195
+ </a>
196
+ <div class="qld__card__inner">
197
+ <div class="qld__card__content">
198
+ <div class="qld__card__content-inner">
199
+ <p class="qld__card__date">19.09.2022</p>
200
+ <h3 class="qld__card__title"><a class="qld__card--clickable__link" href="https://qhscb.squiz.cloud/wog-design-system/qh-extended/article-home/podcasts/podcast-series/podcast-episode-1" tabindex="0">Podcast Episode 1</a></h3>
201
+ </div>
202
+ </div>
203
+ <div class="qld__card__footer">
204
+ <hr class="qld__horizontal-rule">
205
+ <div class="qld__card__footer-inner">
206
+ <ul class="qld__card__tags qld__tag-list">
207
+ <li>
208
+ <a href="https://qhscb.squiz.cloud/wog-design-system/qh-extended/article-home/featured-articles?tag=first_aid" class="qld__tag qld__tag--link" tabindex="0">First aid</a>
209
+ </li>
210
+ <li>
211
+ <a href="https://qhscb.squiz.cloud/wog-design-system/qh-extended/article-home/featured-articles?tag=facilities" class="qld__tag qld__tag--link" tabindex="0">Facilities</a>
212
+ </li>
213
+ </ul>
214
+ </div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ </li>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </ul>
224
+ <div class="qld__card-list__footer col-xs-12">
225
+ <div class="qld__slick-controls"></div>
226
+ <a class="qld__cta-link qld__cta-link--view-all" href="https://qhscb.squiz.cloud/wog-design-system/qh-extended/article-home/podcasts">All podcasts</a>
227
+ </div>
228
+ </div>
229
+ </div>
230
+ </section>
231
+ </div>
232
+ </div>
233
+ <div class="qld__body qld__body--alt">
234
+ <div class="container-fluid">
235
+ <h2 style="margin-bottom:2rem;">Alternative</h2>
236
+ <h3 style="margin-bottom:2rem;">CTA links</h3>
237
+ <a href="#" class="qld__cta-link">Link</a>
238
+ <a href="#" class="qld__cta-link" disabled>Link - disabled</a>
239
+ <a href="#" class="qld__cta-link qld__cta-link--view-all">Link - view all</a>
240
+
241
+ <h3 style="margin-bottom:2rem;">Direction links</h3>
242
+ <a href="#" class="qld__direction-link--left">Link</a>
243
+ <a href="#" class="qld__direction-link--right">Link</a>
244
+ <a href="#" class="qld__direction-link--up">Link</a>
245
+ <a href="#" class="qld__direction-link--down">Link</a>
246
+
247
+ <h3 style="margin-bottom:2rem;">Link columns</h3>
248
+ <ul class="qld__link-columns">
249
+ <li><a href="#">List item</a></li>
250
+ <li><a href="#">List item</a></li>
251
+ <li><a href="#">List item</a></li>
252
+ <li class="qld__link-columns__all-link"><a class="qld__cta-link qld__cta-link--view-all" href="#">View all</a></li>
253
+ </ul>
254
+
255
+ <h3 style="margin-bottom:2rem;">Link list - WIP</h3>
256
+ <ul class="qld__link-list">
257
+ <li><a href="#">List item</a></li>
258
+ <li><a href="#">List item</a></li>
259
+ <li><a href="#">List item</a></li>
260
+ </ul>
261
+
262
+ <h3 style="margin-bottom:2rem;">Table</h3>
263
+ <table class="qld__table">
264
+ <thead>
265
+ <tr>
266
+ <th>Date</th>
267
+ <th>Event</th>
268
+ <th>Venue</th>
269
+ </tr>
270
+ </thead>
271
+ <tbody>
272
+ <tr>
273
+ <td>12 February</td>
274
+ <td>Waltz with Strauss</td>
275
+ <td>Main Hall</td>
276
+ </tr>
277
+ <tr>
278
+ <td>12 February</td>
279
+ <td>Waltz with Strauss</td>
280
+ <td>Main Hall</td>
281
+ </tr>
282
+ </tbody>
283
+ </table>
284
+ <table class="qld__table qld__table--striped">
285
+ <thead>
286
+ <tr>
287
+ <th>Date</th>
288
+ <th>Event</th>
289
+ <th>Venue</th>
290
+ </tr>
291
+ </thead>
292
+ <tbody>
293
+ <tr>
294
+ <td>12 February</td>
295
+ <td>Waltz with Strauss</td>
296
+ <td>Main Hall</td>
297
+ </tr>
298
+ <tr>
299
+ <td>12 February</td>
300
+ <td>Waltz with Strauss</td>
301
+ <td>Main Hall</td>
302
+ </tr>
303
+ </tbody>
304
+ </table>
305
+ <form role="search" aria-label="sitewide" class="qld__search qld__search--responsive" action="https://qhscb.squiz.cloud/wog-design-system/search">
306
+ <label for="qld__search__query" class="qld__search__label">Search this website</label>
307
+ <div class="qld__search__inner">
308
+ <span class="twitter-typeahead" style="position: relative; display: inline-block;">
309
+ <input type="search" class="qld__text-input tt-hint" autocomplete="off" readonly="" spellcheck="false" tabindex="-1" aria-hidden="true" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);" dir="ltr"><input type="search" id="qld__header__search-query" name="query" class="qld__text-input tt-input" autocomplete="off" spellcheck="false" dir="auto" aria-owns="qld__header__search-query_listbox" role="combobox" aria-autocomplete="list" aria-expanded="false" style="position: relative; vertical-align: top; background-color: transparent;"><span role="status" aria-live="polite" style="position: absolute; padding: 0px; border: 0px; height: 1px; width: 1px; margin-bottom: -1px; margin-right: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;"></span>
310
+ <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Lato, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre>
311
+ <div role="listbox" class="tt-menu" id="qld__search__query-listbox" aria-expanded="false" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none;">
312
+ <div role="presentation" class="tt-dataset tt-dataset-organic"></div>
313
+ </div>
314
+ </span>
315
+ <div class="qld__search__btn">
316
+ <button class="qld__btn qld__btn--search" type="submit" aria-label="Search">
317
+ <span class="qld__btn__icon"></span>
318
+ <span class="qld__btn__text">Search</span>
319
+ </button>
320
+ </div>
321
+ </div>
322
+ </form>
323
+ </div>
324
+ </div>
325
+ <div class="qld__body qld__body--dark">
326
+ <div class="container-fluid">
327
+ <h2 style="margin-bottom:2rem;">Dark</h2>
328
+ <h3 style="margin-bottom:2rem;">Links</h3>
329
+ <a href="#" class="qld__cta-link">Link</a>
330
+ <a href="#" class="qld__cta-link" disabled>Link - disabled</a>
331
+ <a href="#" class="qld__cta-link qld__cta-link--view-all">Link - view all</a>
332
+
333
+ <h3 style="margin-bottom:2rem;">Direction links</h3>
334
+ <a href="#" class="qld__direction-link--left">Link</a>
335
+ <a href="#" class="qld__direction-link--right">Link</a>
336
+ <a href="#" class="qld__direction-link--up">Link</a>
337
+ <a href="#" class="qld__direction-link--down">Link</a>
338
+
339
+ <h3 style="margin-bottom:2rem;">Link columns</h3>
340
+ <ul class="qld__link-columns">
341
+ <li><a href="#">List item</a></li>
342
+ <li><a href="#">List item</a></li>
343
+ <li><a href="#">List item</a></li>
344
+ <li class="qld__link-columns__all-link"><a class="qld__cta-link qld__cta-link--view-all" href="#">View all</a></li>
345
+ </ul>
346
+
347
+ <h3 style="margin-bottom:2rem;">Link list - WIP</h3>
348
+ <ul class="qld__link-list">
349
+ <li><a href="#">List item</a></li>
350
+ <li><a href="#">List item</a></li>
351
+ <li><a href="#">List item</a></li>
352
+ </ul>
353
+
354
+ <h3 style="margin-bottom:2rem;">Table</h3>
355
+ <table class="qld__table">
356
+ <thead>
357
+ <tr>
358
+ <th>Date</th>
359
+ <th>Event</th>
360
+ <th>Venue</th>
361
+ </tr>
362
+ </thead>
363
+ <tbody>
364
+ <tr>
365
+ <td>12 February</td>
366
+ <td>Waltz with Strauss</td>
367
+ <td>Main Hall</td>
368
+ </tr>
369
+ <tr>
370
+ <td>12 February</td>
371
+ <td>Waltz with Strauss</td>
372
+ <td>Main Hall</td>
373
+ </tr>
374
+ </tbody>
375
+ </table>
376
+ <table class="qld__table qld__table--striped">
377
+ <thead>
378
+ <tr>
379
+ <th>Date</th>
380
+ <th>Event</th>
381
+ <th>Venue</th>
382
+ </tr>
383
+ </thead>
384
+ <tbody>
385
+ <tr>
386
+ <td>12 February</td>
387
+ <td>Waltz with Strauss</td>
388
+ <td>Main Hall</td>
389
+ </tr>
390
+ <tr>
391
+ <td>12 February</td>
392
+ <td>Waltz with Strauss</td>
393
+ <td>Main Hall</td>
394
+ </tr>
395
+ </tbody>
396
+ </table>
397
+ <form role="search" aria-label="sitewide" class="qld__search qld__search--responsive" action="https://qhscb.squiz.cloud/wog-design-system/search">
398
+ <label for="qld__search__query" class="qld__search__label">Search this website</label>
399
+ <div class="qld__search__inner">
400
+ <span class="twitter-typeahead" style="position: relative; display: inline-block;">
401
+ <input type="search" class="qld__text-input tt-hint" autocomplete="off" readonly="" spellcheck="false" tabindex="-1" aria-hidden="true" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);" dir="ltr"><input type="search" id="qld__header__search-query" name="query" class="qld__text-input tt-input" autocomplete="off" spellcheck="false" dir="auto" aria-owns="qld__header__search-query_listbox" role="combobox" aria-autocomplete="list" aria-expanded="false" style="position: relative; vertical-align: top; background-color: transparent;"><span role="status" aria-live="polite" style="position: absolute; padding: 0px; border: 0px; height: 1px; width: 1px; margin-bottom: -1px; margin-right: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;"></span>
402
+ <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Lato, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre>
403
+ <div role="listbox" class="tt-menu" id="qld__search__query-listbox" aria-expanded="false" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none;">
404
+ <div role="presentation" class="tt-dataset tt-dataset-organic"></div>
405
+ </div>
406
+ </span>
407
+ <div class="qld__search__btn">
408
+ <button class="qld__btn qld__btn--search" type="submit" aria-label="Search">
409
+ <span class="qld__btn__icon"></span>
410
+ <span class="qld__btn__text">Search</span>
411
+ </button>
412
+ </div>
413
+ </div>
414
+ </form>
415
+ </div>
416
+ </div>
417
+ <div class="qld__body qld__body--dark-alt">
418
+ <div class="container-fluid">
419
+ <h2 style="margin-bottom:2rem;">Dark Alternative</h2>
420
+ <h3 style="margin-bottom:2rem;">Links</h3>
421
+ <a href="#" class="qld__cta-link">Link</a>
422
+ <a href="#" class="qld__cta-link" disabled>Link - disabled</a>
423
+ <a href="#" class="qld__cta-link qld__cta-link--view-all">Link - view all</a>
424
+
425
+ <h3 style="margin-bottom:2rem;">Direction links</h3>
426
+ <a href="#" class="qld__direction-link--left">Link</a>
427
+ <a href="#" class="qld__direction-link--right">Link</a>
428
+ <a href="#" class="qld__direction-link--up">Link</a>
429
+ <a href="#" class="qld__direction-link--down">Link</a>
430
+
431
+ <h3 style="margin-bottom:2rem;">Link columns</h3>
432
+ <ul class="qld__link-columns">
433
+ <li><a href="#">List item</a></li>
434
+ <li><a href="#">List item</a></li>
435
+ <li><a href="#">List item</a></li>
436
+ <li class="qld__link-columns__all-link"><a class="qld__cta-link qld__cta-link--view-all" href="#">View all</a></li>
437
+ </ul>
438
+
439
+ <h3 style="margin-bottom:2rem;">Link list - WIP</h3>
440
+ <ul class="qld__link-list">
441
+ <li><a href="#">List item</a></li>
442
+ <li><a href="#">List item</a></li>
443
+ <li><a href="#">List item</a></li>
444
+ </ul>
445
+
446
+ <h3 style="margin-bottom:2rem;">Table</h3>
447
+ <table class="qld__table">
448
+ <thead>
449
+ <tr>
450
+ <th>Date</th>
451
+ <th>Event</th>
452
+ <th>Venue</th>
453
+ </tr>
454
+ </thead>
455
+ <tbody>
456
+ <tr>
457
+ <td>12 February</td>
458
+ <td>Waltz with Strauss</td>
459
+ <td>Main Hall</td>
460
+ </tr>
461
+ <tr>
462
+ <td>12 February</td>
463
+ <td>Waltz with Strauss</td>
464
+ <td>Main Hall</td>
465
+ </tr>
466
+ </tbody>
467
+ </table>
468
+ <table class="qld__table qld__table--striped">
469
+ <thead>
470
+ <tr>
471
+ <th>Date</th>
472
+ <th>Event</th>
473
+ <th>Venue</th>
474
+ </tr>
475
+ </thead>
476
+ <tbody>
477
+ <tr>
478
+ <td>12 February</td>
479
+ <td>Waltz with Strauss</td>
480
+ <td>Main Hall</td>
481
+ </tr>
482
+ <tr>
483
+ <td>12 February</td>
484
+ <td>Waltz with Strauss</td>
485
+ <td>Main Hall</td>
486
+ </tr>
487
+ </tbody>
488
+ </table>
489
+ <form role="search" aria-label="sitewide" class="qld__search qld__search--responsive" action="https://qhscb.squiz.cloud/wog-design-system/search">
490
+ <label for="qld__search__query" class="qld__search__label">Search this website</label>
491
+ <div class="qld__search__inner">
492
+ <span class="twitter-typeahead" style="position: relative; display: inline-block;">
493
+ <input type="search" class="qld__text-input tt-hint" autocomplete="off" readonly="" spellcheck="false" tabindex="-1" aria-hidden="true" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);" dir="ltr"><input type="search" id="qld__header__search-query" name="query" class="qld__text-input tt-input" autocomplete="off" spellcheck="false" dir="auto" aria-owns="qld__header__search-query_listbox" role="combobox" aria-autocomplete="list" aria-expanded="false" style="position: relative; vertical-align: top; background-color: transparent;"><span role="status" aria-live="polite" style="position: absolute; padding: 0px; border: 0px; height: 1px; width: 1px; margin-bottom: -1px; margin-right: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;"></span>
494
+ <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Lato, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre>
495
+ <div role="listbox" class="tt-menu" id="qld__search__query-listbox" aria-expanded="false" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none;">
496
+ <div role="presentation" class="tt-dataset tt-dataset-organic"></div>
497
+ </div>
498
+ </span>
499
+ <div class="qld__search__btn">
500
+ <button class="qld__btn qld__btn--search" type="submit" aria-label="Search">
501
+ <span class="qld__btn__icon"></span>
502
+ <span class="qld__btn__text">Search</span>
503
+ </button>
504
+ </div>
505
+ </div>
506
+ </form>
507
+ </div>
508
+ </div>
509
+ </div>
510
+ </div>
511
+ </div>
512
+ </div>
513
+ </main>
514
+ <!-- END MAIN BODY -->
515
+
516
+ <!-- WIDGETS -->
517
+ ${require('../components/widgets/html/component.hbs')({
518
+ "site":require('/src/data/site.json'),
519
+ "current":require('/src/data/current.json')
520
+ })}
521
+
522
+ <!-- FOOTER-->
523
+ ${require('../components/footer/html/component.hbs')({
524
+ "site":require('/src/data/site.json')
525
+ })}
526
+
527
+ <div class="footer-scripts" id="footer_js" style="display: none !important;">
528
+ ${require('../components/_global/html/scripts.html')}
529
+ </div>
530
+ </body>
531
+ </html>