@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,50 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-87518c3f.js');
6
- const index_es = require('./index.es-d3570170.js');
7
-
8
- const biggiveCampaignCardFilterGridCss = "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:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25));background-color:#FFFFFF;padding:15px 30px;margin-bottom:60px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}";
9
-
10
- const BiggiveCampaignCardFilterGrid = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.doSearch = index.createEvent(this, "doTextSearch", 7);
14
- this.searchText = null;
15
- /**
16
- * Space below component
17
- */
18
- this.spaceBelow = 0;
19
- /**
20
- * Intro
21
- */
22
- this.intro = 'Find a charity or project';
23
- /**
24
- * Defines the text displayed as the placeholder in the input field
25
- * before the user types anything
26
- */
27
- this.placeholderText = 'Search';
28
- /**
29
- * Defines the text on the search button
30
- */
31
- this.buttonText = 'Search';
32
- }
33
- handleSearchTextChanged(event) {
34
- this.searchText = event.target.value;
35
- }
36
- handleSearchButtonPressed() {
37
- this.doSearch.emit(this.searchText);
38
- }
39
- handleEnterPressed(ev) {
40
- if (ev.key === 'Enter') {
41
- this.doSearch.emit(this.searchText);
42
- }
43
- }
44
- render() {
45
- return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: index_es.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), index.h("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), index.h("div", { class: "filter-wrap" }), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
46
- }
47
- };
48
- BiggiveCampaignCardFilterGrid.style = biggiveCampaignCardFilterGridCss;
49
-
50
- exports.biggive_campaign_card_filter_grid = BiggiveCampaignCardFilterGrid;
@@ -1,97 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-87518c3f.js');
6
-
7
- 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}";
8
-
9
- const BiggiveCampaignCard = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- /**
13
- * Space below component
14
- */
15
- this.spaceBelow = 4;
16
- /**
17
- * e.g. "Match Funded".
18
- */
19
- this.campaignType = null;
20
- /**
21
- * Full URL of a banner image.
22
- */
23
- this.banner = '';
24
- /**
25
- * Display name of the charity's specific time-bound fundraising campaign.
26
- */
27
- this.campaignTitle = null;
28
- /**
29
- * Display name of the charity or non-profit.
30
- */
31
- this.organisationName = null;
32
- /**
33
- * Label for the primary figure
34
- */
35
- this.primaryFigureLabel = null;
36
- /**
37
- * Amount for the primary figure
38
- */
39
- this.primaryFigureAmount = null;
40
- /**
41
- * Label for the secondary figure
42
- */
43
- this.secondaryFigureLabel = null;
44
- /**
45
- * Amount for the secondary figure
46
- */
47
- this.secondaryFigureAmount = null;
48
- /**
49
- * Progress bar percentage
50
- */
51
- this.progressBarCounter = 100;
52
- /**
53
- * Donate button label
54
- */
55
- this.donateButtonLabel = 'Donate now';
56
- /**
57
- * Donate button url
58
- */
59
- this.donateButtonUrl = null;
60
- /**
61
- * Donate button colour scheme
62
- */
63
- this.donateButtonColourScheme = 'primary';
64
- /**
65
- * More information button label
66
- */
67
- this.moreInfoButtonLabel = 'Find out more';
68
- /**
69
- * More information button url
70
- */
71
- this.moreInfoButtonUrl = null;
72
- /**
73
- * Donate button colour scheme
74
- */
75
- this.moreInfoButtonColourScheme = 'clear-primary';
76
- }
77
- /**
78
- * @returns Whole large currency units (e.g. pounds) formatted with symbol.
79
- */
80
- formatCurrency(currencyCode, amount) {
81
- if (amount === null || isNaN(amount)) {
82
- return '–';
83
- }
84
- return Intl.NumberFormat('en-GB', {
85
- style: 'currency',
86
- currency: currencyCode,
87
- currencyDisplay: 'symbol',
88
- maximumFractionDigits: 0,
89
- }).format(amount);
90
- }
91
- render() {
92
- return (index.h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, index.h("div", { class: "sleeve" }, this.campaignType.length > 0 ? (index.h("div", { class: "campaign-type" }, index.h("span", null, this.campaignType))) : null, this.banner.length > 0 ? (index.h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, index.h("img", { src: this.banner, class: "banner" }))) : (index.h("div", { class: "image-wrap banner" })), index.h("div", { class: "title-wrap" }, index.h("h3", null, this.campaignTitle), index.h("div", { class: "organisation-name" }, "By ", this.organisationName)), index.h("div", { class: "meta-wrap" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.primaryFigureLabel), index.h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.primaryFigureAmount))), index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.secondaryFigureLabel), index.h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.secondaryFigureAmount)))), index.h("div", { class: "progress-bar-wrap" }, index.h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), index.h("div", { class: "button-wrap" }, index.h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), index.h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
93
- }
94
- };
95
- BiggiveCampaignCard.style = biggiveCampaignCardCss;
96
-
97
- exports.biggive_campaign_card = BiggiveCampaignCard;
@@ -1,31 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-87518c3f.js');
6
-
7
- 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}";
8
-
9
- const BiggiveGrid = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- /**
13
- * Space below component
14
- */
15
- this.spaceBelow = 4;
16
- /**
17
- * Number of columns in grid
18
- */
19
- this.columnCount = 3;
20
- /**
21
- * Gap between columns, based on spacer CSS variable
22
- */
23
- this.columnGap = 3;
24
- }
25
- render() {
26
- return (index.h("div", { class: 'grid column-count-' + this.columnCount + ' column-gap-' + this.columnGap + ' space-below-' + this.spaceBelow }, index.h("slot", null)));
27
- }
28
- };
29
- BiggiveGrid.style = biggiveGridCss;
30
-
31
- exports.biggive_grid = BiggiveGrid;
@@ -1,73 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-87518c3f.js');
6
-
7
- 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}";
8
-
9
- const BiggiveHeroImage = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- /**
13
- * Space below component
14
- */
15
- this.spaceBelow = 0;
16
- /**
17
- * Colour Scheme
18
- */
19
- this.colourScheme = 'primary';
20
- /**
21
- * Header slug
22
- */
23
- this.slug = null;
24
- /**
25
- * Header slug colour
26
- */
27
- this.slugColour = null;
28
- /**
29
- * Full URL of a logo image.
30
- */
31
- this.logo = '';
32
- /**
33
- * Full URL of a main hero image.
34
- */
35
- this.mainImage = '';
36
- /**
37
- * Hero image title, typically the page.
38
- */
39
- this.mainTitle = null;
40
- /**
41
- * Main title colour
42
- */
43
- this.mainTitleColour = null;
44
- /**
45
- * Introductory teaser text
46
- */
47
- this.teaser = null;
48
- /**
49
- * Teaser colour
50
- */
51
- this.teaserColour = null;
52
- /**
53
- * Button Url
54
- */
55
- this.buttonUrl = null;
56
- /**
57
- * Button Label
58
- */
59
- this.buttonLabel = null;
60
- /**
61
- * Button Colour Scheme
62
- */
63
- this.buttonColourScheme = 'primary';
64
- }
65
- render() {
66
- return (index.h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, this.logo.length > 0 ? (index.h("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, index.h("img", { src: this.logo }))) : null, index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
67
- ? index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
68
- : null), index.h("div", { class: "graphic-wrap" }, this.mainImage.length > 0 ? (index.h("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')' } }, index.h("img", { src: this.mainImage }))) : null))));
69
- }
70
- };
71
- BiggiveHeroImage.style = biggiveHeroImageCss;
72
-
73
- exports.biggive_hero_image = BiggiveHeroImage;
@@ -1,67 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-87518c3f.js');
6
-
7
- 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)}";
8
-
9
- const BiggiveImageFeature = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- /**
13
- * Space below component
14
- */
15
- this.spaceBelow = 0;
16
- /**
17
- * Default text colour
18
- */
19
- this.defaultTextColour = 'primary';
20
- /**
21
- * Full URL of a image.
22
- */
23
- this.imageUrl = '';
24
- /**
25
- * Slug
26
- */
27
- this.slug = null;
28
- /**
29
- * Slug colour
30
- */
31
- this.slugColour = '';
32
- /**
33
- * Video title
34
- */
35
- this.mainTitle = null;
36
- /**
37
- * Slug colour
38
- */
39
- this.mainTitleColour = '';
40
- /**
41
- * Introductory teaser text
42
- */
43
- this.teaser = null;
44
- /**
45
- * Teaser colour
46
- */
47
- this.teaserColour = '';
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 (index.h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (index.h("div", { class: "image-wrap" }, index.h("img", { src: this.imageUrl }))) : null))));
63
- }
64
- };
65
- BiggiveImageFeature.style = biggiveImageFeatureCss;
66
-
67
- exports.biggive_image_feature = BiggiveImageFeature;
@@ -1,35 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-87518c3f.js');
6
-
7
- 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}";
8
-
9
- const BiggivePageSection = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- /**
13
- * Space below component
14
- */
15
- this.spaceBelow = 0;
16
- /**
17
- * Section style top
18
- */
19
- this.sectionStyleTop = 'straight';
20
- /**
21
- * Section style bottom
22
- */
23
- this.sectionStyleBottom = 'straight';
24
- /**
25
- * Colour scheme
26
- */
27
- this.colourScheme = null;
28
- }
29
- render() {
30
- return (index.h("div", { class: 'container space-below-' + this.spaceBelow + ' background-color-' + this.colourScheme + ' style-top-' + this.sectionStyleTop + ' style-bottom-' + this.sectionStyleBottom }, index.h("div", { class: "sleeve" }, index.h("slot", null))));
31
- }
32
- };
33
- BiggivePageSection.style = biggivePageSectionCss;
34
-
35
- exports.biggive_page_section = BiggivePageSection;
@@ -1,69 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-87518c3f.js');
6
-
7
- 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}";
8
-
9
- const BiggiveTotalizer = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- /**
13
- * Space below component
14
- */
15
- this.spaceBelow = 0;
16
- /**
17
- * Primary banner colour
18
- */
19
- this.primaryColour = 'primary';
20
- /**
21
- * Primary text colour
22
- */
23
- this.primaryTextColour = 'white';
24
- /**
25
- * Secondary banner colour
26
- */
27
- this.secondaryColour = 'secondary';
28
- /**
29
- * Secondary text colour
30
- */
31
- this.secondaryTextColour = 'black';
32
- /**
33
- * e.g. 'GBP'.
34
- */
35
- this.currencyCode = 'GBP';
36
- /**
37
- * Include GiftAid
38
- */
39
- this.includingGiftAid = true;
40
- /**
41
- * Total match funds.
42
- */
43
- this.totalMatchFunds = null;
44
- /**
45
- * Total raised.
46
- */
47
- this.totalRaised = null;
48
- }
49
- /**
50
- * @returns Whole large currency units (e.g. pounds) formatted with symbol.
51
- */
52
- formatCurrency(currencyCode, amount) {
53
- if (amount === null || isNaN(amount)) {
54
- return '–';
55
- }
56
- return Intl.NumberFormat('en-GB', {
57
- style: 'currency',
58
- currency: currencyCode,
59
- currencyDisplay: 'symbol',
60
- maximumFractionDigits: 0,
61
- }).format(amount);
62
- }
63
- render() {
64
- return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "banner" }, index.h("div", { class: 'total-raised-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, index.h("span", { class: "currency" }, this.formatCurrency(this.currencyCode, this.totalRaised)), " raised", this.includingGiftAid ? index.h("span", null, " inc. Gift Aid") : null), index.h("div", { class: 'total-matched-funds-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, index.h("span", { class: "currency" }, this.formatCurrency(this.currencyCode, this.totalMatchFunds)), " total match funds")))));
65
- }
66
- };
67
- BiggiveTotalizer.style = biggiveTotalizerCss;
68
-
69
- exports.biggive_totalizer = BiggiveTotalizer;
@@ -1,67 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-87518c3f.js');
6
-
7
- 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)}";
8
-
9
- const BiggiveVideoFeature = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- /**
13
- * Space below component
14
- */
15
- this.spaceBelow = 0;
16
- /**
17
- * Default text colour
18
- */
19
- this.defaultTextColour = 'primary';
20
- /**
21
- * Full URL of a video.
22
- */
23
- this.videoUrl = '';
24
- /**
25
- * Slug
26
- */
27
- this.slug = null;
28
- /**
29
- * Slug colour
30
- */
31
- this.slugColour = '';
32
- /**
33
- * Video title
34
- */
35
- this.mainTitle = null;
36
- /**
37
- * Slug colour
38
- */
39
- this.mainTitleColour = '';
40
- /**
41
- * Introductory teaser text
42
- */
43
- this.teaser = null;
44
- /**
45
- * Teaser colour
46
- */
47
- this.teaserColour = '';
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 (index.h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { class: "graphic-wrap" }, this.videoUrl.length > 0 ? (index.h("div", { class: "video-wrap" }, index.h("video", { controls: true, src: this.videoUrl }))) : null))));
63
- }
64
- };
65
- BiggiveVideoFeature.style = biggiveVideoFeatureCss;
66
-
67
- exports.biggive_video_feature = BiggiveVideoFeature;