@biggive/components 202404240935.0.0 → 202404241507.0.0

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3af50952.js');
+const index = require('./index-699067d0.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_40.cjs\",[[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\"],\"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\",{\"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\"]}]]],[\"biggive-cookie-banner.cjs\",[[1,\"biggive-cookie-banner\",{\"blogUriPrefix\":[1,\"blog-uri-prefix\"]}]]],[\"biggive-basic-card.cjs\",[[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\"]}]]],[\"biggive-image-card.cjs\",[[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\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-table.cjs\",[[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\"]}]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_40.cjs\",[[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\"]}]]],[\"biggive-cookie-banner.cjs\",[[1,\"biggive-cookie-banner\",{\"autoOpenPreferences\":[4,\"auto-open-preferences\"],\"blogUriPrefix\":[1,\"blog-uri-prefix\"]},null,{\"autoOpenPreferences\":[\"autoOpenPreferencesIfRequested\"]}]]],[\"biggive-basic-card.cjs\",[[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\"]}]]],[\"biggive-image-card.cjs\",[[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\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-table.cjs\",[[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\"]}]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -29,10 +29,19 @@ export class BiggiveCookieBanner {
             // and make this component disappear.
             this.cookieBannerAcceptAllSelected.emit();
         };
+        this.autoOpenPreferences = false;
         this.blogUriPrefix = undefined;
     }
+    componentDidLoad() {
+        this.autoOpenPreferencesIfRequested();
+    }
+    autoOpenPreferencesIfRequested() {
+        if (this.autoOpenPreferences) {
+            this.handleChoosePrefencesClick();
+        }
+    }
     render() {
-        return (h("div", { key: '0b518113b850583d6ee39d9c7dd836a1e2b40bc0', class: "cooke-consent-container" }, h("biggive-popup", { key: 'f684d84984d112d022dee9c63426abb8af1fc44a', id: "cookie-preferences-popup" }, h("div", { key: 'e795bacf2d8124ee73401f018f44d535c7826c6f', class: "content" }, h("h4", { key: 'c15314e2992d4ee844c1255ad927a16e41dea2ef', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '06db32cf6035ee586c294ce0c5d1a9ac6db1f41a' }, h("div", { key: 'f94ca6ad63709c2931397e1d83c6065b82b39fc7', class: "radio-group" }, h("h5", { key: 'c4bdce798193258a030aa244700961a9a213096e' }, "Essential Cookies"), h("p", { key: '353c6acf718fba557839b48b0923e04fee2767c9' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: 'ce79815463e1672181bd5538a513098c41c4226c', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'c2a7c2afe58f9bfdfc53bf0fcc64056f56e33788', htmlFor: "necassary-on" }, "Off"), h("input", { key: '7c26a030f17fa16a54df37a9d951b99d2729a39b', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: 'a09a9bd36186f3f6b20599a255845eb753d0c51b', htmlFor: "necassary-on" }, "On")), h("div", { key: '0e797f65022b93564d51425d0c9fb635e3b15baf', class: "radio-group" }, h("h5", { key: '572c9395a9103b891a6a5b05803486400a5d8281' }, "Analytics & Testing Cookies"), h("p", { key: '20401fcc298c4e4d1204d543bd7fe4441f034460' }, "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: '2228099eebd8525395f372e8fd3f55e24b7d160f' }, "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: 'fe1baf10ec447e8cb6300d0fe64c46b95d35566f', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), h("label", { key: 'ca4d7a55b9ab9736a274771f9b9a6e01bc6dde38', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: '507af0657acf27c183096f9fededc505c261c800', type: "radio", name: "a-and-t", id: "a-and-t-on" }), h("label", { key: 'd73613717a0483fa4300e0533597466e7e609c36', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '17c8a2aa25109820a1015f9c47c7507ef15f21c8', class: "radio-group" }, h("h5", { key: '77979a90d8837273ad2f642b5548053b4347108c' }, "Third-party Cookies "), h("p", { key: '625c863ebfb27879c3120d040a2221bd7bb60004' }, "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: '51d0dbfb0f7ee44f2fa1b8f381d08115b476baf2', type: "radio", name: "third-party", id: "third-party-off", checked: true }), h("label", { key: 'b8425e282609788bd0cdd363d788e3e121183c37', htmlFor: "third-party-off" }, "Off"), h("input", { key: '6d8fb64e28a40e8994cddf5d977e0cbf4b4b3c4c', type: "radio", name: "third-party", id: "third-party-on" }), h("label", { key: '12768a033c177d357cb657194eba8d6fa0ca94f1', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '070c91e0240ce6d9e27eb14c2cc8e21516fe2b05', "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("h2", { key: '8a7bb3b45df69543286e281bb10ba65f0142c4ed' }, "Our website uses cookies"), h("p", { key: '25a7df67d934c5cb9d56c54cc51fc1917fe0f561' }, "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: '475db7de2f55a2312ce707e3221f7bcfd286098f' }, h("a", { key: '5ff4adad7ed92466085092dce26a10d448a93e57', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: 'be43d9c404f7e2430dd6f2478b022cf67fc92fa5', class: "button-group" }, h("biggive-button", { key: 'd1d72d8855c8e1cf45144be207c280469c1f4c38', 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: 'eda4ed41acb7b52cdf9f0c30ebfa0fd818511518', 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: '638198e1aba40248947ca90d29de154f4726a000', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
+        return (h("div", { key: '9aa99df15caebe524a04319266daf07a59a87fb4', class: "cooke-consent-container" }, h("biggive-popup", { key: '98479dd54bb4dd946240336a1f21e341f58c4d3e', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '35d88a956a096ca4432d37afa983c28c5d1b94fb', class: "content" }, h("h4", { key: '523a4ff63fedd9ece5a7816b5980616f16b2b3eb', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '3533a146b719bad8b0a1dfea6f7e053843d8146a' }, h("div", { key: 'd030fabdc74347ba839a71d3823bb51bf294ae70', class: "radio-group" }, h("h5", { key: '9eee112f7ee5167e1ae6507ce4b83e663327b60e' }, "Essential Cookies"), h("p", { key: 'f5fcd799590f637a628a9e9ed8b5cdcae0c34174' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: 'f4360599ffa500932d33bf6f857d4026d44c1434', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '327ae82036831402a5c29187436fc3dc3af4212b', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'eb5e991eab0f9f0598e76f81159d5e65444d6cfa', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '3dcfa3a5da1e60f4ee143a20ca8a0e32f05c07d8', htmlFor: "necassary-on" }, "On")), h("div", { key: '5de130f85daa58c3baf9c3196f8f1591879c21c9', class: "radio-group" }, h("h5", { key: '296e42899012973d92be5c903ed1f3701f5d83ad' }, "Analytics & Testing Cookies"), h("p", { key: '1eac2f643f25871033adbfa4ea51a4b7963547c8' }, "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: 'af67c93b0af15a593896cd2f6f249aaf794278cf' }, "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: '55a074d357ee2c382574287e6b9958936a9a7122', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), h("label", { key: '828efb5177db89cf8a60b61beb6e55b520dad1e6', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: '3816583997d4c17a2741d73247fb9e08eaa83f74', type: "radio", name: "a-and-t", id: "a-and-t-on" }), h("label", { key: '149665fad9484c9b6740e591c79adf103e005cda', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '2c7cb5907fcc33b8d51c308cd6c22ab4ffb143e9', class: "radio-group" }, h("h5", { key: '4972f3aee634e8f8b658c8f0ea6028e752b3a39c' }, "Third-party Cookies "), h("p", { key: '9a3bc17310edfaf03c4bed7bd9459601b0db2ed5' }, "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: '932bb2b219c27c3408ffa0f868139d5974c431bd', type: "radio", name: "third-party", id: "third-party-off", checked: true }), h("label", { key: '574cd4a0cce8e18f71951653486f3730811a2b5a', htmlFor: "third-party-off" }, "Off"), h("input", { key: '3bd79a7a37c9aea9149436da3f19b1c3bcf6abec', type: "radio", name: "third-party", id: "third-party-on" }), h("label", { key: '5538134a4f4ae3b42057b93e1cde53d527c62188', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '9270fd1f279e6223d4eeb6e5fa7320ebba8a2640', "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("h2", { key: 'b4423f77a9cac0589d0db97da6ef6bb5dd5e1970' }, "Our website uses cookies"), h("p", { key: '0cfaf126a92cfeb89c75c6354fef4704a99a1b6b' }, "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: 'cc871a22b18aa94961abf8c5e451360053820aba' }, h("a", { key: 'd1bef4f5214ad5c7c9c1c5c25f3f687f21cd44a0', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: 'f8257f50a716dbe94967cfedde7c475f2bebda46', class: "button-group" }, h("biggive-button", { key: '72fffac56bde2e32cb2579ab8f1d8c1a193056de', 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: 'eab26c89424104771761078164506aaa84f9b10e', 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: 'c4c3504ecd465511370b2ab7c03be3542412892b', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
     }
     static get is() { return "biggive-cookie-banner"; }
     static get encapsulation() { return "shadow"; }
@@ -48,6 +57,24 @@ export class BiggiveCookieBanner {
     }
     static get properties() {
         return {
+            "autoOpenPreferences": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\npreferences"
+                },
+                "attribute": "auto-open-preferences",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "blogUriPrefix": {
                 "type": "string",
                 "mutable": false,
@@ -69,6 +96,21 @@ export class BiggiveCookieBanner {
     }
     static get events() {
         return [{
+                "method": "preferenceModalClosed",
+                "name": "preferenceModalClosed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
                 "method": "cookieBannerAcceptAllSelected",
                 "name": "cookieBannerAcceptAllSelected",
                 "bubbles": true,
@@ -106,5 +148,11 @@ export class BiggiveCookieBanner {
             }];
     }
     static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "autoOpenPreferences",
+                "methodName": "autoOpenPreferencesIfRequested"
+            }];
+    }
 }
 //# sourceMappingURL=biggive-cookie-banner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"biggive-cookie-banner.js","sourceRoot":"","sources":["../../../src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, h, Event, EventEmitter } 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  @Prop() blogUriPrefix!: string;\n  @Element() el: HTMLBiggiveCookieBannerElement;\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  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{ analyticsAndTesting: Boolean; thirdParty: boolean }>;\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    return (\n      <div class=\"cooke-consent-container\">\n        <biggive-popup id=\"cookie-preferences-popup\">\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={true} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" />\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={true} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" />\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          </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,"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  @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  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{ analyticsAndTesting: Boolean; thirdParty: boolean }>;\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    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={true} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" />\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={true} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" />\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          </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"]}

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

@@ -3,6 +3,7 @@ import { makeURL } from "../../util/helper-methods";
 export class BiggiveFooter {
     constructor() {
         this.headingLevel = 5;
+        this.donateUrlPrefix = undefined;
         this.blogUrlPrefix = undefined;
         this.experienceUrlPrefix = undefined;
         this.usePresetFooter = false;
@@ -27,7 +28,7 @@ export class BiggiveFooter {
             return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
         };
         const presetFooter = () => {
-            return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact'), class: "icon-arts" }, "Arts for Impact")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Statement"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
+            return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact'), class: "icon-arts" }, "Arts for Impact")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Statement")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies') }, "Cookies Statement")), h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences') }, "Cookies Preference Centre"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
         };
         return this.usePresetFooter ? presetFooter() : slotBasedFooter();
     }
@@ -63,6 +64,23 @@ export class BiggiveFooter {
                 "reflect": false,
                 "defaultValue": "5"
             },
+            "donateUrlPrefix": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "URL prefixes vary by environment, and components library is not best placed to know what they are, so we\ntake them as props"
+                },
+                "attribute": "donate-url-prefix",
+                "reflect": false
+            },
             "blogUrlPrefix": {
                 "type": "string",
                 "mutable": false,
@@ -75,7 +93,7 @@ export class BiggiveFooter {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "URL prefixes vary by environment, and components library is not best placed to know what they are, so we\ntake them as props"
+                    "text": ""
                 },
                 "attribute": "blog-url-prefix",
                 "reflect": false

package/dist/collection/components/biggive-footer/biggive-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive-footer.js","sourceRoot":"","sources":["../../../src/components/biggive-footer/biggive-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n  tag: 'biggive-footer',\n  styleUrl: 'biggive-footer.scss',\n  shadow: true,\n})\nexport class BiggiveFooter {\n  @Element() host: HTMLBiggiveFooterElement;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n  /**\n   * URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n   * take them as props\n   */\n  @Prop() blogUrlPrefix: string | undefined;\n  @Prop() experienceUrlPrefix: string | undefined;\n\n  /**\n   * Conditionally render footer menu:\n   * hard-coded (preset) when set to true, dynamic (slot-based) when set to false\n   */\n  @Prop() usePresetFooter = false;\n\n  private appendMenu(menuName: string) {\n    var node = this.host.querySelector(`[slot=\"${menuName}\"]`);\n    if (node !== null) {\n      this.host!.shadowRoot!.querySelector(`.${menuName}`)!.appendChild(node);\n    }\n  }\n\n  componentDidRender() {\n    if (!this.usePresetFooter) {\n      this.appendMenu('nav-primary');\n      this.appendMenu('nav-secondary');\n      this.appendMenu('nav-tertiary');\n      this.appendMenu('nav-postscript');\n    }\n  }\n\n  render() {\n    const HeadingTag = `h${this.headingLevel}`;\n    const slotBasedFooter = () => {\n      return (\n        <footer class=\"footer\">\n          <div class=\"row row-top\">\n            <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n                <slot name=\"nav-primary-title\"></slot>\n              </HeadingTag>\n            </nav>\n\n            <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n                <slot name=\"nav-secondary-title\"></slot>\n              </HeadingTag>\n            </nav>\n\n            <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n                <slot name=\"nav-tertiary-title\"></slot>\n              </HeadingTag>\n            </nav>\n\n            <div class=\"button-wrap\">\n              <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/charities\" label=\"For charities\"></biggive-button>\n              <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/funders\" label=\"For funders\"></biggive-button>\n            </div>\n          </div>\n\n          <div class=\"row row-bottom\">\n            <div class=\"postscript-wrap\">\n              <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n              <nav class=\"nav nav-postscript\" aria-label=\"Legal\"></nav>\n            </div>\n\n            <div class=\"social-icon-wrap\">\n              <slot name=\"social-icons\"></slot>\n            </div>\n            <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n          </div>\n        </footer>\n      );\n    };\n\n    const presetFooter = () => {\n      return (\n        <footer class=\"footer\">\n          <div class=\"row row-top\">\n            <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n                <div slot=\"nav-primary-title\">Match Funding Opportunities</div>\n              </HeadingTag>\n              <ul slot=\"nav-primary\">\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n                    Christmas Challenge\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'green-match-fund')} class=\"icon-green\">\n                    Green Match Fund\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n                    Champions for Children\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n                    Women and Girls Match Fund\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n                    Kind²Mind\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact')} class=\"icon-arts\">\n                    Arts for Impact\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n                    Emergency Match Fund\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your own campaign</a>\n                </li>\n              </ul>\n            </nav>\n\n            <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n                <div slot=\"nav-secondary-title\">Resources</div>\n              </HeadingTag>\n              <ul slot=\"nav-secondary\">\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports &amp; Insights</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n                </li>\n              </ul>\n            </nav>\n\n            <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n                <div slot=\"nav-tertiary-title\">About</div>\n              </HeadingTag>\n              <ul slot=\"nav-tertiary\">\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>Contact us</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'careers')}>Careers</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n                </li>\n              </ul>\n            </nav>\n\n            <div class=\"button-wrap\">\n              <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'charities')} label=\"For charities\"></biggive-button>\n              <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'funders')} label=\"For funders\"></biggive-button>\n            </div>\n          </div>\n\n          <div class=\"row row-bottom\">\n            <div class=\"postscript-wrap\">\n              <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n              <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n                <ul slot=\"nav-postscript\">\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy')}>Privacy Statement</a>\n                  </li>\n                </ul>\n              </nav>\n            </div>\n\n            <div class=\"social-icon-wrap\">\n              <div slot=\"social-icons\">\n                <biggive-social-icon\n                  service=\"Facebook\"\n                  url=\"https://www.facebook.com/BigGive.org\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                  wide={true}\n                ></biggive-social-icon>\n                <biggive-social-icon service=\"Twitter\" url=\"https://twitter.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\" wide={true}></biggive-social-icon>\n                <biggive-social-icon\n                  service=\"LinkedIn\"\n                  url=\"https://uk.linkedin.com/company/big-give\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                  wide={true}\n                ></biggive-social-icon>\n                <biggive-social-icon\n                  service=\"YouTube\"\n                  url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                  wide={true}\n                ></biggive-social-icon>\n                <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n              </div>\n            </div>\n            <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n          </div>\n        </footer>\n      );\n    };\n\n    return this.usePresetFooter ? presetFooter() : slotBasedFooter();\n  }\n}\n"]}
+{"version":3,"file":"biggive-footer.js","sourceRoot":"","sources":["../../../src/components/biggive-footer/biggive-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n  tag: 'biggive-footer',\n  styleUrl: 'biggive-footer.scss',\n  shadow: true,\n})\nexport class BiggiveFooter {\n  @Element() host: HTMLBiggiveFooterElement;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n  /**\n   * URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n   * take them as props\n   */\n  @Prop() donateUrlPrefix: string;\n  @Prop() blogUrlPrefix: string | undefined;\n  @Prop() experienceUrlPrefix: string | undefined;\n\n  /**\n   * Conditionally render footer menu:\n   * hard-coded (preset) when set to true, dynamic (slot-based) when set to false\n   */\n  @Prop() usePresetFooter = false;\n\n  private appendMenu(menuName: string) {\n    var node = this.host.querySelector(`[slot=\"${menuName}\"]`);\n    if (node !== null) {\n      this.host!.shadowRoot!.querySelector(`.${menuName}`)!.appendChild(node);\n    }\n  }\n\n  componentDidRender() {\n    if (!this.usePresetFooter) {\n      this.appendMenu('nav-primary');\n      this.appendMenu('nav-secondary');\n      this.appendMenu('nav-tertiary');\n      this.appendMenu('nav-postscript');\n    }\n  }\n\n  render() {\n    const HeadingTag = `h${this.headingLevel}`;\n    const slotBasedFooter = () => {\n      return (\n        <footer class=\"footer\">\n          <div class=\"row row-top\">\n            <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n                <slot name=\"nav-primary-title\"></slot>\n              </HeadingTag>\n            </nav>\n\n            <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n                <slot name=\"nav-secondary-title\"></slot>\n              </HeadingTag>\n            </nav>\n\n            <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n                <slot name=\"nav-tertiary-title\"></slot>\n              </HeadingTag>\n            </nav>\n\n            <div class=\"button-wrap\">\n              <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/charities\" label=\"For charities\"></biggive-button>\n              <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/funders\" label=\"For funders\"></biggive-button>\n            </div>\n          </div>\n\n          <div class=\"row row-bottom\">\n            <div class=\"postscript-wrap\">\n              <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n              <nav class=\"nav nav-postscript\" aria-label=\"Legal\"></nav>\n            </div>\n\n            <div class=\"social-icon-wrap\">\n              <slot name=\"social-icons\"></slot>\n            </div>\n            <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n          </div>\n        </footer>\n      );\n    };\n\n    const presetFooter = () => {\n      return (\n        <footer class=\"footer\">\n          <div class=\"row row-top\">\n            <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n                <div slot=\"nav-primary-title\">Match Funding Opportunities</div>\n              </HeadingTag>\n              <ul slot=\"nav-primary\">\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n                    Christmas Challenge\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'green-match-fund')} class=\"icon-green\">\n                    Green Match Fund\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n                    Champions for Children\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n                    Women and Girls Match Fund\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n                    Kind²Mind\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact')} class=\"icon-arts\">\n                    Arts for Impact\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n                    Emergency Match Fund\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your own campaign</a>\n                </li>\n              </ul>\n            </nav>\n\n            <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n                <div slot=\"nav-secondary-title\">Resources</div>\n              </HeadingTag>\n              <ul slot=\"nav-secondary\">\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports &amp; Insights</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n                </li>\n              </ul>\n            </nav>\n\n            <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n                <div slot=\"nav-tertiary-title\">About</div>\n              </HeadingTag>\n              <ul slot=\"nav-tertiary\">\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>Contact us</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'careers')}>Careers</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n                </li>\n              </ul>\n            </nav>\n\n            <div class=\"button-wrap\">\n              <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'charities')} label=\"For charities\"></biggive-button>\n              <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'funders')} label=\"For funders\"></biggive-button>\n            </div>\n          </div>\n\n          <div class=\"row row-bottom\">\n            <div class=\"postscript-wrap\">\n              <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n              <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n                <ul slot=\"nav-postscript\">\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy')}>Privacy Statement</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences')}>Cookies Preference Centre</a>\n                  </li>\n                </ul>\n              </nav>\n            </div>\n\n            <div class=\"social-icon-wrap\">\n              <div slot=\"social-icons\">\n                <biggive-social-icon\n                  service=\"Facebook\"\n                  url=\"https://www.facebook.com/BigGive.org\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                  wide={true}\n                ></biggive-social-icon>\n                <biggive-social-icon service=\"Twitter\" url=\"https://twitter.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\" wide={true}></biggive-social-icon>\n                <biggive-social-icon\n                  service=\"LinkedIn\"\n                  url=\"https://uk.linkedin.com/company/big-give\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                  wide={true}\n                ></biggive-social-icon>\n                <biggive-social-icon\n                  service=\"YouTube\"\n                  url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                  wide={true}\n                ></biggive-social-icon>\n                <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n              </div>\n            </div>\n            <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n          </div>\n        </footer>\n      );\n    };\n\n    return this.usePresetFooter ? presetFooter() : slotBasedFooter();\n  }\n}\n"]}

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

@@ -5,8 +5,10 @@ export class BiggivePopup {
             if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
                 this.popup.setAttribute('data-visible', 'false');
                 this.popup.setAttribute('tabindex', '-1');
+                this.modalClosedCallback();
             }
         };
+        this.modalClosedCallback = () => { };
     }
     async openFromOutside() {
         this.popup.setAttribute('data-visible', 'true');
@@ -16,9 +18,10 @@ export class BiggivePopup {
     async closeFromOutside() {
         this.popup.setAttribute('data-visible', 'false');
         this.popup.setAttribute('tabindex', '-1');
+        this.modalClosedCallback();
     }
     render() {
-        return (h("div", { key: 'edcf38c87a83226607bb996762590724668b44d8', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { key: 'f6617f6c8d4be780f0619068d548d33fd277a6d3', class: "sleeve" }, h("div", { key: '5359ac7075eac1b7a0ad9a2d0ee1901b97c4261b', class: "header" }, h("div", { key: '85a6fb24ea8fc71e3feecb4ccb55a31c3d53591b', class: "close", onClick: this.closeFromWithin })), h("div", { key: 'd9b8dbc14437ad9d7172c26a178949c4cd729a7a', class: "content" }, h("slot", { key: '0dd0bd48a4a05e74c5e0fdaaa674d1eb0a607ca1' })))));
+        return (h("div", { key: '20a9bb90830a7743f357a23fc559afeecb5c2de7', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { key: 'cf4ec70a02e11fd14c66ed3bfdda3f8e291246de', class: "sleeve" }, h("div", { key: '2ef72d4352563ac6a8c9875ca1f437a443ebd31b', class: "header" }, h("div", { key: '6aba1f5c83e19a14f6d3dda6a6ed0ca0da917be7', class: "close", onClick: this.closeFromWithin })), h("div", { key: '247cba7880c6fea46f195e3c18c529a50666caf6', class: "content" }, h("slot", { key: 'ff6af85fc717850baf0c628cf699e488ca0cc77b' })))));
     }
     static get is() { return "biggive-popup"; }
     static get encapsulation() { return "shadow"; }
@@ -32,6 +35,26 @@ export class BiggivePopup {
             "$": ["biggive-popup.css"]
         };
     }
+    static get properties() {
+        return {
+            "modalClosedCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Function to execute when the modal is closed, whether by the user or programmatically."
+                },
+                "defaultValue": "() => {}"
+            }
+        };
+    }
     static get methods() {
         return {
             "openFromOutside": {

package/dist/collection/components/biggive-popup/biggive-popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive-popup.js","sourceRoot":"","sources":["../../../src/components/biggive-popup/biggive-popup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOrD,MAAM,OAAO,YAAY;IALzB;QAqBU,oBAAe,GAAG,CAAC,KAAU,EAAE,EAAE;YACvC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;gBACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;KAgBH;IAjCC,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAGD,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAC5C,CAAC;IASD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAoB,CAAC,EAAE,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe;YAC5G,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,QAAQ;oBACjB,4DAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAQ,CACpD;gBACN,4DAAK,KAAK,EAAC,SAAS;oBAClB,8DAAa,CACT,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Method, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-popup',\n  styleUrl: 'biggive-popup.scss',\n  shadow: true,\n})\nexport class BiggivePopup {\n  private popup: HTMLDivElement;\n\n  @Method()\n  async openFromOutside() {\n    this.popup.setAttribute('data-visible', 'true');\n    this.popup.setAttribute('tabindex', '0');\n    this.popup.focus();\n  }\n\n  @Method()\n  async closeFromOutside() {\n    this.popup.setAttribute('data-visible', 'false');\n    this.popup.setAttribute('tabindex', '-1');\n  }\n\n  private closeFromWithin = (event: any) => {\n    if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {\n      this.popup.setAttribute('data-visible', 'false');\n      this.popup.setAttribute('tabindex', '-1');\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"popup\" ref={el => (this.popup = el as HTMLDivElement)} tabindex=\"-1\" onClick={this.closeFromWithin}>\n        <div class=\"sleeve\">\n          <div class=\"header\">\n            <div class=\"close\" onClick={this.closeFromWithin}></div>\n          </div>\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"biggive-popup.js","sourceRoot":"","sources":["../../../src/components/biggive-popup/biggive-popup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO3D,MAAM,OAAO,YAAY;;QAsBf,oBAAe,GAAG,CAAC,KAAU,EAAE,EAAE;YACvC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;gBACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;gBAC1C,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC7B,CAAC;QACH,CAAC,CAAC;mCAtBwC,GAAG,EAAE,GAAE,CAAC;;IAGlD,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAGD,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAUD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAoB,CAAC,EAAE,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe;YAC5G,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,QAAQ;oBACjB,4DAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAQ,CACpD;gBACN,4DAAK,KAAK,EAAC,SAAS;oBAClB,8DAAa,CACT,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Method, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-popup',\n  styleUrl: 'biggive-popup.scss',\n  shadow: true,\n})\nexport class BiggivePopup {\n  private popup: HTMLDivElement;\n\n  /**\n   * Function to execute when the modal is closed, whether by the user or programmatically.\n   */\n  @Prop() modalClosedCallback: () => void = () => {};\n\n  @Method()\n  async openFromOutside() {\n    this.popup.setAttribute('data-visible', 'true');\n    this.popup.setAttribute('tabindex', '0');\n    this.popup.focus();\n  }\n\n  @Method()\n  async closeFromOutside() {\n    this.popup.setAttribute('data-visible', 'false');\n    this.popup.setAttribute('tabindex', '-1');\n    this.modalClosedCallback();\n  }\n\n  private closeFromWithin = (event: any) => {\n    if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {\n      this.popup.setAttribute('data-visible', 'false');\n      this.popup.setAttribute('tabindex', '-1');\n      this.modalClosedCallback();\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"popup\" ref={el => (this.popup = el as HTMLDivElement)} tabindex=\"-1\" onClick={this.closeFromWithin}>\n        <div class=\"sleeve\">\n          <div class=\"header\">\n            <div class=\"close\" onClick={this.closeFromWithin}></div>\n          </div>\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}