@biggive/components 1.0.7 → 1.0.9
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.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-07962fc5.entry.js +1 -0
- package/dist/biggive/p-0d6687f4.js +1 -0
- package/dist/biggive/p-1b78efa0.entry.js +1 -0
- package/dist/biggive/p-5dbda89c.entry.js +1 -0
- package/dist/biggive/p-5f1b0106.entry.js +1 -0
- package/dist/biggive/p-629007e0.entry.js +1 -0
- package/dist/biggive/p-6326f936.entry.js +1 -0
- package/dist/biggive/p-72a6f0a8.entry.js +1 -0
- package/dist/biggive/p-74b5d4c7.entry.js +1 -0
- package/dist/biggive/p-7eee1e58.entry.js +1 -0
- package/dist/biggive/{p-a6da36d4.js → p-871707f4.js} +2 -2
- package/dist/biggive/p-8f605036.entry.js +1 -0
- package/dist/biggive/p-bdb476eb.entry.js +1 -0
- package/dist/biggive/p-c9aaa5c3.entry.js +1 -0
- package/dist/biggive/p-df6daa79.entry.js +1 -0
- package/dist/biggive/{p-43c02e71.js → p-ec9b42b3.js} +1 -1
- package/dist/biggive/p-f9388477.entry.js +1 -0
- package/dist/biggive/p-f98681a5.entry.js +1 -0
- package/dist/cjs/biggive-article-card.cjs.entry.js +63 -0
- package/dist/cjs/biggive-back-to-top_20.cjs.entry.js +923 -0
- package/dist/cjs/biggive-basic-card.cjs.entry.js +12 -4
- package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-boxed-content.cjs.entry.js +1 -1
- package/dist/cjs/biggive-branded-image.cjs.entry.js +1 -1
- package/dist/cjs/biggive-category-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-formatted-text.cjs.entry.js +1 -1
- package/dist/cjs/biggive-icon-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-image.cjs.entry.js +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js +1 -1
- package/dist/cjs/biggive-search.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tab.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tabbed-content.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video.cjs.entry.js +7 -2
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/video-f9e682a8.js +14 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/biggive-article-card/biggive-article-card.css +534 -0
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +272 -0
- package/dist/collection/components/biggive-article-card/biggive-article-card.stories.js +84 -0
- package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.css +51 -10
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.css +51 -16
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +49 -5
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.stories.js +25 -0
- package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.css +51 -10
- package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.css +51 -10
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.css +51 -10
- package/dist/collection/components/biggive-button/biggive-button.css +51 -10
- package/dist/collection/components/biggive-button/biggive-button.js +45 -1
- package/dist/collection/components/biggive-button/biggive-button.stories.js +17 -0
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.css +51 -19
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js +69 -3
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.stories.js +27 -0
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.css +51 -10
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.css +51 -10
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.css +51 -10
- package/dist/collection/components/biggive-category-icon/biggive-category-icon.css +51 -10
- package/dist/collection/components/biggive-footer/biggive-footer.css +51 -10
- package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.css +51 -10
- package/dist/collection/components/biggive-grid/biggive-grid.css +51 -10
- package/dist/collection/components/biggive-header/biggive-header.css +51 -10
- package/dist/collection/components/biggive-header/biggive-header.js +28 -9
- package/dist/collection/components/biggive-header/biggive-header.stories.js +15 -2
- package/dist/collection/components/biggive-heading/biggive-heading.css +51 -35
- package/dist/collection/components/biggive-heading/biggive-heading.js +1 -1
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.css +54 -10
- package/dist/collection/components/biggive-icon-group/biggive-icon-group.css +51 -10
- package/dist/collection/components/biggive-image/biggive-image.css +51 -10
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.css +51 -10
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.css +51 -10
- package/dist/collection/components/biggive-page-columns/biggive-page-columns.css +51 -10
- package/dist/collection/components/biggive-page-section/biggive-page-section.css +52 -10
- package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.css +51 -10
- package/dist/collection/components/biggive-quote/biggive-quote.css +51 -10
- package/dist/collection/components/biggive-search/biggive-search.css +51 -10
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.css +51 -10
- package/dist/collection/components/biggive-tab/biggive-tab.css +51 -10
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css +51 -10
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.css +51 -10
- package/dist/collection/components/biggive-video/biggive-video.css +51 -10
- package/dist/collection/components/biggive-video/biggive-video.js +25 -3
- package/dist/collection/components/biggive-video/biggive-video.stories.js +11 -1
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.css +51 -10
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +25 -3
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.stories.js +10 -1
- package/dist/collection/util/video.js +10 -0
- package/dist/components/biggive-article-card.d.ts +11 -0
- package/dist/components/biggive-article-card.js +95 -0
- package/dist/components/biggive-back-to-top.js +1 -1
- package/dist/components/biggive-basic-card.js +14 -4
- package/dist/components/biggive-beneficiary-icon.js +1 -1
- package/dist/components/biggive-boxed-content.js +1 -1
- package/dist/components/biggive-branded-image.js +1 -1
- package/dist/components/biggive-button2.js +13 -3
- package/dist/components/biggive-call-to-action.js +17 -2
- package/dist/components/biggive-campaign-card-filter-grid.js +1 -1
- package/dist/components/biggive-campaign-card.js +1 -1
- package/dist/components/biggive-campaign-highlights.js +1 -1
- package/dist/components/biggive-category-icon.js +1 -1
- package/dist/components/biggive-footer.js +1 -1
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-header.js +9 -10
- package/dist/components/biggive-heading.js +2 -2
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/components/biggive-icon-group.js +1 -1
- package/dist/components/biggive-image-feature.js +1 -1
- package/dist/components/biggive-image.js +1 -1
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-page-columns.js +1 -1
- package/dist/components/biggive-page-section.js +1 -1
- package/dist/components/biggive-progress-bar2.js +1 -1
- package/dist/components/biggive-quote.js +1 -1
- package/dist/components/biggive-search.js +1 -1
- package/dist/components/biggive-social-icon2.js +1 -1
- package/dist/components/biggive-tab.js +1 -1
- package/dist/components/biggive-tabbed-content.js +1 -1
- package/dist/components/biggive-totalizer.js +1 -1
- package/dist/components/biggive-video-feature.js +8 -2
- package/dist/components/biggive-video.js +8 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/video.js +12 -0
- package/dist/esm/biggive-article-card.entry.js +59 -0
- package/dist/esm/biggive-back-to-top_20.entry.js +900 -0
- package/dist/esm/biggive-basic-card.entry.js +12 -4
- package/dist/esm/biggive-beneficiary-icon.entry.js +3 -3
- package/dist/esm/biggive-boxed-content.entry.js +1 -1
- package/dist/esm/biggive-branded-image.entry.js +1 -1
- package/dist/esm/biggive-category-icon.entry.js +3 -3
- package/dist/esm/biggive-formatted-text.entry.js +1 -1
- package/dist/esm/biggive-icon-group.entry.js +1 -1
- package/dist/esm/biggive-image.entry.js +1 -1
- package/dist/esm/biggive-quote.entry.js +1 -1
- package/dist/esm/biggive-search.entry.js +2 -2
- package/dist/esm/biggive-tab.entry.js +1 -1
- package/dist/esm/biggive-tabbed-content.entry.js +1 -1
- package/dist/esm/biggive-video.entry.js +7 -2
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/{fontawesome-icons-e232deb7.js → fontawesome-icons-562459be.js} +1 -1
- package/dist/esm/{index.es-64a64fa8.js → index.es-5777380a.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/video-89b7535d.js +12 -0
- package/dist/types/components/biggive-article-card/biggive-article-card.d.ts +47 -0
- package/dist/types/components/biggive-article-card/biggive-article-card.stories.d.ts +56 -0
- package/dist/types/components/biggive-basic-card/biggive-basic-card.d.ts +9 -1
- package/dist/types/components/biggive-basic-card/biggive-basic-card.stories.d.ts +21 -0
- package/dist/types/components/biggive-button/biggive-button.d.ts +8 -0
- package/dist/types/components/biggive-button/biggive-button.stories.d.ts +13 -0
- package/dist/types/components/biggive-call-to-action/biggive-call-to-action.d.ts +12 -0
- package/dist/types/components/biggive-call-to-action/biggive-call-to-action.stories.d.ts +21 -0
- package/dist/types/components/biggive-header/biggive-header.d.ts +4 -0
- package/dist/types/components/biggive-video/biggive-video.d.ts +4 -0
- package/dist/types/components/biggive-video/biggive-video.stories.d.ts +7 -0
- package/dist/types/components/biggive-video-feature/biggive-video-feature.d.ts +4 -0
- package/dist/types/components/biggive-video-feature/biggive-video-feature.stories.d.ts +7 -0
- package/dist/types/components.d.ts +183 -2
- package/dist/types/util/video.d.ts +3 -0
- package/hydrate/index.js +181 -43
- package/package.json +1 -1
- package/dist/biggive/p-160a5e39.entry.js +0 -1
- package/dist/biggive/p-1e31cbfc.entry.js +0 -1
- package/dist/biggive/p-2d38d3a4.entry.js +0 -1
- package/dist/biggive/p-39db6552.entry.js +0 -1
- package/dist/biggive/p-49c2a10b.entry.js +0 -1
- package/dist/biggive/p-54026729.entry.js +0 -1
- package/dist/biggive/p-5cc16f87.entry.js +0 -1
- package/dist/biggive/p-5f7a3f5c.entry.js +0 -1
- package/dist/biggive/p-74bbb296.entry.js +0 -1
- package/dist/biggive/p-7f91f67c.entry.js +0 -1
- package/dist/biggive/p-89e206e8.entry.js +0 -1
- package/dist/biggive/p-9a74ac3d.entry.js +0 -1
- package/dist/biggive/p-9ed2bd19.entry.js +0 -1
- package/dist/biggive/p-ac6bfc1e.entry.js +0 -1
- package/dist/biggive/p-b762b246.entry.js +0 -1
- package/dist/biggive/p-b812b4f6.entry.js +0 -1
- package/dist/biggive/p-be37287b.entry.js +0 -1
- package/dist/biggive/p-be897395.entry.js +0 -1
- package/dist/biggive/p-ca786365.entry.js +0 -1
- package/dist/biggive/p-cca1d092.entry.js +0 -1
- package/dist/biggive/p-e6631545.entry.js +0 -1
- package/dist/biggive/p-ee459029.entry.js +0 -1
- package/dist/biggive/p-ee77cf8d.entry.js +0 -1
- package/dist/cjs/biggive-back-to-top_11.cjs.entry.js +0 -373
- package/dist/cjs/biggive-call-to-action.cjs.entry.js +0 -87
- package/dist/cjs/biggive-campaign-card-filter-grid.cjs.entry.js +0 -50
- package/dist/cjs/biggive-campaign-card.cjs.entry.js +0 -97
- package/dist/cjs/biggive-grid.cjs.entry.js +0 -31
- package/dist/cjs/biggive-hero-image.cjs.entry.js +0 -73
- package/dist/cjs/biggive-image-feature.cjs.entry.js +0 -67
- package/dist/cjs/biggive-page-section.cjs.entry.js +0 -35
- package/dist/cjs/biggive-totalizer.cjs.entry.js +0 -69
- package/dist/cjs/biggive-video-feature.cjs.entry.js +0 -67
- package/dist/esm/biggive-back-to-top_11.entry.js +0 -359
- package/dist/esm/biggive-call-to-action.entry.js +0 -83
- package/dist/esm/biggive-campaign-card-filter-grid.entry.js +0 -46
- package/dist/esm/biggive-campaign-card.entry.js +0 -93
- package/dist/esm/biggive-grid.entry.js +0 -27
- package/dist/esm/biggive-hero-image.entry.js +0 -69
- package/dist/esm/biggive-image-feature.entry.js +0 -63
- package/dist/esm/biggive-page-section.entry.js +0 -31
- package/dist/esm/biggive-totalizer.entry.js +0 -65
- 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;
|