@biggive/components 202404251627.0.0 → 202404301101.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/{p-e12e77c4.entry.js → p-f1f87569.entry.js} +2 -2
  3. package/dist/biggive/{p-e12e77c4.entry.js.map → p-f1f87569.entry.js.map} +1 -1
  4. package/dist/cjs/biggive-cookie-banner.cjs.entry.js +2 -2
  5. package/dist/cjs/biggive-cookie-banner.cjs.entry.js.map +1 -1
  6. package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.css +1 -1
  7. package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js +1 -1
  8. package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js.map +1 -1
  9. package/dist/components/biggive-cookie-banner.js +2 -2
  10. package/dist/components/biggive-cookie-banner.js.map +1 -1
  11. package/dist/esm/biggive-cookie-banner.entry.js +2 -2
  12. package/dist/esm/biggive-cookie-banner.entry.js.map +1 -1
  13. package/hydrate/index.js +2 -2
  14. package/package.json +1 -1
package/dist/biggive/biggive.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as e,H as o,b as t}from"./p-1437ac68.js";export{s as setNonce}from"./p-1437ac68.js";import{g as l}from"./p-e1255160.js";const r=()=>{{i(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};const i=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-807d11e7",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}],[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"fundingOptions":[1,"funding-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"selectedFilterFunding":[1025,"selected-filter-funding"],"filtersApplied":[32]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}],[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"usePresetFooter":[4,"use-preset-footer"]}],[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"myAccountflagEnabled":[4,"my-accountflag-enabled"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}],[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"iconGroup":[1,"icon-group"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}],[1,"biggive-accordion-entry",{"heading":[1]}],[1,"biggive-back-to-top"],[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}],[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}],[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}],[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}],[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}],[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"]}],[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}],[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}],[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}],[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"]}],[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}],[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-form-field-select",{"selectionChanged":[16],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"spaceBelow":[2,"space-below"],"placeholder":[1]}],[0,"biggive-generic-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"iconGroup":[1,"icon-group"],"icon":[1],"url":[1]}],[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[0,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"]}]]],["p-e12e77c4",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-b8d7fff4",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-6d89acbf",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-f3ddd6da",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["p-51aa7730",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-fb15fc85",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["p-4b69be81",[[1,"biggive-form"]]],["p-c72b4ea5",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["p-ad249092",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-3d60ea92",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-4a79bb6a",[[4,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-70285430",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]]'),e)}));
1
+ import{p as e,H as o,b as t}from"./p-1437ac68.js";export{s as setNonce}from"./p-1437ac68.js";import{g as l}from"./p-e1255160.js";const r=()=>{{i(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};const i=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-807d11e7",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}],[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"fundingOptions":[1,"funding-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"selectedFilterFunding":[1025,"selected-filter-funding"],"filtersApplied":[32]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}],[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"usePresetFooter":[4,"use-preset-footer"]}],[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"myAccountflagEnabled":[4,"my-accountflag-enabled"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}],[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"iconGroup":[1,"icon-group"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}],[1,"biggive-accordion-entry",{"heading":[1]}],[1,"biggive-back-to-top"],[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}],[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}],[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}],[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}],[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}],[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"]}],[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}],[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}],[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}],[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"]}],[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}],[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-form-field-select",{"selectionChanged":[16],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"spaceBelow":[2,"space-below"],"placeholder":[1]}],[0,"biggive-generic-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"iconGroup":[1,"icon-group"],"icon":[1],"url":[1]}],[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[0,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"]}]]],["p-f1f87569",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-b8d7fff4",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-6d89acbf",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-f3ddd6da",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["p-51aa7730",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-fb15fc85",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["p-4b69be81",[[1,"biggive-form"]]],["p-c72b4ea5",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["p-ad249092",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-3d60ea92",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-4a79bb6a",[[4,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-70285430",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]]'),e)}));
2
2
  //# sourceMappingURL=biggive.esm.js.map
package/dist/biggive/{p-e12e77c4.entry.js → p-f1f87569.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,c as o,h as r,g as a}from"./p-1437ac68.js";const c='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:600px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}';const t=c;const l=class{constructor(r){e(this,r);this.preferenceModalClosed=o(this,"preferenceModalClosed",7);this.cookieBannerAcceptAllSelected=o(this,"cookieBannerAcceptAllSelected",7);this.cookieBannerSavePreferencesSelected=o(this,"cookieBannerSavePreferencesSelected",7);this.handleChoosePrefencesClick=()=>{var e;const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");o.openFromOutside()};this.handleAcceptSelectedCookies=()=>{var e,o,r;const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");a.closeFromOutside();const c=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.getElementById("a-and-t-on");const t=(r=this.el.shadowRoot)===null||r===void 0?void 0:r.getElementById("third-party-on");this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:c.checked,thirdParty:t.checked});a.closeFromOutside()};this.handleRejectAllClicked=()=>{var e;this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:false,thirdParty:false});const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");o.closeFromOutside()};this.handleAcceptAllClick=()=>{this.cookieBannerAcceptAllSelected.emit()};this.autoOpenPreferences=false;this.blogUriPrefix=undefined;this.previouslyAgreedCookiePreferences=undefined}componentDidLoad(){this.autoOpenPreferencesIfRequested()}autoOpenPreferencesIfRequested(){if(this.autoOpenPreferences){this.handleChoosePrefencesClick()}}render(){const e=this.previouslyAgreedCookiePreferences||{};return r("div",{key:"bb3cc74272fa786763650b096a94d3d34b8f3371",class:"cooke-consent-container"},r("biggive-popup",{key:"1d2089a124e9309221c6c0498e5316d4ffb535c8",id:"cookie-preferences-popup",modalClosedCallback:this.preferenceModalClosed.emit},r("div",{key:"f9a61218706b40860cf06abd0280398d4326435e",class:"content"},r("h4",{key:"9d7af0ace12f977064eea4fc64454b705d516d47",class:"space-above-0 space-below-3 text-colour-primary"},"Manage your cookie preferences"),r("form",{key:"7b451fc1fc1649779c1e615ea250a644066d4a27"},r("div",{key:"ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c",class:"radio-group"},r("h5",{key:"02658fc42d2cf1ea07fa386cad97dd35fe50baec"},"Essential Cookies"),r("p",{key:"03cee8a9dd40194c101e25836118c652787e474f"},"These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."),r("input",{key:"8a828c0763e158237c2c96b29d970fe07bbbb1c7",type:"radio",name:"necassary",id:"necassary-off",disabled:true}),r("label",{key:"6826caa1a31b3108b38bd2c39eaed567ae8fed7a",htmlFor:"necassary-on"},"Off"),r("input",{key:"e7146f6afd08875ba78a06aa9895e4c03a7e34f1",type:"radio",name:"necassary",id:"necassary-on",disabled:true,checked:true}),r("label",{key:"6aaa785ad54660e1c486533360b488bc7ddaab5e",htmlFor:"necassary-on"},"On")),r("div",{key:"e21b09ab306105ed36abcb37c6107525b2da0083",class:"radio-group"},r("h5",{key:"24deb27cfccf6e1b0d8d5f4d47f710d1338d4414"},"Analytics & Testing Cookies"),r("p",{key:"d2832a5329acd0f6785049c1c249638edbd922e1"},"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 used. This allows us to personalise and improve our content."),r("p",{key:"36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3"},"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."),r("input",{key:"b59bb13cfd572d76425c54cefbcafbc2e486f054",type:"radio",name:"a-and-t",id:"a-and-t-off",checked:!e.analyticsAndTesting}),r("label",{key:"8bf1a660e64e91787488d1f4d5cc2a709a66ba1e",htmlFor:"a-and-t-off"},"Off"),r("input",{key:"dd7b849dac9f61f1d1eeb90db117abb592765d27",type:"radio",name:"a-and-t",id:"a-and-t-on",checked:!!e.analyticsAndTesting}),r("label",{key:"1d986d6415281a97f7e36c2e9d906d3e8561d8af",htmlFor:"a-and-t-on"},"On")),r("div",{key:"5322fd08877b5742e1e458c4391d1b801f76e393",class:"radio-group"},r("h5",{key:"c33723dc04640af26a79fca2d41147d248fb14a0"},"Third-party Cookies "),r("p",{key:"920d9a3d927fc4a8cc5ce3d734d89a334b63ef50"},"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."),r("input",{key:"d06c8f7f4a9d49bfd92d681e070884fbd5d1113a",type:"radio",name:"third-party",id:"third-party-off",checked:!e.thirdParty}),r("label",{key:"c85947a44e83b98f53ee28427784e309eabf9898",htmlFor:"third-party-off"},"Off"),r("input",{key:"10fff6069b1e9155250a359a4929094c056dc03a",type:"radio",name:"third-party",id:"third-party-on",checked:!!e.thirdParty}),r("label",{key:"0b23a793eeca28bc8ca4424a3a9d60c2d7740e50",htmlFor:"third-party-on"},"On")),r("biggive-button",{key:"ad52978b4b7ab55d1e680f4b6a515b1eb589342a","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})),r("p",{key:"42828bbd192ba6208687cf181debea139bdaf271"},"You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))),r("h2",{key:"d6069cdbe5836bdc4ebb5615dca0b19c5e521e61"},"Our website uses cookies"),r("p",{key:"ae751ada0b2b7cf0c505584e0e4773035a783b22"},"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."),r("p",{key:"1b908d5ed81c19186ab1a86972ef9a4aab7e73d5"},r("a",{key:"687767569531654ebdfe7d6025afc95aad626317",href:this.blogUriPrefix+"/privacy#cookies",target:"_blank"},"Find out more in our Cookies Statement")),r("div",{key:"68e06addbe06f9cbdce8f10ecc97e9b14aff1f58",class:"button-group"},r("biggive-button",{key:"9c3612bbe69360582cba46b8dca78fef1b9cb8d2",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"}),r("biggive-button",{key:"33f507c3ed064742d3ed33b3145dff466e9f2d70",onClick:this.handleRejectAllClicked,"space-below":"0","colour-scheme":"grey-light","is-past-campaign":"false","is-future-campaign":"false",label:"Reject All","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:false,centered:false,"button-id":"choose-preferences-button"}),r("biggive-button",{key:"c375248118aefd4496ed61085179ec3d354fb8d7",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 a(this)}static get watchers(){return{autoOpenPreferences:["autoOpenPreferencesIfRequested"]}}};l.style=t;export{l as biggive_cookie_banner};
2
- //# sourceMappingURL=p-e12e77c4.entry.js.map
1
+ import{r as e,c as o,h as r,g as a}from"./p-1437ac68.js";const c='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:650px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}';const t=c;const l=class{constructor(r){e(this,r);this.preferenceModalClosed=o(this,"preferenceModalClosed",7);this.cookieBannerAcceptAllSelected=o(this,"cookieBannerAcceptAllSelected",7);this.cookieBannerSavePreferencesSelected=o(this,"cookieBannerSavePreferencesSelected",7);this.handleChoosePrefencesClick=()=>{var e;const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");o.openFromOutside()};this.handleAcceptSelectedCookies=()=>{var e,o,r;const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");a.closeFromOutside();const c=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.getElementById("a-and-t-on");const t=(r=this.el.shadowRoot)===null||r===void 0?void 0:r.getElementById("third-party-on");this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:c.checked,thirdParty:t.checked});a.closeFromOutside()};this.handleRejectAllClicked=()=>{var e;this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:false,thirdParty:false});const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");o.closeFromOutside()};this.handleAcceptAllClick=()=>{this.cookieBannerAcceptAllSelected.emit()};this.autoOpenPreferences=false;this.blogUriPrefix=undefined;this.previouslyAgreedCookiePreferences=undefined}componentDidLoad(){this.autoOpenPreferencesIfRequested()}autoOpenPreferencesIfRequested(){if(this.autoOpenPreferences){this.handleChoosePrefencesClick()}}render(){const e=this.previouslyAgreedCookiePreferences||{};return r("div",{key:"bb3cc74272fa786763650b096a94d3d34b8f3371",class:"cooke-consent-container"},r("biggive-popup",{key:"1d2089a124e9309221c6c0498e5316d4ffb535c8",id:"cookie-preferences-popup",modalClosedCallback:this.preferenceModalClosed.emit},r("div",{key:"f9a61218706b40860cf06abd0280398d4326435e",class:"content"},r("h4",{key:"9d7af0ace12f977064eea4fc64454b705d516d47",class:"space-above-0 space-below-3 text-colour-primary"},"Manage your cookie preferences"),r("form",{key:"7b451fc1fc1649779c1e615ea250a644066d4a27"},r("div",{key:"ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c",class:"radio-group"},r("h5",{key:"02658fc42d2cf1ea07fa386cad97dd35fe50baec"},"Essential Cookies"),r("p",{key:"03cee8a9dd40194c101e25836118c652787e474f"},"These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."),r("input",{key:"8a828c0763e158237c2c96b29d970fe07bbbb1c7",type:"radio",name:"necassary",id:"necassary-off",disabled:true}),r("label",{key:"6826caa1a31b3108b38bd2c39eaed567ae8fed7a",htmlFor:"necassary-on"},"Off"),r("input",{key:"e7146f6afd08875ba78a06aa9895e4c03a7e34f1",type:"radio",name:"necassary",id:"necassary-on",disabled:true,checked:true}),r("label",{key:"6aaa785ad54660e1c486533360b488bc7ddaab5e",htmlFor:"necassary-on"},"On")),r("div",{key:"e21b09ab306105ed36abcb37c6107525b2da0083",class:"radio-group"},r("h5",{key:"24deb27cfccf6e1b0d8d5f4d47f710d1338d4414"},"Analytics & Testing Cookies"),r("p",{key:"d2832a5329acd0f6785049c1c249638edbd922e1"},"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 used. This allows us to personalise and improve our content."),r("p",{key:"36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3"},"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."),r("input",{key:"b59bb13cfd572d76425c54cefbcafbc2e486f054",type:"radio",name:"a-and-t",id:"a-and-t-off",checked:!e.analyticsAndTesting}),r("label",{key:"8bf1a660e64e91787488d1f4d5cc2a709a66ba1e",htmlFor:"a-and-t-off"},"Off"),r("input",{key:"dd7b849dac9f61f1d1eeb90db117abb592765d27",type:"radio",name:"a-and-t",id:"a-and-t-on",checked:!!e.analyticsAndTesting}),r("label",{key:"1d986d6415281a97f7e36c2e9d906d3e8561d8af",htmlFor:"a-and-t-on"},"On")),r("div",{key:"5322fd08877b5742e1e458c4391d1b801f76e393",class:"radio-group"},r("h5",{key:"c33723dc04640af26a79fca2d41147d248fb14a0"},"Third-party Cookies "),r("p",{key:"920d9a3d927fc4a8cc5ce3d734d89a334b63ef50"},"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."),r("input",{key:"d06c8f7f4a9d49bfd92d681e070884fbd5d1113a",type:"radio",name:"third-party",id:"third-party-off",checked:!e.thirdParty}),r("label",{key:"c85947a44e83b98f53ee28427784e309eabf9898",htmlFor:"third-party-off"},"Off"),r("input",{key:"10fff6069b1e9155250a359a4929094c056dc03a",type:"radio",name:"third-party",id:"third-party-on",checked:!!e.thirdParty}),r("label",{key:"0b23a793eeca28bc8ca4424a3a9d60c2d7740e50",htmlFor:"third-party-on"},"On")),r("biggive-button",{key:"ad52978b4b7ab55d1e680f4b6a515b1eb589342a","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})),r("p",{key:"42828bbd192ba6208687cf181debea139bdaf271"},"You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))),r("h2",{key:"d6069cdbe5836bdc4ebb5615dca0b19c5e521e61"},"Our website uses cookies"),r("p",{key:"ae751ada0b2b7cf0c505584e0e4773035a783b22"},"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."),r("p",{key:"1b908d5ed81c19186ab1a86972ef9a4aab7e73d5"},r("a",{key:"687767569531654ebdfe7d6025afc95aad626317",href:this.blogUriPrefix+"/privacy#cookies",target:"_blank"},"Find out more in our Cookies Statement")),r("div",{key:"68e06addbe06f9cbdce8f10ecc97e9b14aff1f58",class:"button-group"},r("biggive-button",{key:"9c3612bbe69360582cba46b8dca78fef1b9cb8d2",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"}),r("biggive-button",{key:"7a12a07f924ad4f883358ebb652660fe6c854d0e",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"}),r("biggive-button",{key:"4d159f5adf3877ce8d6ccd319c5df2a35bab001f",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 a(this)}static get watchers(){return{autoOpenPreferences:["autoOpenPreferencesIfRequested"]}}};l.style=t;export{l as biggive_cookie_banner};
2
+ //# sourceMappingURL=p-f1f87569.entry.js.map
package/dist/biggive/{p-e12e77c4.entry.js.map → p-f1f87569.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["biggiveCookieBannerCss","BiggiveCookieBannerStyle0","BiggiveCookieBanner","this","handleChoosePrefencesClick","elementById","_a","el","shadowRoot","getElementById","openFromOutside","handleAcceptSelectedCookies","closeFromOutside","analyticsAndTestingRadio","_b","thirdPartyRadio","_c","cookieBannerSavePreferencesSelected","emit","analyticsAndTesting","checked","thirdParty","handleRejectAllClicked","handleAcceptAllClick","cookieBannerAcceptAllSelected","undefined","componentDidLoad","autoOpenPreferencesIfRequested","autoOpenPreferences","render","cookiesCurrentlyAllowed","previouslyAgreedCookiePreferences","h","key","class","id","modalClosedCallback","preferenceModalClosed","type","name","disabled","htmlFor","label","size","rounded","centered","onClick","href","blogUriPrefix","target"],"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: 600px;\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=\"Reject All\"\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"],"mappings":"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"}
1
+ {"version":3,"names":["biggiveCookieBannerCss","BiggiveCookieBannerStyle0","BiggiveCookieBanner","this","handleChoosePrefencesClick","elementById","_a","el","shadowRoot","getElementById","openFromOutside","handleAcceptSelectedCookies","closeFromOutside","analyticsAndTestingRadio","_b","thirdPartyRadio","_c","cookieBannerSavePreferencesSelected","emit","analyticsAndTesting","checked","thirdParty","handleRejectAllClicked","handleAcceptAllClick","cookieBannerAcceptAllSelected","undefined","componentDidLoad","autoOpenPreferencesIfRequested","autoOpenPreferences","render","cookiesCurrentlyAllowed","previouslyAgreedCookiePreferences","h","key","class","id","modalClosedCallback","preferenceModalClosed","type","name","disabled","htmlFor","label","size","rounded","centered","onClick","href","blogUriPrefix","target"],"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"],"mappings":"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"}
package/dist/cjs/biggive-cookie-banner.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-699067d0.js');
6
6
 
7
- const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:600px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
7
+ const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:650px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
8
8
  const BiggiveCookieBannerStyle0 = biggiveCookieBannerCss;
9
9
 
10
10
  const BiggiveCookieBanner = class {
@@ -58,7 +58,7 @@ const BiggiveCookieBanner = class {
58
58
  // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
59
59
  // declined.
60
60
  const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
61
- return (index.h("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, index.h("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, index.h("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, index.h("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), index.h("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, index.h("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, index.h("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), index.h("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), index.h("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), index.h("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), index.h("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), index.h("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), index.h("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, index.h("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), index.h("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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."), index.h("p", { key: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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."), index.h("input", { key: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), index.h("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), index.h("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), index.h("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), index.h("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, index.h("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), index.h("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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."), index.h("input", { key: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), index.h("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), index.h("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), index.h("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), index.h("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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 })), index.h("p", { key: '42828bbd192ba6208687cf181debea139bdaf271' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), index.h("h2", { key: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), index.h("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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."), index.h("p", { key: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, index.h("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), index.h("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, index.h("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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" }), index.h("biggive-button", { key: '33f507c3ed064742d3ed33b3145dff466e9f2d70', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Reject All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), index.h("biggive-button", { key: 'c375248118aefd4496ed61085179ec3d354fb8d7', 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" }))));
61
+ return (index.h("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, index.h("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, index.h("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, index.h("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), index.h("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, index.h("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, index.h("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), index.h("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), index.h("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), index.h("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), index.h("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), index.h("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), index.h("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, index.h("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), index.h("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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."), index.h("p", { key: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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."), index.h("input", { key: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), index.h("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), index.h("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), index.h("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), index.h("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, index.h("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), index.h("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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."), index.h("input", { key: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), index.h("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), index.h("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), index.h("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), index.h("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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 })), index.h("p", { key: '42828bbd192ba6208687cf181debea139bdaf271' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), index.h("h2", { key: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), index.h("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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."), index.h("p", { key: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, index.h("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), index.h("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, index.h("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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" }), index.h("biggive-button", { key: '7a12a07f924ad4f883358ebb652660fe6c854d0e', 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" }), index.h("biggive-button", { key: '4d159f5adf3877ce8d6ccd319c5df2a35bab001f', 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" }))));
62
62
  }
63
63
  get el() { return index.getElement(this); }
64
64
  static get watchers() { return {
package/dist/cjs/biggive-cookie-banner.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"biggive-cookie-banner.entry.cjs.js","mappings":"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","names":["h"],"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: 600px;\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=\"Reject All\"\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}
1
+ {"file":"biggive-cookie-banner.entry.cjs.js","mappings":"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","names":["h"],"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}
package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.css CHANGED
@@ -407,7 +407,7 @@ div.cooke-consent-container {
407
407
  border-radius: 10px;
408
408
  background: white;
409
409
  border: 1px solid black;
410
- max-width: 600px;
410
+ max-width: 650px;
411
411
  padding: 1em;
412
412
  }
413
413
 
package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js CHANGED
@@ -46,7 +46,7 @@ export class BiggiveCookieBanner {
46
46
  // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
47
47
  // declined.
48
48
  const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
49
- return (h("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, h("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, h("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, h("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, h("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), h("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), h("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, h("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), h("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, h("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), h("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), h("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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: '42828bbd192ba6208687cf181debea139bdaf271' }, "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: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), h("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, h("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, h("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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: '33f507c3ed064742d3ed33b3145dff466e9f2d70', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Reject All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: 'c375248118aefd4496ed61085179ec3d354fb8d7', 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" }))));
49
+ return (h("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, h("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, h("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, h("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, h("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), h("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), h("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, h("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), h("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, h("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), h("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), h("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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: '42828bbd192ba6208687cf181debea139bdaf271' }, "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: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), h("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, h("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, h("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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: '7a12a07f924ad4f883358ebb652660fe6c854d0e', 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: '4d159f5adf3877ce8d6ccd319c5df2a35bab001f', 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" }))));
50
50
  }
51
51
  static get is() { return "biggive-cookie-banner"; }
52
52
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js.map CHANGED
@@ -1 +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=\"Reject All\"\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"]}
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"]}
package/dist/components/biggive-cookie-banner.js CHANGED
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
2
2
  import { d as defineCustomElement$3 } from './biggive-button2.js';
3
3
  import { d as defineCustomElement$2 } from './biggive-popup2.js';
4
4
 
5
- const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:600px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
5
+ const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:650px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
6
6
  const BiggiveCookieBannerStyle0 = biggiveCookieBannerCss;
7
7
 
8
8
  const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCookieBanner extends HTMLElement {
@@ -58,7 +58,7 @@ const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCook
58
58
  // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
59
59
  // declined.
60
60
  const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
61
- return (h("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, h("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, h("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, h("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, h("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), h("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), h("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, h("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), h("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, h("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), h("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), h("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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: '42828bbd192ba6208687cf181debea139bdaf271' }, "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: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), h("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, h("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, h("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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: '33f507c3ed064742d3ed33b3145dff466e9f2d70', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Reject All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: 'c375248118aefd4496ed61085179ec3d354fb8d7', 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" }))));
61
+ return (h("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, h("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, h("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, h("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, h("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), h("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), h("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, h("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), h("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, h("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), h("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), h("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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: '42828bbd192ba6208687cf181debea139bdaf271' }, "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: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), h("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, h("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, h("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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: '7a12a07f924ad4f883358ebb652660fe6c854d0e', 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: '4d159f5adf3877ce8d6ccd319c5df2a35bab001f', 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" }))));
62
62
  }
63
63
  get el() { return this; }
64
64
  static get watchers() { return {
package/dist/components/biggive-cookie-banner.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"biggive-cookie-banner.js","mappings":"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","names":["BiggiveCookieBanner"],"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: 600px;\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=\"Reject All\"\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}
1
+ {"file":"biggive-cookie-banner.js","mappings":"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","names":["BiggiveCookieBanner"],"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}
package/dist/esm/biggive-cookie-banner.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-29eeb169.js';
2
2
 
3
- const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:600px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
3
+ const biggiveCookieBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:650px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
4
4
  const BiggiveCookieBannerStyle0 = biggiveCookieBannerCss;
5
5
 
6
6
  const BiggiveCookieBanner = class {
@@ -54,7 +54,7 @@ const BiggiveCookieBanner = class {
54
54
  // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
55
55
  // declined.
56
56
  const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
57
- return (h("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, h("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, h("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, h("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, h("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), h("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), h("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, h("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), h("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, h("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), h("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), h("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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: '42828bbd192ba6208687cf181debea139bdaf271' }, "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: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), h("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, h("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, h("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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: '33f507c3ed064742d3ed33b3145dff466e9f2d70', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Reject All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: 'c375248118aefd4496ed61085179ec3d354fb8d7', 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" }))));
57
+ return (h("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, h("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, h("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, h("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, h("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), h("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), h("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, h("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), h("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, h("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), h("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), h("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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: '42828bbd192ba6208687cf181debea139bdaf271' }, "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: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), h("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, h("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, h("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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: '7a12a07f924ad4f883358ebb652660fe6c854d0e', 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: '4d159f5adf3877ce8d6ccd319c5df2a35bab001f', 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" }))));
58
58
  }
59
59
  get el() { return getElement(this); }
60
60
  static get watchers() { return {
package/dist/esm/biggive-cookie-banner.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"biggive-cookie-banner.entry.js","mappings":"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","names":[],"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: 600px;\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=\"Reject All\"\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}
1
+ {"file":"biggive-cookie-banner.entry.js","mappings":"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","names":[],"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}
package/hydrate/index.js CHANGED
@@ -9045,7 +9045,7 @@ class BiggiveCategoryIcon {
9045
9045
  }; }
9046
9046
  }
9047
9047
 
9048
- const biggiveCookieBannerCss = "/*!@a*/a.sc-biggive-cookie-banner{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-cookie-banner:hover{text-decoration:none}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-cookie-banner:hover,.background-colour-primary.sc-biggive-cookie-banner{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-cookie-banner:hover,.background-colour-secondary.sc-biggive-cookie-banner{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-cookie-banner:hover,.background-colour-tertiary.sc-biggive-cookie-banner{background-color:#FF7272}/*!@.background-colour-hover-brand-1:hover,\n.background-colour-brand-1*/.background-colour-hover-brand-1.sc-biggive-cookie-banner:hover,.background-colour-brand-1.sc-biggive-cookie-banner{background-color:#B30510}/*!@.background-colour-hover-brand-2:hover,\n.background-colour-brand-2*/.background-colour-hover-brand-2.sc-biggive-cookie-banner:hover,.background-colour-brand-2.sc-biggive-cookie-banner{background-color:#6E0887}/*!@.background-colour-hover-brand-3:hover,\n.background-colour-brand-3*/.background-colour-hover-brand-3.sc-biggive-cookie-banner:hover,.background-colour-brand-3.sc-biggive-cookie-banner{background-color:#50B400}/*!@.background-colour-hover-brand-4:hover,\n.background-colour-brand-4*/.background-colour-hover-brand-4.sc-biggive-cookie-banner:hover,.background-colour-brand-4.sc-biggive-cookie-banner{background-color:#FFE500}/*!@.background-colour-hover-brand-5:hover,\n.background-colour-brand-5*/.background-colour-hover-brand-5.sc-biggive-cookie-banner:hover,.background-colour-brand-5.sc-biggive-cookie-banner{background-color:#F07D00}/*!@.background-colour-hover-brand-cc-red:hover,\n.background-colour-brand-cc-red*/.background-colour-hover-brand-cc-red.sc-biggive-cookie-banner:hover,.background-colour-brand-cc-red.sc-biggive-cookie-banner{background-color:#B30510}/*!@.background-colour-hover-brand-wgmf-purple:hover,\n.background-colour-brand-wgmf-purple*/.background-colour-hover-brand-wgmf-purple.sc-biggive-cookie-banner:hover,.background-colour-brand-wgmf-purple.sc-biggive-cookie-banner{background-color:#6E0887}/*!@.background-colour-hover-brand-gmf-green:hover,\n.background-colour-brand-gmf-green*/.background-colour-hover-brand-gmf-green.sc-biggive-cookie-banner:hover,.background-colour-brand-gmf-green.sc-biggive-cookie-banner{background-color:#50B400}/*!@.background-colour-hover-brand-emf-yellow:hover,\n.background-colour-brand-emf-yellow*/.background-colour-hover-brand-emf-yellow.sc-biggive-cookie-banner:hover,.background-colour-brand-emf-yellow.sc-biggive-cookie-banner{background-color:#FFE500}/*!@.background-colour-hover-brand-c4c-orange:hover,\n.background-colour-brand-c4c-orange*/.background-colour-hover-brand-c4c-orange.sc-biggive-cookie-banner:hover,.background-colour-brand-c4c-orange.sc-biggive-cookie-banner{background-color:#F07D00}/*!@.background-colour-hover-brand-afa-pink:hover,\n.background-colour-brand-afa-pink*/.background-colour-hover-brand-afa-pink.sc-biggive-cookie-banner:hover,.background-colour-brand-afa-pink.sc-biggive-cookie-banner{background-color:#BF387D}/*!@.background-colour-hover-brand-mhf-turquoise:hover,\n.background-colour-brand-mhf-turquoise*/.background-colour-hover-brand-mhf-turquoise.sc-biggive-cookie-banner:hover,.background-colour-brand-mhf-turquoise.sc-biggive-cookie-banner{background-color:#62CFC9}/*!@.background-colour-hover-brand-grey:hover,\n.background-colour-brand-grey*/.background-colour-hover-brand-grey.sc-biggive-cookie-banner:hover,.background-colour-brand-grey.sc-biggive-cookie-banner{background-color:#CBC8C8}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-cookie-banner:hover,.background-colour-white.sc-biggive-cookie-banner{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-cookie-banner:hover,.background-colour-black.sc-biggive-cookie-banner{background-color:#000000}/*!@.background-colour-hover-grey-extra-light:hover,\n.background-colour-grey-extra-light*/.background-colour-hover-grey-extra-light.sc-biggive-cookie-banner:hover,.background-colour-grey-extra-light.sc-biggive-cookie-banner{background-color:#D7D7D7}/*!@.background-colour-hover-grey-light:hover,\n.background-colour-grey-light*/.background-colour-hover-grey-light.sc-biggive-cookie-banner:hover,.background-colour-grey-light.sc-biggive-cookie-banner{background-color:#E8E8E8}/*!@.background-colour-hover-grey-medium:hover,\n.background-colour-grey-medium*/.background-colour-hover-grey-medium.sc-biggive-cookie-banner:hover,.background-colour-grey-medium.sc-biggive-cookie-banner{background-color:#8A8A8A}/*!@.background-colour-hover-grey-dark:hover,\n.background-colour-grey-dark*/.background-colour-hover-grey-dark.sc-biggive-cookie-banner:hover,.background-colour-grey-dark.sc-biggive-cookie-banner{background-color:#4A4A4A}/*!@.background-colour-hover-brand-6:hover,\n.background-colour-brand-6*/.background-colour-hover-brand-6.sc-biggive-cookie-banner:hover,.background-colour-brand-6.sc-biggive-cookie-banner{background-color:#62CFC9}/*!@.fill-primary*/.fill-primary.sc-biggive-cookie-banner{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-cookie-banner{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-cookie-banner{fill:#FF7272}/*!@.fill-brand-1*/.fill-brand-1.sc-biggive-cookie-banner{fill:#B30510}/*!@.fill-brand-2*/.fill-brand-2.sc-biggive-cookie-banner{fill:#6E0887}/*!@.fill-brand-3*/.fill-brand-3.sc-biggive-cookie-banner{fill:#50B400}/*!@.fill-brand-4*/.fill-brand-4.sc-biggive-cookie-banner{fill:#FFE500}/*!@.fill-brand-5*/.fill-brand-5.sc-biggive-cookie-banner{fill:#F07D00}/*!@.fill-brand-cc-red*/.fill-brand-cc-red.sc-biggive-cookie-banner{fill:#B30510}/*!@.fill-brand-wgmf-purple*/.fill-brand-wgmf-purple.sc-biggive-cookie-banner{fill:#6E0887}/*!@.fill-brand-gmf-green*/.fill-brand-gmf-green.sc-biggive-cookie-banner{fill:#50B400}/*!@.fill-brand-emf-yellow*/.fill-brand-emf-yellow.sc-biggive-cookie-banner{fill:#FFE500}/*!@.fill-brand-c4c-orange*/.fill-brand-c4c-orange.sc-biggive-cookie-banner{fill:#F07D00}/*!@.fill-brand-afa-pink*/.fill-brand-afa-pink.sc-biggive-cookie-banner{fill:#BF387D}/*!@.fill-brand-mhf-turquoise*/.fill-brand-mhf-turquoise.sc-biggive-cookie-banner{fill:#62CFC9}/*!@.fill-brand-grey*/.fill-brand-grey.sc-biggive-cookie-banner{fill:#CBC8C8}/*!@.fill-white*/.fill-white.sc-biggive-cookie-banner{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-cookie-banner{fill:#000000}/*!@.fill-grey-extra-light*/.fill-grey-extra-light.sc-biggive-cookie-banner{fill:#D7D7D7}/*!@.fill-grey-light*/.fill-grey-light.sc-biggive-cookie-banner{fill:#E8E8E8}/*!@.fill-grey-medium*/.fill-grey-medium.sc-biggive-cookie-banner{fill:#8A8A8A}/*!@.fill-grey-dark*/.fill-grey-dark.sc-biggive-cookie-banner{fill:#4A4A4A}/*!@.fill-brand-6*/.fill-brand-6.sc-biggive-cookie-banner{fill:#CBC8C8}/*!@.space-above-0*/.space-above-0.sc-biggive-cookie-banner{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-cookie-banner{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-cookie-banner{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-cookie-banner{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-cookie-banner{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-cookie-banner{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-cookie-banner{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-cookie-banner{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-cookie-banner{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-cookie-banner{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-cookie-banner{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-cookie-banner{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-cookie-banner{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-cookie-banner{margin-bottom:60px}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-cookie-banner:hover,.text-colour-primary.sc-biggive-cookie-banner{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-cookie-banner:hover,.text-colour-secondary.sc-biggive-cookie-banner{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-cookie-banner:hover,.text-colour-tertiary.sc-biggive-cookie-banner{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-cookie-banner:hover,.text-colour-brand-1.sc-biggive-cookie-banner{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-cookie-banner:hover,.text-colour-brand-2.sc-biggive-cookie-banner{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-cookie-banner:hover,.text-colour-brand-3.sc-biggive-cookie-banner{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-cookie-banner:hover,.text-colour-brand-4.sc-biggive-cookie-banner{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-cookie-banner:hover,.text-colour-brand-5.sc-biggive-cookie-banner{color:#F07D00}/*!@.text-colour-hover-brand-cc-red:hover,\n.text-colour-brand-cc-red*/.text-colour-hover-brand-cc-red.sc-biggive-cookie-banner:hover,.text-colour-brand-cc-red.sc-biggive-cookie-banner{color:#B30510}/*!@.text-colour-hover-brand-wgmf-purple:hover,\n.text-colour-brand-wgmf-purple*/.text-colour-hover-brand-wgmf-purple.sc-biggive-cookie-banner:hover,.text-colour-brand-wgmf-purple.sc-biggive-cookie-banner{color:#6E0887}/*!@.text-colour-hover-brand-gmf-green:hover,\n.text-colour-brand-gmf-green*/.text-colour-hover-brand-gmf-green.sc-biggive-cookie-banner:hover,.text-colour-brand-gmf-green.sc-biggive-cookie-banner{color:#50B400}/*!@.text-colour-hover-brand-emf-yellow:hover,\n.text-colour-brand-emf-yellow*/.text-colour-hover-brand-emf-yellow.sc-biggive-cookie-banner:hover,.text-colour-brand-emf-yellow.sc-biggive-cookie-banner{color:#FFE500}/*!@.text-colour-hover-brand-c4c-orange:hover,\n.text-colour-brand-c4c-orange*/.text-colour-hover-brand-c4c-orange.sc-biggive-cookie-banner:hover,.text-colour-brand-c4c-orange.sc-biggive-cookie-banner{color:#F07D00}/*!@.text-colour-hover-brand-afa-pink:hover,\n.text-colour-brand-afa-pink*/.text-colour-hover-brand-afa-pink.sc-biggive-cookie-banner:hover,.text-colour-brand-afa-pink.sc-biggive-cookie-banner{color:#BF387D}/*!@.text-colour-hover-brand-mhf-turquoise:hover,\n.text-colour-brand-mhf-turquoise*/.text-colour-hover-brand-mhf-turquoise.sc-biggive-cookie-banner:hover,.text-colour-brand-mhf-turquoise.sc-biggive-cookie-banner{color:#62CFC9}/*!@.text-colour-hover-brand-grey:hover,\n.text-colour-brand-grey*/.text-colour-hover-brand-grey.sc-biggive-cookie-banner:hover,.text-colour-brand-grey.sc-biggive-cookie-banner{color:#CBC8C8}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-cookie-banner:hover,.text-colour-white.sc-biggive-cookie-banner{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-cookie-banner:hover,.text-colour-black.sc-biggive-cookie-banner{color:#000000}/*!@.text-colour-hover-grey-extra-light:hover,\n.text-colour-grey-extra-light*/.text-colour-hover-grey-extra-light.sc-biggive-cookie-banner:hover,.text-colour-grey-extra-light.sc-biggive-cookie-banner{color:#D7D7D7}/*!@.text-colour-hover-grey-light:hover,\n.text-colour-grey-light*/.text-colour-hover-grey-light.sc-biggive-cookie-banner:hover,.text-colour-grey-light.sc-biggive-cookie-banner{color:#E8E8E8}/*!@.text-colour-hover-grey-medium:hover,\n.text-colour-grey-medium*/.text-colour-hover-grey-medium.sc-biggive-cookie-banner:hover,.text-colour-grey-medium.sc-biggive-cookie-banner{color:#8A8A8A}/*!@.text-colour-hover-grey-dark:hover,\n.text-colour-grey-dark*/.text-colour-hover-grey-dark.sc-biggive-cookie-banner:hover,.text-colour-grey-dark.sc-biggive-cookie-banner{color:#4A4A4A}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-cookie-banner:hover,.text-colour-brand-6.sc-biggive-cookie-banner{color:#CBC8C8}/*!@:host*/.sc-biggive-cookie-banner-h{display:contents}/*!@h2:first-child*/h2.sc-biggive-cookie-banner:first-child{margin-top:0}/*!@div.cooke-consent-container*/div.cooke-consent-container.sc-biggive-cookie-banner{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:600px;padding:1em}/*!@div.button-group*/div.button-group.sc-biggive-cookie-banner{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){/*!@div.button-group*/div.button-group.sc-biggive-cookie-banner{flex-direction:row-reverse}}/*!@biggive-popup*/biggive-popup.sc-biggive-cookie-banner{font-size:17px;line-height:24px}/*!@biggive-popup div.content*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner{max-height:95vh;overflow:auto}/*!@biggive-popup div.content h5*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner h5.sc-biggive-cookie-banner{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}/*!@biggive-popup div.content p*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner p.sc-biggive-cookie-banner{margin-top:5px;margin-bottom:8px}/*!@biggive-popup div.content div.radio-group*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner div.radio-group.sc-biggive-cookie-banner{margin-bottom:30px}";
9048
+ const biggiveCookieBannerCss = "/*!@a*/a.sc-biggive-cookie-banner{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-cookie-banner:hover{text-decoration:none}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-cookie-banner:hover,.background-colour-primary.sc-biggive-cookie-banner{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-cookie-banner:hover,.background-colour-secondary.sc-biggive-cookie-banner{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-cookie-banner:hover,.background-colour-tertiary.sc-biggive-cookie-banner{background-color:#FF7272}/*!@.background-colour-hover-brand-1:hover,\n.background-colour-brand-1*/.background-colour-hover-brand-1.sc-biggive-cookie-banner:hover,.background-colour-brand-1.sc-biggive-cookie-banner{background-color:#B30510}/*!@.background-colour-hover-brand-2:hover,\n.background-colour-brand-2*/.background-colour-hover-brand-2.sc-biggive-cookie-banner:hover,.background-colour-brand-2.sc-biggive-cookie-banner{background-color:#6E0887}/*!@.background-colour-hover-brand-3:hover,\n.background-colour-brand-3*/.background-colour-hover-brand-3.sc-biggive-cookie-banner:hover,.background-colour-brand-3.sc-biggive-cookie-banner{background-color:#50B400}/*!@.background-colour-hover-brand-4:hover,\n.background-colour-brand-4*/.background-colour-hover-brand-4.sc-biggive-cookie-banner:hover,.background-colour-brand-4.sc-biggive-cookie-banner{background-color:#FFE500}/*!@.background-colour-hover-brand-5:hover,\n.background-colour-brand-5*/.background-colour-hover-brand-5.sc-biggive-cookie-banner:hover,.background-colour-brand-5.sc-biggive-cookie-banner{background-color:#F07D00}/*!@.background-colour-hover-brand-cc-red:hover,\n.background-colour-brand-cc-red*/.background-colour-hover-brand-cc-red.sc-biggive-cookie-banner:hover,.background-colour-brand-cc-red.sc-biggive-cookie-banner{background-color:#B30510}/*!@.background-colour-hover-brand-wgmf-purple:hover,\n.background-colour-brand-wgmf-purple*/.background-colour-hover-brand-wgmf-purple.sc-biggive-cookie-banner:hover,.background-colour-brand-wgmf-purple.sc-biggive-cookie-banner{background-color:#6E0887}/*!@.background-colour-hover-brand-gmf-green:hover,\n.background-colour-brand-gmf-green*/.background-colour-hover-brand-gmf-green.sc-biggive-cookie-banner:hover,.background-colour-brand-gmf-green.sc-biggive-cookie-banner{background-color:#50B400}/*!@.background-colour-hover-brand-emf-yellow:hover,\n.background-colour-brand-emf-yellow*/.background-colour-hover-brand-emf-yellow.sc-biggive-cookie-banner:hover,.background-colour-brand-emf-yellow.sc-biggive-cookie-banner{background-color:#FFE500}/*!@.background-colour-hover-brand-c4c-orange:hover,\n.background-colour-brand-c4c-orange*/.background-colour-hover-brand-c4c-orange.sc-biggive-cookie-banner:hover,.background-colour-brand-c4c-orange.sc-biggive-cookie-banner{background-color:#F07D00}/*!@.background-colour-hover-brand-afa-pink:hover,\n.background-colour-brand-afa-pink*/.background-colour-hover-brand-afa-pink.sc-biggive-cookie-banner:hover,.background-colour-brand-afa-pink.sc-biggive-cookie-banner{background-color:#BF387D}/*!@.background-colour-hover-brand-mhf-turquoise:hover,\n.background-colour-brand-mhf-turquoise*/.background-colour-hover-brand-mhf-turquoise.sc-biggive-cookie-banner:hover,.background-colour-brand-mhf-turquoise.sc-biggive-cookie-banner{background-color:#62CFC9}/*!@.background-colour-hover-brand-grey:hover,\n.background-colour-brand-grey*/.background-colour-hover-brand-grey.sc-biggive-cookie-banner:hover,.background-colour-brand-grey.sc-biggive-cookie-banner{background-color:#CBC8C8}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-cookie-banner:hover,.background-colour-white.sc-biggive-cookie-banner{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-cookie-banner:hover,.background-colour-black.sc-biggive-cookie-banner{background-color:#000000}/*!@.background-colour-hover-grey-extra-light:hover,\n.background-colour-grey-extra-light*/.background-colour-hover-grey-extra-light.sc-biggive-cookie-banner:hover,.background-colour-grey-extra-light.sc-biggive-cookie-banner{background-color:#D7D7D7}/*!@.background-colour-hover-grey-light:hover,\n.background-colour-grey-light*/.background-colour-hover-grey-light.sc-biggive-cookie-banner:hover,.background-colour-grey-light.sc-biggive-cookie-banner{background-color:#E8E8E8}/*!@.background-colour-hover-grey-medium:hover,\n.background-colour-grey-medium*/.background-colour-hover-grey-medium.sc-biggive-cookie-banner:hover,.background-colour-grey-medium.sc-biggive-cookie-banner{background-color:#8A8A8A}/*!@.background-colour-hover-grey-dark:hover,\n.background-colour-grey-dark*/.background-colour-hover-grey-dark.sc-biggive-cookie-banner:hover,.background-colour-grey-dark.sc-biggive-cookie-banner{background-color:#4A4A4A}/*!@.background-colour-hover-brand-6:hover,\n.background-colour-brand-6*/.background-colour-hover-brand-6.sc-biggive-cookie-banner:hover,.background-colour-brand-6.sc-biggive-cookie-banner{background-color:#62CFC9}/*!@.fill-primary*/.fill-primary.sc-biggive-cookie-banner{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-cookie-banner{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-cookie-banner{fill:#FF7272}/*!@.fill-brand-1*/.fill-brand-1.sc-biggive-cookie-banner{fill:#B30510}/*!@.fill-brand-2*/.fill-brand-2.sc-biggive-cookie-banner{fill:#6E0887}/*!@.fill-brand-3*/.fill-brand-3.sc-biggive-cookie-banner{fill:#50B400}/*!@.fill-brand-4*/.fill-brand-4.sc-biggive-cookie-banner{fill:#FFE500}/*!@.fill-brand-5*/.fill-brand-5.sc-biggive-cookie-banner{fill:#F07D00}/*!@.fill-brand-cc-red*/.fill-brand-cc-red.sc-biggive-cookie-banner{fill:#B30510}/*!@.fill-brand-wgmf-purple*/.fill-brand-wgmf-purple.sc-biggive-cookie-banner{fill:#6E0887}/*!@.fill-brand-gmf-green*/.fill-brand-gmf-green.sc-biggive-cookie-banner{fill:#50B400}/*!@.fill-brand-emf-yellow*/.fill-brand-emf-yellow.sc-biggive-cookie-banner{fill:#FFE500}/*!@.fill-brand-c4c-orange*/.fill-brand-c4c-orange.sc-biggive-cookie-banner{fill:#F07D00}/*!@.fill-brand-afa-pink*/.fill-brand-afa-pink.sc-biggive-cookie-banner{fill:#BF387D}/*!@.fill-brand-mhf-turquoise*/.fill-brand-mhf-turquoise.sc-biggive-cookie-banner{fill:#62CFC9}/*!@.fill-brand-grey*/.fill-brand-grey.sc-biggive-cookie-banner{fill:#CBC8C8}/*!@.fill-white*/.fill-white.sc-biggive-cookie-banner{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-cookie-banner{fill:#000000}/*!@.fill-grey-extra-light*/.fill-grey-extra-light.sc-biggive-cookie-banner{fill:#D7D7D7}/*!@.fill-grey-light*/.fill-grey-light.sc-biggive-cookie-banner{fill:#E8E8E8}/*!@.fill-grey-medium*/.fill-grey-medium.sc-biggive-cookie-banner{fill:#8A8A8A}/*!@.fill-grey-dark*/.fill-grey-dark.sc-biggive-cookie-banner{fill:#4A4A4A}/*!@.fill-brand-6*/.fill-brand-6.sc-biggive-cookie-banner{fill:#CBC8C8}/*!@.space-above-0*/.space-above-0.sc-biggive-cookie-banner{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-cookie-banner{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-cookie-banner{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-cookie-banner{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-cookie-banner{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-cookie-banner{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-cookie-banner{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-cookie-banner{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-cookie-banner{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-cookie-banner{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-cookie-banner{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-cookie-banner{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-cookie-banner{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-cookie-banner{margin-bottom:60px}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-cookie-banner:hover,.text-colour-primary.sc-biggive-cookie-banner{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-cookie-banner:hover,.text-colour-secondary.sc-biggive-cookie-banner{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-cookie-banner:hover,.text-colour-tertiary.sc-biggive-cookie-banner{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-cookie-banner:hover,.text-colour-brand-1.sc-biggive-cookie-banner{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-cookie-banner:hover,.text-colour-brand-2.sc-biggive-cookie-banner{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-cookie-banner:hover,.text-colour-brand-3.sc-biggive-cookie-banner{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-cookie-banner:hover,.text-colour-brand-4.sc-biggive-cookie-banner{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-cookie-banner:hover,.text-colour-brand-5.sc-biggive-cookie-banner{color:#F07D00}/*!@.text-colour-hover-brand-cc-red:hover,\n.text-colour-brand-cc-red*/.text-colour-hover-brand-cc-red.sc-biggive-cookie-banner:hover,.text-colour-brand-cc-red.sc-biggive-cookie-banner{color:#B30510}/*!@.text-colour-hover-brand-wgmf-purple:hover,\n.text-colour-brand-wgmf-purple*/.text-colour-hover-brand-wgmf-purple.sc-biggive-cookie-banner:hover,.text-colour-brand-wgmf-purple.sc-biggive-cookie-banner{color:#6E0887}/*!@.text-colour-hover-brand-gmf-green:hover,\n.text-colour-brand-gmf-green*/.text-colour-hover-brand-gmf-green.sc-biggive-cookie-banner:hover,.text-colour-brand-gmf-green.sc-biggive-cookie-banner{color:#50B400}/*!@.text-colour-hover-brand-emf-yellow:hover,\n.text-colour-brand-emf-yellow*/.text-colour-hover-brand-emf-yellow.sc-biggive-cookie-banner:hover,.text-colour-brand-emf-yellow.sc-biggive-cookie-banner{color:#FFE500}/*!@.text-colour-hover-brand-c4c-orange:hover,\n.text-colour-brand-c4c-orange*/.text-colour-hover-brand-c4c-orange.sc-biggive-cookie-banner:hover,.text-colour-brand-c4c-orange.sc-biggive-cookie-banner{color:#F07D00}/*!@.text-colour-hover-brand-afa-pink:hover,\n.text-colour-brand-afa-pink*/.text-colour-hover-brand-afa-pink.sc-biggive-cookie-banner:hover,.text-colour-brand-afa-pink.sc-biggive-cookie-banner{color:#BF387D}/*!@.text-colour-hover-brand-mhf-turquoise:hover,\n.text-colour-brand-mhf-turquoise*/.text-colour-hover-brand-mhf-turquoise.sc-biggive-cookie-banner:hover,.text-colour-brand-mhf-turquoise.sc-biggive-cookie-banner{color:#62CFC9}/*!@.text-colour-hover-brand-grey:hover,\n.text-colour-brand-grey*/.text-colour-hover-brand-grey.sc-biggive-cookie-banner:hover,.text-colour-brand-grey.sc-biggive-cookie-banner{color:#CBC8C8}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-cookie-banner:hover,.text-colour-white.sc-biggive-cookie-banner{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-cookie-banner:hover,.text-colour-black.sc-biggive-cookie-banner{color:#000000}/*!@.text-colour-hover-grey-extra-light:hover,\n.text-colour-grey-extra-light*/.text-colour-hover-grey-extra-light.sc-biggive-cookie-banner:hover,.text-colour-grey-extra-light.sc-biggive-cookie-banner{color:#D7D7D7}/*!@.text-colour-hover-grey-light:hover,\n.text-colour-grey-light*/.text-colour-hover-grey-light.sc-biggive-cookie-banner:hover,.text-colour-grey-light.sc-biggive-cookie-banner{color:#E8E8E8}/*!@.text-colour-hover-grey-medium:hover,\n.text-colour-grey-medium*/.text-colour-hover-grey-medium.sc-biggive-cookie-banner:hover,.text-colour-grey-medium.sc-biggive-cookie-banner{color:#8A8A8A}/*!@.text-colour-hover-grey-dark:hover,\n.text-colour-grey-dark*/.text-colour-hover-grey-dark.sc-biggive-cookie-banner:hover,.text-colour-grey-dark.sc-biggive-cookie-banner{color:#4A4A4A}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-cookie-banner:hover,.text-colour-brand-6.sc-biggive-cookie-banner{color:#CBC8C8}/*!@:host*/.sc-biggive-cookie-banner-h{display:contents}/*!@h2:first-child*/h2.sc-biggive-cookie-banner:first-child{margin-top:0}/*!@div.cooke-consent-container*/div.cooke-consent-container.sc-biggive-cookie-banner{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:650px;padding:1em}/*!@div.button-group*/div.button-group.sc-biggive-cookie-banner{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){/*!@div.button-group*/div.button-group.sc-biggive-cookie-banner{flex-direction:row-reverse}}/*!@biggive-popup*/biggive-popup.sc-biggive-cookie-banner{font-size:17px;line-height:24px}/*!@biggive-popup div.content*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner{max-height:95vh;overflow:auto}/*!@biggive-popup div.content h5*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner h5.sc-biggive-cookie-banner{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}/*!@biggive-popup div.content p*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner p.sc-biggive-cookie-banner{margin-top:5px;margin-bottom:8px}/*!@biggive-popup div.content div.radio-group*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner div.radio-group.sc-biggive-cookie-banner{margin-bottom:30px}";
9049
9049
  var BiggiveCookieBannerStyle0 = biggiveCookieBannerCss;
9050
9050
 
9051
9051
  class BiggiveCookieBanner {
@@ -9099,7 +9099,7 @@ class BiggiveCookieBanner {
9099
9099
  // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
9100
9100
  // declined.
9101
9101
  const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
9102
- return (hAsync("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, hAsync("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, hAsync("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, hAsync("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), hAsync("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, hAsync("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, hAsync("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), hAsync("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), hAsync("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), hAsync("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), hAsync("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), hAsync("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), hAsync("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, hAsync("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), hAsync("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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."), hAsync("p", { key: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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."), hAsync("input", { key: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), hAsync("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), hAsync("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), hAsync("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), hAsync("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, hAsync("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), hAsync("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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."), hAsync("input", { key: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), hAsync("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), hAsync("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), hAsync("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), hAsync("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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 })), hAsync("p", { key: '42828bbd192ba6208687cf181debea139bdaf271' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), hAsync("h2", { key: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), hAsync("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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."), hAsync("p", { key: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, hAsync("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), hAsync("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, hAsync("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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" }), hAsync("biggive-button", { key: '33f507c3ed064742d3ed33b3145dff466e9f2d70', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Reject All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), hAsync("biggive-button", { key: 'c375248118aefd4496ed61085179ec3d354fb8d7', 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" }))));
9102
+ return (hAsync("div", { key: 'bb3cc74272fa786763650b096a94d3d34b8f3371', class: "cooke-consent-container" }, hAsync("biggive-popup", { key: '1d2089a124e9309221c6c0498e5316d4ffb535c8', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, hAsync("div", { key: 'f9a61218706b40860cf06abd0280398d4326435e', class: "content" }, hAsync("h4", { key: '9d7af0ace12f977064eea4fc64454b705d516d47', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), hAsync("form", { key: '7b451fc1fc1649779c1e615ea250a644066d4a27' }, hAsync("div", { key: 'ea43aa40fdbb9f1c7538ed430604ed7e9000ae9c', class: "radio-group" }, hAsync("h5", { key: '02658fc42d2cf1ea07fa386cad97dd35fe50baec' }, "Essential Cookies"), hAsync("p", { key: '03cee8a9dd40194c101e25836118c652787e474f' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), hAsync("input", { key: '8a828c0763e158237c2c96b29d970fe07bbbb1c7', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), hAsync("label", { key: '6826caa1a31b3108b38bd2c39eaed567ae8fed7a', htmlFor: "necassary-on" }, "Off"), hAsync("input", { key: 'e7146f6afd08875ba78a06aa9895e4c03a7e34f1', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), hAsync("label", { key: '6aaa785ad54660e1c486533360b488bc7ddaab5e', htmlFor: "necassary-on" }, "On")), hAsync("div", { key: 'e21b09ab306105ed36abcb37c6107525b2da0083', class: "radio-group" }, hAsync("h5", { key: '24deb27cfccf6e1b0d8d5f4d47f710d1338d4414' }, "Analytics & Testing Cookies"), hAsync("p", { key: 'd2832a5329acd0f6785049c1c249638edbd922e1' }, "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."), hAsync("p", { key: '36baf4933f89c5a1ba31d1b2405b9acf7cfc20d3' }, "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."), hAsync("input", { key: 'b59bb13cfd572d76425c54cefbcafbc2e486f054', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), hAsync("label", { key: '8bf1a660e64e91787488d1f4d5cc2a709a66ba1e', htmlFor: "a-and-t-off" }, "Off"), hAsync("input", { key: 'dd7b849dac9f61f1d1eeb90db117abb592765d27', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), hAsync("label", { key: '1d986d6415281a97f7e36c2e9d906d3e8561d8af', htmlFor: "a-and-t-on" }, "On")), hAsync("div", { key: '5322fd08877b5742e1e458c4391d1b801f76e393', class: "radio-group" }, hAsync("h5", { key: 'c33723dc04640af26a79fca2d41147d248fb14a0' }, "Third-party Cookies "), hAsync("p", { key: '920d9a3d927fc4a8cc5ce3d734d89a334b63ef50' }, "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."), hAsync("input", { key: 'd06c8f7f4a9d49bfd92d681e070884fbd5d1113a', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), hAsync("label", { key: 'c85947a44e83b98f53ee28427784e309eabf9898', htmlFor: "third-party-off" }, "Off"), hAsync("input", { key: '10fff6069b1e9155250a359a4929094c056dc03a', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), hAsync("label", { key: '0b23a793eeca28bc8ca4424a3a9d60c2d7740e50', htmlFor: "third-party-on" }, "On")), hAsync("biggive-button", { key: 'ad52978b4b7ab55d1e680f4b6a515b1eb589342a', "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 })), hAsync("p", { key: '42828bbd192ba6208687cf181debea139bdaf271' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), hAsync("h2", { key: 'd6069cdbe5836bdc4ebb5615dca0b19c5e521e61' }, "Our website uses cookies"), hAsync("p", { key: 'ae751ada0b2b7cf0c505584e0e4773035a783b22' }, "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."), hAsync("p", { key: '1b908d5ed81c19186ab1a86972ef9a4aab7e73d5' }, hAsync("a", { key: '687767569531654ebdfe7d6025afc95aad626317', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), hAsync("div", { key: '68e06addbe06f9cbdce8f10ecc97e9b14aff1f58', class: "button-group" }, hAsync("biggive-button", { key: '9c3612bbe69360582cba46b8dca78fef1b9cb8d2', 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" }), hAsync("biggive-button", { key: '7a12a07f924ad4f883358ebb652660fe6c854d0e', 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" }), hAsync("biggive-button", { key: '4d159f5adf3877ce8d6ccd319c5df2a35bab001f', 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" }))));
9103
9103
  }
9104
9104
  get el() { return getElement(this); }
9105
9105
  static get watchers() { return {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
3
  "_comment": "Version number below is automatically replaced during CircleCI build.",
4
- "version": "202404251627.0.0",
4
+ "version": "202404301101.0.0",
5
5
  "description": "Big Give Components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",