@biggive/components 1.0.191 → 1.0.193
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-05b285de.entry.js +1 -0
- package/dist/biggive/p-1237d29c.entry.js +1 -0
- package/dist/biggive/{p-81055ccd.js → p-2b1627af.js} +1 -1
- package/dist/biggive/p-623e065e.entry.js +1 -0
- package/dist/biggive/p-7d24b098.entry.js +1 -0
- package/dist/biggive/p-8a87012a.entry.js +1 -0
- package/dist/biggive/p-c3ddd884.entry.js +1 -0
- package/dist/biggive/p-eacc1d69.entry.js +1 -0
- package/dist/biggive/p-ffd638d8.entry.js +1 -0
- package/dist/cjs/biggive-article-card.cjs.entry.js +8 -8
- package/dist/cjs/biggive-back-to-top_27.cjs.entry.js +77 -71
- package/dist/cjs/biggive-basic-card.cjs.entry.js +5 -5
- package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +2 -2
- package/dist/cjs/biggive-category-icon.cjs.entry.js +3 -3
- package/dist/cjs/biggive-icon-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-item.cjs.entry.js +3 -3
- package/dist/cjs/biggive-search.cjs.entry.js +1 -1
- package/dist/cjs/{fontawesome-icons-560e6ab7.js → fontawesome-icons-72c728f1.js} +4 -4
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +16 -24
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +10 -15
- package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.js +2 -3
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.js +8 -12
- package/dist/collection/components/biggive-button/biggive-button.js +1 -2
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js +16 -24
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.css +1 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +20 -30
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +17 -15
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.css +1 -1
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +24 -36
- package/dist/collection/components/biggive-category-icon/biggive-category-icon.js +4 -6
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +10 -13
- package/dist/collection/components/biggive-form-field-select-option/biggive-form-field-select-option.js +6 -8
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +17 -25
- package/dist/collection/components/biggive-icon-group/biggive-icon-group.js +2 -3
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.js +10 -15
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.css +7 -1
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +3 -2
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.stories.js +1 -1
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.js +3 -5
- package/dist/collection/components/biggive-nav-item/biggive-nav-item.js +6 -9
- package/dist/collection/components/biggive-page-section/biggive-page-section.js +2 -3
- package/dist/collection/components/biggive-search/biggive-search.js +2 -3
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +5 -3
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +4 -6
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +10 -15
- package/dist/collection/util/fontawesome-icons.js +4 -4
- package/dist/components/biggive-article-card.js +8 -8
- package/dist/components/biggive-basic-card.js +5 -5
- package/dist/components/biggive-beneficiary-icon.js +1 -1
- package/dist/components/biggive-branded-image.js +4 -4
- package/dist/components/biggive-call-to-action.js +8 -8
- package/dist/components/biggive-campaign-card-filter-grid.js +3 -1
- package/dist/components/biggive-campaign-card.js +11 -11
- package/dist/components/biggive-campaign-highlights.js +13 -13
- package/dist/components/biggive-category-icon.js +2 -2
- package/dist/components/biggive-form-field-select-option2.js +4 -4
- package/dist/components/biggive-form-field-select2.js +3 -3
- package/dist/components/biggive-hero-image.js +8 -8
- package/dist/components/biggive-icon-group.js +1 -1
- package/dist/components/biggive-image-feature.js +5 -5
- package/dist/components/biggive-main-menu.js +4 -3
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-nav-item.js +3 -3
- package/dist/components/biggive-page-section.js +1 -1
- package/dist/components/biggive-search.js +1 -1
- package/dist/components/biggive-totalizer-ticker-item.js +2 -2
- package/dist/components/biggive-totalizer.js +4 -1
- package/dist/components/biggive-video-feature.js +5 -5
- package/dist/components/fontawesome-icons.js +4 -4
- package/dist/esm/biggive-article-card.entry.js +8 -8
- package/dist/esm/biggive-back-to-top_27.entry.js +77 -71
- package/dist/esm/biggive-basic-card.entry.js +5 -5
- package/dist/esm/biggive-beneficiary-icon.entry.js +2 -2
- package/dist/esm/biggive-category-icon.entry.js +3 -3
- package/dist/esm/biggive-icon-group.entry.js +1 -1
- package/dist/esm/biggive-nav-item.entry.js +3 -3
- package/dist/esm/biggive-search.entry.js +1 -1
- package/dist/esm/{fontawesome-icons-0af46a96.js → fontawesome-icons-ec5d0760.js} +4 -4
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +12 -12
- package/dist/types/components/biggive-form-field-select/biggive-form-field-select.d.ts +2 -2
- package/dist/types/components/biggive-form-field-select-option/biggive-form-field-select-option.d.ts +2 -2
- package/dist/types/components.d.ts +22 -22
- package/hydrate/index.js +101 -95
- package/package.json +1 -1
- package/dist/biggive/p-0bad0e6e.entry.js +0 -1
- package/dist/biggive/p-6a43e041.entry.js +0 -1
- package/dist/biggive/p-6f5fc921.entry.js +0 -1
- package/dist/biggive/p-72317053.entry.js +0 -1
- package/dist/biggive/p-b325f8ac.entry.js +0 -1
- package/dist/biggive/p-b892b1d6.entry.js +0 -1
- package/dist/biggive/p-ee001f1e.entry.js +0 -1
- package/dist/biggive/p-ee8d5a11.entry.js +0 -1
|
@@ -8,10 +8,10 @@ const BiggiveFormFieldSelect = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
|
8
8
|
this.__registerHost();
|
|
9
9
|
this.__attachShadow();
|
|
10
10
|
this.doSelectChange = createEvent(this, "doSelectChange", 7);
|
|
11
|
-
this.selectedValue =
|
|
12
|
-
this.selectedLabel =
|
|
11
|
+
this.selectedValue = undefined;
|
|
12
|
+
this.selectedLabel = undefined;
|
|
13
13
|
this.spaceBelow = 0;
|
|
14
|
-
this.placeholder =
|
|
14
|
+
this.placeholder = undefined;
|
|
15
15
|
}
|
|
16
16
|
doOptionSelectCompletedHandler(event) {
|
|
17
17
|
this.selectedValue = event.detail.value;
|
|
@@ -10,19 +10,19 @@ const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
this.spaceBelow = 0;
|
|
12
12
|
this.colourScheme = 'primary';
|
|
13
|
-
this.slug =
|
|
14
|
-
this.slugColour =
|
|
13
|
+
this.slug = undefined;
|
|
14
|
+
this.slugColour = undefined;
|
|
15
15
|
this.logo = '';
|
|
16
16
|
this.logoAltText = '';
|
|
17
17
|
this.mainImage = null;
|
|
18
18
|
this.mainImageAlignHorizontal = 'center';
|
|
19
19
|
this.mainImageAlignVertical = 'center';
|
|
20
|
-
this.mainTitle =
|
|
21
|
-
this.mainTitleColour =
|
|
22
|
-
this.teaser =
|
|
23
|
-
this.teaserColour =
|
|
24
|
-
this.buttonUrl =
|
|
25
|
-
this.buttonLabel =
|
|
20
|
+
this.mainTitle = undefined;
|
|
21
|
+
this.mainTitleColour = undefined;
|
|
22
|
+
this.teaser = undefined;
|
|
23
|
+
this.teaserColour = undefined;
|
|
24
|
+
this.buttonUrl = undefined;
|
|
25
|
+
this.buttonLabel = undefined;
|
|
26
26
|
this.buttonColourScheme = 'primary';
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
@@ -8,7 +8,7 @@ const BiggiveIconGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
8
8
|
this.__registerHost();
|
|
9
9
|
this.__attachShadow();
|
|
10
10
|
this.spaceBelow = 0;
|
|
11
|
-
this.label =
|
|
11
|
+
this.label = undefined;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
return (h("div", { class: 'container space-below-' + this.spaceBelow }, this.label != null ? h("div", { class: "label" }, this.label) : null, h("div", { class: "sleeve" }, h("slot", null))));
|
|
@@ -12,14 +12,14 @@ const BiggiveImageFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
|
12
12
|
this.defaultTextColour = 'primary';
|
|
13
13
|
this.imageUrl = '';
|
|
14
14
|
this.imageAltText = '';
|
|
15
|
-
this.slug =
|
|
15
|
+
this.slug = undefined;
|
|
16
16
|
this.slugColour = '';
|
|
17
|
-
this.mainTitle =
|
|
17
|
+
this.mainTitle = undefined;
|
|
18
18
|
this.mainTitleColour = '';
|
|
19
|
-
this.teaser =
|
|
19
|
+
this.teaser = undefined;
|
|
20
20
|
this.teaserColour = '';
|
|
21
|
-
this.buttonUrl =
|
|
22
|
-
this.buttonLabel =
|
|
21
|
+
this.buttonUrl = undefined;
|
|
22
|
+
this.buttonLabel = undefined;
|
|
23
23
|
this.buttonColourScheme = 'primary';
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$2 } from './biggive-misc-icon2.js';
|
|
3
3
|
|
|
4
|
-
const biggiveMainMenuCss = "body{background-color:#FFFFFF}body.background-primary{background-color:#2C089B}body.background-secondary{background-color:#2C089B}body.background-tertiary{background-color:#2C089B}body.background-brand-1{background-color:#B30510}body.background-brand-2{background-color:#B30510}body.background-brand-3{background-color:#B30510}body.background-brand-4{background-color:#B30510}body.background-brand-5{background-color:#B30510}body.background-brand-6{background-color:#B30510}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{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-brand-1{color:#B30510}.colour-brand-2{color:#6E0887}.colour-brand-3{color:#50B400}.colour-brand-4{color:#FFE500}.colour-brand-5{color:#F07D00}.colour-brand-6{color:#CBC8C8}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-transparent{background-color:transparent}.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:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;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.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;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;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;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.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{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.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:block}*{margin:0;padding:0;box-sizing:border-box;font-family:\"Euclid Triangle\", sans-serif}a[class^=icon-],a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}a.icon-green{background-image:url(/assets/images/triangles-combined.svg)}a.icon-children{background-image:url(/assets/images/triangles-combined-children.svg)}a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge.svg)}a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match.svg)}a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls.svg)}a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor.svg)}a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency.svg)}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex}.row-top .social-icon-wrap{margin-right:15px}.row-top .nav-secondary{margin-left:auto;display:grid}.row-top .nav-secondary ul{list-style:none;display:inline-flex;margin:auto}.row-top .nav-secondary li{border-right:1px solid #FFFFFF;height:fit-content;padding:0 10px}.row-top .nav-secondary li:last-child{border-right:0;padding-right:0}.row-top .nav-secondary li a{color:#FFFFFF;text-decoration:none}.row-top .social-icon-wrap{display:flex}.row-top .social-icon-wrap .social-icon-item{margin-right:15px}nav{top:0;left:0;width:100%;height:100%;height:70px;background:white;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 14px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:black;font-size:17px;font-weight:500}nav .navbar .nav-links .links li .sub-menu{position:absolute;top:70px;left:0;line-height:40px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);border-radius:0 0 4px 4px;display:none;z-index:2;background-color:inherit}nav .navbar .nav-links .links li .sub-menu li{padding:0 22px;border-bottom:1px solid rgba(255, 255, 255, 0.1)}nav .navbar .nav-links .links li .sub-menu a{color:black;font-size:15px;font-weight:500}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu{position:absolute;top:0;left:100%;border-radius:0 4px 4px 4px;z-index:1;display:none}nav .navbar .nav-links .links li .arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}nav .navbar .nav-links .links li .arrow.transform-90{transform:rotate(90deg)}nav .navbar .logo{min-width:180px;width:180px}nav .navbar .logo a{font-size:30px;color:black;text-decoration:none;font-weight:600;display:grid}nav .navbar .bx-menu{display:none}@media (hover: hover){.row-top .nav-secondary li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}nav .navbar .nav-links .links li .sub-menu .more:hover .sub-sub-menu{display:block}nav .navbar .nav-links .links li:hover .sub-menu-arrow{transform:rotate(90deg)}nav .navbar .nav-links .links li:hover .sub-menu{display:block;background-color:white}nav .navbar .nav-links .links li:hover .sub-menu .sub-sub-menu{background-color:white}}@media (max-width: 1200px){nav .navbar .logo{min-width:120px;width:120px}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li .sub-menu a{font-size:13px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:350px;width:100%;background:white;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}nav .navbar .nav-links .links li .display-sub-menu{display:block !important}nav .navbar .nav-links .links li .sub-menu{position:relative;top:0;box-shadow:none;display:none}nav .navbar .nav-links .links li .sub-menu li{border-bottom:none}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu{display:none;position:relative;left:0}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu li{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .links li .sub-menu .more span{display:flex;align-items:center}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu.display-sub-menu{position:initial}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}";
|
|
4
|
+
const biggiveMainMenuCss = "body{background-color:#FFFFFF}body.background-primary{background-color:#2C089B}body.background-secondary{background-color:#2C089B}body.background-tertiary{background-color:#2C089B}body.background-brand-1{background-color:#B30510}body.background-brand-2{background-color:#B30510}body.background-brand-3{background-color:#B30510}body.background-brand-4{background-color:#B30510}body.background-brand-5{background-color:#B30510}body.background-brand-6{background-color:#B30510}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{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-brand-1{color:#B30510}.colour-brand-2{color:#6E0887}.colour-brand-3{color:#50B400}.colour-brand-4{color:#FFE500}.colour-brand-5{color:#F07D00}.colour-brand-6{color:#CBC8C8}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-transparent{background-color:transparent}.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:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;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.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;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;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;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.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{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.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:block}*{margin:0;padding:0;box-sizing:border-box;font-family:\"Euclid Triangle\", sans-serif}a[class^=icon-],a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}a.icon-green{background-image:url(/assets/images/triangles-combined.svg)}a.icon-children{background-image:url(/assets/images/triangles-combined-children.svg)}a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge.svg)}a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match.svg)}a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls.svg)}a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor.svg)}a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency.svg)}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex}.row-top .social-icon-wrap{margin-right:15px}.row-top .nav-secondary{margin-left:auto;display:grid}.row-top .nav-secondary ul{list-style:none;display:inline-flex;margin:auto}.row-top .nav-secondary li{border-right:1px solid #FFFFFF;height:fit-content;padding:0 10px}.row-top .nav-secondary li:last-child{border-right:0;padding-right:0}.row-top .nav-secondary li a{color:#FFFFFF;text-decoration:none}.row-top .social-icon-wrap{display:flex}.row-top .social-icon-wrap .social-icon-item{margin-right:15px}nav{top:0;left:0;width:100%;height:100%;height:70px;background:white;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 14px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:black;font-size:17px;font-weight:500}nav .navbar .nav-links .links li .sub-menu{position:absolute;top:70px;left:0;line-height:40px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);border-radius:0 0 4px 4px;display:none;z-index:2;background-color:inherit}nav .navbar .nav-links .links li .sub-menu li{padding:0 22px;border-bottom:1px solid rgba(255, 255, 255, 0.1)}nav .navbar .nav-links .links li .sub-menu a{color:black;font-size:15px;font-weight:500}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu{position:absolute;top:0;left:100%;border-radius:0 4px 4px 4px;z-index:1;display:none}nav .navbar .nav-links .links li .arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}nav .navbar .nav-links .links li .arrow.transform-90{transform:rotate(90deg)}nav .navbar .logo{min-width:180px;width:180px}nav .navbar .logo a{font-size:30px;color:black;text-decoration:none;font-weight:600;display:grid}nav .navbar .bx-menu{display:none}@media (hover: hover){.row-top .nav-secondary li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}nav .navbar .nav-links .links li .sub-menu .more:hover .sub-sub-menu{display:block}nav .navbar .nav-links .links li:hover .sub-menu-arrow{transform:rotate(90deg)}nav .navbar .nav-links .links li:hover .sub-menu{display:block;background-color:white}nav .navbar .nav-links .links li:hover .sub-menu .sub-sub-menu{background-color:white}}@media (max-width: 1200px){nav .navbar .logo{min-width:120px;width:120px}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li .sub-menu a{font-size:13px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:white;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}nav .navbar .nav-links .links li .display-sub-menu{display:block !important}nav .navbar .nav-links .links li .sub-menu{position:relative;top:0;box-shadow:none;display:none}nav .navbar .nav-links .links li .sub-menu li{border-bottom:none}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu{display:none;position:relative;left:0}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu li{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .links li .sub-menu .more span{display:flex;align-items:center}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu.display-sub-menu{position:initial}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}";
|
|
5
5
|
|
|
6
6
|
const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -55,8 +55,9 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
|
|
|
55
55
|
componentDidRender() {
|
|
56
56
|
const subMenuElements = this.host.querySelectorAll('.sub-menu');
|
|
57
57
|
subMenuElements.forEach(subMenuElement => {
|
|
58
|
+
var _a;
|
|
58
59
|
// the subMenuLink is a sibling element to the actual sub-menu
|
|
59
|
-
const subMenuLink = subMenuElement.parentElement.querySelector('a');
|
|
60
|
+
const subMenuLink = (_a = subMenuElement.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('a');
|
|
60
61
|
subMenuLink.onclick = () => {
|
|
61
62
|
const subMenuArrow = subMenuLink.querySelector('.sub-menu-arrow');
|
|
62
63
|
subMenuArrow.classList.toggle('transform-90');
|
|
@@ -77,7 +78,7 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
|
|
|
77
78
|
this.appendNavSecondaryLinks();
|
|
78
79
|
}
|
|
79
80
|
render() {
|
|
80
|
-
return (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("div", { class: "nav-secondary" })), h("nav", { role: "navigation" }, h("div", { class: "navbar" }, h("
|
|
81
|
+
return (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("div", { class: "nav-secondary" })), h("nav", { role: "navigation" }, h("div", { class: "navbar" }, h("div", { class: "logo" }, h("a", { href: "#" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { class: "nav-links" }, h("div", { class: "sidebar-logo" }, h("a", { href: "/" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { id: "nav-primary" }), h("div", { class: "mobile-social-icon-wrap mobile-only" }, h("slot", { name: "mobile-social-icons" })))))));
|
|
81
82
|
}
|
|
82
83
|
get host() { return this; }
|
|
83
84
|
static get style() { return biggiveMainMenuCss; }
|
|
@@ -9,7 +9,7 @@ const BiggiveMiscIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
this.backgroundColour = 'primary';
|
|
11
11
|
this.iconColour = 'white';
|
|
12
|
-
this.icon =
|
|
12
|
+
this.icon = undefined;
|
|
13
13
|
this.url = undefined;
|
|
14
14
|
}
|
|
15
15
|
getMiscIcon() {
|
|
@@ -7,9 +7,9 @@ const BiggiveNavItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
|
|
|
7
7
|
super();
|
|
8
8
|
this.__registerHost();
|
|
9
9
|
this.__attachShadow();
|
|
10
|
-
this.url =
|
|
11
|
-
this.label =
|
|
12
|
-
this.iconColour =
|
|
10
|
+
this.url = undefined;
|
|
11
|
+
this.label = undefined;
|
|
12
|
+
this.iconColour = undefined;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
return (h("li", { class: 'icon-' + this.iconColour }, h("a", { href: this.url }, this.label), h("slot", null)));
|
|
@@ -10,7 +10,7 @@ const BiggivePageSection$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
|
|
|
10
10
|
this.spaceBelow = 0;
|
|
11
11
|
this.sectionStyleTop = 'straight';
|
|
12
12
|
this.sectionStyleBottom = 'straight';
|
|
13
|
-
this.colourScheme =
|
|
13
|
+
this.colourScheme = undefined;
|
|
14
14
|
this.maxWidth = 100;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
@@ -24,7 +24,7 @@ const BigGiveSearch = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
24
24
|
this.clearSearchText = () => {
|
|
25
25
|
this.searchText = '';
|
|
26
26
|
};
|
|
27
|
-
this.searchText =
|
|
27
|
+
this.searchText = undefined;
|
|
28
28
|
this.placeholderText = undefined;
|
|
29
29
|
this.buttonText = undefined;
|
|
30
30
|
}
|
|
@@ -7,8 +7,8 @@ const BiggiveTotalizerTickerItem$1 = /*@__PURE__*/ proxyCustomElement(class exte
|
|
|
7
7
|
super();
|
|
8
8
|
this.__registerHost();
|
|
9
9
|
this.__attachShadow();
|
|
10
|
-
this.figure =
|
|
11
|
-
this.label =
|
|
10
|
+
this.figure = undefined;
|
|
11
|
+
this.label = undefined;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
return (h("div", { class: "ticker-item" }, h("strong", null, this.figure), " ", this.label));
|
|
@@ -12,16 +12,19 @@ const BiggiveTotalizer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
12
12
|
this.primaryTextColour = 'white';
|
|
13
13
|
this.secondaryColour = 'secondary';
|
|
14
14
|
this.secondaryTextColour = 'black';
|
|
15
|
-
this.mainMessage =
|
|
15
|
+
this.mainMessage = undefined;
|
|
16
16
|
}
|
|
17
17
|
componentDidRender() {
|
|
18
|
+
// @ts-ignore
|
|
18
19
|
const tickerItemsInternalWrapper = this.host.querySelector(`[slot="ticker-items"]`);
|
|
19
20
|
if (tickerItemsInternalWrapper !== null && tickerItemsInternalWrapper !== undefined) {
|
|
20
21
|
tickerItemsInternalWrapper.style.display = 'inline-flex';
|
|
21
22
|
tickerItemsInternalWrapper.style.flex = 'none';
|
|
22
23
|
}
|
|
24
|
+
// @ts-ignore
|
|
23
25
|
const tickerWidth = this.host.shadowRoot.querySelector('.ticker-wrap .sleeve').clientWidth;
|
|
24
26
|
const duration = tickerWidth / 50;
|
|
27
|
+
// @ts-ignore
|
|
25
28
|
const sleeve = this.host.shadowRoot.querySelector('.ticker-wrap .sleeve');
|
|
26
29
|
sleeve.style.animationDuration = Math.round(duration) + 's';
|
|
27
30
|
}
|
|
@@ -13,14 +13,14 @@ const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
|
|
|
13
13
|
this.spaceBelow = 0;
|
|
14
14
|
this.defaultTextColour = 'primary';
|
|
15
15
|
this.videoUrl = '';
|
|
16
|
-
this.slug =
|
|
16
|
+
this.slug = undefined;
|
|
17
17
|
this.slugColour = '';
|
|
18
|
-
this.mainTitle =
|
|
18
|
+
this.mainTitle = undefined;
|
|
19
19
|
this.mainTitleColour = '';
|
|
20
|
-
this.teaser =
|
|
20
|
+
this.teaser = undefined;
|
|
21
21
|
this.teaserColour = '';
|
|
22
|
-
this.buttonUrl =
|
|
23
|
-
this.buttonLabel =
|
|
22
|
+
this.buttonUrl = undefined;
|
|
23
|
+
this.buttonLabel = undefined;
|
|
24
24
|
this.buttonColourScheme = 'primary';
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
@@ -232,22 +232,22 @@ class FontAwesomeIconsService {
|
|
|
232
232
|
static getBeneficiaryIcon(beneficiary) {
|
|
233
233
|
const matchingItems = FontAwesomeIconsService.getBeneficiaries().filter(ii => ii.name === beneficiary);
|
|
234
234
|
// For an unknown/invalid beneficiary, show 'other' symbol.
|
|
235
|
-
return matchingItems
|
|
235
|
+
return matchingItems[0] ? matchingItems[0].icon : faPlus;
|
|
236
236
|
}
|
|
237
237
|
static getMiscIcon(misc) {
|
|
238
238
|
const matchingItems = FontAwesomeIconsService.getMisc().filter(ii => ii.name === misc);
|
|
239
239
|
// For an unknown/invalid beneficiary, show 'other' symbol.
|
|
240
|
-
return matchingItems
|
|
240
|
+
return matchingItems[0] ? matchingItems[0].icon : faPlus;
|
|
241
241
|
}
|
|
242
242
|
static getSocialIcon(social) {
|
|
243
243
|
const matchingItems = FontAwesomeIconsService.getSocials().filter(ii => ii.name === social);
|
|
244
244
|
// For an unknown/invalid beneficiary, show 'other' symbol.
|
|
245
|
-
return matchingItems
|
|
245
|
+
return matchingItems[0] ? matchingItems[0].icon : faPlus;
|
|
246
246
|
}
|
|
247
247
|
static getCategoryIcon(category) {
|
|
248
248
|
const matchingItems = FontAwesomeIconsService.getCategories().filter(ii => ii.name === category);
|
|
249
249
|
// For an unknown/invalid category, show 'other' symbol.
|
|
250
|
-
return matchingItems
|
|
250
|
+
return matchingItems[0] ? matchingItems[0].icon : faPlus;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
253
|
|
|
@@ -9,14 +9,14 @@ const BiggiveArticleCard = class {
|
|
|
9
9
|
this.backgroundColour = 'white';
|
|
10
10
|
this.backgroundColourHover = 'tertiary';
|
|
11
11
|
this.textColour = 'black';
|
|
12
|
-
this.slug =
|
|
13
|
-
this.date =
|
|
14
|
-
this.mainTitle =
|
|
15
|
-
this.imageUrl =
|
|
16
|
-
this.imageAltText =
|
|
17
|
-
this.imageLabel =
|
|
18
|
-
this.buttonLabel =
|
|
19
|
-
this.buttonUrl =
|
|
12
|
+
this.slug = undefined;
|
|
13
|
+
this.date = undefined;
|
|
14
|
+
this.mainTitle = undefined;
|
|
15
|
+
this.imageUrl = undefined;
|
|
16
|
+
this.imageAltText = undefined;
|
|
17
|
+
this.imageLabel = undefined;
|
|
18
|
+
this.buttonLabel = undefined;
|
|
19
|
+
this.buttonUrl = undefined;
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
22
|
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: 'sleeve background-colour-' + this.backgroundColour + ' background-colour-hover-' + this.backgroundColourHover + ' text-colour-' + this.textColour }, h("div", { class: "content-wrap" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null, h("h3", { class: "title" }, h("a", { href: this.buttonUrl }, this.mainTitle)), this.imageUrl != '' ? (h("div", { class: "image-group" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.imageUrl + "')" } }, h("img", { src: this.imageUrl, alt: this.imageAltText, title: this.imageAltText })), h("div", { class: "image-label" }, this.imageLabel))) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-primary', url: this.buttonUrl, label: this.buttonLabel }))) : null))));
|