@biggive/components 202404151401.0.0 → 202404240935.0.0

package/dist/cjs/biggive-cookie-banner.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"biggive-cookie-banner.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\nh2:first-child {\n  // padding of the container is enough, a top margin would make the banner unsymmetrical.\n  margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n  @include standard-font();\n  @include font-size-small();\n  border-radius: 10px;\n  background: white;\n  border: 1px solid black;\n  max-width: 500px;\n  padding: 1em;\n}\n\ndiv.button-group {\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-evenly;\n  width: 100%;\n  flex-direction: column;\n  gap: 1em;\n\n  @media screen and (min-width: $screen-mobile-medium) {\n    flex-direction: row-reverse;\n  }\n}\n\nbiggive-popup {\n  @include font-size-medium();\n  div.content {\n    max-height: 95vh;\n    overflow: auto;\n    h5 {\n      border-bottom: 2px solid black;\n      max-width: 25em;\n      margin-bottom: 5px;\n    }\n\n    p {\n      margin-top: 5px;\n      margin-bottom: 8px;\n    }\n\n    div.radio-group {\n      margin-bottom: 30px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } 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  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'}>Find out more in our Privacy Statement</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.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.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\nh2:first-child {\n  // padding of the container is enough, a top margin would make the banner unsymmetrical.\n  margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n  @include standard-font();\n  @include font-size-small();\n  border-radius: 10px;\n  background: white;\n  border: 1px solid black;\n  max-width: 600px;\n  padding: 1em;\n}\n\ndiv.button-group {\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-evenly;\n  width: 100%;\n  flex-direction: column;\n  gap: 1em;\n\n  @media screen and (min-width: $screen-mobile-medium) {\n    flex-direction: row-reverse;\n  }\n}\n\nbiggive-popup {\n  @include font-size-medium();\n  div.content {\n    max-height: 95vh;\n    overflow: auto;\n    h5 {\n      border-bottom: 2px solid black;\n      max-width: 25em;\n      margin-bottom: 5px;\n    }\n\n    p {\n      margin-top: 5px;\n      margin-bottom: 8px;\n    }\n\n    div.radio-group {\n      margin-bottom: 30px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } 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}

package/dist/cjs/biggive-form.cjs.entry.js

@@ -12,7 +12,7 @@ const BiggiveForm = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'a40b4311229ed4bf0c2ad9af2e73b94d157c84bf' }, index.h("slot", { key: '6d342e8055458d40f89aca22d6bfccd923d50ca8' })));
+        return (index.h(index.Host, { key: '69b59fca979bed410d652d3ca274d9d849efb1f0' }, index.h("slot", { key: '7245c2d5fa77cb57782df8374e7db75ccd582b7f' })));
     }
 };
 BiggiveForm.style = BiggiveFormStyle0;

package/dist/cjs/biggive-icon-group.cjs.entry.js

@@ -14,7 +14,7 @@ const BiggiveIconGroup = class {
         this.label = undefined;
     }
     render() {
-        return (index.h("div", { key: '4f7d0532cdc68cac14a7d2a7f856474cce0ba480', class: 'container space-below-' + this.spaceBelow }, this.label != null ? index.h("div", { class: "label" }, this.label) : null, index.h("div", { key: '408c8363fb57cfebb95979bef7a22f47ac5082ad', class: "sleeve" }, index.h("slot", { key: '21730ee8dedd9e537998f692469d6faaee6cd1eb' }))));
+        return (index.h("div", { key: '5160c48c4cd14c7cdd5a5f1d16aa9b8d9b7cc06b', class: 'container space-below-' + this.spaceBelow }, this.label != null ? index.h("div", { class: "label" }, this.label) : null, index.h("div", { key: '20cdf1004def10075d6a1396e0f6d9e6fc48e80c', class: "sleeve" }, index.h("slot", { key: '79c24ea8ba3435f576e2387027d1fb7bf610550d' }))));
     }
 };
 BiggiveIconGroup.style = BiggiveIconGroupStyle0;

package/dist/cjs/biggive-image-card.cjs.entry.js

@@ -27,7 +27,7 @@ const BiggiveImageCard = class {
         this.addAnimation = false;
     }
     render() {
-        return (index.h("div", { key: '030a273501a2946f158f0f718647778644f6b423', class: 'container space-below-' +
+        return (index.h("div", { key: '8d1ef3a6eefba63d793413b65219bcd1508e0697', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -36,7 +36,7 @@ const BiggiveImageCard = class {
                 ' clip-top-right-corner-' +
                 this.clipTopRightCorner +
                 ' add-animation-' +
-                this.addAnimation }, index.h("a", { key: 'a18fe4d5c5c9c034bd829d993e531b03293f358a', href: this.buttonUrl }, index.h("div", { key: '4efdbb725adebc355312c905d1d4b4f56302405f', class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, index.h("div", { key: '3bb0b7a1b5a951db2856b5c8207d9e93df041700', class: "content-wrap" }, this.mainImageUrl != '' ? (index.h("div", { class: "main-image-container" }, index.h("div", { class: "image-wrap" }, index.h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, index.h("div", { key: '02cea0e349dcf9cf2d04e5ce1836c9293a2f8fcd', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (index.h("div", { class: 'button-wrap align-' + this.buttonAlign }, index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
+                this.addAnimation }, index.h("a", { key: '169002b8d2090ef888dab0774e8e4e05eab5f2e5', href: this.buttonUrl }, index.h("div", { key: 'e0d89b29abe66c06ac483d4e1a7f633a3564dd24', class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, index.h("div", { key: 'd6c5120383e51e4ff893ce7a15e00ecd1a6dc3eb', class: "content-wrap" }, this.mainImageUrl != '' ? (index.h("div", { class: "main-image-container" }, index.h("div", { class: "image-wrap" }, index.h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, index.h("div", { key: '98624d20ab322096b967f22b80b5f0e90fafd09d', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (index.h("div", { class: 'button-wrap align-' + this.buttonAlign }, index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
     }
 };
 BiggiveImageCard.style = BiggiveImageCardStyle0;

package/dist/cjs/biggive-nav-group.cjs.entry.js

@@ -13,7 +13,7 @@ const BiggiveNavGroup = class {
         this.inline = true;
     }
     render() {
-        return (index.h("ul", { key: '08bee5e37350d4cb297b6c2b27034632c7000fc9' }, index.h("slot", { key: 'b56feeb806466f9ddd79147bda38099e3d45fd81' })));
+        return (index.h("ul", { key: '49b2376d24d37ac7af1ab8d499d166baf4268a03' }, index.h("slot", { key: 'b15cfcc1791660ced330af8cf471332f7ca10f49' })));
     }
 };
 BiggiveNavGroup.style = BiggiveNavGroupStyle0;

package/dist/cjs/biggive-nav-item.cjs.entry.js

@@ -15,7 +15,7 @@ const BiggiveNavItem = class {
         this.iconColour = undefined;
     }
     render() {
-        return (index.h("li", { key: '5ab82d3d872d9a4b24f88f1d986320227462893c', class: 'icon-' + this.iconColour }, index.h("a", { key: '15c7596173ca0997b90d916789fdf75dec72fafa', href: this.url }, this.label), index.h("slot", { key: '58e4b57c0702fb164f7b1c2e5969377aaf44eec2' })));
+        return (index.h("li", { key: '090f304495cea3310a9e00e33b66a5beb70b0bbc', class: 'icon-' + this.iconColour }, index.h("a", { key: '7ed939de7267b6fd0c24cb7f34e1683594031cba', href: this.url }, this.label), index.h("slot", { key: 'f2cd30f28afe1bb4f63d30f658cb1866b9cee98a' })));
     }
 };
 BiggiveNavItem.style = BiggiveNavItemStyle0;

package/dist/cjs/biggive-table.cjs.entry.js

@@ -17,7 +17,7 @@ const BiggiveTable = class {
         this.bodyBackgroundColour = 'grey-light';
     }
     render() {
-        return (index.h("div", { key: 'c00aa60e345740990c99b5fe69318e3a383d5aa8', class: 'container header-text-colour-' +
+        return (index.h("div", { key: '3113e1e0f25a9484452e48ae77f7f715a997c15b', class: 'container header-text-colour-' +
                 this.headerTextColour +
                 ' header-background-colour-' +
                 this.headerBackgroundColour +
@@ -26,7 +26,7 @@ const BiggiveTable = class {
                 ' body-background-colour-' +
                 this.bodyBackgroundColour +
                 ' space-below-' +
-                this.spaceBelow }, index.h("slot", { key: '7705d00d498d7551a4bb347f64004e382a568fee' })));
+                this.spaceBelow }, index.h("slot", { key: '3f0c914570a0319d25ce31ca8e3d245f3f1ab77f' })));
     }
 };
 BiggiveTable.style = BiggiveTableStyle0;

package/dist/cjs/biggive-video.cjs.entry.js

@@ -16,7 +16,7 @@ const BiggiveVideo = class {
         this.videoUrl = '';
     }
     render() {
-        return (index.h("div", { key: '0cb7aecdaa36605bbc97c8a350d6ae17453c8581', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { key: '49f2674c85b446bb14648ee1677dc301ef0639db', class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, null) })));
+        return (index.h("div", { key: 'e3bd4523159953b28e37ce98e289944ef4ca50d5', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { key: 'a194d68564e3cf47755925708b403df2d25eeff2', class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, null) })));
     }
 };
 BiggiveVideo.style = BiggiveVideoStyle0;

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

@@ -407,7 +407,7 @@ div.cooke-consent-container {
   border-radius: 10px;
   background: white;
   border: 1px solid black;
-  max-width: 500px;
+  max-width: 600px;
   padding: 1em;
 }
 

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

@@ -15,6 +15,15 @@ export class BiggiveCookieBanner {
             this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });
             elementById.closeFromOutside();
         };
+        /**
+         * Emits the same event as if the user had gone into preferences and said no to every option.
+         */
+        this.handleRejectAllClicked = () => {
+            var _a;
+            this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });
+            const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
+            elementById.closeFromOutside();
+        };
         this.handleAcceptAllClick = () => {
             // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make
             // and make this component disappear.
@@ -23,7 +32,7 @@ export class BiggiveCookieBanner {
         this.blogUriPrefix = undefined;
     }
     render() {
-        return (h("div", { key: 'e984943c0641965fadf4e803c81877d1319faa6b', class: "cooke-consent-container" }, h("biggive-popup", { key: '02d706f983c6776b3c3aa20fdfea4eadcf812e65', id: "cookie-preferences-popup" }, h("div", { key: '52378a2deba1a082b2171d6f9ef71cddb10a315b', class: "content" }, h("h4", { key: '740d7ce562f5be6947e2d69be544312490ce128f', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '28a4f315181779f539c51452fc3ca7cefbd38ed0' }, h("div", { key: '7b836eda81efa253478d8b69b70c03798e6a0e3b', class: "radio-group" }, h("h5", { key: '4612591917d7cf671019815a9c30862b09624caa' }, "Essential Cookies"), h("p", { key: '903c8dbc4070ccb4494fdd12050eadc4cf839ab2' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '3a7cfbc0fa35855cc2f0ca089436538c6509e2a9', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'aff6709d873497a627e43fe4fc5148d9049cea76', htmlFor: "necassary-on" }, "Off"), h("input", { key: '5ba592dbd4dff20f218be76a58370ab0db4984a8', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '83866c4cee0a39a341bebc36f3391fdb4adee180', htmlFor: "necassary-on" }, "On")), h("div", { key: '009639e6e9ec6c227a6e88b765191bd344002aac', class: "radio-group" }, h("h5", { key: '448f7ebecb9532b3d6e90c0f2ecc66b7e6a31bc2' }, "Analytics & Testing Cookies"), h("p", { key: '784ed4f88fbf8dc23fb4e9bb104db42b162f4315' }, "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: '30a2e6748f0972ef8dc61cff22f0dc21495c3cd4' }, "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: 'ca159a6e535db7ab4baca3891f7f6a300382a506', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), h("label", { key: 'ba1daa659e187593584a3d893477ee36ff2528b0', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: '669209ee1f7a91f6aecaebecfc038d2a1390de10', type: "radio", name: "a-and-t", id: "a-and-t-on" }), h("label", { key: 'fb1e80ebab298c7c2115c8be5f21c2324912076c', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '9121c6ca9e32cf30a28fef6847a24cac54cc9878', class: "radio-group" }, h("h5", { key: 'bcd0f77ebbbce36b5f5139ca97385d423be2a146' }, "Third-party Cookies "), h("p", { key: 'da7ccbb1760ae70c8a981a4ff2066f67d7dca1b8' }, "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: '6fe15b3db0ebe802d5dd2734ff3c2a814698ad3e', type: "radio", name: "third-party", id: "third-party-off", checked: true }), h("label", { key: '13e0ad4dd476c6caf071ee95a1dc872fd66d0fe4', htmlFor: "third-party-off" }, "Off"), h("input", { key: '3669c7fb2c9d6d6ba1f107916ae25d24f9813681', type: "radio", name: "third-party", id: "third-party-on" }), h("label", { key: '6bf1313bd33eb8703963a2b2aed7333b69d90dac', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '5f4dd0d2c01f51a297a6f616da470a56b68342e7', "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: 'fd7f2e81cd7bf11626f87ac96fc4305635337aaf' }, "Our website uses cookies"), h("p", { key: '5ac9130a06456af18802baaccfcc88ddab297341' }, "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: '406f10549bbbbd7a79007194b5c261edba6555ea' }, h("a", { key: 'ba7a927f44c482e43b110ad42f398bd095cef6a1', href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Statement")), h("div", { key: 'e29c4dc41063a50bd6b4e96b5c79af60131d0be0', class: "button-group" }, h("biggive-button", { key: '118988dc9e170e5dbaa2d24e10a6b0302f24f476', 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: '829cea6b047671ad79d6b070c5358fc260a907ef', 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: '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" }))));
     }
     static get is() { return "biggive-cookie-banner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"biggive-cookie-banner.js","sourceRoot":"","sources":["../../../src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, h, Event, EventEmitter } 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  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'}>Find out more in our Privacy Statement</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.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 } 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"]}

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class BiggiveForm {
     render() {
-        return (h(Host, { key: 'a40b4311229ed4bf0c2ad9af2e73b94d157c84bf' }, h("slot", { key: '6d342e8055458d40f89aca22d6bfccd923d50ca8' })));
+        return (h(Host, { key: '69b59fca979bed410d652d3ca274d9d849efb1f0' }, h("slot", { key: '7245c2d5fa77cb57782df8374e7db75ccd582b7f' })));
     }
     static get is() { return "biggive-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,12 +38,12 @@ export class BiggiveFormFieldSelect {
             console.error('options undefined');
             options = [];
         }
-        return (h("div", { key: 'e95eb357e93417f2d5adf60a7c1f26c9a7d529e2', class: "selectWrapper" }, h("label", { key: '1202e0d49f937269deab3335d570868beb505b42', class: greyIfRequired }, h("div", { key: '9626735088efdaaa3fda0d07d45421d7ea7a1a91', class: 'prompt' + greyIfRequired }, this.prompt), h("div", { key: '5c48330992e2ee9b6091c0508b02be29a7dcabdd', class: 'dropdown space-below-' +
+        return (h("div", { key: '314d01ca8ff44ff44503f77fe1cf2d9e42dbfc69', class: "selectWrapper" }, h("label", { key: 'a74607e2e4047a38c13b8b7ab75cf114b1f879c4', class: greyIfRequired }, h("div", { key: 'dad4fbf9f04321b2ebe58cf346e8855ba1dd2972', class: 'prompt' + greyIfRequired }, this.prompt), h("div", { key: 'e25be2a1528f8663edb219902887df28fe329e8a', class: 'dropdown space-below-' +
                 this.spaceBelow +
                 ' select-style-' +
                 this.selectStyle +
                 (this.prompt === null ? '  noprompt' : '') +
-                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '1b86fe8daf6a0f40fe26dbb1d7c17b549cf35058', class: "sleeve" }, h("select", { key: '4c6a8134dbfccb31ed7be51aba7fe0c14a659046', class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: '0613a8e84dd97fb3d95d0c3c593789dc0dab9869', class: "arrow" }))))));
+                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '71d3f4927a04f5d62f88df19b59f8f6831956857', class: "sleeve" }, h("select", { key: '2d44e441d4ebca8afc24717374db5ea26e40687a', class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: '19523a88f8ba510068d0843da64c67022b8af86f', class: "arrow" }))))));
     }
     static get is() { return "biggive-form-field-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-form-field-text-input/biggive-text-input.js

@@ -14,7 +14,7 @@ export class BiggiveTextInput {
     }
     render() {
         const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
-        return (h("div", { key: '8a9408cc64d2676b4b6bc090902fccd2154bb698', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '58c40535aa96a640ec52154718beae85c0e53b89', class: "sleeve" }, h("div", { key: 'cb049040f25bb2be3dcb28f2aa170df433dad0a3', class: "inner-sleave" }, currencySymbol && h("span", { class: "currency-symbol" }, currencySymbol), h("slot", { key: '9613b18f16617f2f4943d7093ff2194d864f57c1', name: "input" }), h("div", { key: 'a23fa977e04ae9d11eba166019c9c3cf52e7f0a2', style: { clear: 'both' } }))), h("div", { key: '61846e9b3ebb109cefc53e4ae13e31015fa47f10', class: "prompt" }, h("slot", { key: '4f990004e6ec5cc8d2abe4781d34772fcef299c7', name: "label" }))));
+        return (h("div", { key: '608b4a560ee4bced1d14a1b9ad6c0d1eebf75765', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '02e657ef776abfb1f84e435123c7319c59b64298', class: "sleeve" }, h("div", { key: '32c24aa7859b6d94ae8311b0ee62ba24553ef87f', class: "inner-sleave" }, currencySymbol && h("span", { class: "currency-symbol" }, currencySymbol), h("slot", { key: '7c92f0cb7ca4a97a9b430419ecdbceb952eaf4a3', name: "input" }), h("div", { key: '68ccd1f1026943f87f5da2409876cf8fbdb2d928', style: { clear: 'both' } }))), h("div", { key: 'ddd5c176307137c6b58443ed4af70fa4d23dc887', class: "prompt" }, h("slot", { key: '7c44e6a15972fea020a292cfb4be90f39586fb8d', name: "label" }))));
     }
     static get is() { return "biggive-text-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js

@@ -6,7 +6,7 @@ export class BiggiveFormattedText {
         this.maxWidth = 100;
     }
     render() {
-        return (h("div", { key: '819551388ab2e704f62177a9d1d6452e2ef796e9', class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", { key: '78079b493a49adbd78781667504db3ce0c30a708' })));
+        return (h("div", { key: 'b7ff15887da8516a3af5788e0696430b35d58940', class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", { key: '6f1646382a27476bb307348d6c9d77cc0eb97f3e' })));
     }
     static get is() { return "biggive-formatted-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.js

@@ -28,7 +28,7 @@ export class BiggiveGenericIcon {
         const iconDefinition = this.getIconDefinition();
         return (
         // Note: the icon name prop is set as a css class too for any styling specific to certain icons
-        h("div", { key: '443fe74064bac6cef7a6ce319fd9fb26bc8993a9', class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: '86b7eb52ea7a20a1721d948eefe4b216a1e1f7c3', href: this.url }, iconDefinition ? (h("svg", { width: iconDefinition.icon[0], height: iconDefinition.icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + iconDefinition.icon[0] + ' ' + iconDefinition.icon[1] }, h("path", { d: iconDefinition.icon[4].toString() }))) : null)));
+        h("div", { key: 'f2022ed32b636865b547c86a3ae09c6af47ba7f0', class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: '59cc5d22c0c234ad5b55c8fbceb6d3ba86e10598', href: this.url }, iconDefinition ? (h("svg", { width: iconDefinition.icon[0], height: iconDefinition.icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + iconDefinition.icon[0] + ' ' + iconDefinition.icon[1] }, h("path", { d: iconDefinition.icon[4].toString() }))) : null)));
     }
     static get is() { return "biggive-generic-icon"; }
     static get originalStyleUrls() {

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

@@ -7,7 +7,7 @@ export class BiggiveGrid {
         this.columnGap = 0;
     }
     render() {
-        return (h("div", { key: 'd5546015f64264d5b6873b7a94d74a4b275f7f1c', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: '4320b2c55ac6618bb9adad682029346aae300ed8' })));
+        return (h("div", { key: '416def4a0c08978e15974ce9af6618023b50f83b', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: 'b56f17f534fb1a33f628360dd7abfea3bda20264' })));
     }
     static get is() { return "biggive-grid"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class BiggiveHeading {
     }
     render() {
         const Tag = this.htmlElement;
-        return (h("div", { key: '6f0be9ecfa1279515480fa8abc640493ae499e80', class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: '49a66dc67b798a22e21804c832c8db31cdae4e4f', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
+        return (h("div", { key: 'bc96ba03056040628fa77a9999108feffa5041aa', class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: '1129bca53ca2b0186446ee0616d1918706d9f2b3', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
     }
     static get is() { return "biggive-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-hero-image/biggive-hero-image.js

@@ -23,9 +23,9 @@ export class BiggiveHeroImage {
     render() {
         const mainTitleClasses = 'main-title ' + (typeof this.mainTitleColour === 'string' && this.mainTitleColour.length > 0 ? `text-colour-${this.mainTitleColour}` : '');
         const teaserClasses = 'teaser ' + (typeof this.teaserColour === 'string' && this.teaserColour.length > 0 ? `text-colour-${this.teaserColour}` : '');
-        return (h("div", { key: '4889f4e8a3f2d8caf63aec3e4ecb99288f6e5a26', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { key: 'e96e9cfb75245d1ac825bf33d044a8b5ca9f4a8e', class: "sleeve" }, h("div", { key: '850ea01c76584ac845ff8b312ec39050c87ca60f', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), h("div", { key: 'e5c500087d6c9a790d9afe7fc83a916a9bd90a6a', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { key: '428349e4fcf59f041e45108053abc7b014b7572b', class: mainTitleClasses }, this.mainTitle), h("div", { key: '5242aaba3d2acef327702a698eac9381287d0d75', class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
+        return (h("div", { key: '6327a08058a3f25476b0430f0366c540888b64ef', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { key: 'c22e02ed58f42d0e388ecaa388eb40ecd10bb1fa', class: "sleeve" }, h("div", { key: 'd9425b5945291fde048d76eb17c17ac12ccf18d4', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), h("div", { key: '1f7295a38722f6ec517778127ea3e756986baf8f', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { key: 'b2db397debdcf80866584e594bcb7d5a7a7816ce', class: mainTitleClasses }, this.mainTitle), h("div", { key: '0cad7c94c55827d579a4636c4dd7bd244ddc03d8', class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
             ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
-            : null), h("div", { key: '2eb42322a067289c5bc9e0ad268897d3b24d0252', class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
+            : null), h("div", { key: '7e8813d481dab9307b11a6589ec0943d5603a455', class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
     }
     static get is() { return "biggive-hero-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-icon-button/biggive-icon-button.js

@@ -23,7 +23,7 @@ export class BiggiveIconButton {
         this.buttonId = undefined;
     }
     render() {
-        return (h("div", { key: '32725bfd0c04c24eb09c32bfeab6364c0c6d25e0', class: 'container space-below-' +
+        return (h("div", { key: 'e15343ee45912bbbbaa75536a3df4fd82972f1c1', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -34,7 +34,7 @@ export class BiggiveIconButton {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, h("a", { key: 'cbab52df37e5f8f78a1e385e19ca73f89aae0a57', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '4b7366f3d3dc52fea6e9626e7e35c75714107bde', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: 'f17a068048e0a6908651a8d289c87146b4401774', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-generic-icon", { key: 'f2e146e9ffdc4f199255da6db6b70a3b783843b4', iconGroup: this.iconGroup, icon: this.icon })), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, h("a", { key: '2958f6e919f41eb60c42b5da1b9f050bce81b3e2', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '0a694a3fd8c2e54c59e56722201d178a418aef44', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: 'b148cdd64ec25289ff37d0192351aad8e79329a5', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-generic-icon", { key: '9403942777b76620532be9a661a16bcc4aa92b53', iconGroup: this.iconGroup, icon: this.icon })), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
     static get is() { return "biggive-icon-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-icon-group/biggive-icon-group.js

@@ -5,7 +5,7 @@ export class BiggiveIconGroup {
         this.label = undefined;
     }
     render() {
-        return (h("div", { key: '4f7d0532cdc68cac14a7d2a7f856474cce0ba480', class: 'container space-below-' + this.spaceBelow }, this.label != null ? h("div", { class: "label" }, this.label) : null, h("div", { key: '408c8363fb57cfebb95979bef7a22f47ac5082ad', class: "sleeve" }, h("slot", { key: '21730ee8dedd9e537998f692469d6faaee6cd1eb' }))));
+        return (h("div", { key: '5160c48c4cd14c7cdd5a5f1d16aa9b8d9b7cc06b', class: 'container space-below-' + this.spaceBelow }, this.label != null ? h("div", { class: "label" }, this.label) : null, h("div", { key: '20cdf1004def10075d6a1396e0f6d9e6fc48e80c', class: "sleeve" }, h("slot", { key: '79c24ea8ba3435f576e2387027d1fb7bf610550d' }))));
     }
     static get is() { return "biggive-icon-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,7 +24,7 @@ export class BiggiveImage {
         return height;
     }
     render() {
-        return (h("div", { key: 'b7a70aa92d6c39e25bfd5b669792f66bfb86002b', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: 'af42c86d168c9c5e2e77c39816f74f8801b39e53', class: "image-wrap" }, h("img", { key: 'ce77e0d30e0388dc6b4367b4df41153a41e98c24', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
+        return (h("div", { key: 'f327c4f3b647c18a9064efc92c44a48a742397c8', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: '70e0f04cc75aaed989f813d9a14c741aaee77701', class: "image-wrap" }, h("img", { key: '76e05ce502b52b88b88f4be6a8df4f4b329e57fd', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
     }
     static get is() { return "biggive-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-image-button/biggive-image-button.js

@@ -23,7 +23,7 @@ export class BiggiveImageButton {
         this.buttonId = undefined;
     }
     render() {
-        return (h("div", { key: '5c3860e8680ba3ec68c368c1983c547f2327bd09', class: 'container space-below-' +
+        return (h("div", { key: 'a78665020766e2f0c81c475270d08207234c8a09', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -34,7 +34,7 @@ export class BiggiveImageButton {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, h("a", { key: '4815a99c38a24e33cb57f34eb48b2f4151a457f3', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: 'a62465a9fc390feeebe280029df381b8849c9687', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '6b74133671143eea5e898229c866cab13b5090c7', class: 'image-wrap ' + ' image-style-' + this.imageStyle + ' size-' + this.size + ' circle-' + this.circle.toString(), style: { backgroundImage: 'url(' + this.imageUrl + ')' } }), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, h("a", { key: '7081450a894a1e3b6f3caacca80e355addab5e50', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '67c6281ac3ed4537f107132c1accb45dc6b8c056', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '6c5600359a95b15996c21a2365cc4c53b9718e3a', class: 'image-wrap ' + ' image-style-' + this.imageStyle + ' size-' + this.size + ' circle-' + this.circle.toString(), style: { backgroundImage: 'url(' + this.imageUrl + ')' } }), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
     static get is() { return "biggive-image-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class BiggiveImageCard {
         this.addAnimation = false;
     }
     render() {
-        return (h("div", { key: '030a273501a2946f158f0f718647778644f6b423', class: 'container space-below-' +
+        return (h("div", { key: '8d1ef3a6eefba63d793413b65219bcd1508e0697', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -27,7 +27,7 @@ export class BiggiveImageCard {
                 ' clip-top-right-corner-' +
                 this.clipTopRightCorner +
                 ' add-animation-' +
-                this.addAnimation }, h("a", { key: 'a18fe4d5c5c9c034bd829d993e531b03293f358a', href: this.buttonUrl }, h("div", { key: '4efdbb725adebc355312c905d1d4b4f56302405f', class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, h("div", { key: '3bb0b7a1b5a951db2856b5c8207d9e93df041700', class: "content-wrap" }, this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, h("div", { key: '02cea0e349dcf9cf2d04e5ce1836c9293a2f8fcd', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
+                this.addAnimation }, h("a", { key: '169002b8d2090ef888dab0774e8e4e05eab5f2e5', href: this.buttonUrl }, h("div", { key: 'e0d89b29abe66c06ac483d4e1a7f633a3564dd24', class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, h("div", { key: 'd6c5120383e51e4ff893ce7a15e00ecd1a6dc3eb', class: "content-wrap" }, this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, h("div", { key: '98624d20ab322096b967f22b80b5f0e90fafd09d', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
     }
     static get is() { return "biggive-image-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-image-feature/biggive-image-feature.js

@@ -16,7 +16,7 @@ export class BiggiveImageFeature {
         this.buttonColourScheme = 'primary';
     }
     render() {
-        return (h("div", { key: 'dc15cd2b893cef2b1ae25750fddbe19f2c3356ca', class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { key: '5d7681f9e16bc9a64da7909c2fdc54165a9d2743', class: "sleeve" }, h("div", { key: 'f94b99eda068751e0072ba46e1d03201e29ca267', class: "content-wrap" }, h("div", { key: '4cf1a53d47b4e6fd741218b86e4c0487811b9f98', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: '307f26b3d1459437d2460476a51989766d3e5fe2', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '43b8b09079632347413940d44d0961c94a185167', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '63ec56cfff17ae8be2f3e65f99d94b08d0138827', class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
+        return (h("div", { key: 'f7e058fa83e93095a47a1a5696ad495d3f0b60b0', class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { key: 'a597f466ec9819707cc6be4a98351ba2975e9819', class: "sleeve" }, h("div", { key: '1211768272ba7f6f8a11e26eba7e938f3dc686cc', class: "content-wrap" }, h("div", { key: 'e24237f46d658be65cccdc0baf175dc19a47c138', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'e467d83d54388708070e87332a1f561ba11a4f34', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '89cb44640af1a5e61a8b911935721eaa084c66c1', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: 'db5d0b12aeab82e01344eefac490c981bfa34dd3', class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
     }
     static get is() { return "biggive-image-feature"; }
     static get encapsulation() { return "shadow"; }