@biggive/components 1.0.7 → 1.0.8

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 (204) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/p-07962fc5.entry.js +1 -0
  3. package/dist/biggive/p-0d6687f4.js +1 -0
  4. package/dist/biggive/p-1b78efa0.entry.js +1 -0
  5. package/dist/biggive/p-5dbda89c.entry.js +1 -0
  6. package/dist/biggive/p-5f1b0106.entry.js +1 -0
  7. package/dist/biggive/p-629007e0.entry.js +1 -0
  8. package/dist/biggive/p-6326f936.entry.js +1 -0
  9. package/dist/biggive/p-72a6f0a8.entry.js +1 -0
  10. package/dist/biggive/p-74b5d4c7.entry.js +1 -0
  11. package/dist/biggive/p-7eee1e58.entry.js +1 -0
  12. package/dist/biggive/{p-a6da36d4.js → p-871707f4.js} +2 -2
  13. package/dist/biggive/p-8f605036.entry.js +1 -0
  14. package/dist/biggive/p-bdb476eb.entry.js +1 -0
  15. package/dist/biggive/p-c9aaa5c3.entry.js +1 -0
  16. package/dist/biggive/p-df6daa79.entry.js +1 -0
  17. package/dist/biggive/{p-43c02e71.js → p-ec9b42b3.js} +1 -1
  18. package/dist/biggive/p-f9388477.entry.js +1 -0
  19. package/dist/biggive/p-f98681a5.entry.js +1 -0
  20. package/dist/cjs/biggive-article-card.cjs.entry.js +63 -0
  21. package/dist/cjs/biggive-back-to-top_20.cjs.entry.js +923 -0
  22. package/dist/cjs/biggive-basic-card.cjs.entry.js +12 -4
  23. package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +1 -1
  24. package/dist/cjs/biggive-boxed-content.cjs.entry.js +1 -1
  25. package/dist/cjs/biggive-branded-image.cjs.entry.js +1 -1
  26. package/dist/cjs/biggive-category-icon.cjs.entry.js +1 -1
  27. package/dist/cjs/biggive-formatted-text.cjs.entry.js +1 -1
  28. package/dist/cjs/biggive-icon-group.cjs.entry.js +1 -1
  29. package/dist/cjs/biggive-image.cjs.entry.js +1 -1
  30. package/dist/cjs/biggive-quote.cjs.entry.js +1 -1
  31. package/dist/cjs/biggive-search.cjs.entry.js +1 -1
  32. package/dist/cjs/biggive-tab.cjs.entry.js +1 -1
  33. package/dist/cjs/biggive-tabbed-content.cjs.entry.js +1 -1
  34. package/dist/cjs/biggive-video.cjs.entry.js +7 -2
  35. package/dist/cjs/biggive.cjs.js +1 -1
  36. package/dist/cjs/loader.cjs.js +1 -1
  37. package/dist/cjs/video-f9e682a8.js +14 -0
  38. package/dist/collection/collection-manifest.json +1 -0
  39. package/dist/collection/components/biggive-article-card/biggive-article-card.css +534 -0
  40. package/dist/collection/components/biggive-article-card/biggive-article-card.js +272 -0
  41. package/dist/collection/components/biggive-article-card/biggive-article-card.stories.js +84 -0
  42. package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.css +51 -10
  43. package/dist/collection/components/biggive-basic-card/biggive-basic-card.css +51 -16
  44. package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +49 -5
  45. package/dist/collection/components/biggive-basic-card/biggive-basic-card.stories.js +25 -0
  46. package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.css +51 -10
  47. package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.css +51 -10
  48. package/dist/collection/components/biggive-branded-image/biggive-branded-image.css +51 -10
  49. package/dist/collection/components/biggive-button/biggive-button.css +51 -10
  50. package/dist/collection/components/biggive-button/biggive-button.js +45 -1
  51. package/dist/collection/components/biggive-button/biggive-button.stories.js +17 -0
  52. package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.css +51 -19
  53. package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js +69 -3
  54. package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.stories.js +27 -0
  55. package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.css +51 -10
  56. package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.css +51 -10
  57. package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.css +51 -10
  58. package/dist/collection/components/biggive-category-icon/biggive-category-icon.css +51 -10
  59. package/dist/collection/components/biggive-footer/biggive-footer.css +51 -10
  60. package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.css +51 -10
  61. package/dist/collection/components/biggive-grid/biggive-grid.css +51 -10
  62. package/dist/collection/components/biggive-header/biggive-header.css +51 -10
  63. package/dist/collection/components/biggive-header/biggive-header.js +28 -9
  64. package/dist/collection/components/biggive-header/biggive-header.stories.js +15 -2
  65. package/dist/collection/components/biggive-heading/biggive-heading.css +51 -35
  66. package/dist/collection/components/biggive-heading/biggive-heading.js +1 -1
  67. package/dist/collection/components/biggive-hero-image/biggive-hero-image.css +54 -10
  68. package/dist/collection/components/biggive-icon-group/biggive-icon-group.css +51 -10
  69. package/dist/collection/components/biggive-image/biggive-image.css +51 -10
  70. package/dist/collection/components/biggive-image-feature/biggive-image-feature.css +51 -10
  71. package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.css +51 -10
  72. package/dist/collection/components/biggive-page-columns/biggive-page-columns.css +51 -10
  73. package/dist/collection/components/biggive-page-section/biggive-page-section.css +52 -10
  74. package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.css +51 -10
  75. package/dist/collection/components/biggive-quote/biggive-quote.css +51 -10
  76. package/dist/collection/components/biggive-search/biggive-search.css +51 -10
  77. package/dist/collection/components/biggive-social-icon/biggive-social-icon.css +51 -10
  78. package/dist/collection/components/biggive-tab/biggive-tab.css +51 -10
  79. package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css +51 -10
  80. package/dist/collection/components/biggive-totalizer/biggive-totalizer.css +51 -10
  81. package/dist/collection/components/biggive-video/biggive-video.css +51 -10
  82. package/dist/collection/components/biggive-video/biggive-video.js +25 -3
  83. package/dist/collection/components/biggive-video/biggive-video.stories.js +11 -1
  84. package/dist/collection/components/biggive-video-feature/biggive-video-feature.css +51 -10
  85. package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +25 -3
  86. package/dist/collection/components/biggive-video-feature/biggive-video-feature.stories.js +10 -1
  87. package/dist/collection/util/video.js +10 -0
  88. package/dist/components/biggive-article-card.d.ts +11 -0
  89. package/dist/components/biggive-article-card.js +95 -0
  90. package/dist/components/biggive-back-to-top.js +1 -1
  91. package/dist/components/biggive-basic-card.js +14 -4
  92. package/dist/components/biggive-beneficiary-icon.js +1 -1
  93. package/dist/components/biggive-boxed-content.js +1 -1
  94. package/dist/components/biggive-branded-image.js +1 -1
  95. package/dist/components/biggive-button2.js +13 -3
  96. package/dist/components/biggive-call-to-action.js +17 -2
  97. package/dist/components/biggive-campaign-card-filter-grid.js +1 -1
  98. package/dist/components/biggive-campaign-card.js +1 -1
  99. package/dist/components/biggive-campaign-highlights.js +1 -1
  100. package/dist/components/biggive-category-icon.js +1 -1
  101. package/dist/components/biggive-footer.js +1 -1
  102. package/dist/components/biggive-formatted-text.js +1 -1
  103. package/dist/components/biggive-grid.js +1 -1
  104. package/dist/components/biggive-header.js +9 -10
  105. package/dist/components/biggive-heading.js +2 -2
  106. package/dist/components/biggive-hero-image.js +1 -1
  107. package/dist/components/biggive-icon-group.js +1 -1
  108. package/dist/components/biggive-image-feature.js +1 -1
  109. package/dist/components/biggive-image.js +1 -1
  110. package/dist/components/biggive-misc-icon2.js +1 -1
  111. package/dist/components/biggive-page-columns.js +1 -1
  112. package/dist/components/biggive-page-section.js +1 -1
  113. package/dist/components/biggive-progress-bar2.js +1 -1
  114. package/dist/components/biggive-quote.js +1 -1
  115. package/dist/components/biggive-search.js +1 -1
  116. package/dist/components/biggive-social-icon2.js +1 -1
  117. package/dist/components/biggive-tab.js +1 -1
  118. package/dist/components/biggive-tabbed-content.js +1 -1
  119. package/dist/components/biggive-totalizer.js +1 -1
  120. package/dist/components/biggive-video-feature.js +8 -2
  121. package/dist/components/biggive-video.js +8 -2
  122. package/dist/components/index.d.ts +1 -0
  123. package/dist/components/index.js +1 -0
  124. package/dist/components/video.js +12 -0
  125. package/dist/esm/biggive-article-card.entry.js +59 -0
  126. package/dist/esm/biggive-back-to-top_20.entry.js +900 -0
  127. package/dist/esm/biggive-basic-card.entry.js +12 -4
  128. package/dist/esm/biggive-beneficiary-icon.entry.js +3 -3
  129. package/dist/esm/biggive-boxed-content.entry.js +1 -1
  130. package/dist/esm/biggive-branded-image.entry.js +1 -1
  131. package/dist/esm/biggive-category-icon.entry.js +3 -3
  132. package/dist/esm/biggive-formatted-text.entry.js +1 -1
  133. package/dist/esm/biggive-icon-group.entry.js +1 -1
  134. package/dist/esm/biggive-image.entry.js +1 -1
  135. package/dist/esm/biggive-quote.entry.js +1 -1
  136. package/dist/esm/biggive-search.entry.js +2 -2
  137. package/dist/esm/biggive-tab.entry.js +1 -1
  138. package/dist/esm/biggive-tabbed-content.entry.js +1 -1
  139. package/dist/esm/biggive-video.entry.js +7 -2
  140. package/dist/esm/biggive.js +1 -1
  141. package/dist/esm/{fontawesome-icons-e232deb7.js → fontawesome-icons-562459be.js} +1 -1
  142. package/dist/esm/{index.es-64a64fa8.js → index.es-5777380a.js} +1 -1
  143. package/dist/esm/loader.js +1 -1
  144. package/dist/esm/video-89b7535d.js +12 -0
  145. package/dist/types/components/biggive-article-card/biggive-article-card.d.ts +47 -0
  146. package/dist/types/components/biggive-article-card/biggive-article-card.stories.d.ts +56 -0
  147. package/dist/types/components/biggive-basic-card/biggive-basic-card.d.ts +9 -1
  148. package/dist/types/components/biggive-basic-card/biggive-basic-card.stories.d.ts +21 -0
  149. package/dist/types/components/biggive-button/biggive-button.d.ts +8 -0
  150. package/dist/types/components/biggive-button/biggive-button.stories.d.ts +13 -0
  151. package/dist/types/components/biggive-call-to-action/biggive-call-to-action.d.ts +12 -0
  152. package/dist/types/components/biggive-call-to-action/biggive-call-to-action.stories.d.ts +21 -0
  153. package/dist/types/components/biggive-header/biggive-header.d.ts +4 -0
  154. package/dist/types/components/biggive-video/biggive-video.d.ts +4 -0
  155. package/dist/types/components/biggive-video/biggive-video.stories.d.ts +7 -0
  156. package/dist/types/components/biggive-video-feature/biggive-video-feature.d.ts +4 -0
  157. package/dist/types/components/biggive-video-feature/biggive-video-feature.stories.d.ts +7 -0
  158. package/dist/types/components.d.ts +183 -2
  159. package/dist/types/util/video.d.ts +3 -0
  160. package/hydrate/index.js +181 -43
  161. package/package.json +1 -1
  162. package/dist/biggive/p-160a5e39.entry.js +0 -1
  163. package/dist/biggive/p-1e31cbfc.entry.js +0 -1
  164. package/dist/biggive/p-2d38d3a4.entry.js +0 -1
  165. package/dist/biggive/p-39db6552.entry.js +0 -1
  166. package/dist/biggive/p-49c2a10b.entry.js +0 -1
  167. package/dist/biggive/p-54026729.entry.js +0 -1
  168. package/dist/biggive/p-5cc16f87.entry.js +0 -1
  169. package/dist/biggive/p-5f7a3f5c.entry.js +0 -1
  170. package/dist/biggive/p-74bbb296.entry.js +0 -1
  171. package/dist/biggive/p-7f91f67c.entry.js +0 -1
  172. package/dist/biggive/p-89e206e8.entry.js +0 -1
  173. package/dist/biggive/p-9a74ac3d.entry.js +0 -1
  174. package/dist/biggive/p-9ed2bd19.entry.js +0 -1
  175. package/dist/biggive/p-ac6bfc1e.entry.js +0 -1
  176. package/dist/biggive/p-b762b246.entry.js +0 -1
  177. package/dist/biggive/p-b812b4f6.entry.js +0 -1
  178. package/dist/biggive/p-be37287b.entry.js +0 -1
  179. package/dist/biggive/p-be897395.entry.js +0 -1
  180. package/dist/biggive/p-ca786365.entry.js +0 -1
  181. package/dist/biggive/p-cca1d092.entry.js +0 -1
  182. package/dist/biggive/p-e6631545.entry.js +0 -1
  183. package/dist/biggive/p-ee459029.entry.js +0 -1
  184. package/dist/biggive/p-ee77cf8d.entry.js +0 -1
  185. package/dist/cjs/biggive-back-to-top_11.cjs.entry.js +0 -373
  186. package/dist/cjs/biggive-call-to-action.cjs.entry.js +0 -87
  187. package/dist/cjs/biggive-campaign-card-filter-grid.cjs.entry.js +0 -50
  188. package/dist/cjs/biggive-campaign-card.cjs.entry.js +0 -97
  189. package/dist/cjs/biggive-grid.cjs.entry.js +0 -31
  190. package/dist/cjs/biggive-hero-image.cjs.entry.js +0 -73
  191. package/dist/cjs/biggive-image-feature.cjs.entry.js +0 -67
  192. package/dist/cjs/biggive-page-section.cjs.entry.js +0 -35
  193. package/dist/cjs/biggive-totalizer.cjs.entry.js +0 -69
  194. package/dist/cjs/biggive-video-feature.cjs.entry.js +0 -67
  195. package/dist/esm/biggive-back-to-top_11.entry.js +0 -359
  196. package/dist/esm/biggive-call-to-action.entry.js +0 -83
  197. package/dist/esm/biggive-campaign-card-filter-grid.entry.js +0 -46
  198. package/dist/esm/biggive-campaign-card.entry.js +0 -93
  199. package/dist/esm/biggive-grid.entry.js +0 -27
  200. package/dist/esm/biggive-hero-image.entry.js +0 -69
  201. package/dist/esm/biggive-image-feature.entry.js +0 -63
  202. package/dist/esm/biggive-page-section.entry.js +0 -31
  203. package/dist/esm/biggive-totalizer.entry.js +0 -65
  204. package/dist/esm/biggive-video-feature.entry.js +0 -63
@@ -1,93 +0,0 @@
1
- import { r as registerInstance, h } from './index-4395d470.js';
2
-
3
- const biggiveCampaignCardCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{display:flex;flex-direction:column;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25));height:100%;background-color:#FFFFFF;padding:15px;box-sizing:border-box}.container .sleeve{display:flex;flex-direction:column;height:100%}.container .campaign-type{position:absolute;top:0;left:0;right:0;text-align:center;font-weight:bold}.container .campaign-type span{background-color:#2AF135;color:#000000;padding:5px 15px;display:inline-block}.container .banner{top:0;margin-top:2px;padding-bottom:33.3%;background-color:#F1F1F1}.container .banner img{display:none}.container h3{font-size:20px;line-height:24px;font-weight:bold}.container .button{display:block}.container .organisation-name{margin-bottom:30px;color:#2C089B}.container .meta-wrap{display:flex;justify-content:space-between;margin-top:auto;margin-bottom:15px}.container .meta-wrap .meta-item{width:calc(50% - 15px)}.container .meta-wrap .meta-item .label{font-size:11px;line-height:14px;display:block}.container .meta-wrap .meta-item .text{font-size:25px;line-height:32px;font-weight:bold;display:block}.container .meta-wrap .meta-item:last-child{text-align:right}.container .meta-wrap .meta-item:last-child .text{color:#2C089B}.container .progress-bar-wrap{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #E8E8E8}";
4
-
5
- const BiggiveCampaignCard = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Space below component
10
- */
11
- this.spaceBelow = 4;
12
- /**
13
- * e.g. "Match Funded".
14
- */
15
- this.campaignType = null;
16
- /**
17
- * Full URL of a banner image.
18
- */
19
- this.banner = '';
20
- /**
21
- * Display name of the charity's specific time-bound fundraising campaign.
22
- */
23
- this.campaignTitle = null;
24
- /**
25
- * Display name of the charity or non-profit.
26
- */
27
- this.organisationName = null;
28
- /**
29
- * Label for the primary figure
30
- */
31
- this.primaryFigureLabel = null;
32
- /**
33
- * Amount for the primary figure
34
- */
35
- this.primaryFigureAmount = null;
36
- /**
37
- * Label for the secondary figure
38
- */
39
- this.secondaryFigureLabel = null;
40
- /**
41
- * Amount for the secondary figure
42
- */
43
- this.secondaryFigureAmount = null;
44
- /**
45
- * Progress bar percentage
46
- */
47
- this.progressBarCounter = 100;
48
- /**
49
- * Donate button label
50
- */
51
- this.donateButtonLabel = 'Donate now';
52
- /**
53
- * Donate button url
54
- */
55
- this.donateButtonUrl = null;
56
- /**
57
- * Donate button colour scheme
58
- */
59
- this.donateButtonColourScheme = 'primary';
60
- /**
61
- * More information button label
62
- */
63
- this.moreInfoButtonLabel = 'Find out more';
64
- /**
65
- * More information button url
66
- */
67
- this.moreInfoButtonUrl = null;
68
- /**
69
- * Donate button colour scheme
70
- */
71
- this.moreInfoButtonColourScheme = 'clear-primary';
72
- }
73
- /**
74
- * @returns Whole large currency units (e.g. pounds) formatted with symbol.
75
- */
76
- formatCurrency(currencyCode, amount) {
77
- if (amount === null || isNaN(amount)) {
78
- return '–';
79
- }
80
- return Intl.NumberFormat('en-GB', {
81
- style: 'currency',
82
- currency: currencyCode,
83
- currencyDisplay: 'symbol',
84
- maximumFractionDigits: 0,
85
- }).format(amount);
86
- }
87
- render() {
88
- return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType.length > 0 ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner.length > 0 ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.primaryFigureAmount))), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.secondaryFigureAmount)))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "button-wrap" }, h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
89
- }
90
- };
91
- BiggiveCampaignCard.style = biggiveCampaignCardCss;
92
-
93
- export { BiggiveCampaignCard as biggive_campaign_card };
@@ -1,27 +0,0 @@
1
- import { r as registerInstance, h } from './index-4395d470.js';
2
-
3
- const biggiveGridCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.grid{margin-bottom:15px;display:flex;flex-flow:row wrap;justify-content:space-between}.grid ::slotted([slot=grid-item]){display:block}.column-count-4 ::slotted(*){width:calc(25% - 22.5px);display:flex;flex-direction:column}.column-count-3 ::slotted(*){width:calc(33.3% - 20px);display:flex;flex-direction:column}.column-count-2 ::slotted(*){width:calc(50% - 15px);display:flex;flex-direction:column}";
4
-
5
- const BiggiveGrid = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Space below component
10
- */
11
- this.spaceBelow = 4;
12
- /**
13
- * Number of columns in grid
14
- */
15
- this.columnCount = 3;
16
- /**
17
- * Gap between columns, based on spacer CSS variable
18
- */
19
- this.columnGap = 3;
20
- }
21
- render() {
22
- return (h("div", { class: 'grid column-count-' + this.columnCount + ' column-gap-' + this.columnGap + ' space-below-' + this.spaceBelow }, h("slot", null)));
23
- }
24
- };
25
- BiggiveGrid.style = biggiveGridCss;
26
-
27
- export { BiggiveGrid as biggive_grid };
@@ -1,69 +0,0 @@
1
- import { r as registerInstance, h } from './index-4395d470.js';
2
-
3
- const biggiveHeroImageCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container .sleeve{display:flex;justify-content:space-between}.content-wrap{width:40%;position:relative;z-index:1;padding:180px 60px 60px 60px}.content-wrap .logo{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}.content-wrap .logo img{display:none}.content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.content-wrap h1{font-size:50px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}.content-wrap .teaser{margin:0 0 45px 0;padding:0}.graphic-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.graphic-wrap .image-wrap img{display:none}";
4
-
5
- const BiggiveHeroImage = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Space below component
10
- */
11
- this.spaceBelow = 0;
12
- /**
13
- * Colour Scheme
14
- */
15
- this.colourScheme = 'primary';
16
- /**
17
- * Header slug
18
- */
19
- this.slug = null;
20
- /**
21
- * Header slug colour
22
- */
23
- this.slugColour = null;
24
- /**
25
- * Full URL of a logo image.
26
- */
27
- this.logo = '';
28
- /**
29
- * Full URL of a main hero image.
30
- */
31
- this.mainImage = '';
32
- /**
33
- * Hero image title, typically the page.
34
- */
35
- this.mainTitle = null;
36
- /**
37
- * Main title colour
38
- */
39
- this.mainTitleColour = null;
40
- /**
41
- * Introductory teaser text
42
- */
43
- this.teaser = null;
44
- /**
45
- * Teaser colour
46
- */
47
- this.teaserColour = null;
48
- /**
49
- * Button Url
50
- */
51
- this.buttonUrl = null;
52
- /**
53
- * Button Label
54
- */
55
- this.buttonLabel = null;
56
- /**
57
- * Button Colour Scheme
58
- */
59
- this.buttonColourScheme = 'primary';
60
- }
61
- render() {
62
- return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo.length > 0 ? (h("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, h("img", { src: this.logo }))) : null, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
63
- ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
64
- : null), h("div", { class: "graphic-wrap" }, this.mainImage.length > 0 ? (h("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')' } }, h("img", { src: this.mainImage }))) : null))));
65
- }
66
- };
67
- BiggiveHeroImage.style = biggiveHeroImageCss;
68
-
69
- export { BiggiveHeroImage as biggive_hero_image };
@@ -1,63 +0,0 @@
1
- import { r as registerInstance, h } from './index-4395d470.js';
2
-
3
- const biggiveImageFeatureCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{width:calc(60% - 15px)}";
4
-
5
- const BiggiveImageFeature = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Space below component
10
- */
11
- this.spaceBelow = 0;
12
- /**
13
- * Default text colour
14
- */
15
- this.defaultTextColour = 'primary';
16
- /**
17
- * Full URL of a image.
18
- */
19
- this.imageUrl = '';
20
- /**
21
- * Slug
22
- */
23
- this.slug = null;
24
- /**
25
- * Slug colour
26
- */
27
- this.slugColour = '';
28
- /**
29
- * Video title
30
- */
31
- this.mainTitle = null;
32
- /**
33
- * Slug colour
34
- */
35
- this.mainTitleColour = '';
36
- /**
37
- * Introductory teaser text
38
- */
39
- this.teaser = null;
40
- /**
41
- * Teaser colour
42
- */
43
- this.teaserColour = '';
44
- /**
45
- * Button Url
46
- */
47
- this.buttonUrl = null;
48
- /**
49
- * Button Label
50
- */
51
- this.buttonLabel = null;
52
- /**
53
- * Button Colour Scheme
54
- */
55
- this.buttonColourScheme = 'primary';
56
- }
57
- render() {
58
- return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null))));
59
- }
60
- };
61
- BiggiveImageFeature.style = biggiveImageFeatureCss;
62
-
63
- export { BiggiveImageFeature as biggive_image_feature };
@@ -1,31 +0,0 @@
1
- import { r as registerInstance, h } from './index-4395d470.js';
2
-
3
- const biggivePageSectionCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;padding:30px}.container.style-top-crop-right:before{content:\"\";display:block;height:75px;clip-path:polygon(0 0, 0% 100%, 100% 100%);transform:translateY(1px)}.container.style-top-crop-left:before{content:\"\";display:block;height:75px;clip-path:polygon(100% 0, 100% 0%, 100% 100%, 0 100%);transform:translateY(1px)}.container.style-bottom-crop-right:after{content:\"\";display:block;height:75px;clip-path:polygon(0 0, 100% 0, 0 100%);transform:translateY(-1px)}.container.style-bottom-crop-left:after{content:\"\";display:block;height:75px;clip-path:polygon(0 0, 100% 0, 100% 100%);transform:translateY(-1px)}.container .sleeve{position:relative}.container .sleeve:before{content:\"\";position:absolute;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0}.container.background-color-primary:before,.container.background-color-primary:after,.container.background-color-primary .sleeve,.container.background-color-primary .sleeve:before{background-color:#2C089B;color:#FFFFFF}.container.background-color-secondary:before,.container.background-color-secondary:after,.container.background-color-secondary .sleeve:before,.container.background-color-secondary .sleeve{background-color:#2AF135;color:#FFFFFF}.container.background-color-tertiary:before,.container.background-color-tertiary:after,.container.background-color-tertiary .sleeve:before,.container.background-color-tertiary .sleeve{background-color:#FF7272;color:#FFFFFF}.container.background-color-white:before,.container.background-color-white:after,.container.background-color-white .sleeve:before,.container.background-color-white .sleeve{background-color:#FFFFFF;color:#000000}.container.background-color-black:before,.container.background-color-black:after,.container.background-color-black .sleeve:before,.container.background-color-black .sleeve{background-color:#000000;color:#FFFFFF}";
4
-
5
- const BiggivePageSection = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Space below component
10
- */
11
- this.spaceBelow = 0;
12
- /**
13
- * Section style top
14
- */
15
- this.sectionStyleTop = 'straight';
16
- /**
17
- * Section style bottom
18
- */
19
- this.sectionStyleBottom = 'straight';
20
- /**
21
- * Colour scheme
22
- */
23
- this.colourScheme = null;
24
- }
25
- render() {
26
- return (h("div", { class: 'container space-below-' + this.spaceBelow + ' background-color-' + this.colourScheme + ' style-top-' + this.sectionStyleTop + ' style-bottom-' + this.sectionStyleBottom }, h("div", { class: "sleeve" }, h("slot", null))));
27
- }
28
- };
29
- BiggivePageSection.style = biggivePageSectionCss;
30
-
31
- export { BiggivePageSection as biggive_page_section };
@@ -1,65 +0,0 @@
1
- import { r as registerInstance, h } from './index-4395d470.js';
2
-
3
- const biggiveTotalizerCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{position:absolute;left:0;right:0;z-index:1}.container .total-raised-wrap{position:absolute;padding:10px 30px;left:0;top:0;font-size:24px;line-height:30px;font-weight:600}.container .total-matched-funds-wrap{text-align:right;padding:10px 30px;font-size:13px;line-height:17px}.container .total-matched-funds-wrap .currency{font-weight:bold}";
4
-
5
- const BiggiveTotalizer = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Space below component
10
- */
11
- this.spaceBelow = 0;
12
- /**
13
- * Primary banner colour
14
- */
15
- this.primaryColour = 'primary';
16
- /**
17
- * Primary text colour
18
- */
19
- this.primaryTextColour = 'white';
20
- /**
21
- * Secondary banner colour
22
- */
23
- this.secondaryColour = 'secondary';
24
- /**
25
- * Secondary text colour
26
- */
27
- this.secondaryTextColour = 'black';
28
- /**
29
- * e.g. 'GBP'.
30
- */
31
- this.currencyCode = 'GBP';
32
- /**
33
- * Include GiftAid
34
- */
35
- this.includingGiftAid = true;
36
- /**
37
- * Total match funds.
38
- */
39
- this.totalMatchFunds = null;
40
- /**
41
- * Total raised.
42
- */
43
- this.totalRaised = null;
44
- }
45
- /**
46
- * @returns Whole large currency units (e.g. pounds) formatted with symbol.
47
- */
48
- formatCurrency(currencyCode, amount) {
49
- if (amount === null || isNaN(amount)) {
50
- return '–';
51
- }
52
- return Intl.NumberFormat('en-GB', {
53
- style: 'currency',
54
- currency: currencyCode,
55
- currencyDisplay: 'symbol',
56
- maximumFractionDigits: 0,
57
- }).format(amount);
58
- }
59
- render() {
60
- return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "banner" }, h("div", { class: 'total-raised-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, h("span", { class: "currency" }, this.formatCurrency(this.currencyCode, this.totalRaised)), " raised", this.includingGiftAid ? h("span", null, " inc. Gift Aid") : null), h("div", { class: 'total-matched-funds-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("span", { class: "currency" }, this.formatCurrency(this.currencyCode, this.totalMatchFunds)), " total match funds")))));
61
- }
62
- };
63
- BiggiveTotalizer.style = biggiveTotalizerCss;
64
-
65
- export { BiggiveTotalizer as biggive_totalizer };
@@ -1,63 +0,0 @@
1
- import { r as registerInstance, h } from './index-4395d470.js';
2
-
3
- const biggiveVideoFeatureCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.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}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{width:calc(60% - 15px)}";
4
-
5
- const BiggiveVideoFeature = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- /**
9
- * Space below component
10
- */
11
- this.spaceBelow = 0;
12
- /**
13
- * Default text colour
14
- */
15
- this.defaultTextColour = 'primary';
16
- /**
17
- * Full URL of a video.
18
- */
19
- this.videoUrl = '';
20
- /**
21
- * Slug
22
- */
23
- this.slug = null;
24
- /**
25
- * Slug colour
26
- */
27
- this.slugColour = '';
28
- /**
29
- * Video title
30
- */
31
- this.mainTitle = null;
32
- /**
33
- * Slug colour
34
- */
35
- this.mainTitleColour = '';
36
- /**
37
- * Introductory teaser text
38
- */
39
- this.teaser = null;
40
- /**
41
- * Teaser colour
42
- */
43
- this.teaserColour = '';
44
- /**
45
- * Button Url
46
- */
47
- this.buttonUrl = null;
48
- /**
49
- * Button Label
50
- */
51
- this.buttonLabel = null;
52
- /**
53
- * Button Colour Scheme
54
- */
55
- this.buttonColourScheme = 'primary';
56
- }
57
- render() {
58
- return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.videoUrl.length > 0 ? (h("div", { class: "video-wrap" }, h("video", { controls: true, src: this.videoUrl }))) : null))));
59
- }
60
- };
61
- BiggiveVideoFeature.style = biggiveVideoFeatureCss;
62
-
63
- export { BiggiveVideoFeature as biggive_video_feature };