@biggive/components 202501211147.0.0 → 202502041147.0.0

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 (267) hide show
  1. package/dist/biggive/assets/images/triangles-combined-small-charity-week-white.svg +4 -0
  2. package/dist/biggive/assets/images/triangles-combined-small-charity-week.svg +5 -0
  3. package/dist/biggive/biggive.esm.js +1 -1
  4. package/dist/biggive/biggive.esm.js.map +1 -1
  5. package/dist/biggive/p-0383d7fb.entry.js +2 -0
  6. package/dist/biggive/{p-42a8df24.entry.js.map → p-0383d7fb.entry.js.map} +1 -1
  7. package/dist/biggive/p-186b15cd.entry.js +2 -0
  8. package/dist/biggive/{p-08caba7b.entry.js.map → p-186b15cd.entry.js.map} +1 -1
  9. package/dist/biggive/p-3b312ad6.entry.js +2 -0
  10. package/dist/biggive/{p-4e3802b0.entry.js.map → p-3b312ad6.entry.js.map} +1 -1
  11. package/dist/biggive/p-4351d450.entry.js +2 -0
  12. package/dist/biggive/{p-c4222c1b.entry.js.map → p-4351d450.entry.js.map} +1 -1
  13. package/dist/biggive/{p-aefad0be.entry.js → p-4869e442.entry.js} +2 -2
  14. package/dist/biggive/p-4a874963.entry.js +2 -0
  15. package/dist/biggive/p-63b6863b.entry.js +2 -0
  16. package/dist/biggive/p-6a04c217.entry.js +2 -0
  17. package/dist/biggive/p-6a04c217.entry.js.map +1 -0
  18. package/dist/biggive/p-715eb939.entry.js +2 -0
  19. package/dist/biggive/{p-7c0358ab.entry.js.map → p-715eb939.entry.js.map} +1 -1
  20. package/dist/biggive/p-7dfcf498.entry.js +2 -0
  21. package/dist/biggive/{p-1668ace9.entry.js.map → p-7dfcf498.entry.js.map} +1 -1
  22. package/dist/biggive/p-84e1e6a4.entry.js +2 -0
  23. package/dist/biggive/{p-d05e6bf8.entry.js.map → p-84e1e6a4.entry.js.map} +1 -1
  24. package/dist/biggive/p-a8a0f491.entry.js +2 -0
  25. package/dist/biggive/{p-372349f5.entry.js.map → p-a8a0f491.entry.js.map} +1 -1
  26. package/dist/biggive/p-b734ec26.entry.js +2 -0
  27. package/dist/biggive/{p-1d9d1fb2.entry.js.map → p-b734ec26.entry.js.map} +1 -1
  28. package/dist/biggive/{p-f6ee342f.entry.js → p-d386a3a5.entry.js} +2 -2
  29. package/dist/biggive/p-dff59861.js +3 -0
  30. package/dist/biggive/p-dff59861.js.map +1 -0
  31. package/dist/biggive/p-e3ae70e9.entry.js +2 -0
  32. package/dist/biggive/{p-d7f9d076.entry.js.map → p-e3ae70e9.entry.js.map} +1 -1
  33. package/dist/biggive/{p-ff8a3dc2.entry.js → p-eec7793a.entry.js} +2 -2
  34. package/dist/cjs/biggive-accordion_38.cjs.entry.js +45 -44
  35. package/dist/cjs/biggive-accordion_38.cjs.entry.js.map +1 -1
  36. package/dist/cjs/biggive-article-card.cjs.entry.js +2 -2
  37. package/dist/cjs/biggive-article-card.cjs.entry.js.map +1 -1
  38. package/dist/cjs/biggive-basic-card.cjs.entry.js +2 -2
  39. package/dist/cjs/biggive-basic-card.cjs.entry.js.map +1 -1
  40. package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +2 -2
  41. package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js.map +1 -1
  42. package/dist/cjs/biggive-biography-card.cjs.entry.js +2 -2
  43. package/dist/cjs/biggive-biography-card.cjs.entry.js.map +1 -1
  44. package/dist/cjs/biggive-boxed-content.cjs.entry.js +2 -2
  45. package/dist/cjs/biggive-boxed-content.cjs.entry.js.map +1 -1
  46. package/dist/cjs/biggive-category-icon.cjs.entry.js +2 -2
  47. package/dist/cjs/biggive-category-icon.cjs.entry.js.map +1 -1
  48. package/dist/cjs/biggive-container-card.cjs.entry.js +2 -2
  49. package/dist/cjs/biggive-container-card.cjs.entry.js.map +1 -1
  50. package/dist/cjs/biggive-cookie-banner.cjs.entry.js +2 -2
  51. package/dist/cjs/biggive-cookie-banner.cjs.entry.js.map +1 -1
  52. package/dist/cjs/biggive-form.cjs.entry.js +1 -1
  53. package/dist/cjs/biggive-icon-group.cjs.entry.js +1 -1
  54. package/dist/cjs/biggive-image-card.cjs.entry.js +2 -2
  55. package/dist/cjs/biggive-image-card.cjs.entry.js.map +1 -1
  56. package/dist/cjs/biggive-nav-group.cjs.entry.js +2 -2
  57. package/dist/cjs/biggive-nav-item.cjs.entry.js +2 -2
  58. package/dist/cjs/biggive-table.cjs.entry.js +4 -4
  59. package/dist/cjs/biggive-table.cjs.entry.js.map +1 -1
  60. package/dist/cjs/biggive-video.cjs.entry.js +2 -2
  61. package/dist/cjs/biggive.cjs.js +3 -3
  62. package/dist/cjs/biggive.cjs.js.map +1 -1
  63. package/dist/cjs/{index-c57c3e85.js → index-b8f94881.js} +51 -33
  64. package/dist/cjs/index-b8f94881.js.map +1 -0
  65. package/dist/cjs/loader.cjs.js +2 -2
  66. package/dist/collection/assets/images/triangles-combined-small-charity-week-white.svg +4 -0
  67. package/dist/collection/assets/images/triangles-combined-small-charity-week.svg +5 -0
  68. package/dist/collection/collection-manifest.json +1 -1
  69. package/dist/collection/components/biggive-accordion/biggive-accordion.css +14 -0
  70. package/dist/collection/components/biggive-accordion/biggive-accordion.js +2 -2
  71. package/dist/collection/components/biggive-article-card/biggive-article-card.css +22 -0
  72. package/dist/collection/components/biggive-article-card/biggive-article-card.js +6 -6
  73. package/dist/collection/components/biggive-basic-card/biggive-basic-card.css +14 -0
  74. package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +4 -4
  75. package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.css +9 -0
  76. package/dist/collection/components/biggive-biography-card/biggive-biography-card.css +31 -0
  77. package/dist/collection/components/biggive-biography-card/biggive-biography-card.js +2 -2
  78. package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.css +5 -0
  79. package/dist/collection/components/biggive-button/biggive-button.css +24 -0
  80. package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.css +5 -0
  81. package/dist/collection/components/biggive-category-icon/biggive-category-icon.css +9 -0
  82. package/dist/collection/components/biggive-container-card/biggive-container-card.css +14 -0
  83. package/dist/collection/components/biggive-container-card/biggive-container-card.js +3 -3
  84. package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.css +14 -0
  85. package/dist/collection/components/biggive-footer/biggive-footer.css +3 -0
  86. package/dist/collection/components/biggive-footer/biggive-footer.js +22 -1
  87. package/dist/collection/components/biggive-footer/biggive-footer.js.map +1 -1
  88. package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.css +5 -0
  89. package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.css +9 -0
  90. package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.js +2 -2
  91. package/dist/collection/components/biggive-heading/biggive-heading.css +6 -0
  92. package/dist/collection/components/biggive-heading/biggive-heading.js +2 -2
  93. package/dist/collection/components/biggive-hero-image/biggive-hero-image.css +8 -0
  94. package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +5 -5
  95. package/dist/collection/components/biggive-icon-button/biggive-icon-button.css +16 -0
  96. package/dist/collection/components/biggive-icon-button/biggive-icon-button.js +3 -3
  97. package/dist/collection/components/biggive-image-button/biggive-image-button.css +13 -0
  98. package/dist/collection/components/biggive-image-button/biggive-image-button.js +3 -3
  99. package/dist/collection/components/biggive-image-card/biggive-image-card.css +14 -0
  100. package/dist/collection/components/biggive-image-card/biggive-image-card.js +2 -2
  101. package/dist/collection/components/biggive-image-feature/biggive-image-feature.css +5 -0
  102. package/dist/collection/components/biggive-main-menu/biggive-main-menu.css +3 -0
  103. package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +5 -5
  104. package/dist/collection/components/biggive-main-menu/biggive-main-menu.js.map +1 -1
  105. package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.css +9 -0
  106. package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.js +1 -1
  107. package/dist/collection/components/biggive-nav-group/biggive-nav-group.js +1 -1
  108. package/dist/collection/components/biggive-nav-item/biggive-nav-item.js +1 -1
  109. package/dist/collection/components/biggive-page-column/biggive-page-column.js +1 -1
  110. package/dist/collection/components/biggive-page-columns/biggive-page-columns.js +1 -1
  111. package/dist/collection/components/biggive-page-section/biggive-page-section.css +8 -0
  112. package/dist/collection/components/biggive-page-section/biggive-page-section.js +2 -2
  113. package/dist/collection/components/biggive-popup/biggive-popup.js +1 -1
  114. package/dist/collection/components/biggive-quote/biggive-quote.css +8 -0
  115. package/dist/collection/components/biggive-quote/biggive-quote.js +3 -3
  116. package/dist/collection/components/biggive-sheet/biggive-sheet.css +17 -0
  117. package/dist/collection/components/biggive-sheet/biggive-sheet.js +3 -3
  118. package/dist/collection/components/biggive-social-icon/biggive-social-icon.css +9 -0
  119. package/dist/collection/components/biggive-social-icon/biggive-social-icon.js +1 -1
  120. package/dist/collection/components/biggive-tab/biggive-tab.js +1 -1
  121. package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css +24 -0
  122. package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js +8 -8
  123. package/dist/collection/components/biggive-table/biggive-table.css +21 -0
  124. package/dist/collection/components/biggive-table/biggive-table.js +6 -6
  125. package/dist/collection/components/biggive-text-input/biggive-text-input.js +1 -1
  126. package/dist/collection/components/biggive-timeline/biggive-timeline.css +38 -0
  127. package/dist/collection/components/biggive-timeline/biggive-timeline.js +13 -13
  128. package/dist/collection/components/biggive-totalizer/biggive-totalizer.css +10 -0
  129. package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +1 -1
  130. package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +1 -1
  131. package/dist/collection/components/biggive-video/biggive-video.js +1 -1
  132. package/dist/collection/components/biggive-video-feature/biggive-video-feature.css +5 -0
  133. package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +1 -1
  134. package/dist/collection/globals/brand-colour.js.map +1 -1
  135. package/dist/components/biggive-accordion.js +1 -1
  136. package/dist/components/biggive-accordion.js.map +1 -1
  137. package/dist/components/biggive-article-card.js +1 -1
  138. package/dist/components/biggive-article-card.js.map +1 -1
  139. package/dist/components/biggive-basic-card.js +1 -1
  140. package/dist/components/biggive-basic-card.js.map +1 -1
  141. package/dist/components/biggive-beneficiary-icon.js +1 -1
  142. package/dist/components/biggive-beneficiary-icon.js.map +1 -1
  143. package/dist/components/biggive-biography-card.js +1 -1
  144. package/dist/components/biggive-biography-card.js.map +1 -1
  145. package/dist/components/biggive-boxed-content.js +1 -1
  146. package/dist/components/biggive-boxed-content.js.map +1 -1
  147. package/dist/components/biggive-button2.js +1 -1
  148. package/dist/components/biggive-button2.js.map +1 -1
  149. package/dist/components/biggive-call-to-action.js +1 -1
  150. package/dist/components/biggive-call-to-action.js.map +1 -1
  151. package/dist/components/biggive-category-icon.js +1 -1
  152. package/dist/components/biggive-category-icon.js.map +1 -1
  153. package/dist/components/biggive-container-card.js +1 -1
  154. package/dist/components/biggive-container-card.js.map +1 -1
  155. package/dist/components/biggive-cookie-banner.js +1 -1
  156. package/dist/components/biggive-cookie-banner.js.map +1 -1
  157. package/dist/components/biggive-footer.js +4 -2
  158. package/dist/components/biggive-footer.js.map +1 -1
  159. package/dist/components/biggive-formatted-text.js +1 -1
  160. package/dist/components/biggive-formatted-text.js.map +1 -1
  161. package/dist/components/biggive-generic-icon2.js +1 -1
  162. package/dist/components/biggive-generic-icon2.js.map +1 -1
  163. package/dist/components/biggive-heading.js +1 -1
  164. package/dist/components/biggive-heading.js.map +1 -1
  165. package/dist/components/biggive-hero-image.js +1 -1
  166. package/dist/components/biggive-hero-image.js.map +1 -1
  167. package/dist/components/biggive-icon-button.js +1 -1
  168. package/dist/components/biggive-icon-button.js.map +1 -1
  169. package/dist/components/biggive-image-button.js +1 -1
  170. package/dist/components/biggive-image-button.js.map +1 -1
  171. package/dist/components/biggive-image-card.js +1 -1
  172. package/dist/components/biggive-image-card.js.map +1 -1
  173. package/dist/components/biggive-image-feature.js +1 -1
  174. package/dist/components/biggive-image-feature.js.map +1 -1
  175. package/dist/components/biggive-main-menu.js +5 -5
  176. package/dist/components/biggive-main-menu.js.map +1 -1
  177. package/dist/components/biggive-misc-icon2.js +2 -2
  178. package/dist/components/biggive-misc-icon2.js.map +1 -1
  179. package/dist/components/biggive-nav-group.js +1 -1
  180. package/dist/components/biggive-nav-item.js +1 -1
  181. package/dist/components/biggive-page-column.js +1 -1
  182. package/dist/components/biggive-page-columns.js +1 -1
  183. package/dist/components/biggive-page-section.js +3 -3
  184. package/dist/components/biggive-page-section.js.map +1 -1
  185. package/dist/components/biggive-popup2.js +1 -1
  186. package/dist/components/biggive-quote.js +2 -2
  187. package/dist/components/biggive-quote.js.map +1 -1
  188. package/dist/components/biggive-sheet.js +2 -2
  189. package/dist/components/biggive-sheet.js.map +1 -1
  190. package/dist/components/biggive-social-icon2.js +2 -2
  191. package/dist/components/biggive-social-icon2.js.map +1 -1
  192. package/dist/components/biggive-tab.js +1 -1
  193. package/dist/components/biggive-tabbed-content.js +3 -3
  194. package/dist/components/biggive-tabbed-content.js.map +1 -1
  195. package/dist/components/biggive-table.js +3 -3
  196. package/dist/components/biggive-table.js.map +1 -1
  197. package/dist/components/biggive-text-input.js +1 -1
  198. package/dist/components/biggive-timeline.js +3 -3
  199. package/dist/components/biggive-timeline.js.map +1 -1
  200. package/dist/components/biggive-totalizer-ticker-item.js +1 -1
  201. package/dist/components/biggive-totalizer.js +2 -2
  202. package/dist/components/biggive-totalizer.js.map +1 -1
  203. package/dist/components/biggive-video-feature.js +2 -2
  204. package/dist/components/biggive-video-feature.js.map +1 -1
  205. package/dist/components/biggive-video.js +1 -1
  206. package/dist/esm/biggive-accordion_38.entry.js +45 -44
  207. package/dist/esm/biggive-accordion_38.entry.js.map +1 -1
  208. package/dist/esm/biggive-article-card.entry.js +2 -2
  209. package/dist/esm/biggive-article-card.entry.js.map +1 -1
  210. package/dist/esm/biggive-basic-card.entry.js +2 -2
  211. package/dist/esm/biggive-basic-card.entry.js.map +1 -1
  212. package/dist/esm/biggive-beneficiary-icon.entry.js +2 -2
  213. package/dist/esm/biggive-beneficiary-icon.entry.js.map +1 -1
  214. package/dist/esm/biggive-biography-card.entry.js +2 -2
  215. package/dist/esm/biggive-biography-card.entry.js.map +1 -1
  216. package/dist/esm/biggive-boxed-content.entry.js +2 -2
  217. package/dist/esm/biggive-boxed-content.entry.js.map +1 -1
  218. package/dist/esm/biggive-category-icon.entry.js +2 -2
  219. package/dist/esm/biggive-category-icon.entry.js.map +1 -1
  220. package/dist/esm/biggive-container-card.entry.js +2 -2
  221. package/dist/esm/biggive-container-card.entry.js.map +1 -1
  222. package/dist/esm/biggive-cookie-banner.entry.js +2 -2
  223. package/dist/esm/biggive-cookie-banner.entry.js.map +1 -1
  224. package/dist/esm/biggive-form.entry.js +1 -1
  225. package/dist/esm/biggive-icon-group.entry.js +1 -1
  226. package/dist/esm/biggive-image-card.entry.js +2 -2
  227. package/dist/esm/biggive-image-card.entry.js.map +1 -1
  228. package/dist/esm/biggive-nav-group.entry.js +2 -2
  229. package/dist/esm/biggive-nav-item.entry.js +2 -2
  230. package/dist/esm/biggive-table.entry.js +4 -4
  231. package/dist/esm/biggive-table.entry.js.map +1 -1
  232. package/dist/esm/biggive-video.entry.js +2 -2
  233. package/dist/esm/biggive.js +4 -4
  234. package/dist/esm/biggive.js.map +1 -1
  235. package/dist/esm/{index-a7be7e08.js → index-1f32c834.js} +51 -33
  236. package/dist/esm/index-1f32c834.js.map +1 -0
  237. package/dist/esm/loader.js +3 -3
  238. package/dist/types/components/biggive-footer/biggive-footer.d.ts +1 -0
  239. package/dist/types/components/biggive-main-menu/biggive-main-menu.d.ts +1 -1
  240. package/dist/types/components.d.ts +4 -2
  241. package/dist/types/globals/brand-colour.d.ts +1 -1
  242. package/hydrate/index.js +199 -107
  243. package/hydrate/index.mjs +199 -107
  244. package/package.json +2 -2
  245. package/dist/biggive/p-08caba7b.entry.js +0 -2
  246. package/dist/biggive/p-130c66ba.entry.js +0 -2
  247. package/dist/biggive/p-1668ace9.entry.js +0 -2
  248. package/dist/biggive/p-1d9d1fb2.entry.js +0 -2
  249. package/dist/biggive/p-22982c55.js +0 -3
  250. package/dist/biggive/p-22982c55.js.map +0 -1
  251. package/dist/biggive/p-2baa279c.entry.js +0 -2
  252. package/dist/biggive/p-2baa279c.entry.js.map +0 -1
  253. package/dist/biggive/p-372349f5.entry.js +0 -2
  254. package/dist/biggive/p-42a8df24.entry.js +0 -2
  255. package/dist/biggive/p-4e3802b0.entry.js +0 -2
  256. package/dist/biggive/p-64677357.entry.js +0 -2
  257. package/dist/biggive/p-7c0358ab.entry.js +0 -2
  258. package/dist/biggive/p-c4222c1b.entry.js +0 -2
  259. package/dist/biggive/p-d05e6bf8.entry.js +0 -2
  260. package/dist/biggive/p-d7f9d076.entry.js +0 -2
  261. package/dist/cjs/index-c57c3e85.js.map +0 -1
  262. package/dist/esm/index-a7be7e08.js.map +0 -1
  263. /package/dist/biggive/{p-aefad0be.entry.js.map → p-4869e442.entry.js.map} +0 -0
  264. /package/dist/biggive/{p-64677357.entry.js.map → p-4a874963.entry.js.map} +0 -0
  265. /package/dist/biggive/{p-130c66ba.entry.js.map → p-63b6863b.entry.js.map} +0 -0
  266. /package/dist/biggive/{p-f6ee342f.entry.js.map → p-d386a3a5.entry.js.map} +0 -0
  267. /package/dist/biggive/{p-ff8a3dc2.entry.js.map → p-eec7793a.entry.js.map} +0 -0
@@ -0,0 +1,2 @@
1
+ import{r as e,c as o,h as r,g as a}from"./p-dff59861.js";const c='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:650px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}';const t=c;const l=class{constructor(r){e(this,r);this.preferenceModalClosed=o(this,"preferenceModalClosed",7);this.cookieBannerAcceptAllSelected=o(this,"cookieBannerAcceptAllSelected",7);this.cookieBannerSavePreferencesSelected=o(this,"cookieBannerSavePreferencesSelected",7);this.autoOpenPreferences=false;this.previouslyAgreedCookiePreferences=undefined;this.handleChoosePrefencesClick=()=>{var e;const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");o.openFromOutside()};this.handleAcceptSelectedCookies=()=>{var e,o,r;const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");a.closeFromOutside();const c=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.getElementById("a-and-t-on");const t=(r=this.el.shadowRoot)===null||r===void 0?void 0:r.getElementById("third-party-on");this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:c.checked,thirdParty:t.checked});a.closeFromOutside()};this.handleRejectAllClicked=()=>{var e;this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:false,thirdParty:false});const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");o.closeFromOutside()};this.handleAcceptAllClick=()=>{this.cookieBannerAcceptAllSelected.emit()}}componentDidLoad(){this.autoOpenPreferencesIfRequested()}autoOpenPreferencesIfRequested(){if(this.autoOpenPreferences){this.handleChoosePrefencesClick()}}render(){const e=this.previouslyAgreedCookiePreferences||{};return r("div",{key:"9784b16fc6cd006a733b5be07a8186370c5ff792",class:"cooke-consent-container"},r("biggive-popup",{key:"d95bb0102f66aed28b38b928dda5f5d7aed52015",id:"cookie-preferences-popup",modalClosedCallback:this.preferenceModalClosed.emit},r("div",{key:"152c896e04e8a2fa04beec6b9ff98a75b4b669ee",class:"content"},r("h4",{key:"0948cb48cffea9edfbab1f16500dfa77571b4916",class:"space-above-0 space-below-3 text-colour-primary"},"Manage your cookie preferences"),r("form",{key:"49d6ce7febba14d0e85a5fbd38797f934d2d21e0"},r("div",{key:"ee87825504107c0d50a9f3b8d3e9736e0a7b1cc2",class:"radio-group"},r("h5",{key:"3a1cac95a6a2b3678372589d9af5c8601e8ebcf7"},"Essential Cookies"),r("p",{key:"1377c090cad010486429bc93d46ca7ff2566d569"},"These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."),r("input",{key:"82be9341d46c0900f079f9ae8f3f71270624e08b",type:"radio",name:"necassary",id:"necassary-off",disabled:true}),r("label",{key:"16777e2433d4f37dff80fe55e4013155be7788ee",htmlFor:"necassary-on"},"Off"),r("input",{key:"1d6f376e5ae2ff18208bd7d7ff1ca1536b4c9339",type:"radio",name:"necassary",id:"necassary-on",disabled:true,checked:true}),r("label",{key:"dfdce2f35a6c041267ed8b21811e6b7a648eb39c",htmlFor:"necassary-on"},"On")),r("div",{key:"e7884526b5851f11cbb43b488588e3b523c99471",class:"radio-group"},r("h5",{key:"2a3bcec397fd731e387356015a24a667bd838c06"},"Analytics & Testing Cookies"),r("p",{key:"336be4d15931f7749bbd965ca8a2fa84eaa5c482"},"We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve used. This allows us to personalise and improve our content."),r("p",{key:"7b0d3aa9e3b9e48929e7d1c2bfc8cb4c3609c474"},"We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."),r("input",{key:"616cd2b1198d594f59066569172b4c028b6eeafd",type:"radio",name:"a-and-t",id:"a-and-t-off",checked:!e.analyticsAndTesting}),r("label",{key:"f795987604b0f72c7d23ce421fc01a41aaa001d4",htmlFor:"a-and-t-off"},"Off"),r("input",{key:"e3d24289c254f98b361faf58997ea9cb972aa4c2",type:"radio",name:"a-and-t",id:"a-and-t-on",checked:!!e.analyticsAndTesting}),r("label",{key:"1ab7a71a5b32e4696d9b930889dd721bb9d99863",htmlFor:"a-and-t-on"},"On")),r("div",{key:"3c37a45d331d9cf94251f1b952370a26f3bfcbc4",class:"radio-group"},r("h5",{key:"4c0d2c5c8e9fc955732c2d1f5e35fb0548bf8f8c"},"Third-party Cookies "),r("p",{key:"d3625bcec9afabfbd3ad3827cd64112cee4cd6cb"},"These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."),r("input",{key:"c7e11c30079a05606120788709dd8b6eb57d4bf3",type:"radio",name:"third-party",id:"third-party-off",checked:!e.thirdParty}),r("label",{key:"24e2a31c5928e506706b02c57dfa89df9d95a311",htmlFor:"third-party-off"},"Off"),r("input",{key:"776af14bc2e2877c1cc03d340e099708e1672fbf",type:"radio",name:"third-party",id:"third-party-on",checked:!!e.thirdParty}),r("label",{key:"d2c2b99591a1db38590db7220450a33a816da5df",htmlFor:"third-party-on"},"On")),r("biggive-button",{key:"890b4e83fff50914f9158d496d9c3445a714eb0f","space-below":"0","space-above":"2","colour-scheme":"secondary","is-past-campaign":"false","is-future-campaign":"false",label:"Accept Selected Cookies","open-in-new-tab":"false","full-width":"false",size:"small",rounded:false,centered:false,"button-id":"accept-selected-button",onClick:this.handleAcceptSelectedCookies})),r("p",{key:"7f0972f7d9c3f6957fffd11c8c85f5e4da50e8e4"},"You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))),r("h2",{key:"f821cbf0a9622dc5ab423296a75532b44d3f1b0e"},"Our website uses cookies"),r("p",{key:"a9890820b2f7558c0258c898dce3bb93b6092754"},"We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."),r("p",{key:"e2bb8230bcf4ddef201dd3c202f401265baba7b6"},r("a",{key:"84497e6512ff828a5dfccfc933439eae93cda7db",href:this.blogUriPrefix+"/privacy#cookies",target:"_blank"},"Find out more in our Cookies Statement")),r("div",{key:"6f119b90ba4657fd5c5dfc0ede5e84e94b88ff20",class:"button-group"},r("biggive-button",{key:"59caeec146f2eccdd32eccb7e5b1ba082e46ce8e",onClick:this.handleAcceptAllClick,"space-below":"0","colour-scheme":"secondary","is-past-campaign":"false","is-future-campaign":"false",label:"Accept All","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:false,centered:false,"button-id":"accept-all-button"}),r("biggive-button",{key:"290a72efc921fba08e363a1745d96470b7afce9c",onClick:this.handleRejectAllClicked,"space-below":"0","colour-scheme":"grey-light","is-past-campaign":"false","is-future-campaign":"false",label:"Essential Cookies Only","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:false,centered:false,"button-id":"choose-preferences-button"}),r("biggive-button",{key:"00a5e3adc85c814683ad590008c590d142e592b1",onClick:this.handleChoosePrefencesClick,"space-below":"0","colour-scheme":"grey-light","is-past-campaign":"false","is-future-campaign":"false",label:"Choose Preferences","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:false,centered:false,"button-id":"choose-preferences-button"})))}get el(){return a(this)}static get watchers(){return{autoOpenPreferences:["autoOpenPreferencesIfRequested"]}}};l.style=t;export{l as biggive_cookie_banner};
2
+ //# sourceMappingURL=p-715eb939.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["biggiveCookieBannerCss","BiggiveCookieBannerStyle0","BiggiveCookieBanner","constructor","hostRef","this","autoOpenPreferences","previouslyAgreedCookiePreferences","undefined","handleChoosePrefencesClick","elementById","_a","el","shadowRoot","getElementById","openFromOutside","handleAcceptSelectedCookies","closeFromOutside","analyticsAndTestingRadio","_b","thirdPartyRadio","_c","cookieBannerSavePreferencesSelected","emit","analyticsAndTesting","checked","thirdParty","handleRejectAllClicked","handleAcceptAllClick","cookieBannerAcceptAllSelected","componentDidLoad","autoOpenPreferencesIfRequested","render","cookiesCurrentlyAllowed","h","key","class","id","modalClosedCallback","preferenceModalClosed","type","name","disabled","htmlFor","label","size","rounded","centered","onClick","href","blogUriPrefix","target"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\nh2:first-child {\n // padding of the container is enough, a top margin would make the banner unsymmetrical.\n margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n @include standard-font();\n @include font-size-small();\n border-radius: 10px;\n background: white;\n border: 1px solid black;\n max-width: 650px;\n padding: 1em;\n}\n\ndiv.button-group {\n margin-top: 1em;\n display: flex;\n justify-content: space-evenly;\n width: 100%;\n flex-direction: column;\n gap: 1em;\n\n @media screen and (min-width: $screen-mobile-medium) {\n flex-direction: row-reverse;\n }\n}\n\nbiggive-popup {\n @include font-size-medium();\n div.content {\n max-height: 95vh;\n overflow: auto;\n h5 {\n border-bottom: 2px solid black;\n max-width: 25em;\n margin-bottom: 5px;\n }\n\n p {\n margin-top: 5px;\n margin-bottom: 8px;\n }\n\n div.radio-group {\n margin-bottom: 30px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n tag: 'biggive-cookie-banner',\n styleUrl: 'biggive-cookie-banner.scss',\n shadow: true,\n})\nexport class BiggiveCookieBanner {\n /**\n * If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n * preferences\n */\n @Prop() autoOpenPreferences: boolean = false;\n @Prop() blogUriPrefix!: string;\n\n /**\n * This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n * but afaik there isn't a nice way to share a type.\n *\n * When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n * there caused build problems.\n *\n * When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n * to avoid the duplication.\n */\n @Prop() previouslyAgreedCookiePreferences:\n | {\n analyticsAndTesting: boolean;\n thirdParty: boolean;\n }\n | undefined = undefined;\n @Element() el: HTMLBiggiveCookieBannerElement;\n\n @Event({\n eventName: 'preferenceModalClosed',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n preferenceModalClosed: EventEmitter<void>;\n\n /**\n * Indicates that the user accepts cookies for any purpose, without discrimination.\n */\n @Event({\n eventName: 'cookieBannerAcceptAllSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n /**\n * Indicates that the user has made a selection of cookies purpose to accept.\n *\n * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n *\n * When updating this type please also update the type of previouslyAgreedCookiePreferences.\n */\n @Event({\n eventName: 'cookieBannerSavePreferencesSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerSavePreferencesSelected: EventEmitter<{\n analyticsAndTesting: boolean;\n thirdParty: boolean;\n }>;\n\n componentDidLoad() {\n this.autoOpenPreferencesIfRequested();\n }\n\n @Watch('autoOpenPreferences')\n private autoOpenPreferencesIfRequested() {\n if (this.autoOpenPreferences) {\n this.handleChoosePrefencesClick();\n }\n }\n\n private handleChoosePrefencesClick = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.openFromOutside();\n };\n\n private handleAcceptSelectedCookies = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n\n const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n elementById.closeFromOutside();\n };\n\n /**\n * Emits the same event as if the user had gone into preferences and said no to every option.\n */\n private handleRejectAllClicked = () => {\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n };\n\n private handleAcceptAllClick = () => {\n // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n // and make this component disappear.\n\n this.cookieBannerAcceptAllSelected.emit();\n };\n\n render() {\n // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n // declined.\n const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences || {};\n\n return (\n <div class=\"cooke-consent-container\">\n <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n <div class=\"content\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n <form>\n <div class=\"radio-group\">\n <h5>Essential Cookies</h5>\n <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n <label htmlFor=\"necassary-on\">Off</label>\n\n <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n <label htmlFor=\"necassary-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Analytics & Testing Cookies</h5>\n <p>\n We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n used. This allows us to personalise and improve our content.\n </p>\n\n <p>\n We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance\n your user experience.\n </p>\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n <label htmlFor=\"a-and-t-off\">Off</label>\n\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n <label htmlFor=\"a-and-t-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Third-party Cookies </h5>\n <p>\n These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n donation experience survey.\n </p>\n <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n <label htmlFor=\"third-party-off\">Off</label>\n\n <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n <label htmlFor=\"third-party-on\">On</label>\n </div>\n\n <biggive-button\n space-below=\"0\"\n space-above=\"2\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept Selected Cookies\"\n open-in-new-tab=\"false\"\n full-width=\"false\"\n size=\"small\"\n rounded={false}\n centered={false}\n button-id=\"accept-selected-button\"\n onClick={this.handleAcceptSelectedCookies}\n ></biggive-button>\n </form>\n\n <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n </div>\n </biggive-popup>\n\n <h2>Our website uses cookies</h2>\n\n <p>\n We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the\n website and make improvements.\n </p>\n\n <p>\n <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n Find out more in our Cookies Statement\n </a>\n </p>\n\n <div class=\"button-group\">\n <biggive-button\n onClick={this.handleAcceptAllClick}\n space-below=\"0\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept All\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"accept-all-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleRejectAllClicked}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Essential Cookies Only\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleChoosePrefencesClick}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Choose Preferences\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n </div>\n </div>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,g2LAC/B,MAAAC,EAAeD,E,MCMFE,EAAmB,MALhC,WAAAC,CAAAC,G,6OAUUC,KAAAC,oBAA+B,MAa/BD,KAAAE,kCAKQC,UAmDRH,KAAAI,2BAA6B,K,MACnC,MAAMC,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYK,iBAAiB,EAGvBV,KAAAW,4BAA8B,K,UACpC,MAAMN,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYO,mBAEZ,MAAMC,GAA2BC,EAAAd,KAAKO,GAAGC,cAAU,MAAAM,SAAA,SAAAA,EAAEL,eAAe,cACpE,MAAMM,GAAkBC,EAAAhB,KAAKO,GAAGC,cAAU,MAAAQ,SAAA,SAAAA,EAAEP,eAAe,kBAE3DT,KAAKiB,oCAAoCC,KAAK,CAAEC,oBAAqBN,EAAyBO,QAASC,WAAYN,EAAgBK,UAEnIf,EAAYO,kBAAkB,EAMxBZ,KAAAsB,uBAAyB,K,MAC/BtB,KAAKiB,oCAAoCC,KAAK,CAAEC,oBAAqB,MAAOE,WAAY,QAExF,MAAMhB,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYO,kBAAkB,EAGxBZ,KAAAuB,qBAAuB,KAI7BvB,KAAKwB,8BAA8BN,MAAM,C,CA1C3C,gBAAAO,GACEzB,KAAK0B,gC,CAIC,8BAAAA,GACN,GAAI1B,KAAKC,oBAAqB,CAC5BD,KAAKI,4B,EAsCT,MAAAuB,GAIE,MAAMC,EAAkF5B,KAAKE,mCAAqC,GAElI,OACE2B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,2BACTF,EAAA,iBAAAC,IAAA,2CAAeE,GAAG,2BAA2BC,oBAAqBjC,KAAKkC,sBAAsBhB,MAC3FW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACTF,EAAA,MAAAC,IAAA,2CAAIC,MAAM,mDAAiD,kCAC3DF,EAAA,QAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,iEACAD,EAAA,KAAAC,IAAA,sKACAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,YAAYJ,GAAG,gBAAgBK,SAAU,OAClER,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,gBAAc,OAE7BT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,YAAYJ,GAAG,eAAeK,SAAU,KAAMjB,QAAS,OAChFS,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,gBAAc,OAG/BT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,2EACAD,EAAA,KAAAC,IAAA,0QAKAD,EAAA,KAAAC,IAAA,qOAIAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,UAAUJ,GAAG,cAAcZ,SAAUQ,EAAwBT,sBACtFU,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,eAAa,OAE5BT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,UAAUJ,GAAG,aAAaZ,UAAWQ,EAAwBT,sBACtFU,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,cAAY,OAG7BT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,oEACAD,EAAA,KAAAC,IAAA,2OAIAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,cAAcJ,GAAG,kBAAkBZ,SAAUQ,EAAwBP,aAC9FQ,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,mBAAiB,OAEhCT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,cAAcJ,GAAG,iBAAiBZ,UAAWQ,EAAwBP,aAC9FQ,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,kBAAgB,OAGjCT,EAAA,kBAAAC,IAAA,yDACc,IAAG,cACH,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBS,MAAM,0BAAyB,kBACf,QAAO,aACZ,QACXC,KAAK,QACLC,QAAS,MACTC,SAAU,MAAK,YACL,yBACVC,QAAS3C,KAAKW,+BAIlBkB,EAAA,KAAAC,IAAA,iLAIJD,EAAA,MAAAC,IAAA,wEAEAD,EAAA,KAAAC,IAAA,uPAKAD,EAAA,KAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGc,KAAM5C,KAAK6C,cAAgB,mBAAoBC,OAAO,UAAQ,2CAKnEjB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKuB,qBAAoB,cACtB,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBgB,MAAM,aAAY,kBACF,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,sBAGZb,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKsB,uBAAsB,cACxB,IAAG,gBACD,aAAY,mBACT,QAAO,qBACL,QACnBiB,MAAM,yBAAwB,kBACd,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,8BAGZb,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKI,2BAA0B,cAC5B,IAAG,gBACD,aAAY,mBACT,QAAO,qBACL,QACnBmC,MAAM,qBAAoB,kBACV,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,+B","ignoreList":[]}
1
+ {"version":3,"names":["biggiveCookieBannerCss","BiggiveCookieBannerStyle0","BiggiveCookieBanner","constructor","hostRef","this","autoOpenPreferences","previouslyAgreedCookiePreferences","undefined","handleChoosePrefencesClick","elementById","_a","el","shadowRoot","getElementById","openFromOutside","handleAcceptSelectedCookies","closeFromOutside","analyticsAndTestingRadio","_b","thirdPartyRadio","_c","cookieBannerSavePreferencesSelected","emit","analyticsAndTesting","checked","thirdParty","handleRejectAllClicked","handleAcceptAllClick","cookieBannerAcceptAllSelected","componentDidLoad","autoOpenPreferencesIfRequested","render","cookiesCurrentlyAllowed","h","key","class","id","modalClosedCallback","preferenceModalClosed","type","name","disabled","htmlFor","label","size","rounded","centered","onClick","href","blogUriPrefix","target"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\nh2:first-child {\n // padding of the container is enough, a top margin would make the banner unsymmetrical.\n margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n @include standard-font();\n @include font-size-small();\n border-radius: 10px;\n background: white;\n border: 1px solid black;\n max-width: 650px;\n padding: 1em;\n}\n\ndiv.button-group {\n margin-top: 1em;\n display: flex;\n justify-content: space-evenly;\n width: 100%;\n flex-direction: column;\n gap: 1em;\n\n @media screen and (min-width: $screen-mobile-medium) {\n flex-direction: row-reverse;\n }\n}\n\nbiggive-popup {\n @include font-size-medium();\n div.content {\n max-height: 95vh;\n overflow: auto;\n h5 {\n border-bottom: 2px solid black;\n max-width: 25em;\n margin-bottom: 5px;\n }\n\n p {\n margin-top: 5px;\n margin-bottom: 8px;\n }\n\n div.radio-group {\n margin-bottom: 30px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n tag: 'biggive-cookie-banner',\n styleUrl: 'biggive-cookie-banner.scss',\n shadow: true,\n})\nexport class BiggiveCookieBanner {\n /**\n * If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n * preferences\n */\n @Prop() autoOpenPreferences: boolean = false;\n @Prop() blogUriPrefix!: string;\n\n /**\n * This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n * but afaik there isn't a nice way to share a type.\n *\n * When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n * there caused build problems.\n *\n * When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n * to avoid the duplication.\n */\n @Prop() previouslyAgreedCookiePreferences:\n | {\n analyticsAndTesting: boolean;\n thirdParty: boolean;\n }\n | undefined = undefined;\n @Element() el: HTMLBiggiveCookieBannerElement;\n\n @Event({\n eventName: 'preferenceModalClosed',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n preferenceModalClosed: EventEmitter<void>;\n\n /**\n * Indicates that the user accepts cookies for any purpose, without discrimination.\n */\n @Event({\n eventName: 'cookieBannerAcceptAllSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n /**\n * Indicates that the user has made a selection of cookies purpose to accept.\n *\n * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n *\n * When updating this type please also update the type of previouslyAgreedCookiePreferences.\n */\n @Event({\n eventName: 'cookieBannerSavePreferencesSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerSavePreferencesSelected: EventEmitter<{\n analyticsAndTesting: boolean;\n thirdParty: boolean;\n }>;\n\n componentDidLoad() {\n this.autoOpenPreferencesIfRequested();\n }\n\n @Watch('autoOpenPreferences')\n private autoOpenPreferencesIfRequested() {\n if (this.autoOpenPreferences) {\n this.handleChoosePrefencesClick();\n }\n }\n\n private handleChoosePrefencesClick = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.openFromOutside();\n };\n\n private handleAcceptSelectedCookies = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n\n const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n elementById.closeFromOutside();\n };\n\n /**\n * Emits the same event as if the user had gone into preferences and said no to every option.\n */\n private handleRejectAllClicked = () => {\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n };\n\n private handleAcceptAllClick = () => {\n // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n // and make this component disappear.\n\n this.cookieBannerAcceptAllSelected.emit();\n };\n\n render() {\n // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n // declined.\n const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences || {};\n\n return (\n <div class=\"cooke-consent-container\">\n <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n <div class=\"content\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n <form>\n <div class=\"radio-group\">\n <h5>Essential Cookies</h5>\n <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n <label htmlFor=\"necassary-on\">Off</label>\n\n <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n <label htmlFor=\"necassary-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Analytics & Testing Cookies</h5>\n <p>\n We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n used. This allows us to personalise and improve our content.\n </p>\n\n <p>\n We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance\n your user experience.\n </p>\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n <label htmlFor=\"a-and-t-off\">Off</label>\n\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n <label htmlFor=\"a-and-t-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Third-party Cookies </h5>\n <p>\n These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n donation experience survey.\n </p>\n <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n <label htmlFor=\"third-party-off\">Off</label>\n\n <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n <label htmlFor=\"third-party-on\">On</label>\n </div>\n\n <biggive-button\n space-below=\"0\"\n space-above=\"2\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept Selected Cookies\"\n open-in-new-tab=\"false\"\n full-width=\"false\"\n size=\"small\"\n rounded={false}\n centered={false}\n button-id=\"accept-selected-button\"\n onClick={this.handleAcceptSelectedCookies}\n ></biggive-button>\n </form>\n\n <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n </div>\n </biggive-popup>\n\n <h2>Our website uses cookies</h2>\n\n <p>\n We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the\n website and make improvements.\n </p>\n\n <p>\n <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n Find out more in our Cookies Statement\n </a>\n </p>\n\n <div class=\"button-group\">\n <biggive-button\n onClick={this.handleAcceptAllClick}\n space-below=\"0\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept All\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"accept-all-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleRejectAllClicked}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Essential Cookies Only\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleChoosePrefencesClick}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Choose Preferences\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n </div>\n </div>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,4kMAC/B,MAAAC,EAAeD,E,MCMFE,EAAmB,MALhC,WAAAC,CAAAC,G,6OAUUC,KAAAC,oBAA+B,MAa/BD,KAAAE,kCAKQC,UAmDRH,KAAAI,2BAA6B,K,MACnC,MAAMC,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYK,iBAAiB,EAGvBV,KAAAW,4BAA8B,K,UACpC,MAAMN,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYO,mBAEZ,MAAMC,GAA2BC,EAAAd,KAAKO,GAAGC,cAAU,MAAAM,SAAA,SAAAA,EAAEL,eAAe,cACpE,MAAMM,GAAkBC,EAAAhB,KAAKO,GAAGC,cAAU,MAAAQ,SAAA,SAAAA,EAAEP,eAAe,kBAE3DT,KAAKiB,oCAAoCC,KAAK,CAAEC,oBAAqBN,EAAyBO,QAASC,WAAYN,EAAgBK,UAEnIf,EAAYO,kBAAkB,EAMxBZ,KAAAsB,uBAAyB,K,MAC/BtB,KAAKiB,oCAAoCC,KAAK,CAAEC,oBAAqB,MAAOE,WAAY,QAExF,MAAMhB,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYO,kBAAkB,EAGxBZ,KAAAuB,qBAAuB,KAI7BvB,KAAKwB,8BAA8BN,MAAM,C,CA1C3C,gBAAAO,GACEzB,KAAK0B,gC,CAIC,8BAAAA,GACN,GAAI1B,KAAKC,oBAAqB,CAC5BD,KAAKI,4B,EAsCT,MAAAuB,GAIE,MAAMC,EAAkF5B,KAAKE,mCAAqC,GAElI,OACE2B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,2BACTF,EAAA,iBAAAC,IAAA,2CAAeE,GAAG,2BAA2BC,oBAAqBjC,KAAKkC,sBAAsBhB,MAC3FW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACTF,EAAA,MAAAC,IAAA,2CAAIC,MAAM,mDAAiD,kCAC3DF,EAAA,QAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,iEACAD,EAAA,KAAAC,IAAA,sKACAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,YAAYJ,GAAG,gBAAgBK,SAAU,OAClER,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,gBAAc,OAE7BT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,YAAYJ,GAAG,eAAeK,SAAU,KAAMjB,QAAS,OAChFS,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,gBAAc,OAG/BT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,2EACAD,EAAA,KAAAC,IAAA,0QAKAD,EAAA,KAAAC,IAAA,qOAIAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,UAAUJ,GAAG,cAAcZ,SAAUQ,EAAwBT,sBACtFU,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,eAAa,OAE5BT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,UAAUJ,GAAG,aAAaZ,UAAWQ,EAAwBT,sBACtFU,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,cAAY,OAG7BT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,oEACAD,EAAA,KAAAC,IAAA,2OAIAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,cAAcJ,GAAG,kBAAkBZ,SAAUQ,EAAwBP,aAC9FQ,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,mBAAiB,OAEhCT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,cAAcJ,GAAG,iBAAiBZ,UAAWQ,EAAwBP,aAC9FQ,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,kBAAgB,OAGjCT,EAAA,kBAAAC,IAAA,yDACc,IAAG,cACH,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBS,MAAM,0BAAyB,kBACf,QAAO,aACZ,QACXC,KAAK,QACLC,QAAS,MACTC,SAAU,MAAK,YACL,yBACVC,QAAS3C,KAAKW,+BAIlBkB,EAAA,KAAAC,IAAA,iLAIJD,EAAA,MAAAC,IAAA,wEAEAD,EAAA,KAAAC,IAAA,uPAKAD,EAAA,KAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGc,KAAM5C,KAAK6C,cAAgB,mBAAoBC,OAAO,UAAQ,2CAKnEjB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKuB,qBAAoB,cACtB,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBgB,MAAM,aAAY,kBACF,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,sBAGZb,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKsB,uBAAsB,cACxB,IAAG,gBACD,aAAY,mBACT,QAAO,qBACL,QACnBiB,MAAM,yBAAwB,kBACd,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,8BAGZb,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKI,2BAA0B,cAC5B,IAAG,gBACD,aAAY,mBACT,QAAO,qBACL,QACnBmC,MAAM,qBAAoB,kBACV,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,+B","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as o,h as r}from"./p-dff59861.js";const e='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;background-size:cover;background-position:center center;padding:15px;height:100%;white-space:pre-wrap}.container .sleeve{padding:45px 15px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}';const c=e;const l=class{constructor(r){o(this,r);this.spaceBelow=0;this.backgroundColour="primary";this.backgroundImageUrl="";this.cardColour="white";this.textColour="black";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.headingLevel=3}render(){return r("div",{key:"924eae2dea76e245b62055d97124c46ac33f9a49",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},r("div",{key:"4665ba1b41809c3cda8b79ff258b620bd7f4f1e1",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},r("slot",{key:"c61aa1777400b860f1cf084f093df6bdf22633e4"})))}};l.style=c;export{l as biggive_container_card};
2
+ //# sourceMappingURL=p-7dfcf498.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["biggiveContainerCardCss","BiggiveContainerCardStyle0","BiggiveContainerCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","cardColour","textColour","clipBottomLeftCorner","clipTopRightCorner","headingLevel","render","h","key","class","style"],"sources":["src/components/biggive-container-card/biggive-container-card.scss?tag=biggive-container-card&encapsulation=shadow","src/components/biggive-container-card/biggive-container-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n background-size: cover;\n background-position: center center;\n padding: $spacer-3;\n height: 100%;\n white-space: pre-wrap;\n .sleeve {\n padding: $spacer-5 $spacer-3;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-container-card',\n styleUrl: 'biggive-container-card.scss',\n shadow: true,\n})\nexport class BiggiveContainerCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n render() {\n return (\n <div\n class={'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour}\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAA0B,inLAChC,MAAAC,EAAeD,E,MCQFE,EAAoB,MALjC,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,mBAA6B,GAE7BH,KAAAI,WAA0B,QAE1BJ,KAAAK,WAA0B,QAE1BL,KAAAM,qBAAgC,KAEhCN,KAAAO,mBAA8B,KAE9BP,KAAAQ,aAAsC,C,CAE9C,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,yBAA2BZ,KAAKC,WAAa,sBAAwBD,KAAKE,iBACjFW,MAAO,CAAE,mBAAoB,QAAUb,KAAKG,mBAAqB,OAEjEO,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BZ,KAAKI,WAAa,gBAAkBJ,KAAKK,YACjFK,EAAA,QAAAC,IAAA,8C","ignoreList":[]}
1
+ {"version":3,"names":["biggiveContainerCardCss","BiggiveContainerCardStyle0","BiggiveContainerCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","cardColour","textColour","clipBottomLeftCorner","clipTopRightCorner","headingLevel","render","h","key","class","style"],"sources":["src/components/biggive-container-card/biggive-container-card.scss?tag=biggive-container-card&encapsulation=shadow","src/components/biggive-container-card/biggive-container-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n background-size: cover;\n background-position: center center;\n padding: $spacer-3;\n height: 100%;\n white-space: pre-wrap;\n .sleeve {\n padding: $spacer-5 $spacer-3;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-container-card',\n styleUrl: 'biggive-container-card.scss',\n shadow: true,\n})\nexport class BiggiveContainerCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n render() {\n return (\n <div\n class={'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour}\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAA0B,61LAChC,MAAAC,EAAeD,E,MCQFE,EAAoB,MALjC,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,mBAA6B,GAE7BH,KAAAI,WAA0B,QAE1BJ,KAAAK,WAA0B,QAE1BL,KAAAM,qBAAgC,KAEhCN,KAAAO,mBAA8B,KAE9BP,KAAAQ,aAAsC,C,CAE9C,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,yBAA2BZ,KAAKC,WAAa,sBAAwBD,KAAKE,iBACjFW,MAAO,CAAE,mBAAoB,QAAUb,KAAKG,mBAAqB,OAEjEO,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BZ,KAAKI,WAAa,gBAAkBJ,KAAKK,YACjFK,EAAA,QAAAC,IAAA,8C","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r,h as o}from"./p-dff59861.js";const e='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:block}.container{text-align:left}.container.background-colour-primary .image-wrap{background-color:#2C089B}.container.background-colour-secondary .image-wrap{background-color:#2AF135}.container.background-colour-tertiary .image-wrap{background-color:#FF7272}.container.background-colour-brand-1 .image-wrap{background-color:#B30510}.container.background-colour-brand-2 .image-wrap{background-color:#6E0887}.container.background-colour-brand-3 .image-wrap{background-color:#50B400}.container.background-colour-brand-4 .image-wrap{background-color:#FFE500}.container.background-colour-brand-5 .image-wrap{background-color:#F07D00}.container.background-colour-brand-cc-red .image-wrap{background-color:#B30510}.container.background-colour-brand-wgmf-purple .image-wrap{background-color:#6E0887}.container.background-colour-brand-gmf-green .image-wrap{background-color:#50B400}.container.background-colour-brand-emf-yellow .image-wrap{background-color:#FFE500}.container.background-colour-brand-c4c-orange .image-wrap{background-color:#F07D00}.container.background-colour-brand-afa-pink .image-wrap{background-color:#BF387D}.container.background-colour-brand-scw-magenta .image-wrap{background-color:#EE2C65}.container.background-colour-brand-mhf-turquoise .image-wrap{background-color:#62CFC9}.container.background-colour-brand-grey .image-wrap{background-color:#CBC8C8}.container.background-colour-white .image-wrap{background-color:#FFFFFF}.container.background-colour-black .image-wrap{background-color:#000000}.container.background-colour-grey-extra-light .image-wrap{background-color:#D7D7D7}.container.background-colour-grey-light .image-wrap{background-color:#E8E8E8}.container.background-colour-grey-medium .image-wrap{background-color:#8A8A8A}.container.background-colour-grey-dark .image-wrap{background-color:#4A4A4A}.container.background-colour-brand-6 .image-wrap{background-color:#62CFC9}.container.text-align-center{text-align:center}.container.text-align-right{text-align:right}.container a{text-decoration:none}.container h3.full-name{font-size:font-size-medium();margin:0}.container div.job-title{font-size:font-size-small();margin:0}.container .sleeve{margin-bottom:10px}.container .sleeve.border-width-1.border-colour-primary{border:5px solid #2C089B}.container .sleeve.border-width-2.border-colour-primary{border:10px solid #2C089B}.container .sleeve.border-width-3.border-colour-primary{border:15px solid #2C089B}.container .sleeve.border-width-4.border-colour-primary{border:30px solid #2C089B}.container .sleeve.border-width-5.border-colour-primary{border:45px solid #2C089B}.container .sleeve.border-width-6.border-colour-primary{border:60px solid #2C089B}.container .sleeve.border-width-1.border-colour-secondary{border:5px solid #2AF135}.container .sleeve.border-width-2.border-colour-secondary{border:10px solid #2AF135}.container .sleeve.border-width-3.border-colour-secondary{border:15px solid #2AF135}.container .sleeve.border-width-4.border-colour-secondary{border:30px solid #2AF135}.container .sleeve.border-width-5.border-colour-secondary{border:45px solid #2AF135}.container .sleeve.border-width-6.border-colour-secondary{border:60px solid #2AF135}.container .sleeve.border-width-1.border-colour-tertiary{border:5px solid #FF7272}.container .sleeve.border-width-2.border-colour-tertiary{border:10px solid #FF7272}.container .sleeve.border-width-3.border-colour-tertiary{border:15px solid #FF7272}.container .sleeve.border-width-4.border-colour-tertiary{border:30px solid #FF7272}.container .sleeve.border-width-5.border-colour-tertiary{border:45px solid #FF7272}.container .sleeve.border-width-6.border-colour-tertiary{border:60px solid #FF7272}.container .sleeve.border-width-1.border-colour-brand-1{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-1{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-1{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-1{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-1{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-1{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-2{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-2{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-2{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-2{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-2{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-2{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-3{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-3{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-3{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-3{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-3{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-3{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-4{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-4{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-4{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-4{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-4{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-4{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-5{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-5{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-5{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-5{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-5{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-5{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-cc-red{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-cc-red{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-cc-red{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-cc-red{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-cc-red{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-cc-red{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-wgmf-purple{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-wgmf-purple{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-wgmf-purple{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-wgmf-purple{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-wgmf-purple{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-wgmf-purple{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-gmf-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-gmf-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-gmf-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-gmf-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-gmf-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-gmf-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-emf-yellow{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-emf-yellow{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-emf-yellow{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-emf-yellow{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-emf-yellow{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-emf-yellow{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-c4c-orange{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-c4c-orange{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-c4c-orange{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-c4c-orange{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-c4c-orange{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-c4c-orange{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-afa-pink{border:5px solid #BF387D}.container .sleeve.border-width-2.border-colour-brand-afa-pink{border:10px solid #BF387D}.container .sleeve.border-width-3.border-colour-brand-afa-pink{border:15px solid #BF387D}.container .sleeve.border-width-4.border-colour-brand-afa-pink{border:30px solid #BF387D}.container .sleeve.border-width-5.border-colour-brand-afa-pink{border:45px solid #BF387D}.container .sleeve.border-width-6.border-colour-brand-afa-pink{border:60px solid #BF387D}.container .sleeve.border-width-1.border-colour-brand-scw-magenta{border:5px solid #EE2C65}.container .sleeve.border-width-2.border-colour-brand-scw-magenta{border:10px solid #EE2C65}.container .sleeve.border-width-3.border-colour-brand-scw-magenta{border:15px solid #EE2C65}.container .sleeve.border-width-4.border-colour-brand-scw-magenta{border:30px solid #EE2C65}.container .sleeve.border-width-5.border-colour-brand-scw-magenta{border:45px solid #EE2C65}.container .sleeve.border-width-6.border-colour-brand-scw-magenta{border:60px solid #EE2C65}.container .sleeve.border-width-1.border-colour-brand-mhf-turquoise{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-mhf-turquoise{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-mhf-turquoise{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-mhf-turquoise{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-mhf-turquoise{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-mhf-turquoise{border:60px solid #62CFC9}.container .sleeve.border-width-1.border-colour-brand-grey{border:5px solid #CBC8C8}.container .sleeve.border-width-2.border-colour-brand-grey{border:10px solid #CBC8C8}.container .sleeve.border-width-3.border-colour-brand-grey{border:15px solid #CBC8C8}.container .sleeve.border-width-4.border-colour-brand-grey{border:30px solid #CBC8C8}.container .sleeve.border-width-5.border-colour-brand-grey{border:45px solid #CBC8C8}.container .sleeve.border-width-6.border-colour-brand-grey{border:60px solid #CBC8C8}.container .sleeve.border-width-1.border-colour-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-black{border:5px solid #000000}.container .sleeve.border-width-2.border-colour-black{border:10px solid #000000}.container .sleeve.border-width-3.border-colour-black{border:15px solid #000000}.container .sleeve.border-width-4.border-colour-black{border:30px solid #000000}.container .sleeve.border-width-5.border-colour-black{border:45px solid #000000}.container .sleeve.border-width-6.border-colour-black{border:60px solid #000000}.container .sleeve.border-width-1.border-colour-grey-extra-light{border:5px solid #D7D7D7}.container .sleeve.border-width-2.border-colour-grey-extra-light{border:10px solid #D7D7D7}.container .sleeve.border-width-3.border-colour-grey-extra-light{border:15px solid #D7D7D7}.container .sleeve.border-width-4.border-colour-grey-extra-light{border:30px solid #D7D7D7}.container .sleeve.border-width-5.border-colour-grey-extra-light{border:45px solid #D7D7D7}.container .sleeve.border-width-6.border-colour-grey-extra-light{border:60px solid #D7D7D7}.container .sleeve.border-width-1.border-colour-grey-light{border:5px solid #E8E8E8}.container .sleeve.border-width-2.border-colour-grey-light{border:10px solid #E8E8E8}.container .sleeve.border-width-3.border-colour-grey-light{border:15px solid #E8E8E8}.container .sleeve.border-width-4.border-colour-grey-light{border:30px solid #E8E8E8}.container .sleeve.border-width-5.border-colour-grey-light{border:45px solid #E8E8E8}.container .sleeve.border-width-6.border-colour-grey-light{border:60px solid #E8E8E8}.container .sleeve.border-width-1.border-colour-grey-medium{border:5px solid #8A8A8A}.container .sleeve.border-width-2.border-colour-grey-medium{border:10px solid #8A8A8A}.container .sleeve.border-width-3.border-colour-grey-medium{border:15px solid #8A8A8A}.container .sleeve.border-width-4.border-colour-grey-medium{border:30px solid #8A8A8A}.container .sleeve.border-width-5.border-colour-grey-medium{border:45px solid #8A8A8A}.container .sleeve.border-width-6.border-colour-grey-medium{border:60px solid #8A8A8A}.container .sleeve.border-width-1.border-colour-grey-dark{border:5px solid #4A4A4A}.container .sleeve.border-width-2.border-colour-grey-dark{border:10px solid #4A4A4A}.container .sleeve.border-width-3.border-colour-grey-dark{border:15px solid #4A4A4A}.container .sleeve.border-width-4.border-colour-grey-dark{border:30px solid #4A4A4A}.container .sleeve.border-width-5.border-colour-grey-dark{border:45px solid #4A4A4A}.container .sleeve.border-width-6.border-colour-grey-dark{border:60px solid #4A4A4A}.container .sleeve.border-width-1.border-colour-brand-6{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-6{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-6{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-6{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-6{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-6{border:60px solid #62CFC9}.container .sleeve.circle-true{overflow:hidden;border-radius:50%}.container .sleeve .image-wrap{position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat}.container .sleeve .image-wrap.image-style-cover{background-size:cover}.container .sleeve .image-wrap.image-style-contain{background-size:contain}.container .sleeve .image-wrap[data-ratio="1,1"]{padding-bottom:100%}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-1{padding-bottom:calc(100% - 10px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-2{padding-bottom:calc(100% - 20px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-3{padding-bottom:calc(100% - 30px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-4{padding-bottom:calc(100% - 60px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-5{padding-bottom:calc(100% - 90px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-6{padding-bottom:calc(100% - 120px)}.container .sleeve .image-wrap[data-ratio="1,1.5"]{padding-bottom:150%}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-1{padding-bottom:calc(150% - 10px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-2{padding-bottom:calc(150% - 20px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-3{padding-bottom:calc(150% - 30px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-4{padding-bottom:calc(150% - 60px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-5{padding-bottom:calc(150% - 90px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-6{padding-bottom:calc(150% - 120px)}.container .sleeve .image-wrap[data-ratio="1,2"]{padding-bottom:200%}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-1{padding-bottom:calc(200% - 10px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-2{padding-bottom:calc(200% - 20px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-3{padding-bottom:calc(200% - 30px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-4{padding-bottom:calc(200% - 60px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-5{padding-bottom:calc(200% - 90px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-6{padding-bottom:calc(200% - 120px)}.container .sleeve .image-wrap.rounded-true{overflow:hidden;border-radius:10px}.container .sleeve .image-wrap .circle{position:absolute;width:30px;height:30px;background-color:#FFFFFF;bottom:15px;right:15px;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .sleeve .image-wrap .circle svg path{stroke:#000000}.container .sleeve .image-wrap .circle.dark{background-color:#000000}.container .sleeve .image-wrap .circle.dark svg path{stroke:#FFFFFF}.container .sleeve .image-wrap .circle svg{position:relative;display:inline-block;top:-1px;height:15px;width:15px}.container .sleeve .image-wrap img{display:none}';const d=e;const a=class{constructor(o){r(this,o);this.spaceBelow=0;this.borderWidth=0;this.imageUrl="";this.imageStyle="cover";this.textColour="black";this.backgroundColour="white";this.fullName="";this.jobTitle="";this.textAlign="left";this.ratio="1,1.5";this.circle=false;this.circleColour="light";this.rounded=false;this.url=""}render(){if(this.url!=""){return o("div",{class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" text-align-"+this.textAlign},o("a",{href:this.url},o("div",{class:"sleeve circle-"+this.circle.toString()+" border-colour-"+this.backgroundColour+" background-colour-"+this.backgroundColour+" border-width-"+this.borderWidth},this.imageUrl!=""?o("div",{"data-ratio":this.ratio,class:"image-wrap image-style-"+this.imageStyle+" rounded-"+this.rounded.toString(),style:{"background-image":"url('"+this.imageUrl+"')"}},o("img",{src:this.imageUrl,alt:this.fullName,title:this.fullName}),o("div",{class:"circle "+this.circleColour},o("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{"stroke-color":"1",d:"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z"})))):null),o("h3",{class:"full-name"},this.fullName),o("div",{class:"job-title"},this.jobTitle)))}else{return o("div",{class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" text-align-"+this.textAlign},o("div",{class:"sleeve circle-"+this.circle.toString()+" border-colour-"+this.backgroundColour+" background-colour-"+this.backgroundColour+" border-width-"+this.borderWidth},this.imageUrl!=""?o("div",{"data-ratio":this.ratio,class:"image-wrap image-style-"+this.imageStyle+" rounded-"+this.rounded.toString(),style:{"background-image":"url('"+this.imageUrl+"')"}},o("img",{src:this.imageUrl,alt:this.fullName,title:this.fullName})):null),o("h3",{class:"full-name"},this.fullName),o("div",{class:"job-title"},this.jobTitle))}}};a.style=d;export{a as biggive_biography_card};
2
+ //# sourceMappingURL=p-84e1e6a4.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["biggiveBiographyCardCss","BiggiveBiographyCardStyle0","BiggiveBiographyCard","constructor","hostRef","this","spaceBelow","borderWidth","imageUrl","imageStyle","textColour","backgroundColour","fullName","jobTitle","textAlign","ratio","circle","circleColour","rounded","url","render","h","class","href","toString","style","src","alt","title","width","height","viewBox","xmlns","d"],"sources":["src/components/biggive-biography-card/biggive-biography-card.scss?tag=biggive-biography-card&encapsulation=shadow","src/components/biggive-biography-card/biggive-biography-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include backgrounds();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.background-colour-#{$key} .image-wrap { background-color: $colour; }\n }\n\n text-align: left;\n &.text-align-center {\n text-align: center;\n }\n &.text-align-right {\n text-align: right;\n }\n\n a {\n text-decoration: none;\n }\n\n h3.full-name {\n font-size: font-size-medium();\n margin: 0;\n }\n\n div.job-title {\n font-size: font-size-small();\n margin: 0; \n }\n \n\n .sleeve {\n\n \n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n\n &.border-width-1.border-colour-#{$key} { border: $spacer-1 solid $colour; }\n &.border-width-2.border-colour-#{$key} { border: $spacer-2 solid $colour; }\n &.border-width-3.border-colour-#{$key} { border: $spacer-3 solid $colour; }\n &.border-width-4.border-colour-#{$key} { border: $spacer-4 solid $colour; }\n &.border-width-5.border-colour-#{$key} { border: $spacer-5 solid $colour; }\n &.border-width-6.border-colour-#{$key} { border: $spacer-6 solid $colour; }\n }\n \n\n margin-bottom: $spacer-2;\n\n &.circle-true {\n overflow: hidden;\n border-radius: 50%;\n }\n\n\n .image-wrap {\n position: relative;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n \n &.image-style-cover {\n background-size: cover;\n }\n &.image-style-contain {\n background-size: contain;\n }\n \n &[data-ratio=\"1,1\"] { padding-bottom: 100%; }\n &[data-ratio=\"1,1\"].border-width-1 { padding-bottom: calc(100% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-2 { padding-bottom: calc(100% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-3 { padding-bottom: calc(100% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-4 { padding-bottom: calc(100% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-5 { padding-bottom: calc(100% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-6 { padding-bottom: calc(100% - ( $spacer-6 * 2 )); }\n \n &[data-ratio=\"1,1.5\"] { padding-bottom: 150%; }\n &[data-ratio=\"1,1.5\"].border-width-1 { padding-bottom: calc(150% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-2 { padding-bottom: calc(150% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-3 { padding-bottom: calc(150% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-4 { padding-bottom: calc(150% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-5 { padding-bottom: calc(150% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-6 { padding-bottom: calc(150% - ( $spacer-6 * 2 )); }\n \n &[data-ratio=\"1,2\"] { padding-bottom: 200%; }\n &[data-ratio=\"1,2\"].border-width-1 { padding-bottom: calc(200% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-2 { padding-bottom: calc(200% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-3 { padding-bottom: calc(200% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-4 { padding-bottom: calc(200% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-5 { padding-bottom: calc(200% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-6 { padding-bottom: calc(200% - ( $spacer-6 * 2 )); }\n \n \n \n \n \n \n &.rounded-true {\n overflow: hidden;\n border-radius: 10px;\n }\n \n \n\n \n .circle {\n position: absolute;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n bottom: 15px;\n right: 15px;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg path {\n stroke: #000000;\n }\n &.dark {\n background-color: #000000;\n svg path {\n stroke: #FFFFFF;\n }\n }\n svg {\n position: relative;\n display: inline-block;\n top: -1px;\n height: 15px;\n width: 15px;\n }\n }\n \n \n \n img {\n display: none;\n }\n\n\n }\n\n\n\n }\n\n\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' | 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' | 'left' | 'right' = 'left';\n\n @Prop() ratio: '1,1' | '1,1.5' | '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' | 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"],"mappings":"sCAAA,MAAMA,EAA0B,s4pBAChC,MAAAC,EAAeD,E,MCQFE,EAAoB,MALjC,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,YAA6B,EAE7BF,KAAAG,SAAmB,GAEnBH,KAAAI,WAAkC,QAElCJ,KAAAK,WAA0B,QAE1BL,KAAAM,iBAAgC,QAEhCN,KAAAO,SAAmB,GAEnBP,KAAAQ,SAAmB,GAEnBR,KAAAS,UAAyC,OAEzCT,KAAAU,MAAiC,QAEjCV,KAAAW,OAAkB,MAElBX,KAAAY,aAAiC,QAEjCZ,KAAAa,QAAmB,MAEnBb,KAAAc,IAAc,E,CAEtB,MAAAC,GACE,GAAIf,KAAKc,KAAO,GAAI,CAClB,OACEE,EAAA,OAAKC,MAAO,yBAA2BjB,KAAKC,WAAa,gBAAkBD,KAAKK,WAAa,eAAiBL,KAAKS,WACjHO,EAAA,KAAGE,KAAMlB,KAAKc,KACZE,EAAA,OACEC,MACE,iBACAjB,KAAKW,OAAOQ,WACZ,kBACAnB,KAAKM,iBACL,sBACAN,KAAKM,iBACL,iBACAN,KAAKE,aAGNF,KAAKG,UAAY,GAChBa,EAAA,oBACchB,KAAKU,MACjBO,MAAO,0BAA4BjB,KAAKI,WAAa,YAAcJ,KAAKa,QAAQM,WAChFC,MAAO,CAAE,mBAAoB,QAAUpB,KAAKG,SAAW,OAEvDa,EAAA,OAAKK,IAAKrB,KAAKG,SAAUmB,IAAKtB,KAAKO,SAAUgB,MAAOvB,KAAKO,WACzDS,EAAA,OAAKC,MAAO,UAAYjB,KAAKY,cAC3BI,EAAA,OAAKQ,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,MAAM,8BACpDX,EAAA,uBAAmB,IAAIY,EAAE,qDAI7B,MAENZ,EAAA,MAAIC,MAAM,aAAajB,KAAKO,UAC5BS,EAAA,OAAKC,MAAM,aAAajB,KAAKQ,W,KAI9B,CACL,OACEQ,EAAA,OAAKC,MAAO,yBAA2BjB,KAAKC,WAAa,gBAAkBD,KAAKK,WAAa,eAAiBL,KAAKS,WACjHO,EAAA,OACEC,MACE,iBACAjB,KAAKW,OAAOQ,WACZ,kBACAnB,KAAKM,iBACL,sBACAN,KAAKM,iBACL,iBACAN,KAAKE,aAGNF,KAAKG,UAAY,GAChBa,EAAA,oBACchB,KAAKU,MACjBO,MAAO,0BAA4BjB,KAAKI,WAAa,YAAcJ,KAAKa,QAAQM,WAChFC,MAAO,CAAE,mBAAoB,QAAUpB,KAAKG,SAAW,OAEvDa,EAAA,OAAKK,IAAKrB,KAAKG,SAAUmB,IAAKtB,KAAKO,SAAUgB,MAAOvB,KAAKO,YAEzD,MAENS,EAAA,MAAIC,MAAM,aAAajB,KAAKO,UAC5BS,EAAA,OAAKC,MAAM,aAAajB,KAAKQ,U","ignoreList":[]}
1
+ {"version":3,"names":["biggiveBiographyCardCss","BiggiveBiographyCardStyle0","BiggiveBiographyCard","constructor","hostRef","this","spaceBelow","borderWidth","imageUrl","imageStyle","textColour","backgroundColour","fullName","jobTitle","textAlign","ratio","circle","circleColour","rounded","url","render","h","class","href","toString","style","src","alt","title","width","height","viewBox","xmlns","d"],"sources":["src/components/biggive-biography-card/biggive-biography-card.scss?tag=biggive-biography-card&encapsulation=shadow","src/components/biggive-biography-card/biggive-biography-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include backgrounds();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.background-colour-#{$key} .image-wrap { background-color: $colour; }\n }\n\n text-align: left;\n &.text-align-center {\n text-align: center;\n }\n &.text-align-right {\n text-align: right;\n }\n\n a {\n text-decoration: none;\n }\n\n h3.full-name {\n font-size: font-size-medium();\n margin: 0;\n }\n\n div.job-title {\n font-size: font-size-small();\n margin: 0; \n }\n \n\n .sleeve {\n\n \n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n\n &.border-width-1.border-colour-#{$key} { border: $spacer-1 solid $colour; }\n &.border-width-2.border-colour-#{$key} { border: $spacer-2 solid $colour; }\n &.border-width-3.border-colour-#{$key} { border: $spacer-3 solid $colour; }\n &.border-width-4.border-colour-#{$key} { border: $spacer-4 solid $colour; }\n &.border-width-5.border-colour-#{$key} { border: $spacer-5 solid $colour; }\n &.border-width-6.border-colour-#{$key} { border: $spacer-6 solid $colour; }\n }\n \n\n margin-bottom: $spacer-2;\n\n &.circle-true {\n overflow: hidden;\n border-radius: 50%;\n }\n\n\n .image-wrap {\n position: relative;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n \n &.image-style-cover {\n background-size: cover;\n }\n &.image-style-contain {\n background-size: contain;\n }\n \n &[data-ratio=\"1,1\"] { padding-bottom: 100%; }\n &[data-ratio=\"1,1\"].border-width-1 { padding-bottom: calc(100% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-2 { padding-bottom: calc(100% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-3 { padding-bottom: calc(100% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-4 { padding-bottom: calc(100% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-5 { padding-bottom: calc(100% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-6 { padding-bottom: calc(100% - ( $spacer-6 * 2 )); }\n \n &[data-ratio=\"1,1.5\"] { padding-bottom: 150%; }\n &[data-ratio=\"1,1.5\"].border-width-1 { padding-bottom: calc(150% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-2 { padding-bottom: calc(150% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-3 { padding-bottom: calc(150% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-4 { padding-bottom: calc(150% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-5 { padding-bottom: calc(150% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-6 { padding-bottom: calc(150% - ( $spacer-6 * 2 )); }\n \n &[data-ratio=\"1,2\"] { padding-bottom: 200%; }\n &[data-ratio=\"1,2\"].border-width-1 { padding-bottom: calc(200% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-2 { padding-bottom: calc(200% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-3 { padding-bottom: calc(200% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-4 { padding-bottom: calc(200% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-5 { padding-bottom: calc(200% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-6 { padding-bottom: calc(200% - ( $spacer-6 * 2 )); }\n \n \n \n \n \n \n &.rounded-true {\n overflow: hidden;\n border-radius: 10px;\n }\n \n \n\n \n .circle {\n position: absolute;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n bottom: 15px;\n right: 15px;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg path {\n stroke: #000000;\n }\n &.dark {\n background-color: #000000;\n svg path {\n stroke: #FFFFFF;\n }\n }\n svg {\n position: relative;\n display: inline-block;\n top: -1px;\n height: 15px;\n width: 15px;\n }\n }\n \n \n \n img {\n display: none;\n }\n\n\n }\n\n\n\n }\n\n\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' | 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' | 'left' | 'right' = 'left';\n\n @Prop() ratio: '1,1' | '1,1.5' | '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' | 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"],"mappings":"sCAAA,MAAMA,EAA0B,wsrBAChC,MAAAC,EAAeD,E,MCQFE,EAAoB,MALjC,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,YAA6B,EAE7BF,KAAAG,SAAmB,GAEnBH,KAAAI,WAAkC,QAElCJ,KAAAK,WAA0B,QAE1BL,KAAAM,iBAAgC,QAEhCN,KAAAO,SAAmB,GAEnBP,KAAAQ,SAAmB,GAEnBR,KAAAS,UAAyC,OAEzCT,KAAAU,MAAiC,QAEjCV,KAAAW,OAAkB,MAElBX,KAAAY,aAAiC,QAEjCZ,KAAAa,QAAmB,MAEnBb,KAAAc,IAAc,E,CAEtB,MAAAC,GACE,GAAIf,KAAKc,KAAO,GAAI,CAClB,OACEE,EAAA,OAAKC,MAAO,yBAA2BjB,KAAKC,WAAa,gBAAkBD,KAAKK,WAAa,eAAiBL,KAAKS,WACjHO,EAAA,KAAGE,KAAMlB,KAAKc,KACZE,EAAA,OACEC,MACE,iBACAjB,KAAKW,OAAOQ,WACZ,kBACAnB,KAAKM,iBACL,sBACAN,KAAKM,iBACL,iBACAN,KAAKE,aAGNF,KAAKG,UAAY,GAChBa,EAAA,oBACchB,KAAKU,MACjBO,MAAO,0BAA4BjB,KAAKI,WAAa,YAAcJ,KAAKa,QAAQM,WAChFC,MAAO,CAAE,mBAAoB,QAAUpB,KAAKG,SAAW,OAEvDa,EAAA,OAAKK,IAAKrB,KAAKG,SAAUmB,IAAKtB,KAAKO,SAAUgB,MAAOvB,KAAKO,WACzDS,EAAA,OAAKC,MAAO,UAAYjB,KAAKY,cAC3BI,EAAA,OAAKQ,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,MAAM,8BACpDX,EAAA,uBAAmB,IAAIY,EAAE,qDAI7B,MAENZ,EAAA,MAAIC,MAAM,aAAajB,KAAKO,UAC5BS,EAAA,OAAKC,MAAM,aAAajB,KAAKQ,W,KAI9B,CACL,OACEQ,EAAA,OAAKC,MAAO,yBAA2BjB,KAAKC,WAAa,gBAAkBD,KAAKK,WAAa,eAAiBL,KAAKS,WACjHO,EAAA,OACEC,MACE,iBACAjB,KAAKW,OAAOQ,WACZ,kBACAnB,KAAKM,iBACL,sBACAN,KAAKM,iBACL,iBACAN,KAAKE,aAGNF,KAAKG,UAAY,GAChBa,EAAA,oBACchB,KAAKU,MACjBO,MAAO,0BAA4BjB,KAAKI,WAAa,YAAcJ,KAAKa,QAAQM,WAChFC,MAAO,CAAE,mBAAoB,QAAUpB,KAAKG,SAAW,OAEvDa,EAAA,OAAKK,IAAKrB,KAAKG,SAAUmB,IAAKtB,KAAKO,SAAUgB,MAAOvB,KAAKO,YAEzD,MAENS,EAAA,MAAIC,MAAM,aAAajB,KAAKO,UAC5BS,EAAA,OAAKC,MAAM,aAAajB,KAAKQ,U","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as o,h as r}from"./p-dff59861.js";const c='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#B30510}.container.header-background-colour-brand-1 thead{background-color:#B30510}.container.body-text-colour-brand-1 tbody{color:#B30510}.container.body-background-colour-brand-1 tbody{background-color:#B30510}.container.header-text-colour-brand-2 thead{color:#6E0887}.container.header-background-colour-brand-2 thead{background-color:#6E0887}.container.body-text-colour-brand-2 tbody{color:#6E0887}.container.body-background-colour-brand-2 tbody{background-color:#6E0887}.container.header-text-colour-brand-3 thead{color:#50B400}.container.header-background-colour-brand-3 thead{background-color:#50B400}.container.body-text-colour-brand-3 tbody{color:#50B400}.container.body-background-colour-brand-3 tbody{background-color:#50B400}.container.header-text-colour-brand-4 thead{color:#FFE500}.container.header-background-colour-brand-4 thead{background-color:#FFE500}.container.body-text-colour-brand-4 tbody{color:#FFE500}.container.body-background-colour-brand-4 tbody{background-color:#FFE500}.container.header-text-colour-brand-5 thead{color:#F07D00}.container.header-background-colour-brand-5 thead{background-color:#F07D00}.container.body-text-colour-brand-5 tbody{color:#F07D00}.container.body-background-colour-brand-5 tbody{background-color:#F07D00}.container.header-text-colour-brand-cc-red thead{color:#B30510}.container.header-background-colour-brand-cc-red thead{background-color:#B30510}.container.body-text-colour-brand-cc-red tbody{color:#B30510}.container.body-background-colour-brand-cc-red tbody{background-color:#B30510}.container.header-text-colour-brand-wgmf-purple thead{color:#6E0887}.container.header-background-colour-brand-wgmf-purple thead{background-color:#6E0887}.container.body-text-colour-brand-wgmf-purple tbody{color:#6E0887}.container.body-background-colour-brand-wgmf-purple tbody{background-color:#6E0887}.container.header-text-colour-brand-gmf-green thead{color:#50B400}.container.header-background-colour-brand-gmf-green thead{background-color:#50B400}.container.body-text-colour-brand-gmf-green tbody{color:#50B400}.container.body-background-colour-brand-gmf-green tbody{background-color:#50B400}.container.header-text-colour-brand-emf-yellow thead{color:#FFE500}.container.header-background-colour-brand-emf-yellow thead{background-color:#FFE500}.container.body-text-colour-brand-emf-yellow tbody{color:#FFE500}.container.body-background-colour-brand-emf-yellow tbody{background-color:#FFE500}.container.header-text-colour-brand-c4c-orange thead{color:#F07D00}.container.header-background-colour-brand-c4c-orange thead{background-color:#F07D00}.container.body-text-colour-brand-c4c-orange tbody{color:#F07D00}.container.body-background-colour-brand-c4c-orange tbody{background-color:#F07D00}.container.header-text-colour-brand-afa-pink thead{color:#BF387D}.container.header-background-colour-brand-afa-pink thead{background-color:#BF387D}.container.body-text-colour-brand-afa-pink tbody{color:#BF387D}.container.body-background-colour-brand-afa-pink tbody{background-color:#BF387D}.container.header-text-colour-brand-scw-magenta thead{color:#EE2C65}.container.header-background-colour-brand-scw-magenta thead{background-color:#EE2C65}.container.body-text-colour-brand-scw-magenta tbody{color:#EE2C65}.container.body-background-colour-brand-scw-magenta tbody{background-color:#EE2C65}.container.header-text-colour-brand-mhf-turquoise thead{color:#62CFC9}.container.header-background-colour-brand-mhf-turquoise thead{background-color:#62CFC9}.container.body-text-colour-brand-mhf-turquoise tbody{color:#62CFC9}.container.body-background-colour-brand-mhf-turquoise tbody{background-color:#62CFC9}.container.header-text-colour-brand-grey thead{color:#CBC8C8}.container.header-background-colour-brand-grey thead{background-color:#CBC8C8}.container.body-text-colour-brand-grey tbody{color:#CBC8C8}.container.body-background-colour-brand-grey tbody{background-color:#CBC8C8}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container.header-text-colour-brand-6 thead{color:#62CFC9}.container.header-background-colour-brand-6 thead{background-color:#62CFC9}.container.body-text-colour-brand-6 tbody{color:#62CFC9}.container.body-background-colour-brand-6 tbody{background-color:#62CFC9}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}';const a=c;const n=class{constructor(r){o(this,r);this.spaceBelow=0;this.headerTextColour="primary";this.headerBackgroundColour="white";this.bodyTextColour="black";this.bodyBackgroundColour="grey-light"}render(){return r("div",{key:"3113e1e0f25a9484452e48ae77f7f715a997c15b",class:"container header-text-colour-"+this.headerTextColour+" header-background-colour-"+this.headerBackgroundColour+" body-text-colour-"+this.bodyTextColour+" body-background-colour-"+this.bodyBackgroundColour+" space-below-"+this.spaceBelow},r("slot",{key:"3f0c914570a0319d25ce31ca8e3d245f3f1ab77f"}))}};n.style=a;export{n as biggive_table};
2
+ //# sourceMappingURL=p-a8a0f491.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["biggiveTableCss","BiggiveTableStyle0","BiggiveTable","constructor","hostRef","this","spaceBelow","headerTextColour","headerBackgroundColour","bodyTextColour","bodyBackgroundColour","render","h","key","class"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.header-text-colour-#{$key} thead { color: $colour; }\n &.header-background-colour-#{$key} thead { background-color: $colour; }\n &.body-text-colour-#{$key} tbody { color: $colour; }\n &.body-background-colour-#{$key} tbody { background-color: $colour; }\n }\n\n\n table {\n width: 100%;\n border-collapse: collapse;\n border: 0;\n\n td,th {\n padding: 10px 20px;\n border: 0;\n font-size: inherit;\n }\n\n thead {\n filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n td,th {\n font-weight: bold;\n }\n }\n\n tbody {\n tr.odd {\n background-color: rgba(255,255,255,0.3);\n }\n \n td,th {\n font-size: 80%;\n }\n }\n\n }\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-table',\n styleUrl: 'biggive-table.scss',\n shadow: false,\n})\nexport class BiggiveTable {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() headerTextColour: brandColour = 'primary';\n\n @Prop() headerBackgroundColour: brandColour = 'white';\n\n @Prop() bodyTextColour: brandColour = 'black';\n\n @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n render() {\n return (\n <div\n class={\n 'container header-text-colour-' +\n this.headerTextColour +\n ' header-background-colour-' +\n this.headerBackgroundColour +\n ' body-text-colour-' +\n this.bodyTextColour +\n ' body-background-colour-' +\n this.bodyBackgroundColour +\n ' space-below-' +\n this.spaceBelow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,8qTACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,uBAAsC,QAEtCH,KAAAI,eAA8B,QAE9BJ,KAAAK,qBAAoC,Y,CAE5C,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,gCACAT,KAAKE,iBACL,6BACAF,KAAKG,uBACL,qBACAH,KAAKI,eACL,2BACAJ,KAAKK,qBACL,gBACAL,KAAKC,YAGPM,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
1
+ {"version":3,"names":["biggiveTableCss","BiggiveTableStyle0","BiggiveTable","constructor","hostRef","this","spaceBelow","headerTextColour","headerBackgroundColour","bodyTextColour","bodyBackgroundColour","render","h","key","class"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.header-text-colour-#{$key} thead { color: $colour; }\n &.header-background-colour-#{$key} thead { background-color: $colour; }\n &.body-text-colour-#{$key} tbody { color: $colour; }\n &.body-background-colour-#{$key} tbody { background-color: $colour; }\n }\n\n\n table {\n width: 100%;\n border-collapse: collapse;\n border: 0;\n\n td,th {\n padding: 10px 20px;\n border: 0;\n font-size: inherit;\n }\n\n thead {\n filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n td,th {\n font-weight: bold;\n }\n }\n\n tbody {\n tr.odd {\n background-color: rgba(255,255,255,0.3);\n }\n \n td,th {\n font-size: 80%;\n }\n }\n\n }\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-table',\n styleUrl: 'biggive-table.scss',\n shadow: false,\n})\nexport class BiggiveTable {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() headerTextColour: brandColour = 'primary';\n\n @Prop() headerBackgroundColour: brandColour = 'white';\n\n @Prop() bodyTextColour: brandColour = 'black';\n\n @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n render() {\n return (\n <div\n class={\n 'container header-text-colour-' +\n this.headerTextColour +\n ' header-background-colour-' +\n this.headerBackgroundColour +\n ' body-text-colour-' +\n this.bodyTextColour +\n ' body-background-colour-' +\n this.bodyBackgroundColour +\n ' space-below-' +\n this.spaceBelow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,gnUACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,uBAAsC,QAEtCH,KAAAI,eAA8B,QAE9BJ,KAAAK,qBAAoC,Y,CAE5C,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,gCACAT,KAAKE,iBACL,6BACAF,KAAKG,uBACL,qBACAH,KAAKI,eACL,2BACAJ,KAAKK,qBACL,gBACAL,KAAKC,YAGPM,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as o,h as r}from"./p-dff59861.js";const e='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}';const a=e;const c=class{constructor(r){o(this,r);this.spaceBelow=0;this.backgroundColour="primary";this.backgroundImageUrl="";this.cardColour="white";this.textColour="black";this.icon=true;this.iconColour="primary";this.buttonAlign="center";this.buttonStyle="standard";this.buttonColourScheme="clear-primary";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.headingLevel=3;this.addAnimation=false}render(){const o=`h${this.headingLevel}`;return r("div",{key:"643f08ef88444868f25e9b2df3529cbd20facebe",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},r("a",{key:"d4ddd87a0a25d7aeef63948d04994cd7ca43bb5b",href:this.buttonUrl},r("div",{key:"17f6638c0d43a723713da03792b78203f2981d9b",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},r("div",{key:"914e0c63a50d63023b707a3c5443d3bee387fbb0",class:"content-wrap"},this.icon==true?r("div",{class:"icon"},r("svg",{width:"53",height:"39",viewBox:"0 0 53 39",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z",class:"fill-black"}),r("path",{d:"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z",class:"fill-"+this.iconColour}))):null,this.mainImageUrl!=""?r("div",{class:"main-image-container"},r("div",{class:"image-wrap"},r("img",{src:this.mainImageUrl,alt:this.mainImageAltText,title:this.mainImageAltText}))):null,r(o,{key:"25ce80ff6ad001addc72e738a7c3aa4177ab81a7",class:"title"},this.mainTitle),r("div",{key:"e0b1e8fa867f69262ddb57284bf09cd9d34a85b4",class:"subtitle"},this.subtitle),r("div",{key:"25d02aac64074ee2c6e647cbb191a7398afa2324",class:"teaser"},this.teaser),this.buttonLabel!=null&&this.buttonUrl!=null&&this.buttonUrl!=""?r("div",{class:"button-wrap align-"+this.buttonAlign},r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel})):null))))}};c.style=a;export{c as biggive_basic_card};
2
+ //# sourceMappingURL=p-b734ec26.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCardStyle0","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","cardColour","textColour","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","mainImageUrl","src","alt","mainImageAltText","title","mainTitle","subtitle","teaser","buttonLabel","url","label"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string;\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n <div class=\"subtitle\">{this.subtitle}</div>\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,8gNAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,mBAA6B,GAE7BH,KAAAI,WAA0B,QAE1BJ,KAAAK,WAA0B,QAY1BL,KAAAM,KAAgB,KAEhBN,KAAAO,WAA0B,UAE1BP,KAAAQ,YAAsB,SAEtBR,KAAAS,YAAsB,WAMtBT,KAAAU,mBAA6B,gBAE7BV,KAAAW,qBAAgC,KAEhCX,KAAAY,mBAA8B,KAE9BZ,KAAAa,aAAsC,EAEtCb,KAAAc,aAAwB,K,CAEhC,MAAAC,GACE,MAAMC,EAAa,IAAIhB,KAAKa,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAnB,KAAKC,WACL,sBACAD,KAAKE,iBACL,4BACAF,KAAKW,qBACL,0BACAX,KAAKY,mBACL,kBACAZ,KAAKc,aAEPM,MAAO,CAAE,mBAAoB,QAAUpB,KAAKG,mBAAqB,OAEjEc,EAAA,KAAAC,IAAA,2CAAGG,KAAMrB,KAAKsB,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BnB,KAAKI,WAAa,gBAAkBJ,KAAKK,YACjFY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRnB,KAAKM,MAAQ,KACZW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUnB,KAAKO,eAGhH,KACHP,KAAK6B,cAAgB,GACpBZ,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKa,IAAK9B,KAAK6B,aAAcE,IAAK/B,KAAKgC,iBAAkBC,MAAOjC,KAAKgC,qBAGvE,KACJf,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASnB,KAAKkC,WAChCjB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YAAYnB,KAAKmC,UAC5BlB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUnB,KAAKoC,QACzBpC,KAAKqC,aAAe,MAAQrC,KAAKsB,WAAa,MAAQtB,KAAKsB,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBnB,KAAKQ,aACtCS,EAAA,kCAA+BjB,KAAKU,mBAAoB4B,IAAKtC,KAAKsB,UAAWiB,MAAOvC,KAAKqC,eAEzF,Q","ignoreList":[]}
1
+ {"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCardStyle0","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","cardColour","textColour","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","mainImageUrl","src","alt","mainImageAltText","title","mainTitle","subtitle","teaser","buttonLabel","url","label"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string;\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n <div class=\"subtitle\">{this.subtitle}</div>\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,0vNAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,mBAA6B,GAE7BH,KAAAI,WAA0B,QAE1BJ,KAAAK,WAA0B,QAY1BL,KAAAM,KAAgB,KAEhBN,KAAAO,WAA0B,UAE1BP,KAAAQ,YAAsB,SAEtBR,KAAAS,YAAsB,WAMtBT,KAAAU,mBAA6B,gBAE7BV,KAAAW,qBAAgC,KAEhCX,KAAAY,mBAA8B,KAE9BZ,KAAAa,aAAsC,EAEtCb,KAAAc,aAAwB,K,CAEhC,MAAAC,GACE,MAAMC,EAAa,IAAIhB,KAAKa,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAnB,KAAKC,WACL,sBACAD,KAAKE,iBACL,4BACAF,KAAKW,qBACL,0BACAX,KAAKY,mBACL,kBACAZ,KAAKc,aAEPM,MAAO,CAAE,mBAAoB,QAAUpB,KAAKG,mBAAqB,OAEjEc,EAAA,KAAAC,IAAA,2CAAGG,KAAMrB,KAAKsB,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BnB,KAAKI,WAAa,gBAAkBJ,KAAKK,YACjFY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRnB,KAAKM,MAAQ,KACZW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUnB,KAAKO,eAGhH,KACHP,KAAK6B,cAAgB,GACpBZ,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKa,IAAK9B,KAAK6B,aAAcE,IAAK/B,KAAKgC,iBAAkBC,MAAOjC,KAAKgC,qBAGvE,KACJf,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASnB,KAAKkC,WAChCjB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YAAYnB,KAAKmC,UAC5BlB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUnB,KAAKoC,QACzBpC,KAAKqC,aAAe,MAAQrC,KAAKsB,WAAa,MAAQtB,KAAKsB,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBnB,KAAKQ,aACtCS,EAAA,kCAA+BjB,KAAKU,mBAAoB4B,IAAKtC,KAAKsB,UAAWiB,MAAOvC,KAAKqC,eAEzF,Q","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as e,h as t}from"./p-22982c55.js";const o='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container .label{border-bottom:1px solid #4A4A4A;padding-bottom:5px;margin-bottom:10px}.container .sleeve{display:flex}::slotted(*){margin-right:15px}';const i=o;const n=class{constructor(t){e(this,t);this.spaceBelow=0}render(){return t("div",{key:"ee83a9c74617db46a08413348e1b15ba7468788d",class:"container space-below-"+this.spaceBelow},this.label!=null?t("div",{class:"label"},this.label):null,t("div",{key:"8492137a5f62593cc93dce4865c29086c768bb2c",class:"sleeve"},t("slot",{key:"52b9d83703ae72a8f2ed8cb17fe6131eb5fd77d7"})))}};n.style=i;export{n as biggive_icon_group};
2
- //# sourceMappingURL=p-f6ee342f.entry.js.map
1
+ import{r as e,h as t}from"./p-dff59861.js";const o='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container .label{border-bottom:1px solid #4A4A4A;padding-bottom:5px;margin-bottom:10px}.container .sleeve{display:flex}::slotted(*){margin-right:15px}';const i=o;const n=class{constructor(t){e(this,t);this.spaceBelow=0}render(){return t("div",{key:"ee83a9c74617db46a08413348e1b15ba7468788d",class:"container space-below-"+this.spaceBelow},this.label!=null?t("div",{class:"label"},this.label):null,t("div",{key:"8492137a5f62593cc93dce4865c29086c768bb2c",class:"sleeve"},t("slot",{key:"52b9d83703ae72a8f2ed8cb17fe6131eb5fd77d7"})))}};n.style=i;export{n as biggive_icon_group};
2
+ //# sourceMappingURL=p-d386a3a5.entry.js.map
@@ -0,0 +1,3 @@
1
+ const e="biggive";const t={allRenderFn:true,appendChildSlotFix:true,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,experimentalScopedSlotChanges:true,experimentalSlotFixes:true,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:true,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:true,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var n=Object.defineProperty;var l=(e,t)=>{for(var l in t)n(e,l,{get:t[l],enumerable:true})};var r="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";var s=new WeakMap;var o=e=>s.get(e);var f=(e,t)=>{s.set(t.t=e,t)};var a=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const l=s.set(e,n);return l};var c=(e,t)=>t in e;var u=(e,t)=>(0,console.error)(e,t);var v=new Map;var d=(e,t,n)=>{const l=e.m.replace(/-/g,"_");const r=e.$;if(!r){return void 0}const i=v.get(r);if(i){return i[l]}
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{v.set(r,e)}return e[l]}),(e=>{u(e,t.$hostElement$)}))};var h=new Map;var p="r";var m="o";var $="s";var y="t";var b="c";var g="s-id";var w="sty-id";var S="c-id";var O="{visibility:hidden}.hydrated{visibility:inherit}";var j="slot-fb{display:contents}slot-fb[hidden]{display:none}";var x=typeof window!=="undefined"?window:{};var C=x.document||{head:{}};var k=x.HTMLElement||class{};var E={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var T=e=>Promise.resolve(e);var L=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var R=false;var D=[];var N=[];var A=(e,t)=>n=>{e.push(n);if(!R){R=true;if(t&&E.l&4){P(M)}else{E.raf(M)}}};var F=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){u(e)}}e.length=0};var M=()=>{F(D);{F(N);if(R=D.length>0){E.raf(M)}}};var P=e=>T().then(e);var U=A(N,true);var I=e=>{const t=new URL(e,E.S);return t.origin!==x.location.origin?t.href:t.pathname};var W=e=>{e=typeof e;return e==="object"||e==="function"};function B(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var H={};l(H,{err:()=>z,map:()=>Q,ok:()=>_,unwrap:()=>V,unwrapErr:()=>q});var _=e=>({isOk:true,isErr:false,value:e});var z=e=>({isOk:false,isErr:true,value:e});function Q(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>_(e)))}else{return _(n)}}if(e.isErr){const t=e.value;return z(t)}throw"should never get here"}var V=e=>{if(e.isOk){return e.value}else{throw e.value}};var q=e=>{if(e.isErr){return e.value}else{throw e.value}};var G=e=>{const t=e.__childNodes||e.childNodes;if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){K(t,e.tagName).forEach((e=>{var t;if(e.nodeType===1&&e.tagName==="SLOT-FB"){if((t=X(e,e["s-sn"],false))==null?void 0:t.length){e.hidden=true}else{e.hidden=false}}}))}for(const e of t){if(e.nodeType===1&&(e.__childNodes||e.childNodes).length){G(e)}}};function K(e,t,n){let l=0;let r=[];let i;for(;l<e.length;l++){i=e[l];if(i["s-sr"]&&i["s-hn"]===t&&(n===void 0||i["s-sn"]===n)){r.push(i);if(typeof n!=="undefined")return r}r=[...r,...K(i.childNodes,t,n)]}return r}var X=(e,t,n=true)=>{const l=[];if(n&&e["s-sr"]||!e["s-sr"])l.push(e);while((e=e.nextSibling)&&e["s-sn"]===t){l.push(e)}return l};var J=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Y=(e,t,n,l)=>{let r;if(e["s-ol"]&&e["s-ol"].isConnected){r=e["s-ol"]}else{r=document.createTextNode("");r["s-nr"]=e}if(!t["s-cr"]||!t["s-cr"].parentNode)return;const i=t["s-cr"].parentNode;const s=n?i.__prepend||i.prepend:i.__appendChild||i.appendChild;if(typeof l!=="undefined"){{r["s-oo"]=l;const e=i.__childNodes||i.childNodes;const t=[r];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>s.call(i,e)))}}else{s.call(i,r)}e["s-ol"]=r;e["s-sh"]=t["s-hn"]};var Z=e=>{if(!e||e.__nextSibling||!globalThis.Node)return;ee(e);ne(e);re(e);if(e.nodeType===Node.ELEMENT_NODE){te(e);le(e)}};var ee=e=>{if(!e||e.__nextSibling)return;oe("nextSibling",e);Object.defineProperty(e,"nextSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n+1]}return this.__nextSibling}})};var te=e=>{if(!e||e.__nextElementSibling)return;oe("nextElementSibling",e);Object.defineProperty(e,"nextElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n+1]}return this.__nextElementSibling}})};var ne=e=>{if(!e||e.__previousSibling)return;oe("previousSibling",e);Object.defineProperty(e,"previousSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n-1]}return this.__previousSibling}})};var le=e=>{if(!e||e.__previousElementSibling)return;oe("previousElementSibling",e);Object.defineProperty(e,"previousElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n-1]}return this.__previousElementSibling}})};var re=e=>{if(!e||e.__parentNode)return;oe("parentNode",e);Object.defineProperty(e,"parentNode",{get:function(){var e;return((e=this["s-ol"])==null?void 0:e.parentNode)||this.__parentNode},set:function(e){this.__parentNode=e}})};var ie=["children","nextElementSibling","previousElementSibling"];var se=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function oe(e,t){let n;if(ie.includes(e)){n=Object.getOwnPropertyDescriptor(Element.prototype,e)}else if(se.includes(e)){n=Object.getOwnPropertyDescriptor(Node.prototype,e)}if(!n){n=Object.getOwnPropertyDescriptor(t,e)}if(n)Object.defineProperty(t,"__"+e,n)}var fe=(e,t="")=>{{return()=>{}}};var ae=(e,t)=>{{return()=>{}}};var ce=(e,t,...n)=>{let l=null;let r=null;let i=null;let s=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){a(l)}else if(l!=null&&typeof l!=="boolean"){if(s=typeof e!=="function"&&!W(l)){l=String(l)}if(s&&o){f[f.length-1].O+=l}else{f.push(s?ue(null,l):l)}o=s}}};a(n);if(t){if(t.key){r=t.key}if(t.name){i=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,he)}const c=ue(e,null);c.j=t;if(f.length>0){c.C=f}{c.k=r}{c.T=i}return c};var ue=(e,t)=>{const n={l:0,L:e,O:t,R:null,C:null};{n.j=null}{n.k=null}{n.T=null}return n};var ve={};var de=e=>e&&e.L===ve;var he={forEach:(e,t)=>e.map(pe).forEach(t),map:(e,t)=>e.map(pe).map(t).map(me)};var pe=e=>({vattrs:e.j,vchildren:e.C,vkey:e.k,vname:e.T,vtag:e.L,vtext:e.O});var me=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return ce(e.vtag,t,...e.vchildren||[])}const t=ue(e.vtag,e.vtext);t.j=e.vattrs;t.C=e.vchildren;t.k=e.vkey;t.T=e.vname;return t};var $e=(e,t,n,l)=>{const r=fe("hydrateClient",t);const i=e.shadowRoot;const s=[];const o=[];const f=[];const a=i?[]:null;const c=ue(t,null);c.R=e;if(!E.D){be(C.body,E.D=new Map)}e[g]=n;e.removeAttribute(g);l.N=ye(c,s,o,a,e,e,n,f);let u=0;const v=s.length;let d;for(u;u<v;u++){d=s[u];const n=d.A+"."+d.F;const l=E.D.get(n);const r=d.R;if(!i){r["s-hn"]=t.toUpperCase();if(d.L==="slot"){r["s-cr"]=e["s-cr"]}}if(d.L==="slot"){if(d.C){d.l|=2;if(!d.R.childNodes.length){d.C.forEach((e=>{d.R.appendChild(e.R)}))}}else{d.l|=1}}if(l&&l.isConnected){if(i&&l["s-en"]===""){l.parentNode.insertBefore(r,l.nextSibling)}l.parentNode.removeChild(l);if(!i){r["s-oo"]=parseInt(d.F)}}E.D.delete(n)}const h=[];const p=f.length;let m=0;let $;let y;let b;let w;for(m;m<p;m++){$=f[m];if(!$||!$.length)continue;b=$.length;y=0;for(y;y<b;y++){w=$[y];if(!h[w.hostId]){h[w.hostId]=E.D.get(w.hostId)}if(!h[w.hostId])continue;const e=h[w.hostId];if(!e.shadowRoot||!i){w.slot["s-cr"]=e["s-cr"];if(!w.slot["s-cr"]&&e.shadowRoot){w.slot["s-cr"]=e}else{w.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}Y(w.node,w.slot,false,w.node["s-oo"]);{Z(w.node)}}if(e.shadowRoot&&w.node.parentElement!==e){e.appendChild(w.node)}}}if(i){let t=0;const n=a.length;for(t;t<n;t++){i.appendChild(a[t])}Array.from(e.childNodes).forEach((e=>{if(e.nodeType===8&&typeof e["s-sn"]!=="string"){e.parentNode.removeChild(e)}}))}l.$hostElement$=e;r()};var ye=(e,t,n,l,r,i,s,o=[])=>{let f;let a;let c;let u;if(i.nodeType===1){f=i.getAttribute(S);if(f){a=f.split(".");if(a[0]===s||a[0]==="0"){c=ge({l:0,A:a[0],F:a[1],M:a[2],P:a[3],L:i.tagName.toLowerCase(),R:i,j:{class:i.className||""}});t.push(c);i.removeAttribute(S);if(!e.C){e.C=[]}const r=c.R.getAttribute("s-sn");if(typeof r==="string"){if(c.L==="slot-fb"){we(r,a[2],c,i,e,t,n,l,o)}c.R["s-sn"]=r;c.R.removeAttribute("s-sn")}if(c.P!==void 0){e.C[c.P]=c}e=c;if(l&&c.M==="0"){l[c.P]=c.R}}}if(i.shadowRoot){for(u=i.shadowRoot.childNodes.length-1;u>=0;u--){ye(e,t,n,l,r,i.shadowRoot.childNodes[u],s,o)}}const v=i.__childNodes||i.childNodes;for(u=v.length-1;u>=0;u--){ye(e,t,n,l,r,v[u],s,o)}}else if(i.nodeType===8){a=i.nodeValue.split(".");if(a[1]===s||a[1]==="0"){f=a[0];c=ge({A:a[1],F:a[2],M:a[3],P:a[4]||"0",R:i,j:null,C:null,k:null,T:null,L:null,O:null});if(f===y){c.R=i.nextSibling;if(c.R&&c.R.nodeType===3){c.O=c.R.textContent;t.push(c);i.remove();if(s===c.A){if(!e.C){e.C=[]}e.C[c.P]=c}if(l&&c.M==="0"){l[c.P]=c.R}}}else if(f===b){c.R=i.nextSibling;if(c.R&&c.R.nodeType===8){t.push(c);i.remove()}}else if(c.A===s){if(f===$){const r=i["s-sn"]=a[5]||"";we(r,a[2],c,i,e,t,n,l,o)}else if(f===p){if(l){i.remove()}else{r["s-cr"]=i;i["s-cn"]=true}}}}}else if(e&&e.L==="style"){const t=ue(null,i.textContent);t.R=i;t.P="0";e.C=[t]}return e};var be=(e,t)=>{if(e.nodeType===1){const n=e[g]||e.getAttribute(g);if(n){t.set(n,e)}let l=0;if(e.shadowRoot){for(;l<e.shadowRoot.childNodes.length;l++){be(e.shadowRoot.childNodes[l],t)}}const r=e.__childNodes||e.childNodes;for(l=0;l<r.length;l++){be(r[l],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===m){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var ge=e=>{const t={l:0,A:null,F:null,M:null,P:"0",R:null,j:null,C:null,k:null,T:null,L:null,O:null};return{...t,...e}};function we(e,t,n,l,r,i,s,o,f){l["s-sr"]=true;n.T=e||null;n.L="slot";const a=(r==null?void 0:r.R)?r.R["s-id"]||r.R.getAttribute("s-id"):"";if(o){const i=n.R=C.createElement(n.L);if(n.T){n.R.setAttribute("name",e)}if(a&&a!==n.A){r.R.insertBefore(i,r.R.children[0])}else{l.parentNode.insertBefore(n.R,l)}Se(f,t,e,l,n.A);l.remove();if(n.M==="0"){o[n.P]=n.R}}else{const s=n.R;const o=a&&a!==n.A&&r.R.shadowRoot;Se(f,t,e,l,o?a:n.A);if(o){r.R.insertBefore(s,r.R.children[0])}i.push(n)}s.push(n);if(!r.C){r.C=[]}r.C[n.P]=n}var Se=(e,t,n,l,r)=>{let i=l.nextSibling;e[t]=e[t]||[];while(i&&((i["getAttribute"]&&i.getAttribute("slot")||i["s-sn"])===n||n===""&&!i["s-sn"]&&(i.nodeType===8&&i.nodeValue.indexOf(".")!==1||i.nodeType===3))){i["s-sn"]=n;e[t].push({slot:l,node:i,hostId:r});i=i.nextSibling}};var Oe=(e,t)=>{if(e!=null&&!W(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var je=e=>o(e).$hostElement$;var xe=(e,t,n)=>{const l=je(e);return{emit:e=>Ce(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var Ce=(e,t,n)=>{const l=E.ce(t,n);e.dispatchEvent(l);return l};var ke=new WeakMap;var Ee=(e,t,n)=>{let l=h.get(e);if(L&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}h.set(e,l)};var Te=(e,t,n)=>{var l;const r=Re(t);const i=h.get(r);e=e.nodeType===11?e:C;if(i){if(typeof i==="string"){e=e.head||e;let n=ke.get(e);let s;if(!n){ke.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(s=e.querySelector(`[${w}="${r}"]`))){s.innerHTML=i}else{s=document.querySelector(`[${w}="${r}"]`)||C.createElement("style");s.innerHTML=i;const n=(l=E.U)!=null?l:B(C);if(n!=null){s.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(L){const t=new CSSStyleSheet;t.replaceSync(i);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=i+t.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(s,null)}}if(t.l&4){s.innerHTML+=j}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,i]}}return r};var Le=e=>{const t=e.i;const n=e.$hostElement$;const l=t.l;const r=fe("attachStyles",t.m);const i=Te(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(l&10&&l&2){n["s-sc"]=i;n.classList.add(i+"-h")}r()};var Re=(e,t)=>"sc-"+e.m;var De=(e,t,n,l,r,i,s)=>{if(n!==l){let o=c(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const r=Ae(n);let i=Ae(l);if(e["s-si"]&&s){i.push(e["s-si"]);r.forEach((t=>{if(t.startsWith(e["s-si"]))i.push(t)}));i=[...new Set(i)];t.add(...i)}else{t.remove(...r.filter((e=>e&&!i.includes(e))));t.add(...i.filter((e=>e&&!r.includes(e))))}}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(c(x,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||l){const r=t.endsWith(Fe);t=t.replace(Me,"");if(n){E.rel(e,t,n,r)}if(l){E.ael(e,t,l,r)}}}else{const s=W(l);if((o||s&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){o=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else if(e[t]!==l){e[t]=l}}catch(e){}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||i&4||r)&&!s){l=l===true?"":l;{e.setAttribute(t,l)}}}}};var Ne=/\s/;var Ae=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Ne)};var Fe="Capture";var Me=new RegExp(Fe+"$");var Pe=(e,t,n,l)=>{const r=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const i=e&&e.j||{};const s=t.j||{};{for(const e of Ue(Object.keys(i))){if(!(e in s)){De(r,e,i[e],void 0,n,t.l,l)}}}for(const e of Ue(Object.keys(s))){De(r,e,i[e],s[e],n,t.l,l)}};function Ue(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Ie;var We;var Be=false;var He=false;var _e=false;var ze=false;var Qe=(e,n,l)=>{var s;const o=n.C[l];let f=0;let a;let c;let u;if(!Be){_e=true;if(o.L==="slot"){o.l|=o.C?2:1}}if(o.O!==null){a=o.R=C.createTextNode(o.O)}else if(o.l&1){a=o.R=C.createTextNode("")}else{if(!ze){ze=o.L==="svg"}a=o.R=C.createElementNS(ze?r:i,!Be&&t.slotRelocation&&o.l&2?"slot-fb":o.L);if(ze&&o.L==="foreignObject"){ze=false}{Pe(null,o,ze)}if(o.C){for(f=0;f<o.C.length;++f){c=Qe(e,o,f);if(c){a.appendChild(c)}}}{if(o.L==="svg"){ze=false}else if(a.tagName==="foreignObject"){ze=true}}}a["s-hn"]=We;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=Ie;a["s-sn"]=o.T||"";a["s-rf"]=(s=o.j)==null?void 0:s.ref;u=e&&e.C&&e.C[l];if(u&&u.L===o.L&&e.R){{Ve(e.R)}}}}return a};var Ve=e=>{E.l|=1;const t=e.closest(We.toLowerCase());if(t!=null){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"]));const l=Array.from(e.__childNodes||e.childNodes);for(const e of n?l.reverse():l){if(e["s-sh"]!=null){lt(t,e,n!=null?n:null);e["s-sh"]=void 0;_e=true}}}E.l&=~1};var qe=(e,n)=>{E.l|=1;const l=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===We){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==We&&t["s-ol"]){lt(Ye(t).parentNode,t,Ye(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;_e=true}if(n){qe(t,n)}}E.l&=~1};var Ge=(e,t,n,l,r,i)=>{let s=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(s.shadowRoot&&s.tagName===We){s=s.shadowRoot}for(;r<=i;++r){if(l[r]){o=Qe(null,n,r);if(o){l[r].R=o;lt(s,o,Ye(t))}}}};var Ke=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.R;nt(t);if(e){{He=true;if(e["s-ol"]){e["s-ol"].remove()}else{qe(e,true)}}e.remove()}}}};var Xe=(e,t,n,l,r=false)=>{let i=0;let s=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=l.length-1;let d=l[0];let h=l[v];let p;let m;while(i<=a&&s<=v){if(c==null){c=t[++i]}else if(u==null){u=t[--a]}else if(d==null){d=l[++s]}else if(h==null){h=l[--v]}else if(Je(c,d,r)){Ze(c,d,r);c=t[++i];d=l[++s]}else if(Je(u,h,r)){Ze(u,h,r);u=t[--a];h=l[--v]}else if(Je(c,h,r)){if(c.L==="slot"||h.L==="slot"){qe(c.R.parentNode,false)}Ze(c,h,r);lt(e,c.R,u.R.nextSibling);c=t[++i];h=l[--v]}else if(Je(u,d,r)){if(c.L==="slot"||h.L==="slot"){qe(u.R.parentNode,false)}Ze(u,d,r);lt(e,u.R,c.R);u=t[--a];d=l[++s]}else{o=-1;{for(f=i;f<=a;++f){if(t[f]&&t[f].k!==null&&t[f].k===d.k){o=f;break}}}if(o>=0){m=t[o];if(m.L!==d.L){p=Qe(t&&t[s],n,o)}else{Ze(m,d,r);t[o]=void 0;p=m.R}d=l[++s]}else{p=Qe(t&&t[s],n,s);d=l[++s]}if(p){{lt(Ye(c.R).parentNode,p,Ye(c.R))}}}}if(i>a){Ge(e,l[v+1]==null?null:l[v+1].R,n,l,s,v)}else if(s>v){Ke(t,i,a)}};var Je=(e,t,n=false)=>{if(e.L===t.L){if(e.L==="slot"){return e.T===t.T}if(!n){return e.k===t.k}if(n&&!e.k&&t.k){e.k=t.k}return true}return false};var Ye=e=>e&&e["s-ol"]||e;var Ze=(e,n,l=false)=>{const r=n.R=e.R;const i=e.C;const s=n.C;const o=n.L;const f=n.O;let a;if(f===null){{ze=o==="svg"?true:o==="foreignObject"?false:ze}{if(o==="slot"&&!Be){if(e.T!==n.T){n.R["s-sn"]=n.T||"";Ve(n.R.parentElement)}}else{Pe(e,n,ze,l)}}if(i!==null&&s!==null){Xe(r,i,n,s,l)}else if(s!==null){if(e.O!==null){r.textContent=""}Ge(r,null,n,s,0,s.length-1)}else if(!l&&t.updatable&&i!==null){Ke(i,0,i.length-1)}if(ze&&o==="svg"){ze=false}}else if(a=r["s-cr"]){a.parentNode.textContent=f}else if(e.O!==f){r.data=f}};var et=[];var tt=e=>{let t;let n;let l;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const r=e["s-sn"];for(l=n.length-1;l>=0;l--){t=n[l];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&(!t["s-sh"]||t["s-sh"]!==e["s-hn"])){if(J(t,r)){let n=et.find((e=>e.I===t));He=true;t["s-sn"]=t["s-sn"]||r;if(n){n.I["s-sh"]=e["s-hn"];n.W=e}else{t["s-sh"]=e["s-hn"];et.push({W:e,I:t})}if(t["s-sr"]){et.map((e=>{if(J(e.I,t["s-sn"])){n=et.find((e=>e.I===t));if(n&&!e.W){e.W=n.W}}}))}}else if(!et.some((e=>e.I===t))){et.push({I:t})}}}}if(e.nodeType===1){tt(e)}}};var nt=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.C&&e.C.map(nt)}};var lt=(e,t,n)=>{if(typeof t["s-sn"]==="string"){if(e.getRootNode().nodeType!==11){re(t)}return e.insertBefore(t,n)}if(e.__insertBefore){return e.__insertBefore(t,n)}else{return e==null?void 0:e.insertBefore(t,n)}};var rt=(e,t,n=false)=>{var l,r,i,s,o;const f=e.$hostElement$;const a=e.i;const c=e.N||ue(null,null);const u=de(t)?t:ce(null,null,t);We=f.tagName;if(n&&u.j){for(const e of Object.keys(u.j)){if(f.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){u.j[e]=f[e]}}}u.L=null;u.l|=4;e.N=u;u.R=c.R=f.shadowRoot||f;Be=(a.l&1)!==0;{Ie=f["s-cr"];He=false}Ze(c,u,n);{E.l|=1;if(_e){tt(u.R);for(const e of et){const t=e.I;if(!t["s-ol"]){const e=C.createTextNode("");e["s-nr"]=t;lt(t.parentNode,t["s-ol"]=e,t)}}for(const e of et){const t=e.I;const o=e.W;if(o){const e=o.parentNode;let n=o.nextSibling;if(n&&n.nodeType===1){let i=(l=t["s-ol"])==null?void 0:l.previousSibling;while(i){let l=(r=i["s-nr"])!=null?r:null;if(l&&l["s-sn"]===t["s-sn"]&&e===(l.__parentNode||l.parentNode)){l=l.nextSibling;while(l===t||(l==null?void 0:l["s-sr"])){l=l==null?void 0:l.nextSibling}if(!l||!l["s-nr"]){n=l;break}}i=i.previousSibling}}const s=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==s||f!==n){if(t!==n){lt(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(i=t["s-ih"])!=null?i:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(n){t["s-ih"]=(s=t.hidden)!=null?s:false}t.hidden=true}}}}if(He){G(u.R)}E.l&=~1;et.length=0}if(a.l&2){const e=u.R.__childNodes||u.R.childNodes;for(const t of e){if(t["s-hn"]!==We&&!t["s-sh"]){if(n&&t["s-ih"]==null){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}Ie=void 0};var it=(e,t)=>{if(t&&!e.B&&t["s-p"]){const n=t["s-p"].push(new Promise((l=>e.B=()=>{t["s-p"].splice(n-1,1);l()})))}};var st=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}it(e,e.H);const n=()=>ot(e,t);return U(n)};var ot=(e,t)=>{const n=e.$hostElement$;const l=fe("scheduleUpdate",e.i.m);const r=e.t;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(t){{i=ht(r,"componentWillLoad",void 0,n)}}{i=ft(i,(()=>ht(r,"componentWillRender",void 0,n)))}l();return ft(i,(()=>ct(e,r,t)))};var ft=(e,t)=>at(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var at=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ct=async(e,t,n)=>{var l;const r=e.$hostElement$;const i=fe("update",e.i.m);const s=r["s-rc"];if(n){Le(e)}const o=fe("render",e.i.m);{ut(e,t,r,n)}if(s){s.map((e=>e()));r["s-rc"]=void 0}o();i();{const t=(l=r["s-p"])!=null?l:[];const n=()=>vt(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var ut=(e,t,n,l)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{rt(e,t,l)}}}}catch(t){u(t,e.$hostElement$)}return null};var vt=e=>{const t=e.i.m;const n=e.$hostElement$;const l=fe("postUpdate",t);const r=e.t;const i=e.H;{ht(r,"componentDidRender",void 0,n)}if(!(e.l&64)){e.l|=64;{pt(n)}{ht(r,"componentDidLoad",void 0,n)}l();{e.p(n);if(!i){dt()}}}else{l()}{e.v(n)}{if(e.B){e.B();e.B=void 0}if(e.l&512){P((()=>st(e,false)))}e.l&=~(4|512)}};var dt=t=>{{pt(C.documentElement)}P((()=>Ce(x,"appload",{detail:{namespace:e}})))};var ht=(e,t,n,l)=>{if(e&&e[t]){try{return e[t](n)}catch(e){u(e,l)}}return void 0};var pt=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var mt=(e,t)=>o(e).o.get(t);var $t=(e,t,n,l)=>{const r=o(e);if(!r){throw new Error(`Couldn't find host element for "${l.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=r.$hostElement$;const s=r.o.get(t);const f=r.l;const a=r.t;n=Oe(n,l._[t][0]);const c=Number.isNaN(s)&&Number.isNaN(n);const v=n!==s&&!c;if((!(f&8)||s===void 0)&&v){r.o.set(t,n);if(a){if(l.V&&f&128){const e=l.V[t];if(e){e.map((e=>{try{a[e](n,s,t)}catch(e){u(e,i)}}))}}if((f&(2|16))===2){st(r,false)}}}};var yt=(e,n,l)=>{var r,i;const s=e.prototype;if(n._||(n.V||e.watchers)){if(e.watchers&&!n.V){n.V=e.watchers}const f=Object.entries((r=n._)!=null?r:{});f.map((([e,[t]])=>{if(t&31||l&2&&t&32){const{get:r,set:i}=Object.getOwnPropertyDescriptor(s,e)||{};if(r)n._[e][0]|=2048;if(i)n._[e][0]|=4096;if(l&1||!r){Object.defineProperty(s,e,{get(){{if((n._[e][0]&2048)===0){return mt(this,e)}const t=o(this);const l=t?t.t:s;if(!l)return;return l[e]}},configurable:true,enumerable:true})}Object.defineProperty(s,e,{set(r){const s=o(this);if(i){const l=t&32?this[e]:s.$hostElement$[e];if(typeof l==="undefined"&&s.o.get(e)){r=s.o.get(e)}else if(!s.o.get(e)&&l){s.o.set(e,l)}i.apply(this,[Oe(r,t)]);r=t&32?this[e]:s.$hostElement$[e];$t(this,e,r,n);return}{if((l&1)===0||(n._[e][0]&4096)===0){$t(this,e,r,n);if(l&1&&!s.t){s.h.then((()=>{if(n._[e][0]&4096&&s.t[e]!==s.o.get(e)){s.t[e]=r}}))}return}const i=()=>{const l=s.t[e];if(!s.o.get(e)&&l){s.o.set(e,l)}s.t[e]=Oe(r,t);$t(this,e,s.t[e],n)};if(s.t){i()}else{s.h.then((()=>i()))}}}})}else if(l&1&&t&64){Object.defineProperty(s,e,{value(...t){var n;const l=o(this);return(n=l==null?void 0:l.u)==null?void 0:n.then((()=>{var n;return(n=l.t)==null?void 0:n[e](...t)}))}})}}));if(l&1){const l=new Map;s.attributeChangedCallback=function(e,r,i){E.jmp((()=>{var f;const a=l.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){i=this[a];delete this[a]}else if(s.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==i){return}else if(a==null){const t=o(this);const l=t==null?void 0:t.l;if(l&&!(l&8)&&l&128&&i!==r){const l=t.t;const s=(f=n.V)==null?void 0:f[e];s==null?void 0:s.forEach((t=>{if(l[t]!=null){l[t].call(l,i,r,e)}}))}return}const c=Object.getOwnPropertyDescriptor(s,a);i=i===null&&typeof this[a]==="boolean"?false:i;if(i!==this[a]&&(!c.get||!!c.set)){this[a]=i}}))};e.observedAttributes=Array.from(new Set([...Object.keys((i=n.V)!=null?i:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;l.set(n,e);return n}))]))}}return e};var bt=async(e,t,n,l)=>{let r;if((t.l&32)===0){t.l|=32;{const l=d(n,t);if(l&&"then"in l){const e=ae();r=await l;e()}else{r=l}if(!r){throw new Error(`Constructor for "${n.m}#${t.q}" was not found`)}if(!r.isProxied){{n.V=r.watchers}yt(r,n,2);r.isProxied=true}const i=fe("createInstance",n.m);{t.l|=8}try{new r(t)}catch(t){u(t,e)}{t.l&=~8}{t.l|=128}i()}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=Re(n);if(!h.has(t)){const l=fe("registerStyles",n.m);Ee(t,e,!!(n.l&1));l()}}}const i=t.H;const s=()=>st(t,true);if(i&&i["s-rc"]){i["s-rc"].push(s)}else{s()}};var gt=(e,t)=>{};var wt=e=>{if((E.l&1)===0){const t=o(e);const n=t.i;const l=fe("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let l;{l=e.getAttribute(g);if(l){if(n.l&1){const t=Te(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}$e(e,n.m,l,t)}}if(!l){if(n.l&(4|8)){St(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){it(t,t.H=n);break}}}if(n._){Object.entries(n._).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{bt(e,t,n)}}else{if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>gt()))}}l()}};var St=e=>{const t=e["s-cr"]=C.createComment("");t["s-cn"]=true;lt(e,t,e.firstChild)};var Ot=(e,t)=>{};var jt=async e=>{if((E.l&1)===0){const t=o(e);if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>Ot()))}}if(ke.has(e)){ke.delete(e)}if(e.shadowRoot&&ke.has(e.shadowRoot)){ke.delete(e.shadowRoot)}};var xt=(e,t={})=>{var n;const l=fe();const r=[];const i=t.exclude||[];const s=x.customElements;const f=C.head;const c=f.querySelector("meta[charset]");const u=C.createElement("style");const v=[];let d;let h=true;Object.assign(E,t);E.S=new URL(t.resourcesUrl||"./",C.baseURI).href;{E.l|=2}let p=false;e.map((e=>{e[1].map((t=>{var n;const l={l:t[0],m:t[1],_:t[2],G:t[3]};if(l.l&4){p=true}{l._=t[2]}{l.V=(n=t[4])!=null?n:{}}const f=l.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;a(e,l);if(l.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${l.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{E.jmp((()=>wt(this)))}}disconnectedCallback(){E.jmp((()=>jt(this)));E.raf((()=>{var e;const t=o(this);if(((e=t==null?void 0:t.N)==null?void 0:e.R)instanceof Node&&!t.N.R.isConnected){delete t.N.R}}))}componentOnReady(){return o(this).h}};l.$=e[0];if(!i.includes(f)&&!s.get(f)){r.push(f);s.define(f,yt(c,l,1))}}))}));if(r.length>0){if(p){u.textContent+=j}{u.textContent+=r.sort()+O}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=E.U)!=null?n:B(C);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{E.jmp((()=>d=setTimeout(dt,30)))}}l()};var Ct=e=>E.U=e;export{k as H,I as a,xt as b,xe as c,ve as d,je as g,ce as h,T as p,f as r,Ct as s};
3
+ //# sourceMappingURL=p-dff59861.js.map