@biggive/components 202408060913.0.0 → 202408161522.0.0

package/dist/collection/components/biggive-container-card/biggive-container-card.css

@@ -0,0 +1,421 @@
+/**
+ * @see brandColour in src/globals/brand-colour.ts . This and that should be updated together.
+ * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
+ *
+ * NOTE: brand-1 to brand-5 are deprecated, please use the color brands instead
+ */
+a {
+  color: inherit;
+  text-decoration: underline;
+}
+a:hover {
+  text-decoration: none;
+}
+
+.background-colour-hover-primary:hover,
+.background-colour-primary {
+  background-color: #2C089B;
+}
+
+.background-colour-hover-secondary:hover,
+.background-colour-secondary {
+  background-color: #2AF135;
+}
+
+.background-colour-hover-tertiary:hover,
+.background-colour-tertiary {
+  background-color: #FF7272;
+}
+
+.background-colour-hover-brand-1:hover,
+.background-colour-brand-1 {
+  background-color: #B30510;
+}
+
+.background-colour-hover-brand-2:hover,
+.background-colour-brand-2 {
+  background-color: #6E0887;
+}
+
+.background-colour-hover-brand-3:hover,
+.background-colour-brand-3 {
+  background-color: #50B400;
+}
+
+.background-colour-hover-brand-4:hover,
+.background-colour-brand-4 {
+  background-color: #FFE500;
+}
+
+.background-colour-hover-brand-5:hover,
+.background-colour-brand-5 {
+  background-color: #F07D00;
+}
+
+.background-colour-hover-brand-cc-red:hover,
+.background-colour-brand-cc-red {
+  background-color: #B30510;
+}
+
+.background-colour-hover-brand-wgmf-purple:hover,
+.background-colour-brand-wgmf-purple {
+  background-color: #6E0887;
+}
+
+.background-colour-hover-brand-gmf-green:hover,
+.background-colour-brand-gmf-green {
+  background-color: #50B400;
+}
+
+.background-colour-hover-brand-emf-yellow:hover,
+.background-colour-brand-emf-yellow {
+  background-color: #FFE500;
+}
+
+.background-colour-hover-brand-c4c-orange:hover,
+.background-colour-brand-c4c-orange {
+  background-color: #F07D00;
+}
+
+.background-colour-hover-brand-afa-pink:hover,
+.background-colour-brand-afa-pink {
+  background-color: #BF387D;
+}
+
+.background-colour-hover-brand-mhf-turquoise:hover,
+.background-colour-brand-mhf-turquoise {
+  background-color: #62CFC9;
+}
+
+.background-colour-hover-brand-grey:hover,
+.background-colour-brand-grey {
+  background-color: #CBC8C8;
+}
+
+.background-colour-hover-white:hover,
+.background-colour-white {
+  background-color: #FFFFFF;
+}
+
+.background-colour-hover-black:hover,
+.background-colour-black {
+  background-color: #000000;
+}
+
+.background-colour-hover-grey-extra-light:hover,
+.background-colour-grey-extra-light {
+  background-color: #D7D7D7;
+}
+
+.background-colour-hover-grey-light:hover,
+.background-colour-grey-light {
+  background-color: #E8E8E8;
+}
+
+.background-colour-hover-grey-medium:hover,
+.background-colour-grey-medium {
+  background-color: #8A8A8A;
+}
+
+.background-colour-hover-grey-dark:hover,
+.background-colour-grey-dark {
+  background-color: #4A4A4A;
+}
+
+.background-colour-hover-brand-6:hover,
+.background-colour-brand-6 {
+  background-color: #62CFC9;
+}
+
+.fill-primary {
+  fill: #2C089B;
+}
+
+.fill-secondary {
+  fill: #2AF135;
+}
+
+.fill-tertiary {
+  fill: #FF7272;
+}
+
+.fill-brand-1 {
+  fill: #B30510;
+}
+
+.fill-brand-2 {
+  fill: #6E0887;
+}
+
+.fill-brand-3 {
+  fill: #50B400;
+}
+
+.fill-brand-4 {
+  fill: #FFE500;
+}
+
+.fill-brand-5 {
+  fill: #F07D00;
+}
+
+.fill-brand-cc-red {
+  fill: #B30510;
+}
+
+.fill-brand-wgmf-purple {
+  fill: #6E0887;
+}
+
+.fill-brand-gmf-green {
+  fill: #50B400;
+}
+
+.fill-brand-emf-yellow {
+  fill: #FFE500;
+}
+
+.fill-brand-c4c-orange {
+  fill: #F07D00;
+}
+
+.fill-brand-afa-pink {
+  fill: #BF387D;
+}
+
+.fill-brand-mhf-turquoise {
+  fill: #62CFC9;
+}
+
+.fill-brand-grey {
+  fill: #CBC8C8;
+}
+
+.fill-white {
+  fill: #FFFFFF;
+}
+
+.fill-black {
+  fill: #000000;
+}
+
+.fill-grey-extra-light {
+  fill: #D7D7D7;
+}
+
+.fill-grey-light {
+  fill: #E8E8E8;
+}
+
+.fill-grey-medium {
+  fill: #8A8A8A;
+}
+
+.fill-grey-dark {
+  fill: #4A4A4A;
+}
+
+.fill-brand-6 {
+  fill: #CBC8C8;
+}
+
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
+.space-below-0 {
+  margin-bottom: 0;
+}
+
+.space-below-1 {
+  margin-bottom: 5px;
+}
+
+.space-below-2 {
+  margin-bottom: 10px;
+}
+
+.space-below-3 {
+  margin-bottom: 15px;
+}
+
+.space-below-4 {
+  margin-bottom: 30px;
+}
+
+.space-below-5 {
+  margin-bottom: 45px;
+}
+
+.space-below-6 {
+  margin-bottom: 60px;
+}
+
+.text-colour-hover-primary:hover,
+.text-colour-primary {
+  color: #2C089B;
+}
+
+.text-colour-hover-secondary:hover,
+.text-colour-secondary {
+  color: #2AF135;
+}
+
+.text-colour-hover-tertiary:hover,
+.text-colour-tertiary {
+  color: #FF7272;
+}
+
+.text-colour-hover-brand-1:hover,
+.text-colour-brand-1 {
+  color: #B30510;
+}
+
+.text-colour-hover-brand-2:hover,
+.text-colour-brand-2 {
+  color: #6E0887;
+}
+
+.text-colour-hover-brand-3:hover,
+.text-colour-brand-3 {
+  color: #50B400;
+}
+
+.text-colour-hover-brand-4:hover,
+.text-colour-brand-4 {
+  color: #FFE500;
+}
+
+.text-colour-hover-brand-5:hover,
+.text-colour-brand-5 {
+  color: #F07D00;
+}
+
+.text-colour-hover-brand-cc-red:hover,
+.text-colour-brand-cc-red {
+  color: #B30510;
+}
+
+.text-colour-hover-brand-wgmf-purple:hover,
+.text-colour-brand-wgmf-purple {
+  color: #6E0887;
+}
+
+.text-colour-hover-brand-gmf-green:hover,
+.text-colour-brand-gmf-green {
+  color: #50B400;
+}
+
+.text-colour-hover-brand-emf-yellow:hover,
+.text-colour-brand-emf-yellow {
+  color: #FFE500;
+}
+
+.text-colour-hover-brand-c4c-orange:hover,
+.text-colour-brand-c4c-orange {
+  color: #F07D00;
+}
+
+.text-colour-hover-brand-afa-pink:hover,
+.text-colour-brand-afa-pink {
+  color: #BF387D;
+}
+
+.text-colour-hover-brand-mhf-turquoise:hover,
+.text-colour-brand-mhf-turquoise {
+  color: #62CFC9;
+}
+
+.text-colour-hover-brand-grey:hover,
+.text-colour-brand-grey {
+  color: #CBC8C8;
+}
+
+.text-colour-hover-white:hover,
+.text-colour-white {
+  color: #FFFFFF;
+}
+
+.text-colour-hover-black:hover,
+.text-colour-black {
+  color: #000000;
+}
+
+.text-colour-hover-grey-extra-light:hover,
+.text-colour-grey-extra-light {
+  color: #D7D7D7;
+}
+
+.text-colour-hover-grey-light:hover,
+.text-colour-grey-light {
+  color: #E8E8E8;
+}
+
+.text-colour-hover-grey-medium:hover,
+.text-colour-grey-medium {
+  color: #8A8A8A;
+}
+
+.text-colour-hover-grey-dark:hover,
+.text-colour-grey-dark {
+  color: #4A4A4A;
+}
+
+.text-colour-hover-brand-6:hover,
+.text-colour-brand-6 {
+  color: #CBC8C8;
+}
+
+:host {
+  display: contents;
+}
+
+.container {
+  font-family: "Euclid Triangle", sans-serif;
+  font-size: 17px;
+  line-height: 24px;
+  position: relative;
+  background-size: cover;
+  background-position: center center;
+  padding: 30px;
+  height: 100%;
+  white-space: pre-wrap;
+}
+.container .sleeve {
+  padding: 30px;
+  height: 100%;
+  box-sizing: border-box;
+  transition: all 1s ease-in-out;
+}
+.container.add-animation-true:hover .sleeve {
+  margin: -30px;
+  padding: 60px;
+  height: calc(100% + 60px);
+}
+.container .sleeve {
+  clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px));
+}

package/dist/collection/components/biggive-container-card/biggive-container-card.js

@@ -0,0 +1,201 @@
+import { h } from "@stencil/core";
+export class BiggiveContainerCard {
+    constructor() {
+        this.spaceBelow = 0;
+        this.backgroundColour = 'primary';
+        this.backgroundImageUrl = '';
+        this.cardColour = 'white';
+        this.textColour = 'black';
+        this.clipBottomLeftCorner = true;
+        this.clipTopRightCorner = true;
+        this.headingLevel = 3;
+    }
+    render() {
+        return (h("div", { key: '54e90bb85001ff49b4b15f2d9ab6592d3db99548', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '5bdd9a5f7a803c16af5564ff2c7eb0bddc1fb34d', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { key: 'd1272d12fa1cc249edf1f12c91b136f4869143c7', class: "content-wrap" }, h("slot", { key: 'b87a00636817e983dc1277c8f7cc9d9fd9df5838' })))));
+    }
+    static get is() { return "biggive-container-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["biggive-container-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["biggive-container-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "spaceBelow": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "spacingOption",
+                    "resolved": "0 | 1 | 2 | 3 | 4 | 5 | 6",
+                    "references": {
+                        "spacingOption": {
+                            "location": "import",
+                            "path": "../../globals/spacing-option",
+                            "id": "src/globals/spacing-option.ts::spacingOption"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "space-below",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "backgroundColour": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "brandColour",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "references": {
+                        "brandColour": {
+                            "location": "import",
+                            "path": "../../globals/brand-colour",
+                            "id": "src/globals/brand-colour.ts::brandColour"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "background-colour",
+                "reflect": false,
+                "defaultValue": "'primary'"
+            },
+            "backgroundImageUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "background-image-url",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "cardColour": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "brandColour",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "references": {
+                        "brandColour": {
+                            "location": "import",
+                            "path": "../../globals/brand-colour",
+                            "id": "src/globals/brand-colour.ts::brandColour"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "card-colour",
+                "reflect": false,
+                "defaultValue": "'white'"
+            },
+            "textColour": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "brandColour",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "references": {
+                        "brandColour": {
+                            "location": "import",
+                            "path": "../../globals/brand-colour",
+                            "id": "src/globals/brand-colour.ts::brandColour"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "text-colour",
+                "reflect": false,
+                "defaultValue": "'black'"
+            },
+            "clipBottomLeftCorner": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "clip-bottom-left-corner",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "clipTopRightCorner": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "clip-top-right-corner",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "headingLevel": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "1 | 2 | 3 | 4 | 5 | 6",
+                    "resolved": "1 | 2 | 3 | 4 | 5 | 6",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "heading-level",
+                "reflect": false,
+                "defaultValue": "3"
+            }
+        };
+    }
+}
+//# sourceMappingURL=biggive-container-card.js.map

package/dist/collection/components/biggive-container-card/biggive-container-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biggive-container-card.js","sourceRoot":"","sources":["../../../src/components/biggive-container-card/biggive-container-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,oBAAoB;;0BACK,CAAC;gCAEG,SAAS;kCAEZ,EAAE;0BAEL,OAAO;0BAEP,OAAO;oCAED,IAAI;kCAEN,IAAI;4BAEI,CAAC;;IAE/C,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EACjG,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE;YAEvE,4DAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;gBAC3F,4DAAK,KAAK,EAAC,cAAc;oBACvB,8DAAa,CACT,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-container-card',\n  styleUrl: 'biggive-container-card.scss',\n  shadow: true,\n})\nexport class BiggiveContainerCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  render() {\n    return (\n      <div\n        class={'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour}\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n          <div class=\"content-wrap\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js

@@ -46,7 +46,7 @@ export class BiggiveCookieBanner {
         // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
         // declined.
         const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
-        return (h("div", { key: '2c1104a9813c83d34ce594ff1691fe0d951147af', class: "cooke-consent-container" }, h("biggive-popup", { key: '2dff512f3a263eeacbac0aad46d66e69e5b146d7', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'd18feb6c261cb7fde5be850f53b4cd488d24e11d', class: "content" }, h("h4", { key: '7e28936785db1ca5bc53b5c7c1a8ee39082ad2c2', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '7ca61fd8c3fe5994389d5b46f7dfd03a8afbe208' }, h("div", { key: '775acac38a7df7b09110862e70c7a4b81504682c', class: "radio-group" }, h("h5", { key: '344d4158f32db39e6f31ced6e09a8044965cf1ef' }, "Essential Cookies"), h("p", { key: '1799fde5aadbc48bee8fe73c552ef816fc7c6307' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '24ff246c284deea5823652da055955a44d5798e6', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '0a446bfd99ee942d99b3bca7e36cb1e69b6ee6ad', htmlFor: "necassary-on" }, "Off"), h("input", { key: '7276e7f8ff0bf8f6d08990b10f3f404454f6d2ca', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '106703b4507c1e7b91a574d09edfef3d33d5574e', htmlFor: "necassary-on" }, "On")), h("div", { key: '2f38e131cefb302523cdafbcdba29d0ecb81c511', class: "radio-group" }, h("h5", { key: '2d4de51a101d733ac1bcc73b43940b5ef8624814' }, "Analytics & Testing Cookies"), h("p", { key: '4ac273420f70071e712ed8f2c94cf20b4dd1cf54' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", { key: 'eaa1a4a6d9a1e6de33111dc17135a6b8f2cd417a' }, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { key: '85d5f29b518f8ac7982d1c2b91651649662ac7eb', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'acdfcc8220db6e288349ba58e5a60adf4d2c519b', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'd61018e050683ce6c33026595e8f04be92a419c9', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'bbae338187974bac27f612f33fa06d9276e9c335', htmlFor: "a-and-t-on" }, "On")), h("div", { key: 'dd6f4d2f4e011badb464187fe1f6fc207cede944', class: "radio-group" }, h("h5", { key: '44c6a8e23040e26f13c08d03fbfedb50b516554e' }, "Third-party Cookies "), h("p", { key: 'f37dbd6801350fb982019af87e1d72bc2a98db33' }, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { key: '6fae3fcfbccd5176f1cba272c9bc1276e7f79b0d', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '4dc7008f9203db028312c34b91e9ddd550be2d91', htmlFor: "third-party-off" }, "Off"), h("input", { key: '6980c2fef711d79af95ffc72b11e11832f98440e', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '39ad3a1aafe808b50da6ec67c3a87473b36b6565', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: 'c180bff4279b0588b441528835b01703c66ade74', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })), h("p", { key: 'c86c83dc170dd77adbd5f14b64c3585d8d994483' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), h("h2", { key: 'a8b701ef2bc9a8b5f9837a7715f6a8869a65ebd3' }, "Our website uses cookies"), h("p", { key: '9e90769a0b004b2eb25044b881206d858c487e4a' }, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", { key: '03f2c01dcf5ac8d5a425aa4bb208380cc9bdf194' }, h("a", { key: 'b713a288cffd681331fb564e33c7a67e2aa95718', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: 'cb3e702c3da539ab4ec3177d1a33a871c4172e3b', class: "button-group" }, h("biggive-button", { key: 'ab3f44d9b67dcb6794afae2ca7490d76454f68eb', onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { key: 'eb71f259ff798eee57cca0d307d7d0766f5077cc', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Essential Cookies Only", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: '36d4f0fff4439a4e545b0ff931a16d4eb10d420c', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
+        return (h("div", { key: '9784b16fc6cd006a733b5be07a8186370c5ff792', class: "cooke-consent-container" }, h("biggive-popup", { key: 'd95bb0102f66aed28b38b928dda5f5d7aed52015', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '152c896e04e8a2fa04beec6b9ff98a75b4b669ee', class: "content" }, h("h4", { key: '0948cb48cffea9edfbab1f16500dfa77571b4916', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '49d6ce7febba14d0e85a5fbd38797f934d2d21e0' }, h("div", { key: 'ee87825504107c0d50a9f3b8d3e9736e0a7b1cc2', class: "radio-group" }, h("h5", { key: '3a1cac95a6a2b3678372589d9af5c8601e8ebcf7' }, "Essential Cookies"), h("p", { key: '1377c090cad010486429bc93d46ca7ff2566d569' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '82be9341d46c0900f079f9ae8f3f71270624e08b', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '16777e2433d4f37dff80fe55e4013155be7788ee', htmlFor: "necassary-on" }, "Off"), h("input", { key: '1d6f376e5ae2ff18208bd7d7ff1ca1536b4c9339', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: 'dfdce2f35a6c041267ed8b21811e6b7a648eb39c', htmlFor: "necassary-on" }, "On")), h("div", { key: 'e7884526b5851f11cbb43b488588e3b523c99471', class: "radio-group" }, h("h5", { key: '2a3bcec397fd731e387356015a24a667bd838c06' }, "Analytics & Testing Cookies"), h("p", { key: '336be4d15931f7749bbd965ca8a2fa84eaa5c482' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", { key: '7b0d3aa9e3b9e48929e7d1c2bfc8cb4c3609c474' }, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { key: '616cd2b1198d594f59066569172b4c028b6eeafd', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'f795987604b0f72c7d23ce421fc01a41aaa001d4', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'e3d24289c254f98b361faf58997ea9cb972aa4c2', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '1ab7a71a5b32e4696d9b930889dd721bb9d99863', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '3c37a45d331d9cf94251f1b952370a26f3bfcbc4', class: "radio-group" }, h("h5", { key: '4c0d2c5c8e9fc955732c2d1f5e35fb0548bf8f8c' }, "Third-party Cookies "), h("p", { key: 'd3625bcec9afabfbd3ad3827cd64112cee4cd6cb' }, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { key: 'c7e11c30079a05606120788709dd8b6eb57d4bf3', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '24e2a31c5928e506706b02c57dfa89df9d95a311', htmlFor: "third-party-off" }, "Off"), h("input", { key: '776af14bc2e2877c1cc03d340e099708e1672fbf', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'd2c2b99591a1db38590db7220450a33a816da5df', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '890b4e83fff50914f9158d496d9c3445a714eb0f', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })), h("p", { key: '7f0972f7d9c3f6957fffd11c8c85f5e4da50e8e4' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), h("h2", { key: 'f821cbf0a9622dc5ab423296a75532b44d3f1b0e' }, "Our website uses cookies"), h("p", { key: 'a9890820b2f7558c0258c898dce3bb93b6092754' }, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", { key: 'e2bb8230bcf4ddef201dd3c202f401265baba7b6' }, h("a", { key: '84497e6512ff828a5dfccfc933439eae93cda7db', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '6f119b90ba4657fd5c5dfc0ede5e84e94b88ff20', class: "button-group" }, h("biggive-button", { key: '59caeec146f2eccdd32eccb7e5b1ba082e46ce8e', onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { key: '290a72efc921fba08e363a1745d96470b7afce9c', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Essential Cookies Only", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: '00a5e3adc85c814683ad590008c590d142e592b1', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
     }
     static get is() { return "biggive-cookie-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-form/biggive-form.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class BiggiveForm {
     render() {
-        return (h(Host, { key: '1f4186e3fbc944cc380d2df67d69df72f0de4843' }, h("slot", { key: '8c23f32b8c4d433b13e42d3abc2eaddfcde5a3b2' })));
+        return (h(Host, { key: '30710027ff6c7fe2ef4727e1172397663253b430' }, h("slot", { key: '001703aabbf0c497616622cf7863a7c9128bca63' })));
     }
     static get is() { return "biggive-form"; }
     static get encapsulation() { return "shadow"; }