@biggive/components 202510081022.0.0 → 202510141527.0.0

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CPmfbPkm.js');
+var index = require('./index-CKQoYlsf.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/philco-footer.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CPmfbPkm.js');
+var index = require('./index-CKQoYlsf.js');
 var helperMethods = require('./helper-methods-5NvdQhOc.js');
 
 const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Bitter\", serif;font-size:16px;line-height:1.2rem;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:\"Garage Gothic\", sans-serif;font-weight:700;margin-top:0.1rem;margin-bottom:0.1rem;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-color:#FFFFFF;padding:40px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}.footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){.footer .row-bottom .postscript-wrap{flex-direction:column}}.footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){.footer .row-bottom .nav.nav-postscript{text-align:center}}.footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}.footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){.footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}.footer .row-bottom .nav-postscript li a{color:#FFFFFF}.footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}.footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding:45px 15px 15px 15px}.row-top{padding:30px 15px 15px 15px}nav{width:100%;margin-right:0;margin-bottom:30px}}";

package/dist/cjs/philco-main-menu.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CPmfbPkm.js');
+var index = require('./index-CKQoYlsf.js');
 var helperMethods = require('./helper-methods-5NvdQhOc.js');
 
 const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;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;background-color:#1d1d1B;color:#FFFFFF}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 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0 25px}nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}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:#1d1d1B;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 #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6;padding:0 7px 0 17px}nav .navbar .nav-links .links li.signup{padding:15px 7px 12px 0}nav .navbar .nav-links .links li a{width:100%;display:block;font-size:15px}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";

package/dist/collection/collection-manifest.json

@@ -55,8 +55,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.38.0",
-    "typescriptVersion": "5.5.4"
+    "version": "4.38.1",
+    "typescriptVersion": "5.9.3"
   },
   "collections": [],
   "bundles": []

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

@@ -20,16 +20,16 @@ export class BiggiveCookieBanner {
         this.handleChoosePrefencesClick = () => {
             var _a;
             const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
-            elementById.openFromOutside();
+            elementById === null || elementById === void 0 ? void 0 : elementById.openFromOutside();
         };
         this.handleAcceptSelectedCookies = () => {
             var _a, _b, _c;
             const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
-            elementById.closeFromOutside();
+            elementById === null || elementById === void 0 ? void 0 : elementById.closeFromOutside();
             const analyticsAndTestingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('a-and-t-on');
             const thirdPartyRadio = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('third-party-on');
             this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });
-            elementById.closeFromOutside();
+            elementById === null || elementById === void 0 ? void 0 : elementById.closeFromOutside();
         };
         /**
          * Emits the same event as if the user had gone into preferences and said no to every option.
@@ -38,7 +38,7 @@ export class BiggiveCookieBanner {
             var _a;
             this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });
             const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
-            elementById.closeFromOutside();
+            elementById === null || elementById === void 0 ? void 0 : elementById.closeFromOutside();
         };
         this.handleAcceptAllClick = () => {
             // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make
@@ -59,7 +59,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: '3c8e6fc5757067755a4b51798a3db0befba3bfdd', class: "cooke-consent-container" }, h("biggive-popup", { key: 'b48c5ef5335233f1219c7b7fddd5e779a5a77de7', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'fd58550c74fc9eeaf73ad99d26501f688423bddc', class: "content" }, h("h4", { key: 'f78a4bb39f7fd9fc2a0eb2dc699a6524ddf77244', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '4724741c3562e5d33ff7b9a3269627fd9286bde2' }, h("div", { key: 'f266ee08f4c424bdc383057989c4fa931cb6974b', class: "radio-group" }, h("h5", { key: '67d70d41f02f624d6c30136b31cee3afbf140e2c' }, "Essential Cookies"), h("p", { key: '99b8aecfd0c1862046d0303400b327e1e48f0d42' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: 'af86f64a3217dbd30de192cef3381d73551ba2b1', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'cf2cb424e8fe98eb96d648f3607fbf3e5b126980', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'f34787d13ce9dbcd2e2eb129de83c80ce95aae65', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6df222a1e8fc80585ab127fd9fb2fdbfb3d5d86a', htmlFor: "necassary-on" }, "On")), h("div", { key: 'ed8b40d431a72d6e2fa643d52a54648d3f8194da', class: "radio-group" }, h("h5", { key: '973d33c33fd4361fbb33465a545df59ad5790e50' }, "Analytics & Testing Cookies"), h("p", { key: '57a412252918570f9779ff3d23fe99d915c39a21' }, "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: '3ad10146abc08a6a2a5907772c0dd9397128310d' }, "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: '566e09de8da770c0a60a4fd0f0f9566872928c38', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '9648982ec36b22ee4bbf3f36fe7529afbab9164f', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: '298f12984ae69d7126e19a45332c75dec8f012c2', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '30a6a2638c0679a58d060b883d905ef32d6541e8', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '8ab2a9ed19b57234a04f6bccab91d52b1a360f3f', class: "radio-group" }, h("h5", { key: '6471e15df3ebdf0515cab0540457a496a9d63a22' }, "Third-party Cookies "), h("p", { key: '187dce66b7b13dfa84c383de077bcf5135fe0fdb' }, "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: '277c219771a78fa304f3610037b9b5302ee5db60', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'f500e0269f9a25815710698a0af2b328332b44df', htmlFor: "third-party-off" }, "Off"), h("input", { key: '998147b56d490bf0ddc92c487a0a8f1e9e80f76c', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '1165682ca3da908a4382759853553acee80d6e08', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '05c8f950ea4a31cdad7aaf9d9278780187ab6043', "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: 'c5d6a32f7bf17b613aec775a2b1e0b8f9443bf9e' }, "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: 'cb8bc8b3c17faa072d94576d8826163079bed7ef' }, "Our website uses cookies"), h("p", { key: '1e83dd62c75c675143964cbecf9840806e3004b0' }, "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: '53a96e8c12b421cce87cd2e453c8ff8da91ed4fb' }, h("a", { key: '1e2a2e7a22df608271334cf29a7525280ca159ea', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '88fe6da17fe3800c1413a839b7af734bfbfe60d1', class: "button-group" }, h("biggive-button", { key: '259e0562b754443d82c60479ee6638c968ce6f02', 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: 'e7ddb1754ff45c160f70a169edacc2e3dcd50dd1', 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: 'efb703558540c22f3e75859d9253e85572edec5e', 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: '9645a4402bae7c317ba20f2b84067607315a39fe', class: "cooke-consent-container" }, h("biggive-popup", { key: '82abd32f8970066c75902d0f36ac75068f04b2db', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '9e55368d1904dfdd993f32c6d72da14ffd675838', class: "content" }, h("h4", { key: '3ee46ce9c44ec5856dd8c5096400513ce5237f6f', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '5a9cfc5c6f38127ce37e53e0195d1175beddcee6' }, h("div", { key: '851ff0a6edb1c0aaff7bb085b43115f41221e621', class: "radio-group" }, h("h5", { key: 'c9123cf7a0059c434d18429572efddbed986d7af' }, "Essential Cookies"), h("p", { key: '002a85d139b7b2a0434fc16aea67182cef3d388f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: 'abde1bf1bad87c2a723ebde41046b74fe218fb16', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '8f61aafd124e3a71d76c13da0c1261bd249f9cf2', htmlFor: "necassary-on" }, "Off"), h("input", { key: '97affef89d489dfda6e47cdb9b616ef000ea8111', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: 'c13b1d408610e9882fb9e4c728e92cb1aea3e483', htmlFor: "necassary-on" }, "On")), h("div", { key: '32dd198a92a5c4708441ef8b5dcd1a7974be5bd3', class: "radio-group" }, h("h5", { key: '7b9647835952f14090a408f0d1215154aa761e47' }, "Analytics & Testing Cookies"), h("p", { key: '5ab3c7137ca361de409d2086f526ce32e99d6104' }, "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: 'f1c86b61f8247badea5d49ae0cafe5b41ba7776c' }, "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: 'b0191eeae52cd61d0cba7f5da9d9a5e62741c837', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '8f770a535bbd647a2305a0285e64a2b52f9f8970', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'b5817bb96534bcf897c29c23c0235dfb378a494a', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'a944ba4961e73a7d40c1d1a77a52f4b81e4bf23c', htmlFor: "a-and-t-on" }, "On")), h("div", { key: 'd79a30b51a172322cdc188d4e947b66bf7182c50', class: "radio-group" }, h("h5", { key: 'a82e4c4072adb40e384e7f999b60a470c1c1abdb' }, "Third-party Cookies "), h("p", { key: 'a1a649082364cbb8ff3381a858fad60f29735951' }, "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: 'f0ae0e5ead72754abb21ea08c8c6a0792b5ab34e', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'bfaa02358ff7cfa788eb9ac9a8e4c8929f988238', htmlFor: "third-party-off" }, "Off"), h("input", { key: 'b45646145e81ef37607f5b0aaa15c3008e697ea2', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'da5ee14c87c73d2a2b98ccd0a721ca083fc988be', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '9611f564e4c216e64e43e6aa503a772334e94ff0', "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: '7798dcf4e1f00ce7a6d41a5449066309461616ec' }, "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: '0564b745829a214e37f049f92d762f8bf271e324' }, "Our website uses cookies"), h("p", { key: 'b6f11ca6863a3081fffe0be07887513882e30b69' }, "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: 'b62ef1b28cc90ad14470b54f42b5e294a8964082' }, h("a", { key: 'c4f187218d28c402fcb02f3e4f111ce1f187b335', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: 'ba332740dc56a2912e6a54abab5f6555dcc3829e', class: "button-group" }, h("biggive-button", { key: 'bfe49638daa1fd5088a70105b0ad3a832c178404', 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: '343ec27380c819f43f7f25421c495c3fd945e0f7', 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: 'cf6a3e3b2f41936ac074750f8119a415157ffac1', 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-cookie-banner/biggive-cookie-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive-cookie-banner.js","sourceRoot":"","sources":["../../../src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-cookie-banner',\n  styleUrl: 'biggive-cookie-banner.scss',\n  shadow: true,\n})\nexport class BiggiveCookieBanner {\n  /**\n   * If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n   * preferences\n   */\n  @Prop() autoOpenPreferences: boolean = false;\n  @Prop() blogUriPrefix!: string;\n\n  /**\n   * This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n   * but afaik there isn't a nice way to share a type.\n   *\n   * When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n   * there caused build problems.\n   *\n   * When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n   * to avoid the duplication.\n   */\n  @Prop() previouslyAgreedCookiePreferences:\n    | {\n        analyticsAndTesting: boolean;\n        thirdParty: boolean;\n      }\n    | undefined = undefined;\n  @Element() el: HTMLBiggiveCookieBannerElement;\n\n  @Event({\n    eventName: 'preferenceModalClosed',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  preferenceModalClosed: EventEmitter<void>;\n\n  /**\n   * Indicates that the user accepts cookies for any purpose, without discrimination.\n   */\n  @Event({\n    eventName: 'cookieBannerAcceptAllSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n  /**\n   * Indicates that the user has made a selection of cookies purpose to accept.\n   *\n   * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n   *\n   * When updating this type please also update the type of previouslyAgreedCookiePreferences.\n   */\n  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{\n    analyticsAndTesting: boolean;\n    thirdParty: boolean;\n  }>;\n\n  componentDidLoad() {\n    this.autoOpenPreferencesIfRequested();\n  }\n\n  @Watch('autoOpenPreferences')\n  private autoOpenPreferencesIfRequested() {\n    if (this.autoOpenPreferences) {\n      this.handleChoosePrefencesClick();\n    }\n  }\n\n  private handleChoosePrefencesClick = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.openFromOutside();\n  };\n\n  private handleAcceptSelectedCookies = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n\n    const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n    const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n    elementById.closeFromOutside();\n  };\n\n  /**\n   * Emits the same event as if the user had gone into preferences and said no to every option.\n   */\n  private handleRejectAllClicked = () => {\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n  };\n\n  private handleAcceptAllClick = () => {\n    // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n    // and make this component disappear.\n\n    this.cookieBannerAcceptAllSelected.emit();\n  };\n\n  render() {\n    // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n    // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n    // declined.\n    const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences || {};\n\n    return (\n      <div class=\"cooke-consent-container\">\n        <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n          <div class=\"content\">\n            <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n            <form>\n              <div class=\"radio-group\">\n                <h5>Essential Cookies</h5>\n                <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n                <label htmlFor=\"necassary-on\">Off</label>\n\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n                <label htmlFor=\"necassary-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Analytics & Testing Cookies</h5>\n                <p>\n                  We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n                  used. This allows us to personalise and improve our content.\n                </p>\n\n                <p>\n                  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\n                  your user experience.\n                </p>\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Third-party Cookies </h5>\n                <p>\n                  These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n                  donation experience survey.\n                </p>\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-on\">On</label>\n              </div>\n\n              <biggive-button\n                space-below=\"0\"\n                space-above=\"2\"\n                colour-scheme=\"secondary\"\n                is-past-campaign=\"false\"\n                is-future-campaign=\"false\"\n                label=\"Accept Selected Cookies\"\n                open-in-new-tab=\"false\"\n                full-width=\"false\"\n                size=\"small\"\n                rounded={false}\n                centered={false}\n                button-id=\"accept-selected-button\"\n                onClick={this.handleAcceptSelectedCookies}\n              ></biggive-button>\n            </form>\n\n            <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n          </div>\n        </biggive-popup>\n\n        <h2>Our website uses cookies</h2>\n\n        <p>\n          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\n          website and make improvements.\n        </p>\n\n        <p>\n          <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n            Find out more in our Cookies Statement\n          </a>\n        </p>\n\n        <div class=\"button-group\">\n          <biggive-button\n            onClick={this.handleAcceptAllClick}\n            space-below=\"0\"\n            colour-scheme=\"secondary\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Accept All\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"accept-all-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleRejectAllClicked}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Essential Cookies Only\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleChoosePrefencesClick}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Choose Preferences\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"biggive-cookie-banner.js","sourceRoot":"","sources":["../../../src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-cookie-banner',\n  styleUrl: 'biggive-cookie-banner.scss',\n  shadow: true,\n})\nexport class BiggiveCookieBanner {\n  /**\n   * If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n   * preferences\n   */\n  @Prop() autoOpenPreferences: boolean = false;\n  @Prop() blogUriPrefix!: string;\n\n  /**\n   * This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n   * but afaik there isn't a nice way to share a type.\n   *\n   * When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n   * there caused build problems.\n   *\n   * When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n   * to avoid the duplication.\n   */\n  @Prop() previouslyAgreedCookiePreferences:\n    | {\n        analyticsAndTesting: boolean;\n        thirdParty: boolean;\n      }\n    | undefined = undefined;\n  @Element() el: HTMLBiggiveCookieBannerElement;\n\n  @Event({\n    eventName: 'preferenceModalClosed',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  preferenceModalClosed: EventEmitter<void>;\n\n  /**\n   * Indicates that the user accepts cookies for any purpose, without discrimination.\n   */\n  @Event({\n    eventName: 'cookieBannerAcceptAllSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n  /**\n   * Indicates that the user has made a selection of cookies purpose to accept.\n   *\n   * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n   *\n   * When updating this type please also update the type of previouslyAgreedCookiePreferences.\n   */\n  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{\n    analyticsAndTesting: boolean;\n    thirdParty: boolean;\n  }>;\n\n  componentDidLoad() {\n    this.autoOpenPreferencesIfRequested();\n  }\n\n  @Watch('autoOpenPreferences')\n  private autoOpenPreferencesIfRequested() {\n    if (this.autoOpenPreferences) {\n      this.handleChoosePrefencesClick();\n    }\n  }\n\n  private handleChoosePrefencesClick = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement | null;\n    elementById?.openFromOutside();\n  };\n\n  private handleAcceptSelectedCookies = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement | null;\n    elementById?.closeFromOutside();\n\n    const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n    const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n    elementById?.closeFromOutside();\n  };\n\n  /**\n   * Emits the same event as if the user had gone into preferences and said no to every option.\n   */\n  private handleRejectAllClicked = () => {\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement | null;\n    elementById?.closeFromOutside();\n  };\n\n  private handleAcceptAllClick = () => {\n    // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n    // and make this component disappear.\n\n    this.cookieBannerAcceptAllSelected.emit();\n  };\n\n  render() {\n    // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n    // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n    // declined.\n    const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences || {};\n\n    return (\n      <div class=\"cooke-consent-container\">\n        <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n          <div class=\"content\">\n            <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n            <form>\n              <div class=\"radio-group\">\n                <h5>Essential Cookies</h5>\n                <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n                <label htmlFor=\"necassary-on\">Off</label>\n\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n                <label htmlFor=\"necassary-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Analytics & Testing Cookies</h5>\n                <p>\n                  We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n                  used. This allows us to personalise and improve our content.\n                </p>\n\n                <p>\n                  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\n                  your user experience.\n                </p>\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Third-party Cookies </h5>\n                <p>\n                  These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n                  donation experience survey.\n                </p>\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-on\">On</label>\n              </div>\n\n              <biggive-button\n                space-below=\"0\"\n                space-above=\"2\"\n                colour-scheme=\"secondary\"\n                is-past-campaign=\"false\"\n                is-future-campaign=\"false\"\n                label=\"Accept Selected Cookies\"\n                open-in-new-tab=\"false\"\n                full-width=\"false\"\n                size=\"small\"\n                rounded={false}\n                centered={false}\n                button-id=\"accept-selected-button\"\n                onClick={this.handleAcceptSelectedCookies}\n              ></biggive-button>\n            </form>\n\n            <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n          </div>\n        </biggive-popup>\n\n        <h2>Our website uses cookies</h2>\n\n        <p>\n          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\n          website and make improvements.\n        </p>\n\n        <p>\n          <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n            Find out more in our Cookies Statement\n          </a>\n        </p>\n\n        <div class=\"button-group\">\n          <biggive-button\n            onClick={this.handleAcceptAllClick}\n            space-below=\"0\"\n            colour-scheme=\"secondary\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Accept All\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"accept-all-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleRejectAllClicked}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Essential Cookies Only\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleChoosePrefencesClick}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Choose Preferences\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/biggive-totalizer/biggive-totalizer.css

@@ -435,8 +435,9 @@ a:hover {
 
 @media screen and (max-width: 768px) {
   .container .main-message-wrap {
-    font-size: 17px;
-    line-height: 24px;
+    font-size: 15px;
+    line-height: 20px;
+    max-width: 42%;
     padding: 10px;
   }
 }

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

@@ -33,16 +33,16 @@ const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCook
         this.handleChoosePrefencesClick = () => {
             var _a;
             const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
-            elementById.openFromOutside();
+            elementById === null || elementById === void 0 ? void 0 : elementById.openFromOutside();
         };
         this.handleAcceptSelectedCookies = () => {
             var _a, _b, _c;
             const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
-            elementById.closeFromOutside();
+            elementById === null || elementById === void 0 ? void 0 : elementById.closeFromOutside();
             const analyticsAndTestingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('a-and-t-on');
             const thirdPartyRadio = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('third-party-on');
             this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });
-            elementById.closeFromOutside();
+            elementById === null || elementById === void 0 ? void 0 : elementById.closeFromOutside();
         };
         /**
          * Emits the same event as if the user had gone into preferences and said no to every option.
@@ -51,7 +51,7 @@ const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCook
             var _a;
             this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });
             const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
-            elementById.closeFromOutside();
+            elementById === null || elementById === void 0 ? void 0 : elementById.closeFromOutside();
         };
         this.handleAcceptAllClick = () => {
             // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make
@@ -72,7 +72,7 @@ const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCook
         // 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: '3c8e6fc5757067755a4b51798a3db0befba3bfdd', class: "cooke-consent-container" }, h("biggive-popup", { key: 'b48c5ef5335233f1219c7b7fddd5e779a5a77de7', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'fd58550c74fc9eeaf73ad99d26501f688423bddc', class: "content" }, h("h4", { key: 'f78a4bb39f7fd9fc2a0eb2dc699a6524ddf77244', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '4724741c3562e5d33ff7b9a3269627fd9286bde2' }, h("div", { key: 'f266ee08f4c424bdc383057989c4fa931cb6974b', class: "radio-group" }, h("h5", { key: '67d70d41f02f624d6c30136b31cee3afbf140e2c' }, "Essential Cookies"), h("p", { key: '99b8aecfd0c1862046d0303400b327e1e48f0d42' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: 'af86f64a3217dbd30de192cef3381d73551ba2b1', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'cf2cb424e8fe98eb96d648f3607fbf3e5b126980', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'f34787d13ce9dbcd2e2eb129de83c80ce95aae65', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6df222a1e8fc80585ab127fd9fb2fdbfb3d5d86a', htmlFor: "necassary-on" }, "On")), h("div", { key: 'ed8b40d431a72d6e2fa643d52a54648d3f8194da', class: "radio-group" }, h("h5", { key: '973d33c33fd4361fbb33465a545df59ad5790e50' }, "Analytics & Testing Cookies"), h("p", { key: '57a412252918570f9779ff3d23fe99d915c39a21' }, "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: '3ad10146abc08a6a2a5907772c0dd9397128310d' }, "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: '566e09de8da770c0a60a4fd0f0f9566872928c38', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '9648982ec36b22ee4bbf3f36fe7529afbab9164f', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: '298f12984ae69d7126e19a45332c75dec8f012c2', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '30a6a2638c0679a58d060b883d905ef32d6541e8', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '8ab2a9ed19b57234a04f6bccab91d52b1a360f3f', class: "radio-group" }, h("h5", { key: '6471e15df3ebdf0515cab0540457a496a9d63a22' }, "Third-party Cookies "), h("p", { key: '187dce66b7b13dfa84c383de077bcf5135fe0fdb' }, "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: '277c219771a78fa304f3610037b9b5302ee5db60', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'f500e0269f9a25815710698a0af2b328332b44df', htmlFor: "third-party-off" }, "Off"), h("input", { key: '998147b56d490bf0ddc92c487a0a8f1e9e80f76c', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '1165682ca3da908a4382759853553acee80d6e08', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '05c8f950ea4a31cdad7aaf9d9278780187ab6043', "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: 'c5d6a32f7bf17b613aec775a2b1e0b8f9443bf9e' }, "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: 'cb8bc8b3c17faa072d94576d8826163079bed7ef' }, "Our website uses cookies"), h("p", { key: '1e83dd62c75c675143964cbecf9840806e3004b0' }, "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: '53a96e8c12b421cce87cd2e453c8ff8da91ed4fb' }, h("a", { key: '1e2a2e7a22df608271334cf29a7525280ca159ea', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '88fe6da17fe3800c1413a839b7af734bfbfe60d1', class: "button-group" }, h("biggive-button", { key: '259e0562b754443d82c60479ee6638c968ce6f02', 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: 'e7ddb1754ff45c160f70a169edacc2e3dcd50dd1', 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: 'efb703558540c22f3e75859d9253e85572edec5e', 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: '9645a4402bae7c317ba20f2b84067607315a39fe', class: "cooke-consent-container" }, h("biggive-popup", { key: '82abd32f8970066c75902d0f36ac75068f04b2db', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '9e55368d1904dfdd993f32c6d72da14ffd675838', class: "content" }, h("h4", { key: '3ee46ce9c44ec5856dd8c5096400513ce5237f6f', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '5a9cfc5c6f38127ce37e53e0195d1175beddcee6' }, h("div", { key: '851ff0a6edb1c0aaff7bb085b43115f41221e621', class: "radio-group" }, h("h5", { key: 'c9123cf7a0059c434d18429572efddbed986d7af' }, "Essential Cookies"), h("p", { key: '002a85d139b7b2a0434fc16aea67182cef3d388f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: 'abde1bf1bad87c2a723ebde41046b74fe218fb16', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '8f61aafd124e3a71d76c13da0c1261bd249f9cf2', htmlFor: "necassary-on" }, "Off"), h("input", { key: '97affef89d489dfda6e47cdb9b616ef000ea8111', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: 'c13b1d408610e9882fb9e4c728e92cb1aea3e483', htmlFor: "necassary-on" }, "On")), h("div", { key: '32dd198a92a5c4708441ef8b5dcd1a7974be5bd3', class: "radio-group" }, h("h5", { key: '7b9647835952f14090a408f0d1215154aa761e47' }, "Analytics & Testing Cookies"), h("p", { key: '5ab3c7137ca361de409d2086f526ce32e99d6104' }, "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: 'f1c86b61f8247badea5d49ae0cafe5b41ba7776c' }, "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: 'b0191eeae52cd61d0cba7f5da9d9a5e62741c837', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '8f770a535bbd647a2305a0285e64a2b52f9f8970', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'b5817bb96534bcf897c29c23c0235dfb378a494a', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'a944ba4961e73a7d40c1d1a77a52f4b81e4bf23c', htmlFor: "a-and-t-on" }, "On")), h("div", { key: 'd79a30b51a172322cdc188d4e947b66bf7182c50', class: "radio-group" }, h("h5", { key: 'a82e4c4072adb40e384e7f999b60a470c1c1abdb' }, "Third-party Cookies "), h("p", { key: 'a1a649082364cbb8ff3381a858fad60f29735951' }, "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: 'f0ae0e5ead72754abb21ea08c8c6a0792b5ab34e', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'bfaa02358ff7cfa788eb9ac9a8e4c8929f988238', htmlFor: "third-party-off" }, "Off"), h("input", { key: 'b45646145e81ef37607f5b0aaa15c3008e697ea2', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'da5ee14c87c73d2a2b98ccd0a721ca083fc988be', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '9611f564e4c216e64e43e6aa503a772334e94ff0', "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: '7798dcf4e1f00ce7a6d41a5449066309461616ec' }, "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: '0564b745829a214e37f049f92d762f8bf271e324' }, "Our website uses cookies"), h("p", { key: 'b6f11ca6863a3081fffe0be07887513882e30b69' }, "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: 'b62ef1b28cc90ad14470b54f42b5e294a8964082' }, h("a", { key: 'c4f187218d28c402fcb02f3e4f111ce1f187b335', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: 'ba332740dc56a2912e6a54abab5f6555dcc3829e', class: "button-group" }, h("biggive-button", { key: 'bfe49638daa1fd5088a70105b0ad3a832c178404', 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: '343ec27380c819f43f7f25421c495c3fd945e0f7', 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: 'cf6a3e3b2f41936ac074750f8119a415157ffac1', 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" }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"biggive-cookie-banner.js","mappings":"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","names":["BiggiveCookieBanner","__stencil_proxyCustomElement"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\nh2:first-child {\n  // padding of the container is enough, a top margin would make the banner unsymmetrical.\n  margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n  @include standard-font();\n  @include font-size-small();\n  border-radius: 10px;\n  background: white;\n  border: 1px solid black;\n  max-width: 650px;\n  padding: 1em;\n}\n\ndiv.button-group {\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-evenly;\n  width: 100%;\n  flex-direction: column;\n  gap: 1em;\n\n  @media screen and (min-width: $screen-mobile-medium) {\n    flex-direction: row-reverse;\n  }\n}\n\nbiggive-popup {\n  @include font-size-medium();\n  div.content {\n    max-height: 95vh;\n    overflow: auto;\n    h5 {\n      border-bottom: 2px solid black;\n      max-width: 25em;\n      margin-bottom: 5px;\n    }\n\n    p {\n      margin-top: 5px;\n      margin-bottom: 8px;\n    }\n\n    div.radio-group {\n      margin-bottom: 30px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-cookie-banner',\n  styleUrl: 'biggive-cookie-banner.scss',\n  shadow: true,\n})\nexport class BiggiveCookieBanner {\n  /**\n   * If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n   * preferences\n   */\n  @Prop() autoOpenPreferences: boolean = false;\n  @Prop() blogUriPrefix!: string;\n\n  /**\n   * This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n   * but afaik there isn't a nice way to share a type.\n   *\n   * When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n   * there caused build problems.\n   *\n   * When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n   * to avoid the duplication.\n   */\n  @Prop() previouslyAgreedCookiePreferences:\n    | {\n        analyticsAndTesting: boolean;\n        thirdParty: boolean;\n      }\n    | undefined = undefined;\n  @Element() el: HTMLBiggiveCookieBannerElement;\n\n  @Event({\n    eventName: 'preferenceModalClosed',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  preferenceModalClosed: EventEmitter<void>;\n\n  /**\n   * Indicates that the user accepts cookies for any purpose, without discrimination.\n   */\n  @Event({\n    eventName: 'cookieBannerAcceptAllSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n  /**\n   * Indicates that the user has made a selection of cookies purpose to accept.\n   *\n   * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n   *\n   * When updating this type please also update the type of previouslyAgreedCookiePreferences.\n   */\n  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{\n    analyticsAndTesting: boolean;\n    thirdParty: boolean;\n  }>;\n\n  componentDidLoad() {\n    this.autoOpenPreferencesIfRequested();\n  }\n\n  @Watch('autoOpenPreferences')\n  private autoOpenPreferencesIfRequested() {\n    if (this.autoOpenPreferences) {\n      this.handleChoosePrefencesClick();\n    }\n  }\n\n  private handleChoosePrefencesClick = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.openFromOutside();\n  };\n\n  private handleAcceptSelectedCookies = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n\n    const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n    const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n    elementById.closeFromOutside();\n  };\n\n  /**\n   * Emits the same event as if the user had gone into preferences and said no to every option.\n   */\n  private handleRejectAllClicked = () => {\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n  };\n\n  private handleAcceptAllClick = () => {\n    // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n    // and make this component disappear.\n\n    this.cookieBannerAcceptAllSelected.emit();\n  };\n\n  render() {\n    // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n    // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n    // declined.\n    const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences || {};\n\n    return (\n      <div class=\"cooke-consent-container\">\n        <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n          <div class=\"content\">\n            <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n            <form>\n              <div class=\"radio-group\">\n                <h5>Essential Cookies</h5>\n                <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n                <label htmlFor=\"necassary-on\">Off</label>\n\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n                <label htmlFor=\"necassary-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Analytics & Testing Cookies</h5>\n                <p>\n                  We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n                  used. This allows us to personalise and improve our content.\n                </p>\n\n                <p>\n                  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\n                  your user experience.\n                </p>\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Third-party Cookies </h5>\n                <p>\n                  These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n                  donation experience survey.\n                </p>\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-on\">On</label>\n              </div>\n\n              <biggive-button\n                space-below=\"0\"\n                space-above=\"2\"\n                colour-scheme=\"secondary\"\n                is-past-campaign=\"false\"\n                is-future-campaign=\"false\"\n                label=\"Accept Selected Cookies\"\n                open-in-new-tab=\"false\"\n                full-width=\"false\"\n                size=\"small\"\n                rounded={false}\n                centered={false}\n                button-id=\"accept-selected-button\"\n                onClick={this.handleAcceptSelectedCookies}\n              ></biggive-button>\n            </form>\n\n            <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n          </div>\n        </biggive-popup>\n\n        <h2>Our website uses cookies</h2>\n\n        <p>\n          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\n          website and make improvements.\n        </p>\n\n        <p>\n          <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n            Find out more in our Cookies Statement\n          </a>\n        </p>\n\n        <div class=\"button-group\">\n          <biggive-button\n            onClick={this.handleAcceptAllClick}\n            space-below=\"0\"\n            colour-scheme=\"secondary\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Accept All\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"accept-all-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleRejectAllClicked}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Essential Cookies Only\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleChoosePrefencesClick}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Choose Preferences\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"biggive-cookie-banner.js","mappings":"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","names":["BiggiveCookieBanner","__stencil_proxyCustomElement"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\nh2:first-child {\n  // padding of the container is enough, a top margin would make the banner unsymmetrical.\n  margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n  @include standard-font();\n  @include font-size-small();\n  border-radius: 10px;\n  background: white;\n  border: 1px solid black;\n  max-width: 650px;\n  padding: 1em;\n}\n\ndiv.button-group {\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-evenly;\n  width: 100%;\n  flex-direction: column;\n  gap: 1em;\n\n  @media screen and (min-width: $screen-mobile-medium) {\n    flex-direction: row-reverse;\n  }\n}\n\nbiggive-popup {\n  @include font-size-medium();\n  div.content {\n    max-height: 95vh;\n    overflow: auto;\n    h5 {\n      border-bottom: 2px solid black;\n      max-width: 25em;\n      margin-bottom: 5px;\n    }\n\n    p {\n      margin-top: 5px;\n      margin-bottom: 8px;\n    }\n\n    div.radio-group {\n      margin-bottom: 30px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-cookie-banner',\n  styleUrl: 'biggive-cookie-banner.scss',\n  shadow: true,\n})\nexport class BiggiveCookieBanner {\n  /**\n   * If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n   * preferences\n   */\n  @Prop() autoOpenPreferences: boolean = false;\n  @Prop() blogUriPrefix!: string;\n\n  /**\n   * This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n   * but afaik there isn't a nice way to share a type.\n   *\n   * When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n   * there caused build problems.\n   *\n   * When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n   * to avoid the duplication.\n   */\n  @Prop() previouslyAgreedCookiePreferences:\n    | {\n        analyticsAndTesting: boolean;\n        thirdParty: boolean;\n      }\n    | undefined = undefined;\n  @Element() el: HTMLBiggiveCookieBannerElement;\n\n  @Event({\n    eventName: 'preferenceModalClosed',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  preferenceModalClosed: EventEmitter<void>;\n\n  /**\n   * Indicates that the user accepts cookies for any purpose, without discrimination.\n   */\n  @Event({\n    eventName: 'cookieBannerAcceptAllSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n  /**\n   * Indicates that the user has made a selection of cookies purpose to accept.\n   *\n   * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n   *\n   * When updating this type please also update the type of previouslyAgreedCookiePreferences.\n   */\n  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{\n    analyticsAndTesting: boolean;\n    thirdParty: boolean;\n  }>;\n\n  componentDidLoad() {\n    this.autoOpenPreferencesIfRequested();\n  }\n\n  @Watch('autoOpenPreferences')\n  private autoOpenPreferencesIfRequested() {\n    if (this.autoOpenPreferences) {\n      this.handleChoosePrefencesClick();\n    }\n  }\n\n  private handleChoosePrefencesClick = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement | null;\n    elementById?.openFromOutside();\n  };\n\n  private handleAcceptSelectedCookies = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement | null;\n    elementById?.closeFromOutside();\n\n    const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n    const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n    elementById?.closeFromOutside();\n  };\n\n  /**\n   * Emits the same event as if the user had gone into preferences and said no to every option.\n   */\n  private handleRejectAllClicked = () => {\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement | null;\n    elementById?.closeFromOutside();\n  };\n\n  private handleAcceptAllClick = () => {\n    // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n    // and make this component disappear.\n\n    this.cookieBannerAcceptAllSelected.emit();\n  };\n\n  render() {\n    // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n    // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n    // declined.\n    const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences || {};\n\n    return (\n      <div class=\"cooke-consent-container\">\n        <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n          <div class=\"content\">\n            <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n            <form>\n              <div class=\"radio-group\">\n                <h5>Essential Cookies</h5>\n                <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n                <label htmlFor=\"necassary-on\">Off</label>\n\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n                <label htmlFor=\"necassary-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Analytics & Testing Cookies</h5>\n                <p>\n                  We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n                  used. This allows us to personalise and improve our content.\n                </p>\n\n                <p>\n                  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\n                  your user experience.\n                </p>\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Third-party Cookies </h5>\n                <p>\n                  These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n                  donation experience survey.\n                </p>\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-on\">On</label>\n              </div>\n\n              <biggive-button\n                space-below=\"0\"\n                space-above=\"2\"\n                colour-scheme=\"secondary\"\n                is-past-campaign=\"false\"\n                is-future-campaign=\"false\"\n                label=\"Accept Selected Cookies\"\n                open-in-new-tab=\"false\"\n                full-width=\"false\"\n                size=\"small\"\n                rounded={false}\n                centered={false}\n                button-id=\"accept-selected-button\"\n                onClick={this.handleAcceptSelectedCookies}\n              ></biggive-button>\n            </form>\n\n            <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n          </div>\n        </biggive-popup>\n\n        <h2>Our website uses cookies</h2>\n\n        <p>\n          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\n          website and make improvements.\n        </p>\n\n        <p>\n          <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n            Find out more in our Cookies Statement\n          </a>\n        </p>\n\n        <div class=\"button-group\">\n          <biggive-button\n            onClick={this.handleAcceptAllClick}\n            space-below=\"0\"\n            colour-scheme=\"secondary\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Accept All\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"accept-all-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleRejectAllClicked}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Essential Cookies Only\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleChoosePrefencesClick}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Choose Preferences\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/biggive-totalizer.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const biggiveTotalizerCss = "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-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-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.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-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.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-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.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-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-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.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-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.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-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;--ticker-end-left:-200%}@keyframes ticker{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(var(--ticker-end-left), 0, 0)}}.container{position:absolute;left:0;right:0;z-index:1}.container .main-message-wrap{position:absolute;z-index:1;padding:10px 30px;left:0;top:0;font-size:24px;line-height:30px;font-weight:600;max-width:33.3%}.container .ticker-wrap{font-size:17px;line-height:24px;padding:6px 30px 10px 0;min-height:17px;overflow:hidden;position:relative}.container .ticker-wrap .sleeve{will-change:transform;display:inline-flex;position:absolute;top:4px;height:24px;min-width:100%;left:100%;white-space:nowrap;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:ticker;animation-duration:10s}@media (prefers-reduced-motion){.container .ticker-wrap .sleeve{animation-name:none !important}}.container .ticker-wrap .sleeve-delayed-copy{display:none;white-space:nowrap;max-height:24px}@media screen and (max-width: 768px){.container .main-message-wrap{font-size:17px;line-height:24px;padding:10px}}";
+const biggiveTotalizerCss = "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-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-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.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-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.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-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.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-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-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.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-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.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-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;--ticker-end-left:-200%}@keyframes ticker{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(var(--ticker-end-left), 0, 0)}}.container{position:absolute;left:0;right:0;z-index:1}.container .main-message-wrap{position:absolute;z-index:1;padding:10px 30px;left:0;top:0;font-size:24px;line-height:30px;font-weight:600;max-width:33.3%}.container .ticker-wrap{font-size:17px;line-height:24px;padding:6px 30px 10px 0;min-height:17px;overflow:hidden;position:relative}.container .ticker-wrap .sleeve{will-change:transform;display:inline-flex;position:absolute;top:4px;height:24px;min-width:100%;left:100%;white-space:nowrap;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:ticker;animation-duration:10s}@media (prefers-reduced-motion){.container .ticker-wrap .sleeve{animation-name:none !important}}.container .ticker-wrap .sleeve-delayed-copy{display:none;white-space:nowrap;max-height:24px}@media screen and (max-width: 768px){.container .main-message-wrap{font-size:15px;line-height:20px;max-width:42%;padding:10px}}";
 
 const BiggiveTotalizer$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTotalizer extends HTMLElement {
     constructor(registerHost) {

package/dist/components/biggive-totalizer.js.map

@@ -1 +1 @@
-{"file":"biggive-totalizer.js","mappings":"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","names":["BiggiveTotalizer","__stencil_proxyCustomElement"],"sources":["src/components/biggive-totalizer/biggive-totalizer.scss?tag=biggive-totalizer&encapsulation=shadow","src/components/biggive-totalizer/biggive-totalizer.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n  @include standard-font();\n\n  --ticker-end-left: -200%;\n}\n\n@keyframes ticker {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n\n  100% {\n    transform: translate3d(var(--ticker-end-left), 0, 0);\n  }\n}\n\n.container {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1;\n\n  .main-message-wrap {\n    position: absolute;\n    z-index: 1;\n    padding: $spacer-2 $spacer-4;\n    left: 0;\n    top: 0;\n    @include font-size-large();\n    font-weight: 600;\n    max-width: 33.3%;\n  }\n\n  .ticker-wrap {\n    @include font-size-medium();\n    padding: calc($spacer-2 - 4px) $spacer-4 $spacer-2 0;\n    min-height: 17px;\n    overflow: hidden;\n    position: relative;\n\n    .sleeve {\n      will-change: transform; // https://web.dev/stick-to-compositor-only-properties-and-manage-layer-count/\n      display: inline-flex;\n      position: absolute;\n      top: 4px;\n      height: 24px;\n      min-width: 100%;\n      left: 100%;\n      white-space: nowrap;\n\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n      animation-name: ticker;\n      // TS overrides the specific timings once the width of ticker elements is known.\n      animation-duration: 10s;\n\n      @media (prefers-reduced-motion) {\n        animation-name: none !important; // Turn off movement when needed for a11y.\n      }\n    }\n\n    .sleeve-delayed-copy {\n      // We set between 0 and 3 copies to `display: inline-flex` in TS, depending on the size\n      // of the items and container.\n      display: none;\n      white-space: nowrap;\n      max-height: 24px;\n    }\n  }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n  .container {\n    .main-message-wrap {\n      @include font-size-medium();\n      padding: $spacer-2;\n    }\n  }\n}\n","import { Component, Element, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-totalizer',\n  styleUrl: 'biggive-totalizer.scss',\n  shadow: true,\n})\nexport class BiggiveTotalizer {\n  private lastWrapperWidth: number = 0;\n\n  @Element() host: HTMLBiggiveTotalizerElement;\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Primary banner colour\n   */\n  @Prop() primaryColour: string = 'primary';\n\n  /**\n   * Primary text colour\n   */\n  @Prop() primaryTextColour: string = 'white';\n\n  /**\n   * Secondary banner colour\n   */\n  @Prop() secondaryColour: string = 'secondary';\n\n  /**\n   * Secondary text colour\n   */\n  @Prop() secondaryTextColour: string = 'black';\n\n  /**\n   * Primary message\n   */\n  @Prop() mainMessage: string;\n\n  private setSpeed(itemsWidth: number, containerWidth: number) {\n    if (containerWidth === this.lastWrapperWidth) {\n      // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n      // relevant changed.\n      return;\n    }\n\n    let sleeves: HTMLDivElement[] = [];\n    for (const ii in [1, 2, 3, 4]) {\n      const sleeve = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_' + ii) as HTMLDivElement | null;\n      if (sleeve) {\n        sleeves.push(sleeve);\n        // Restart the animation(s) on window resize to reduce the chance of jankiness.\n        // https://stackoverflow.com/a/45036752/2803757\n        sleeve.style.animationName = 'none';\n      }\n    }\n\n    this.lastWrapperWidth = containerWidth;\n\n    if (sleeves.length === 0) {\n      console.log('sleeves missing, skipping setSpeed()');\n      return;\n    }\n\n    // We've seen the initial calculation exclude the ~30px per set of values end padding before,\n    // and it's safe to err on the side of more copies to reduce the chance of abrupt early loop\n    // ends, so we add a buffer of 40px to the calculation when deciding how many copies to use.\n    // const sleeveCount = Math.max(1, Math.min(4, Math.ceil((2 * (40 + itemsWidth)) / containerWidth)));\n    // TODO Ultimately we'd like to get multiple copies working, or simplify. This\n    // has proven very hard to iterate on pending a fix for DON-867 because\n    // there is Angular-specific behaviour breaking the contents of copies.\n    const sleeveCount = 1;\n    this.host.style.setProperty('--ticker-end-left', `-${(sleeveCount + 1) * 100}%`);\n\n    const duration = Math.round((itemsWidth / 30) * sleeveCount);\n\n    for (let ii = 1; ii <= sleeveCount; ii++) {\n      const sleeve = sleeves[ii - 1];\n      if (sleeve) {\n        sleeve.style.animationDuration = duration + 's';\n        // https://stackoverflow.com/a/45847760\n        sleeve.style.animationDelay = (duration / (sleeveCount - 1)) * (ii - 1) + 's';\n        sleeve.style.display = 'inline-flex';\n        sleeve.style.animationName = 'ticker';\n      }\n    }\n  }\n\n  componentDidLoad() {\n    const wrapper = this.host.shadowRoot?.querySelector('.ticker-wrap') as HTMLDivElement;\n\n    const tickerItemsInternalWrapper: HTMLDivElement | null = this.host.querySelector(`[slot=\"ticker-items\"]`);\n    const sleeve1: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_1');\n    const sleeve2: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_2');\n    const sleeve3: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_3');\n    const sleeve4: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_4');\n\n    if (!tickerItemsInternalWrapper || !sleeve1) {\n      console.log('tickerItemsInternalWrapper or sleeve1 is missing, skipping totalizer animation setup');\n      return;\n    }\n\n    // Deep clone [all children of] the ticker items internal wrapper and append them, so the ticker can show items without\n    // a blank break. Sleeve 2 and up will animate on delays per https://stackoverflow.com/a/45847760.\n    setTimeout(() => {\n      sleeve2 && sleeve2.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n      sleeve3 && sleeve3.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n      sleeve4 && sleeve4.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n    }, 800);\n\n    setTimeout(() => {\n      // In Angular contexts, it seems like we need to leave a little time before the calculations work.\n      // Not totally clear why yet.\n      this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n    }, 300);\n\n    window.addEventListener('resize', () => {\n      this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n    });\n  }\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div>\n          <div class=\"banner\">\n            <div class={'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour}>{this.mainMessage}</div>\n            <div class={'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour}>\n              <div id=\"sleeve_1\" class=\"sleeve\">\n                <slot name=\"ticker-items\"></slot>\n              </div>\n              <div id=\"sleeve_2\" class=\"sleeve sleeve-delayed-copy\">\n                {/* Contents for these 3 are copied in TS and copies shown or hidden based on available space */}\n              </div>\n              <div id=\"sleeve_3\" class=\"sleeve sleeve-delayed-copy\"></div>\n              <div id=\"sleeve_4\" class=\"sleeve sleeve-delayed-copy\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"biggive-totalizer.js","mappings":"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","names":["BiggiveTotalizer","__stencil_proxyCustomElement"],"sources":["src/components/biggive-totalizer/biggive-totalizer.scss?tag=biggive-totalizer&encapsulation=shadow","src/components/biggive-totalizer/biggive-totalizer.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n  @include standard-font();\n\n  --ticker-end-left: -200%;\n}\n\n@keyframes ticker {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n\n  100% {\n    transform: translate3d(var(--ticker-end-left), 0, 0);\n  }\n}\n\n.container {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1;\n\n  .main-message-wrap {\n    position: absolute;\n    z-index: 1;\n    padding: $spacer-2 $spacer-4;\n    left: 0;\n    top: 0;\n    @include font-size-large();\n    font-weight: 600;\n    max-width: 33.3%;\n  }\n\n  .ticker-wrap {\n    @include font-size-medium();\n    padding: calc($spacer-2 - 4px) $spacer-4 $spacer-2 0;\n    min-height: 17px;\n    overflow: hidden;\n    position: relative;\n\n    .sleeve {\n      will-change: transform; // https://web.dev/stick-to-compositor-only-properties-and-manage-layer-count/\n      display: inline-flex;\n      position: absolute;\n      top: 4px;\n      height: 24px;\n      min-width: 100%;\n      left: 100%;\n      white-space: nowrap;\n\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n      animation-name: ticker;\n      // TS overrides the specific timings once the width of ticker elements is known.\n      animation-duration: 10s;\n\n      @media (prefers-reduced-motion) {\n        animation-name: none !important; // Turn off movement when needed for a11y.\n      }\n    }\n\n    .sleeve-delayed-copy {\n      // We set between 0 and 3 copies to `display: inline-flex` in TS, depending on the size\n      // of the items and container.\n      display: none;\n      white-space: nowrap;\n      max-height: 24px;\n    }\n  }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n  .container {\n    .main-message-wrap {\n      font-size: 15px;\n      line-height: 20px;\n      max-width: 42%;\n      padding: $spacer-2;\n    }\n  }\n}\n","import { Component, Element, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-totalizer',\n  styleUrl: 'biggive-totalizer.scss',\n  shadow: true,\n})\nexport class BiggiveTotalizer {\n  private lastWrapperWidth: number = 0;\n\n  @Element() host: HTMLBiggiveTotalizerElement;\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Primary banner colour\n   */\n  @Prop() primaryColour: string = 'primary';\n\n  /**\n   * Primary text colour\n   */\n  @Prop() primaryTextColour: string = 'white';\n\n  /**\n   * Secondary banner colour\n   */\n  @Prop() secondaryColour: string = 'secondary';\n\n  /**\n   * Secondary text colour\n   */\n  @Prop() secondaryTextColour: string = 'black';\n\n  /**\n   * Primary message\n   */\n  @Prop() mainMessage: string;\n\n  private setSpeed(itemsWidth: number, containerWidth: number) {\n    if (containerWidth === this.lastWrapperWidth) {\n      // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n      // relevant changed.\n      return;\n    }\n\n    let sleeves: HTMLDivElement[] = [];\n    for (const ii in [1, 2, 3, 4]) {\n      const sleeve = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_' + ii) as HTMLDivElement | null;\n      if (sleeve) {\n        sleeves.push(sleeve);\n        // Restart the animation(s) on window resize to reduce the chance of jankiness.\n        // https://stackoverflow.com/a/45036752/2803757\n        sleeve.style.animationName = 'none';\n      }\n    }\n\n    this.lastWrapperWidth = containerWidth;\n\n    if (sleeves.length === 0) {\n      console.log('sleeves missing, skipping setSpeed()');\n      return;\n    }\n\n    // We've seen the initial calculation exclude the ~30px per set of values end padding before,\n    // and it's safe to err on the side of more copies to reduce the chance of abrupt early loop\n    // ends, so we add a buffer of 40px to the calculation when deciding how many copies to use.\n    // const sleeveCount = Math.max(1, Math.min(4, Math.ceil((2 * (40 + itemsWidth)) / containerWidth)));\n    // TODO Ultimately we'd like to get multiple copies working, or simplify. This\n    // has proven very hard to iterate on pending a fix for DON-867 because\n    // there is Angular-specific behaviour breaking the contents of copies.\n    const sleeveCount = 1;\n    this.host.style.setProperty('--ticker-end-left', `-${(sleeveCount + 1) * 100}%`);\n\n    const duration = Math.round((itemsWidth / 30) * sleeveCount);\n\n    for (let ii = 1; ii <= sleeveCount; ii++) {\n      const sleeve = sleeves[ii - 1];\n      if (sleeve) {\n        sleeve.style.animationDuration = duration + 's';\n        // https://stackoverflow.com/a/45847760\n        sleeve.style.animationDelay = (duration / (sleeveCount - 1)) * (ii - 1) + 's';\n        sleeve.style.display = 'inline-flex';\n        sleeve.style.animationName = 'ticker';\n      }\n    }\n  }\n\n  componentDidLoad() {\n    const wrapper = this.host.shadowRoot?.querySelector('.ticker-wrap') as HTMLDivElement;\n\n    const tickerItemsInternalWrapper: HTMLDivElement | null = this.host.querySelector(`[slot=\"ticker-items\"]`);\n    const sleeve1: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_1');\n    const sleeve2: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_2');\n    const sleeve3: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_3');\n    const sleeve4: HTMLDivElement | null | undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_4');\n\n    if (!tickerItemsInternalWrapper || !sleeve1) {\n      console.log('tickerItemsInternalWrapper or sleeve1 is missing, skipping totalizer animation setup');\n      return;\n    }\n\n    // Deep clone [all children of] the ticker items internal wrapper and append them, so the ticker can show items without\n    // a blank break. Sleeve 2 and up will animate on delays per https://stackoverflow.com/a/45847760.\n    setTimeout(() => {\n      sleeve2 && sleeve2.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n      sleeve3 && sleeve3.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n      sleeve4 && sleeve4.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n    }, 800);\n\n    setTimeout(() => {\n      // In Angular contexts, it seems like we need to leave a little time before the calculations work.\n      // Not totally clear why yet.\n      this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n    }, 300);\n\n    window.addEventListener('resize', () => {\n      this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n    });\n  }\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div>\n          <div class=\"banner\">\n            <div class={'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour}>{this.mainMessage}</div>\n            <div class={'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour}>\n              <div id=\"sleeve_1\" class=\"sleeve\">\n                <slot name=\"ticker-items\"></slot>\n              </div>\n              <div id=\"sleeve_2\" class=\"sleeve sleeve-delayed-copy\">\n                {/* Contents for these 3 are copied in TS and copies shown or hidden based on available space */}\n              </div>\n              <div id=\"sleeve_3\" class=\"sleeve sleeve-delayed-copy\"></div>\n              <div id=\"sleeve_4\" class=\"sleeve sleeve-delayed-copy\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/biggive-accordion-entry.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, g as getElement } from './index-D977ETvr.js';
+import { r as registerInstance, g as getElement } from './index-DEj362d6.js';
 
 const biggiveAccordionEntryCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block}";
 

package/dist/esm/biggive-accordion.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-D977ETvr.js';
+import { r as registerInstance, h, g as getElement } from './index-DEj362d6.js';
 
 const biggiveAccordionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.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-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-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.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-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.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-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .entry h3.heading{position:relative;margin:25px 0 0 0;padding:15px 60px 10px 20px;border-bottom:1px solid #000000;cursor:pointer}.container .entry h3.heading span.arrow{display:block;position:absolute;right:20px;top:10px;width:40px;height:20px;text-align:center}.container .entry .content{overflow:hidden;max-height:0;padding:0 20px}.container .entry.expanded .content{max-height:100%}.container .entry.expanded span.arrow{transform:rotate(-180deg)}.container.heading-colour-primary .entry h3.heading svg path{stroke:#2C089B}.container.heading-colour-primary h3.heading{color:#2C089B}.container.text-colour-primary .content{color:#2C089B}.container.heading-colour-secondary .entry h3.heading svg path{stroke:#2AF135}.container.heading-colour-secondary h3.heading{color:#2AF135}.container.text-colour-secondary .content{color:#2AF135}.container.heading-colour-tertiary .entry h3.heading svg path{stroke:#FF7272}.container.heading-colour-tertiary h3.heading{color:#FF7272}.container.text-colour-tertiary .content{color:#FF7272}.container.heading-colour-brand-cc-red .entry h3.heading svg path{stroke:#B30510}.container.heading-colour-brand-cc-red h3.heading{color:#B30510}.container.text-colour-brand-cc-red .content{color:#B30510}.container.heading-colour-brand-wgmf-purple .entry h3.heading svg path{stroke:#6E0887}.container.heading-colour-brand-wgmf-purple h3.heading{color:#6E0887}.container.text-colour-brand-wgmf-purple .content{color:#6E0887}.container.heading-colour-brand-gmf-green .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-gmf-green h3.heading{color:#50B400}.container.text-colour-brand-gmf-green .content{color:#50B400}.container.heading-colour-brand-er-green .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-er-green h3.heading{color:#50B400}.container.text-colour-brand-er-green .content{color:#50B400}.container.heading-colour-brand-er-dark-green .entry h3.heading svg path{stroke:#002413}.container.heading-colour-brand-er-dark-green h3.heading{color:#002413}.container.text-colour-brand-er-dark-green .content{color:#002413}.container.heading-colour-brand-er-dark-blue .entry h3.heading svg path{stroke:#0c0068}.container.heading-colour-brand-er-dark-blue h3.heading{color:#0c0068}.container.text-colour-brand-er-dark-blue .content{color:#0c0068}.container.heading-colour-brand-er-teal .entry h3.heading svg path{stroke:#00a76d}.container.heading-colour-brand-er-teal h3.heading{color:#00a76d}.container.text-colour-brand-er-teal .content{color:#00a76d}.container.heading-colour-brand-emf-yellow .entry h3.heading svg path{stroke:#FFE500}.container.heading-colour-brand-emf-yellow h3.heading{color:#FFE500}.container.text-colour-brand-emf-yellow .content{color:#FFE500}.container.heading-colour-brand-c4c-orange .entry h3.heading svg path{stroke:#F07D00}.container.heading-colour-brand-c4c-orange h3.heading{color:#F07D00}.container.text-colour-brand-c4c-orange .content{color:#F07D00}.container.heading-colour-brand-afa-pink .entry h3.heading svg path{stroke:#BF387D}.container.heading-colour-brand-afa-pink h3.heading{color:#BF387D}.container.text-colour-brand-afa-pink .content{color:#BF387D}.container.heading-colour-brand-scw-magenta .entry h3.heading svg path{stroke:#EE2C65}.container.heading-colour-brand-scw-magenta h3.heading{color:#EE2C65}.container.text-colour-brand-scw-magenta .content{color:#EE2C65}.container.heading-colour-brand-mhf-turquoise .entry h3.heading svg path{stroke:#62CFC9}.container.heading-colour-brand-mhf-turquoise h3.heading{color:#62CFC9}.container.text-colour-brand-mhf-turquoise .content{color:#62CFC9}.container.heading-colour-brand-grey .entry h3.heading svg path{stroke:#CBC8C8}.container.heading-colour-brand-grey h3.heading{color:#CBC8C8}.container.text-colour-brand-grey .content{color:#CBC8C8}.container.heading-colour-white .entry h3.heading svg path{stroke:#FFFFFF}.container.heading-colour-white h3.heading{color:#FFFFFF}.container.text-colour-white .content{color:#FFFFFF}.container.heading-colour-black .entry h3.heading svg path{stroke:#000000}.container.heading-colour-black h3.heading{color:#000000}.container.text-colour-black .content{color:#000000}.container.heading-colour-grey-extra-light .entry h3.heading svg path{stroke:#D7D7D7}.container.heading-colour-grey-extra-light h3.heading{color:#D7D7D7}.container.text-colour-grey-extra-light .content{color:#D7D7D7}.container.heading-colour-grey-light .entry h3.heading svg path{stroke:#E8E8E8}.container.heading-colour-grey-light h3.heading{color:#E8E8E8}.container.text-colour-grey-light .content{color:#E8E8E8}.container.heading-colour-grey-medium .entry h3.heading svg path{stroke:#8A8A8A}.container.heading-colour-grey-medium h3.heading{color:#8A8A8A}.container.text-colour-grey-medium .content{color:#8A8A8A}.container.heading-colour-grey-dark .entry h3.heading svg path{stroke:#4A4A4A}.container.heading-colour-grey-dark h3.heading{color:#4A4A4A}.container.text-colour-grey-dark .content{color:#4A4A4A}.container.heading-colour-philco-orange .entry h3.heading svg path{stroke:#f18a00}.container.heading-colour-philco-orange h3.heading{color:#f18a00}.container.text-colour-philco-orange .content{color:#f18a00}.container.heading-colour-philco-gray-90 .entry h3.heading svg path{stroke:#1d1d1B}.container.heading-colour-philco-gray-90 h3.heading{color:#1d1d1B}.container.text-colour-philco-gray-90 .content{color:#1d1d1B}.container.heading-colour-philco-gray-70 .entry h3.heading svg path{stroke:#7D7D7D}.container.heading-colour-philco-gray-70 h3.heading{color:#7D7D7D}.container.text-colour-philco-gray-70 .content{color:#7D7D7D}.container.heading-colour-philco-white .entry h3.heading svg path{stroke:#FFFFFF}.container.heading-colour-philco-white h3.heading{color:#FFFFFF}.container.text-colour-philco-white .content{color:#FFFFFF}.container.heading-colour-philco-success-green .entry h3.heading svg path{stroke:#1Ec691}.container.heading-colour-philco-success-green h3.heading{color:#1Ec691}.container.text-colour-philco-success-green .content{color:#1Ec691}.container.heading-colour-philco-error-coral .entry h3.heading svg path{stroke:#F54242}.container.heading-colour-philco-error-coral h3.heading{color:#F54242}.container.text-colour-philco-error-coral .content{color:#F54242}.container.heading-colour-philco-gray-30 .entry h3.heading svg path{stroke:#BBBBBB}.container.heading-colour-philco-gray-30 h3.heading{color:#BBBBBB}.container.text-colour-philco-gray-30 .content{color:#BBBBBB}.container.heading-colour-philco-gray-20 .entry h3.heading svg path{stroke:#F6F6F6}.container.heading-colour-philco-gray-20 h3.heading{color:#F6F6F6}.container.text-colour-philco-gray-20 .content{color:#F6F6F6}";
 

package/dist/esm/biggive-article-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D977ETvr.js';
+import { r as registerInstance, h } from './index-DEj362d6.js';
 
 const biggiveArticleCardCss = "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-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-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.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-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.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-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.image-wrap img{width:100%;height:auto}.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-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-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.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-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.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-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.align-right{text-align:right}.container{height:100%;width:100%;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.container .sleeve{height:100%;box-sizing:border-box;background-size:cover;padding:15px 15px 10px 15px}.container .sleeve .content-wrap{height:100%;display:flex;flex-direction:column}.container .meta{margin-bottom:10px}.container .meta .slug{font-size:13px;line-height:17px;margin-bottom:5px}.container .meta .date{font-size:13px;line-height:17px;margin-bottom:5px}.container h3{font-size:20px;line-height:24px;font-weight:bold;padding-bottom:15px;margin-bottom:auto}.container h3 a,.container h3 a:hover{text-decoration:none}.container .main-image-container img{width:100%;height:auto;display:inline-block}.container .image-group{display:flex;margin-bottom:15px}.container .image-group .image-container{margin-right:15px}.container .image-group .image-container .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-container .image-wrap img{display:none}.container .image-label{font-size:11px;line-height:14px}.container .clip-bottom-left-corner-false.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container .clip-bottom-left-corner-true.clip-top-right-corner-false{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .clip-bottom-left-corner-true.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .main-title-colour-primary h3{color:#2C089B}.container .slug-colour-primary .slug{color:#2C089B}.container .date-colour-primary .date{color:#2C089B}.container .image-label-colour-primary .image-label{color:#2C089B}.container .main-title-colour-secondary h3{color:#2AF135}.container .slug-colour-secondary .slug{color:#2AF135}.container .date-colour-secondary .date{color:#2AF135}.container .image-label-colour-secondary .image-label{color:#2AF135}.container .main-title-colour-tertiary h3{color:#FF7272}.container .slug-colour-tertiary .slug{color:#FF7272}.container .date-colour-tertiary .date{color:#FF7272}.container .image-label-colour-tertiary .image-label{color:#FF7272}.container .main-title-colour-brand-cc-red h3{color:#B30510}.container .slug-colour-brand-cc-red .slug{color:#B30510}.container .date-colour-brand-cc-red .date{color:#B30510}.container .image-label-colour-brand-cc-red .image-label{color:#B30510}.container .main-title-colour-brand-wgmf-purple h3{color:#6E0887}.container .slug-colour-brand-wgmf-purple .slug{color:#6E0887}.container .date-colour-brand-wgmf-purple .date{color:#6E0887}.container .image-label-colour-brand-wgmf-purple .image-label{color:#6E0887}.container .main-title-colour-brand-gmf-green h3{color:#50B400}.container .slug-colour-brand-gmf-green .slug{color:#50B400}.container .date-colour-brand-gmf-green .date{color:#50B400}.container .image-label-colour-brand-gmf-green .image-label{color:#50B400}.container .main-title-colour-brand-er-green h3{color:#50B400}.container .slug-colour-brand-er-green .slug{color:#50B400}.container .date-colour-brand-er-green .date{color:#50B400}.container .image-label-colour-brand-er-green .image-label{color:#50B400}.container .main-title-colour-brand-er-dark-green h3{color:#002413}.container .slug-colour-brand-er-dark-green .slug{color:#002413}.container .date-colour-brand-er-dark-green .date{color:#002413}.container .image-label-colour-brand-er-dark-green .image-label{color:#002413}.container .main-title-colour-brand-er-dark-blue h3{color:#0c0068}.container .slug-colour-brand-er-dark-blue .slug{color:#0c0068}.container .date-colour-brand-er-dark-blue .date{color:#0c0068}.container .image-label-colour-brand-er-dark-blue .image-label{color:#0c0068}.container .main-title-colour-brand-er-teal h3{color:#00a76d}.container .slug-colour-brand-er-teal .slug{color:#00a76d}.container .date-colour-brand-er-teal .date{color:#00a76d}.container .image-label-colour-brand-er-teal .image-label{color:#00a76d}.container .main-title-colour-brand-emf-yellow h3{color:#FFE500}.container .slug-colour-brand-emf-yellow .slug{color:#FFE500}.container .date-colour-brand-emf-yellow .date{color:#FFE500}.container .image-label-colour-brand-emf-yellow .image-label{color:#FFE500}.container .main-title-colour-brand-c4c-orange h3{color:#F07D00}.container .slug-colour-brand-c4c-orange .slug{color:#F07D00}.container .date-colour-brand-c4c-orange .date{color:#F07D00}.container .image-label-colour-brand-c4c-orange .image-label{color:#F07D00}.container .main-title-colour-brand-afa-pink h3{color:#BF387D}.container .slug-colour-brand-afa-pink .slug{color:#BF387D}.container .date-colour-brand-afa-pink .date{color:#BF387D}.container .image-label-colour-brand-afa-pink .image-label{color:#BF387D}.container .main-title-colour-brand-scw-magenta h3{color:#EE2C65}.container .slug-colour-brand-scw-magenta .slug{color:#EE2C65}.container .date-colour-brand-scw-magenta .date{color:#EE2C65}.container .image-label-colour-brand-scw-magenta .image-label{color:#EE2C65}.container .main-title-colour-brand-mhf-turquoise h3{color:#62CFC9}.container .slug-colour-brand-mhf-turquoise .slug{color:#62CFC9}.container .date-colour-brand-mhf-turquoise .date{color:#62CFC9}.container .image-label-colour-brand-mhf-turquoise .image-label{color:#62CFC9}.container .main-title-colour-brand-grey h3{color:#CBC8C8}.container .slug-colour-brand-grey .slug{color:#CBC8C8}.container .date-colour-brand-grey .date{color:#CBC8C8}.container .image-label-colour-brand-grey .image-label{color:#CBC8C8}.container .main-title-colour-white h3{color:#FFFFFF}.container .slug-colour-white .slug{color:#FFFFFF}.container .date-colour-white .date{color:#FFFFFF}.container .image-label-colour-white .image-label{color:#FFFFFF}.container .main-title-colour-black h3{color:#000000}.container .slug-colour-black .slug{color:#000000}.container .date-colour-black .date{color:#000000}.container .image-label-colour-black .image-label{color:#000000}.container .main-title-colour-grey-extra-light h3{color:#D7D7D7}.container .slug-colour-grey-extra-light .slug{color:#D7D7D7}.container .date-colour-grey-extra-light .date{color:#D7D7D7}.container .image-label-colour-grey-extra-light .image-label{color:#D7D7D7}.container .main-title-colour-grey-light h3{color:#E8E8E8}.container .slug-colour-grey-light .slug{color:#E8E8E8}.container .date-colour-grey-light .date{color:#E8E8E8}.container .image-label-colour-grey-light .image-label{color:#E8E8E8}.container .main-title-colour-grey-medium h3{color:#8A8A8A}.container .slug-colour-grey-medium .slug{color:#8A8A8A}.container .date-colour-grey-medium .date{color:#8A8A8A}.container .image-label-colour-grey-medium .image-label{color:#8A8A8A}.container .main-title-colour-grey-dark h3{color:#4A4A4A}.container .slug-colour-grey-dark .slug{color:#4A4A4A}.container .date-colour-grey-dark .date{color:#4A4A4A}.container .image-label-colour-grey-dark .image-label{color:#4A4A4A}.container .main-title-colour-philco-orange h3{color:#f18a00}.container .slug-colour-philco-orange .slug{color:#f18a00}.container .date-colour-philco-orange .date{color:#f18a00}.container .image-label-colour-philco-orange .image-label{color:#f18a00}.container .main-title-colour-philco-gray-90 h3{color:#1d1d1B}.container .slug-colour-philco-gray-90 .slug{color:#1d1d1B}.container .date-colour-philco-gray-90 .date{color:#1d1d1B}.container .image-label-colour-philco-gray-90 .image-label{color:#1d1d1B}.container .main-title-colour-philco-gray-70 h3{color:#7D7D7D}.container .slug-colour-philco-gray-70 .slug{color:#7D7D7D}.container .date-colour-philco-gray-70 .date{color:#7D7D7D}.container .image-label-colour-philco-gray-70 .image-label{color:#7D7D7D}.container .main-title-colour-philco-white h3{color:#FFFFFF}.container .slug-colour-philco-white .slug{color:#FFFFFF}.container .date-colour-philco-white .date{color:#FFFFFF}.container .image-label-colour-philco-white .image-label{color:#FFFFFF}.container .main-title-colour-philco-success-green h3{color:#1Ec691}.container .slug-colour-philco-success-green .slug{color:#1Ec691}.container .date-colour-philco-success-green .date{color:#1Ec691}.container .image-label-colour-philco-success-green .image-label{color:#1Ec691}.container .main-title-colour-philco-error-coral h3{color:#F54242}.container .slug-colour-philco-error-coral .slug{color:#F54242}.container .date-colour-philco-error-coral .date{color:#F54242}.container .image-label-colour-philco-error-coral .image-label{color:#F54242}.container .main-title-colour-philco-gray-30 h3{color:#BBBBBB}.container .slug-colour-philco-gray-30 .slug{color:#BBBBBB}.container .date-colour-philco-gray-30 .date{color:#BBBBBB}.container .image-label-colour-philco-gray-30 .image-label{color:#BBBBBB}.container .main-title-colour-philco-gray-20 h3{color:#F6F6F6}.container .slug-colour-philco-gray-20 .slug{color:#F6F6F6}.container .date-colour-philco-gray-20 .date{color:#F6F6F6}.container .image-label-colour-philco-gray-20 .image-label{color:#F6F6F6}";
 

package/dist/esm/biggive-back-to-top.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getAssetPath } from './index-D977ETvr.js';
+import { r as registerInstance, h, a as getAssetPath } from './index-DEj362d6.js';
 
 const biggiveBackToTopCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;margin:30px 0;text-align:center}.container a{display:inline-block}.container a .text{display:block}";