npm - @biggive/components - Versions diffs - 202510071303.0.0 → 202510090844.0.0 - Mend

@biggive/components 202510071303.0.0 → 202510090844.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (278) hide show

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

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

package/dist/components/biggive-video-feature.js CHANGED Viewed

@@ -46,7 +46,7 @@ const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveVide
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (h("div", { key: '3740e487e729b0a74ed0515c9e903ab5aeb5427d', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '3051fb6eb6928ddfda8b8f1795a5e6eec1fbd9b6', class: "sleeve" }, h("div", { key: '25c9ed4ff24ca4e012b028b75edc64ef45f242a7', class: "content-wrap" }, h("div", { key: 'b1c0f2a8e00eba211c0026746af0dc0c0768de30', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'dba4ded03692f4ea15577935dffec44cd7f0dcb1', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: 'c76b4e7f796f6de0069b7d6a96846586f04b0883', 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: 'fa572d2966bbf03b8593685aba801e7a87783989', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
+        return (h("div", { key: '4b7f4e9e453260c9ea419ef37d820ec7eb7b6e78', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7dac63b6a269337f068ce3fa3fae713cec34dcbd', class: "sleeve" }, h("div", { key: 'f65db889bca63474e806f7bc38b8a658f6eba9d1', class: "content-wrap" }, h("div", { key: 'ab442afbefc1821ce9f87415e712553275768bc2', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: '0484b8ce74ccf7613b709f0d6edcbd9978bf825a', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: 'bbd9d77c104f94d26ca1261c3b8a742235d32b50', 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: '29e8b124290d8e25318ff30ca27da56e4d624e6a', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
     }
     static get style() { return biggiveVideoFeatureCss; }
 }, [257, "biggive-video-feature", {

package/dist/components/biggive-video.js CHANGED Viewed

@@ -24,7 +24,7 @@ const BiggiveVideo$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveVideo exten
         this.videoUrl = '';
     }
     render() {
-        return (h("div", { key: '109b03d13cdf8cdeedfceaae644fb3a5478856bf', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '29a986fdb5bc6a081dce6a78473dfdb4f01449ef', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
+        return (h("div", { key: 'feec8b6bb9f56d174b0ba82dae8c9dbd0d9c7a2a', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '31564a74c0bfe6f83e6cd6513f86a944770fa501', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
     }
     static get style() { return biggiveVideoCss; }
 }, [257, "biggive-video", {

package/dist/components/philco-footer.js CHANGED Viewed

@@ -16,7 +16,7 @@ const PhilcoFooter$1 = /*@__PURE__*/ proxyCustomElement(class PhilcoFooter exten
     }
     render() {
         const HeadingTag = `h${this.headingLevel}`;
-        return (h("div", { key: 'b90614b0da501ecd79bdacfa4d8e006ae6c518e4', class: "footer" }, h("div", { key: '64962858e1203410764df82d58295d9b56afba71', class: "row row-logo" }, h("div", { key: '64a014cfc6fe0ab2604db5039a456181d08dfa44', class: "logo" }, h("img", { key: '99569361aae34deef67977907feb8e236e72cfaa', src: getAssetPath('/assets/images/philco/Philcologo-black.png'), alt: "PhilCo" }))), h("div", { key: 'bb30a39e7493b6ba312600c9ffd5ba18d8d5ae25', class: "row row-top" }, h("nav", { key: 'c01ca1e047798a8048bd4bb9d1d841438ae33b43', class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { key: '8bd48c21373595c1459df5de240da56243a89d5b', class: "heading", id: "footer-primary-heading" }, h("div", { key: '88b9ec1e0d74925c9a35b6d2c4bd2269b97a74cc', slot: "nav-primary-title" }, "Contact")), h("ul", { key: 'c933b29fcf439fa2c5d10302c9d85bc4f84087c2', slot: "nav-primary" }, h("li", { key: '2a6037f308acd5bc679dd341f736da40568f8f53' }, "PhilCo@biggive.org"))), h("nav", { key: 'f80b4620139eef42e859e57cb7030340d60126bd', class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading" }, h(HeadingTag, { key: 'de622069848ff23925c15c6eb0109d62c4ce6b1d', class: "heading", id: "footer-secondary-heading" }, h("div", { key: '74b6ffc9d4b3741b49f488db612d97ff24aff6c3', slot: "nav-secondary-title" }, "Philco Site")), h("ul", { key: '8d1d70ebf9addf3f36193b20c7d1d560ed967ab6', slot: "nav-secondary" }, h("li", { key: 'bf9f9b69b9511a7f42d4eb2ab2543c50c19ba4c4' }, h("a", { key: 'ee38da9aeb001557fdf101d1a5dbd639eeac5a96', href: makeURL('Philco', this.philcoUrlPrefix, '/') }, "Home")), h("li", { key: 'd303c3c6f17710678b7b82a44b5e67cd94e4530a' }, h("a", { key: '6d4751eb5148440f39c9489b1f6efbcf55aeb421', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: 'de85e7bedbc9994f87690feef0bcc0c1154335b1' }, h("a", { key: 'bc4fb1cd35f76a1fa0cd43b634ca501face1403b', href: makeURL('Philco', this.philcoUrlPrefix, 'sign-up') }, "Sign Up")))), h("nav", { key: '27fda6b9ee9e234f76589c7eb8bb27af1e09f249', class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { key: 'b13bb39a0b2ceed2b4aab120944d80796a285aab', class: "heading", id: "footer-tertiary-heading" }, h("div", { key: '829e2d7ca0e9601083ccb3b64d7bc3e197148507', slot: "nav-tertiary-title" }, "Guide")), h("ul", { key: 'd34fa5a531caeeefb5487f883c62c396a10ff221', slot: "nav-tertiary" }, h("li", { key: 'c8be5335f28d0d5295c3911535ba3b23c008a198' }, h("a", { key: '956769675e0af32ecc39fcb556181fad30ff626d', href: "https://drive.google.com/file/d/1D1GnstpMKnnES1aYj05EVE9_lQtLZLwj/view", target: "_blank" }, "Download the guide"))))), h("div", { key: '57d564cdd6eb3535a963bc42572ba70991b2c514', class: "row row-bottom" }, h("div", { key: '86623e40425b3adf6a2dbe1e6f0f6eb2cde8dd4c', class: "postscript-wrap" }, h("nav", { key: '74f758542c6a1235d2070377e6f6ad054e887f8e', class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { key: 'fe84058c106f7f45481c11016dcc831c4bd71614', slot: "nav-postscript" }, h("li", { key: 'f4065b574a70e7b5735d05827ddc1a9c8b495957' }, h("a", { key: 'fb3dfb29d2c4e03d3231d12ad5691b039d477a25', href: makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", { key: 'fdd7e2339fe10d583d09cedf68ca07e09d04dd93' }, h("a", { key: '8cd5d02714ca3095d449607faa66219a532d6e7b', href: makeURL('Philco', this.philcoUrlPrefix, 'privacy') }, "Privacy Statement")), h("li", { key: 'ee357d393a59c83999c8f7889bfb630c6259bfab' }, h("a", { key: 'c710bad98d9f24d9f4a70e7ba120d19fa09fff2e', href: makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies') }, "Cookies Statement"))))), h("p", { key: 'cb898d29101ee53cc1019f78809d2d3e9d6ba766' }, "\u00A9 2007 \u2013 ", this.year, " The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
+        return (h("div", { key: '99a8cc3911e0b82e35062cf6838506d478f82645', class: "footer" }, h("div", { key: '17ad7debf0d0d0d21b4ed961faf6ea986727e9d2', class: "row row-logo" }, h("div", { key: '6b80097a24d6da5dfc7cb577c0fd66512b975152', class: "logo" }, h("img", { key: '250c7ecf3aeb132810e5ecc36da6603829f6c407', src: getAssetPath('/assets/images/philco/Philcologo-black.png'), alt: "PhilCo" }))), h("div", { key: '0835d6c9023ecf88824c6de422d498bf71ad0fa5', class: "row row-top" }, h("nav", { key: '3ab177af10afb0a3767fc5046247a0f7bc5fe6ad', class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { key: 'c8fd4bce4998ccefb659a9b56208a524451607cd', class: "heading", id: "footer-primary-heading" }, h("div", { key: '66a08ded708ae78e3fa3046e05865298bb45f471', slot: "nav-primary-title" }, "Contact")), h("ul", { key: '4b52a8f0d6a4c655313d488319fbc916b0417df9', slot: "nav-primary" }, h("li", { key: '153299029b16533cc3746a453b7fc6133d1b2005' }, "PhilCo@biggive.org"))), h("nav", { key: 'eb3d44c05658b4a969dca3006d1429e8469d7d29', class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading" }, h(HeadingTag, { key: 'e8f85803f1b01285452a6e8e6d8b6917da02e2f7', class: "heading", id: "footer-secondary-heading" }, h("div", { key: 'f434c3a0f99113f12e918f0e5c3c4a2f5565310c', slot: "nav-secondary-title" }, "Philco Site")), h("ul", { key: '13005f0564a7a139c3d48299faf5bbb74d3c6b37', slot: "nav-secondary" }, h("li", { key: '1a124e65c281db213e70b9ddc701b851d5d5dcc8' }, h("a", { key: '34315f53ef122b3b31bfb283a209b194fa9453c2', href: makeURL('Philco', this.philcoUrlPrefix, '/') }, "Home")), h("li", { key: '1fd09f434e6214c0e6fba3ea4bd6d2fabe7f7a7a' }, h("a", { key: '20c5b4c56f464c29c44ade53fe3a603b4968e298', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: 'f9e31beefe13f5986dead9300232d7efb8d46f05' }, h("a", { key: '17ce1153ff5e633b6cf0e7a569f8fc6f654f0dcd', href: makeURL('Philco', this.philcoUrlPrefix, 'sign-up') }, "Sign Up")))), h("nav", { key: 'baf14f30d4bc7900a5d9ee887677abbc34fee395', class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { key: 'eea48f29695a024d35b0808ca8593688d112dd26', class: "heading", id: "footer-tertiary-heading" }, h("div", { key: '34bb4616d603f4c65f82929d865a91d295c84b59', slot: "nav-tertiary-title" }, "Guide")), h("ul", { key: '62919b65c55cea3e273e6f6c086c55b9bcba83ac', slot: "nav-tertiary" }, h("li", { key: '78b039c574c6fd9c81e5dfc6dbb7ff8580ed4ab8' }, h("a", { key: '9e89b93c6c2679a3311e7845b91990fe88500a46', href: "https://drive.google.com/file/d/1D1GnstpMKnnES1aYj05EVE9_lQtLZLwj/view", target: "_blank" }, "Download the guide"))))), h("div", { key: '974b015d51da9adcf9aefc848ca6a0dbbd60392c', class: "row row-bottom" }, h("div", { key: '59a61c9e45ba5548941b85d8f84a785a87bfede6', class: "postscript-wrap" }, h("nav", { key: '0ff5babcac137eabde7b9ccbff0adc26f04a4b91', class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { key: '25621f0074e261de456abf90468d87badb37f02b', slot: "nav-postscript" }, h("li", { key: 'e0d7c2a5d78f6208797b9660728f2300df9919ee' }, h("a", { key: '0a6099234c95a11ab11f23a484fbef58cffe5a49', href: makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", { key: 'ceb6461435285a4961158a59304521586691c239' }, h("a", { key: '53b75d2ccc88a29f4a7acdada7ef5b4da2abf0ff', href: makeURL('Philco', this.philcoUrlPrefix, 'privacy') }, "Privacy Statement")), h("li", { key: '25a511e59c6b7155aa15525dc33b6c8b75a1156c' }, h("a", { key: '7ce909c5e2528c8fd2d10ad7b1f73c736f13ea55', href: makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies') }, "Cookies Statement"))))), h("p", { key: 'bdb8084756f7b0d9c57b2ed1d45d9be4d9eb303e' }, "\u00A9 2007 \u2013 ", this.year, " The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     }
     get host() { return this; }
     static get style() { return philcoFooterCss; }

package/dist/components/philco-main-menu.js CHANGED Viewed

@@ -31,7 +31,7 @@ const PhilcoMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class PhilcoMainMenu e
     }
     render() {
         const homePageLink = '/';
-        return (h(Host, { key: '1703c32147257d9348ce4a550e76bbb03d8ea5bb' }, h("nav", { key: 'ea5fdd3c77af9aaff522a74ef66b596a9483b92f', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '8fb019023ce025bcba88951d89c01426bd07f725', class: "navbar" }, h("div", { key: 'd59c2acca7fe9b36c7f737de670fd1a7f069b0a5', class: "logo" }, h("a", { key: 'd3f66137542381c1a3bc43332ee8d22503351489', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, h("img", { key: 'bbfd419b1f7f38ba81ad0832a103b45d9577fbbf', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), h("biggive-misc-icon", { key: '5447bfed2e89b3eaaece82653f67bc00e7018b55', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: '927d5e795050ed124ccf1a62f503cd090b4ccf17', class: "nav-links" }, h("div", { key: '1c6c9fa0a76bdb407997cffc9b1359bb146c77a7', class: "sidebar-logo" }, h("a", { key: '822b0b87f6f79709ed865edf58b7a831dd8fb19f', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), h("biggive-misc-icon", { key: 'd860d94034576cc1e4de49db67bd969520d22025', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: '149784c30d2d2e06aaee986b705692ec749de095', id: "nav-primary" }, h("ul", { key: '99e42786ec2ac708c7a624d10c6409bc51878acf', class: "links", slot: "nav-primary" }, h("li", { key: 'b784010b70dda9f38cea421425515c739adcbce0' }, h("a", { key: '7c5df04fd4720162adaea05387260f3132e940bf', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: 'eee3b8e523c8b699947ff3f925e2993b624bee20' }, h("a", { key: '5d78b0466f1c980eddb9189cf75a7c6c5be6e946', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), h("li", { key: '62ac8a1da26ddf46b56550208515483ec65e2e17', class: "signup" }, h("biggive-button", { key: '366047629652b29b35e0df1d72f41222a963b7c4', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
+        return (h(Host, { key: '780bfd92b7d8020edb6ff6a7cb8c0035576bcff0' }, h("nav", { key: '41e88a55533ffc026a38ff4b1bcd1fd7df5b01c6', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: 'cc4a69da9b4f361a94274d7e9a4fd3099c652e1f', class: "navbar" }, h("div", { key: '4504af49e7f9958f672625bcfbf238402cfec5e0', class: "logo" }, h("a", { key: 'e2f135f2387aea36ea329acaaceafb2f6d14ce44', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, h("img", { key: 'f9d368764f2d8c5bf288167e53bad8f588e359c7', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), h("biggive-misc-icon", { key: 'c3108d2b9734ccf00f4b77fe7f8482e13bef8385', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'c53c765fb6b0bef211275620bbfc99aa1e6df04e', class: "nav-links" }, h("div", { key: '8f566fb3fe36345c8d9979c2d230acac2bbdee73', class: "sidebar-logo" }, h("a", { key: '8f7ab7c9b40b40ec8f313cbdef13ae4bc9356ddb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), h("biggive-misc-icon", { key: '3c23c848809ecab9e8d17d285625aed25b9234f1', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'dae941e22808e9cb4a56413b197a8c53d0b8cba2', id: "nav-primary" }, h("ul", { key: 'd267badb9b2328ee668da883eef2f9d94dcf3988', class: "links", slot: "nav-primary" }, h("li", { key: '9bab273c8fca7cf3a17fe4876dcee3127a8c0d5b' }, h("a", { key: 'd40b10936e26d6295acfde5458bdc67cec444625', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: '9a16ef4f048721780429ff1491f7e37995b2b832' }, h("a", { key: 'f774b5b32efcda120bb2ceae5aec85925b100a87', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), h("li", { key: '2f61dc8d84bc0d7dfb159a2fabac45fca2102289', class: "signup" }, h("biggive-button", { key: '88a88dca32ab12054933751ca829a6a9065abe27', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
     }
     get host() { return this; }
     static get style() { return philcoMainMenuCss; }

package/dist/esm/biggive-branded-image.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-D977ETvr.js';
-const biggiveBrandedImageCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .slug{text-align:center;font-weight:bold;background-color:#2AF135;color:#000000;padding:5px 15px;width:100%;margin:-17px auto 17px auto;transform:translateY(50%);box-sizing:border-box}.container img{width:100%}.container .logo-wrap{border-radius:50%;width:120px;height:120px;transform:translateY(-50%);margin-top:30px;margin-bottom:-30px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#FFFFFF}@media screen and (max-width: 768px){.container .logo-wrap{width:100px;height:100px}}@media screen and (max-width: 576px){.container .logo-wrap{width:70px;height:70px;margin-top:20px}}.container #charityName{color:#2C089B;display:block;margin-bottom:5px;width:fit-content}.container #charityName,.container .charity-info{font-size:17px}@media screen and (max-width: 768px){.container #charityName,.container .charity-info{font-size:16px}}@media screen and (max-width: 576px){.container #charityName,.container .charity-info{font-size:15px}}@media screen and (max-width: 450px){.container #charityName,.container .charity-info{font-size:14px}}";
+const biggiveBrandedImageCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;container-type:inline-size}.container .slug{text-align:center;font-weight:bold;background-color:#2AF135;color:#000000;padding:5px 15px;width:100%;margin:-17px auto 17px auto;transform:translateY(50%);box-sizing:border-box}.container img{width:100%}.container .logo-wrap{border-radius:50%;width:120px;height:120px;transform:translateY(-50%);margin-top:30px;margin-bottom:-30px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#FFFFFF}@media screen and (max-width: 768px){.container .logo-wrap{width:100px;height:100px}}@media screen and (max-width: 576px){.container .logo-wrap{width:70px;height:70px;margin-top:20px}}.container #charityName{color:#2C089B;display:block;margin-bottom:5px;width:fit-content}.container #charityName,.container .charity-info{font-size:17px}@media screen and (max-width: 768px){.container #charityName,.container .charity-info{font-size:16px}}@media screen and (max-width: 576px){.container #charityName,.container .charity-info{font-size:15px}}@media screen and (max-width: 450px){.container #charityName,.container .charity-info{font-size:14px}}";
 const BiggiveBrandedImage = class {
     constructor(hostRef) {
@@ -23,7 +23,7 @@ const BiggiveBrandedImage = class {
      * `role="presentation"` every time instead of accepting alt text.
      */
     render() {
-        return (h("div", { key: 'd9f1852caf57ad18cc4a86a1379f68c9a48f2116', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '87ad9a76aec2f7f24455ec5464a49352c9aa54e3', class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, this.imageAlt === null ? h("img", { src: this.imageUrl }) : h("img", { src: this.imageUrl, alt: this.imageAlt }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
+        return (h("div", { key: '1146fb4fac9a3cd7e4c8f1de5c85db8ecdd99ec3', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'c99ad5ccc2dbd1338fbd6aef5031bcd64c82c0a9', class: "slug" }, this.slug), h("div", { key: 'daf950d7f6a76c5024a90f04f7be1e8f017d93a2', class: "image-wrap" }, this.imageUrl !== undefined && this.imageUrl !== null ? (this.imageAlt == null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl })) : this.imageAlt == null && this.imageHeightPercent != null ? (h("img", { src: this.imageUrl, style: { height: this.imageHeightPercent + 'cqw' } })) : this.imageAlt != null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl, alt: this.imageAlt })) : (h("img", { src: this.imageUrl, alt: this.imageAlt, style: { height: this.imageHeightPercent + 'cqw' } }))) : null), this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
     }
 };
 BiggiveBrandedImage.style = biggiveBrandedImageCss;

package/dist/esm/biggive-branded-image.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-branded-image.entry.js","sources":["src/components/biggive-branded-image/biggive-branded-image.scss?tag=biggive-branded-image&encapsulation=shadow","src/components/biggive-branded-image/biggive-branded-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .slug {\n text-align: center;\n font-weight: bold;\n background-color: $colour-secondary-green;\n color: $colour-black;\n padding: $spacer-1 $spacer-3;\n width: 100%;\n margin: -17px auto 17px auto;\n transform: translateY(50%);\n box-sizing: border-box;\n }\n\n img {\n width: 100%;\n }\n\n .logo-wrap {\n border-radius: 50%;\n width: 120px;\n height: 120px;\n transform: translateY(-50%);\n margin-top: 30px;\n margin-bottom: -30px; // Breathing space before charity name etc.\n background-size: contain;\n background-position: center center;\n background-repeat: no-repeat;\n background-color: #FFFFFF;\n\n @media screen and (max-width: $screen-tablet-max) {\n width: 100px;\n height: 100px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n width: 70px;\n height: 70px;\n margin-top: 20px;\n }\n }\n\n #charityName {\n color: $colour-primary-blue;\n display: block;\n margin-bottom: 5px;\n width: fit-content; // so link doesn't go full width\n }\n\n #charityName, .charity-info {\n font-size: 17px;\n\n @media screen and (max-width: $screen-tablet-max) {\n font-size: 16px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n font-size: 15px;\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n font-size: 14px;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-branded-image',\n styleUrl: 'biggive-branded-image.scss',\n shadow: true,\n})\nexport class BiggiveBrandedImage {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Full URL of a image.\n /\n @Prop() imageUrl: string = '';\n\n /\n Alt-text for image, or null if the author has not supplied an alt-text. Should always be a string\n * (but may be empty) when authoring new content.\n /\n @Prop() imageAlt!: string \| null;\n\n /\n Full URL of the logo.\n /\n @Prop() logoUrl: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Charity name\n /\n @Prop() charityName: string;\n\n /\n Charity location\n /\n @Prop() charityLocation: string;\n\n /\n Link to the charity's website\n * @deprecated We should stop passing this soon, and will link to charity URLs alongside socials.\n /\n @Prop() charityUrl: string;\n\n /\n This is only used as a background, presentational \"bonus\" so we are setting\n * `role=\"presentation\"` every time instead of accepting alt text.\n */\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n {<div class=\"slug\">{this.slug}</div>}\n {this.imageUrl !== undefined && this.imageUrl !== null ? (\n <~~div~~ ~~class=\"image-wrap~~\">{this.imageAlt ~~===~~ null ? <img src={this.imageUrl} /> : <img src={this.imageUrl} alt={this.imageAlt} />}~~</div>\~~n ) : null}\n {this.logoUrl !== undefined && this.logoUrl !== null ? <div class=\"logo-wrap\" style={{ 'background-image': \"url('\" + this.logoUrl + \"')\" }}></div> : null}\n\n {this.charityName !== undefined && this.charityName !== null ? <h3 class=\"title\">{this.charityName}</h3> : null}\n {this.charityLocation !== undefined && this.charityLocation !== null ? <div class=\"charity-info\">{this.charityLocation}</div> : null}\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,~~6vDAA6vD~~;;~~MCO/wD~~,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;~~AAQ7B~~;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;~~AAyC7B~~;~~AAlBC~~;;;AAGG;IACH,MAAM,GAAA;~~QACJ~~,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAA,EACnD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO,~~EACnC~~,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,IACpD,CAAA,CAAA,KAAA,EAAA,EAAK,~~KAAK~~,~~EAAC~~,~~YAAY~~,EAAA,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI,GAAG,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,~~GAAG~~,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,~~QAAQ~~,~~EAAI~~,~~CAAA~~,~~CAAO~~,~~IACpI~~,IAAI,~~EACP~~,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,EAAA,CAAQ,GAAG,IAAI,EAExJ,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,GAAG,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,WAAW,CAAM,GAAG,IAAI,EAC9G,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EAAE,IAAI,CAAC,eAAe,CAAO,GAAG,IAAI,CAChI;;;;;;;"}
1	+ {"version":3,"file":"biggive-branded-image.entry.js","sources":["src/components/biggive-branded-image/biggive-branded-image.scss?tag=biggive-branded-image&encapsulation=shadow","src/components/biggive-branded-image/biggive-branded-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n container-type: inline-size;\n .slug {\n text-align: center;\n font-weight: bold;\n background-color: $colour-secondary-green;\n color: $colour-black;\n padding: $spacer-1 $spacer-3;\n width: 100%;\n margin: -17px auto 17px auto;\n transform: translateY(50%);\n box-sizing: border-box;\n }\n\n img {\n width: 100%;\n }\n\n .logo-wrap {\n border-radius: 50%;\n width: 120px;\n height: 120px;\n transform: translateY(-50%);\n margin-top: 30px;\n margin-bottom: -30px; // Breathing space before charity name etc.\n background-size: contain;\n background-position: center center;\n background-repeat: no-repeat;\n background-color: #FFFFFF;\n\n @media screen and (max-width: $screen-tablet-max) {\n width: 100px;\n height: 100px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n width: 70px;\n height: 70px;\n margin-top: 20px;\n }\n }\n\n #charityName {\n color: $colour-primary-blue;\n display: block;\n margin-bottom: 5px;\n width: fit-content; // so link doesn't go full width\n }\n\n #charityName, .charity-info {\n font-size: 17px;\n\n @media screen and (max-width: $screen-tablet-max) {\n font-size: 16px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n font-size: 15px;\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n font-size: 14px;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-branded-image',\n styleUrl: 'biggive-branded-image.scss',\n shadow: true,\n})\nexport class BiggiveBrandedImage {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Full URL of a image.\n /\n @Prop() imageUrl: string = '';\n\n /\n Image height as a percentage of width. If set used to set height in CSS without the need\n * to wait for the image to load, avoiding layout shift further down the page.\n /\n @Prop() imageHeightPercent!: number \| null;\n\n /\n Alt-text for image, or null if the author has not supplied an alt-text. Should always be a string\n * (but may be empty) when authoring new content.\n /\n @Prop() imageAlt!: string \| null;\n\n /\n Full URL of the logo.\n /\n @Prop() logoUrl: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Charity name\n /\n @Prop() charityName: string;\n\n /\n Charity location\n /\n @Prop() charityLocation: string;\n\n /\n Link to the charity's website\n * @deprecated We should stop passing this soon, and will link to charity URLs alongside socials.\n /\n @Prop() charityUrl: string;\n\n /\n This is only used as a background, presentational \"bonus\" so we are setting\n * `role=\"presentation\"` every time instead of accepting alt text.\n */\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n {<div class=\"slug\">{this.slug}</div>}\n <div class=\"image-wrap\">\n {this.imageUrl !== undefined && this.imageUrl !== null ? (\n this.imageAlt == null && this.imageHeightPercent == null ? (\n <img src={this.imageUrl} />\n ) : this.imageAlt == null && this.imageHeightPercent != null ? (\n <img src={this.imageUrl} style={{ height: this.imageHeightPercent + 'cqw' }} />\n ) : this.imageAlt != null && this.imageHeightPercent == null ? (\n <img src={this.imageUrl} alt={this.imageAlt} />\n ) : (\n <img src={this.imageUrl} alt={this.imageAlt!} style={{ height: this.imageHeightPercent + 'cqw' }} />\n )\n ) : null}\n </div>\n {this.logoUrl !== undefined && this.logoUrl !== null ? <div class=\"logo-wrap\" style={{ 'background-image': \"url('\" + this.logoUrl + \"')\" }}></div> : null}\n\n {this.charityName !== undefined && this.charityName !== null ? <h3 class=\"title\">{this.charityName}</h3> : null}\n {this.charityLocation !== undefined && this.charityLocation !== null ? <div class=\"charity-info\">{this.charityLocation}</div> : null}\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,wxDAAwxD;;MCO1yD,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAc7B;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AAmD7B;AA5BC;;;AAGG;IACH,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAA,EACnD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO,EACpC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EACpB,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,IACpD,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,IACtD,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,IACzB,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,IAC1D,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,kBAAkB,GAAG,KAAK,EAAE,EAAA,CAAI,IAC7E,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,IAC1D,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,KAE/C,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAS,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,kBAAkB,GAAG,KAAK,EAAE,EAAA,CAAI,CACrG,IACC,IAAI,CACJ,EACL,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,EAAA,CAAQ,GAAG,IAAI,EAExJ,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,GAAG,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,WAAW,CAAM,GAAG,IAAI,EAC9G,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EAAE,IAAI,CAAC,eAAe,CAAO,GAAG,IAAI,CAChI;;;;;;;"}

package/dist/esm/biggive-button.entry.js CHANGED Viewed

@@ -54,7 +54,7 @@ const BiggiveButton = class {
         // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard
         // interaction separately.
         const href = this.url || 'javascript:void(0);';
-        return (h("div", { key: 'b645d3a90022de697cc77a27d7c7310284a641d4', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '') }, h("a", { key: 'ce84f6e16896b1560eca3cf46ce8517f58134595', "pointer-events": this.disabled ? 'none' : 'auto', "aria-disabled": this.disabled, role: "button", href: href, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { key: 'd0e8ebc0aac60aefd3238f2548591d80dad9739c', onClick: this.disabled ? () => { } : this.handleButtonClick }, this.label))));
+        return (h("div", { key: '4f90afc2b17e1c0246e0d05e676f4d0331cd46a5', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '') }, h("a", { key: '9d8b5a12f9527c929d06ca2313ca0be9bce48ba7', "pointer-events": this.disabled ? 'none' : 'auto', "aria-disabled": this.disabled, role: "button", href: href, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { key: 'e1dd8ddb0eb19b038451d72a32b701b95b5cb1e2', onClick: this.disabled ? () => { } : this.handleButtonClick }, this.label))));
     }
 };
 BiggiveButton.style = biggiveButtonCss;

package/dist/esm/biggive-call-to-action.entry.js CHANGED Viewed

@@ -55,7 +55,7 @@ const BiggiveCallToAction = class {
         this.secondaryButtonColourScheme = 'primary';
     }
     render() {
-        return (h("div", { key: '20ee3f4f622c3c418c96bf621040de6c971518b9', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '54d464b2e76150ff4f45195a132e4a714dedc103', class: "sleeve" }, h("div", { key: 'e5453f87b9c3ea6c835ba2354e356dd9ea8df33b', class: "content-wrap" }, h("div", { key: 'faa6db96c366dfe42e611bf560bd86a28a95f731', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'e31c7b9bf04f4cd3ebaad29775d98b131acbaa22', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '6e023f3d942f95ce70c399d54657e04da25be4cb', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: '3d28d08712ba6584ad01323e39f001c41acbbd6b', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
+        return (h("div", { key: '639e7a64316be4c9fa51d6aa9c2c91c2a9c80492', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '5f05ecce4e3befa358af7a3851885d0ebe36ea90', class: "sleeve" }, h("div", { key: '002369064c220f34e608524ea0895c7bd0d578d5', class: "content-wrap" }, h("div", { key: 'c9560d7c1861de7349f575f0187fe773006fc8f4', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: '2b81cb1b4fe5aeb6a06d81a1b44fd0fcd259162c', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: 'ffdad7a9a8700a6575d99d79e86a5a3b47635707', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: '494dadf99872012e9967372c0bdedc4bd8f2e32f', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
     }
 };
 BiggiveCallToAction.style = biggiveCallToActionCss;

package/dist/esm/biggive-campaign-card.entry.js CHANGED Viewed

@@ -42,10 +42,10 @@ const BiggiveCampaignCard = class {
         return value === undefined || value === null || value === '';
     }
     render() {
-        return (h("div", { key: '319985f7b32754f323941126da3e14b50a14ebe3', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '31b9adc9d26688a04babd7de6ec863df8e5fb984', class: "sleeve" }, h("div", { key: 'e3a9067edacce4985038bb4d92929c0bc5c8151e', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: 'dd4d04a159af990a2023a06912321fff42368727', class: "title-wrap" }, h("h3", { key: '2ff55ab537792164659b1b435b330292a037840b' }, this.campaignTitle), h("div", { key: '4a70987a57ae638317c30b21e9d5c422f7d5f779', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? (
+        return (h("div", { key: '3a151d01bf9e0ddf2b0e67c0c6ce42100575c832', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '0bdef90ba7b3ec6d43e1fe4f99dc9e0f0d775c90', class: "sleeve" }, h("div", { key: '6349ff2bc9313b2c57a6931976392354839aa1b1', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: '96ff6888807d7992745ced261ced0594842c10e0', class: "title-wrap" }, h("h3", { key: '5c97062ba2c58e71ed011c73191c9eeca5452be6' }, this.campaignTitle), h("div", { key: '7bd514751f1971643a58bf5c5b6da5be194a6191', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? (
         // We don't have a progress bar to show in this case, so the following is just functioning as a spacer to
         // keep layout consistent. Counter must be non-null to make bar display.
-        h("div", { class: "progress-bar-wrap", style: { visibility: 'hidden' } }, h("biggive-progress-bar", { counter: 0, "colour-scheme": "primary" }))) : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: '46f8ebfd1fc425610e6ef5fa87376659495890da', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: '13362b0cf844a93315672123f464c41482c9b65d', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
+        h("div", { class: "progress-bar-wrap", style: { visibility: 'hidden' } }, h("biggive-progress-bar", { counter: 0, "colour-scheme": "primary" }))) : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: '44c9109faa30ce362a5d61403806da04318b8aac', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: 'da83247e93695151373233ba2ae732ec3a677522', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
     }
 };
 BiggiveCampaignCard.style = biggiveCampaignCardCss;

package/dist/esm/biggive-campaign-highlights.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const BiggiveCampaignHighlights = class {
         this.progressBarCounter = undefined;
     }
     render() {
-        return (h("div", { key: '9f7b92fd96e95021a71987c5aef0eed8f14e76e4', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '10ff0d3f979dfc66fbdf4bd5c09ff0be27e6941e', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: '68fc5a95cf81ace178ede53c4799842917ec0e5a', class: "meta-wrap" }, h("div", { key: '0598325d1a48e4015124ac0a507aa5a54cf48f33', class: "meta-item" }, h("span", { key: 'de6e984c1c5f0b76125fad60b34662da17a9f562', class: "label" }, this.primaryFigureLabel), h("span", { key: '8f5472d5b9abe458bd53678ca4e09e716068ed00', class: "text" }, this.primaryFigureAmount)), h("div", { key: '9b297b7676f3d5de45cd865217ed044bc967cd05', class: "meta-item" }, h("span", { key: 'f9984f6796ecb4b3f4e8a865dae1f5fa6a6a28a2', class: "label" }, this.secondaryFigureLabel), h("span", { key: '49d721e8a7770a47058cfedfb6d8cebf21278678', class: "text" }, this.secondaryFigureAmount))), h("div", { key: 'e503a6feb8ca10c0607a443b533386cfab4077ec', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: '357e686fafabb28cb0979ab0871751488930e98f', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: '798f20551aa3d6c3acdf5ba9e061281bbcb2d607', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
+        return (h("div", { key: '3ba9ca3a89350b9c8f6e0f1c733586f6f2726935', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '10efc7e67f8c55dbf653bec5d76bd07da29851e0', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: 'f32cb00b9969fcdec84351f8fa05956c73c2d5ae', class: "meta-wrap" }, h("div", { key: '87187589efb94e0eb0a5ef7dd7a6d9ec04b0c613', class: "meta-item" }, h("span", { key: '8d598adfdbc9cb07cf73e2c650846c2a0dd7f889', class: "label" }, this.primaryFigureLabel), h("span", { key: '28c20f593f290f1df8d0f727c7f441bb5ef208f5', class: "text" }, this.primaryFigureAmount)), h("div", { key: '68d7ba6a3341bb617d1b06015384e61033e7da4c', class: "meta-item" }, h("span", { key: 'e55df446f524495b48e9744b21c63d946dbc8ba0', class: "label" }, this.secondaryFigureLabel), h("span", { key: '171da161fce07dd5e792a65f51432229f54788f4', class: "text" }, this.secondaryFigureAmount))), h("div", { key: 'a383188ac522384084a191f6dd4d9a944b4d2a80', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: '9aae519c347aa8b658141312520aba7d54e8d8dd', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: '07ebb5963c1d966a8089ead8fd7245e87203c1dc', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
     }
 };
 BiggiveCampaignHighlights.style = biggiveCampaignHighlightsCss;

package/dist/esm/biggive-container-card.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const BiggiveContainerCard = class {
         this.headingLevel = 3;
     }
     render() {
-        return (h("div", { key: '47ee6dfc2909a88bb6f5541ebb000895bae8c7be', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '40f1e496b071ef095ae70235365b4ea02e2996d2', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: 'd2ab445448fbdde1c3b265e342ab2ac7b9bca914' }))));
+        return (h("div", { key: '0e3399e63c4532160c351be3dc3d3d3d86d73fef', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '80fb6126a63c81d4d49db0ad847700009d836c5d', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: '1122bf6e7303c947ffb75ba853a4123cb0ab1118' }))));
     }
 };
 BiggiveContainerCard.style = biggiveContainerCardCss;

package/dist/esm/biggive-cookie-banner.entry.js CHANGED Viewed

@@ -66,7 +66,7 @@ const BiggiveCookieBanner = class {
         // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
         // declined.
         const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
-        return (h("div", { key: '21b6130c1ec955502e74ff65047737b5bb2e2176', class: "cooke-consent-container" }, h("biggive-popup", { key: '8bb71cfcc0dbb36717cdbfaea23a685f4e214283', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '943681b084252ea8d0ca7f2b4a6426fbb8844403', class: "content" }, h("h4", { key: '9486dd71af54a94575ee4d26247b32b5a937b2b5', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '243808092cee852112509ad351042e426e8d6359' }, h("div", { key: '16887e2519de1bb91d0448c1bd97b7e88ee65041', class: "radio-group" }, h("h5", { key: '12b417ed281780d6a0cf0dd53a6159c724c0c3f1' }, "Essential Cookies"), h("p", { key: '19296a7a3ec9eeb3a22d45cb57e855ff4e96b150' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '8cde7cf1a4071c84d28e912682b1924edc2100c0', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '8155615b825a60660df58cd50236801a1ec6bf27', htmlFor: "necassary-on" }, "Off"), h("input", { key: '37f2ac870f903dfc2beba1c4a4a3dff282c7b07d', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6146b4661ed8b587eb4a3491e30994820c496cb2', htmlFor: "necassary-on" }, "On")), h("div", { key: 'fb43769a61113f65a119dba6a1710312855ac7e1', class: "radio-group" }, h("h5", { key: '542e42bcbcfd570caff4080380e0bec4a3a72bf5' }, "Analytics & Testing Cookies"), h("p", { key: '12f0b6754886f9b8c578ae2909d3e4c9a349a1ba' }, "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: 'd52ff15d265ebf5b6055df8ffa45bef0d6ec74ab' }, "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: 'ea4106079881beb0007d0bb4acaf08beed26ad98', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'dd743164868b3d250f1b95574db3e770e401dcd3', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'ffaba2972e3f8db4e7531b22ba60321f9d8437c2', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '04e1df8ef600ce38c5ab1994e6d8ae717af17678', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '3b56fe51c15c6f84e2368e695ff0b7e016efdf4b', class: "radio-group" }, h("h5", { key: '928b7c42c83c82c8514e1e3ded1e2544d9be5c44' }, "Third-party Cookies "), h("p", { key: 'd2bfde8e47ba317669d47af53e329a90d9cb9d86' }, "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: 'f4c6a4b857da787550148d7ffb19bf5345b9820c', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '18fb7c31f66d62ec07a7a9cdbeaaf0a5e0393303', htmlFor: "third-party-off" }, "Off"), h("input", { key: '223e1125651fffa732de2a9bc93d5527f91b14df', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '47a4ec124563cb7885ed2d0f86c9a8320a5c10b8', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '464657935b2022a10d43e2383bb02c882699bba5', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })), h("p", { key: '1223deb2c797d9ff89a3281bf53723db91f8a0b7' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), h("h2", { key: 'e71e72fc6a82dd9c584b17641bea2c568905e3fe' }, "Our website uses cookies"), h("p", { key: '5d3eda8826b164ab6495d05bb8f00b0cd6f43cce' }, "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: '3bb6800d183688bdc419f4032290d1c19619801e' }, h("a", { key: '2928e1220d7e36a4b97db1bc226449567d95c5fa', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '4edc27b08b3cd11543acb62251fffef53de3ddeb', class: "button-group" }, h("biggive-button", { key: '01de13af815b228bc32ee9cb9d18d98b452ae185', 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: '6abec8eecc18ab597081ffa4863c553c7316aa57', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Essential Cookies Only", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: 'e0060709bbf3ef4ce364e951e4f377d364e38578', 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: '3c8e6fc5757067755a4b51798a3db0befba3bfdd', class: "cooke-consent-container" }, h("biggive-popup", { key: 'b48c5ef5335233f1219c7b7fddd5e779a5a77de7', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'fd58550c74fc9eeaf73ad99d26501f688423bddc', class: "content" }, h("h4", { key: 'f78a4bb39f7fd9fc2a0eb2dc699a6524ddf77244', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '4724741c3562e5d33ff7b9a3269627fd9286bde2' }, h("div", { key: 'f266ee08f4c424bdc383057989c4fa931cb6974b', class: "radio-group" }, h("h5", { key: '67d70d41f02f624d6c30136b31cee3afbf140e2c' }, "Essential Cookies"), h("p", { key: '99b8aecfd0c1862046d0303400b327e1e48f0d42' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: 'af86f64a3217dbd30de192cef3381d73551ba2b1', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'cf2cb424e8fe98eb96d648f3607fbf3e5b126980', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'f34787d13ce9dbcd2e2eb129de83c80ce95aae65', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6df222a1e8fc80585ab127fd9fb2fdbfb3d5d86a', htmlFor: "necassary-on" }, "On")), h("div", { key: 'ed8b40d431a72d6e2fa643d52a54648d3f8194da', class: "radio-group" }, h("h5", { key: '973d33c33fd4361fbb33465a545df59ad5790e50' }, "Analytics & Testing Cookies"), h("p", { key: '57a412252918570f9779ff3d23fe99d915c39a21' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", { key: '3ad10146abc08a6a2a5907772c0dd9397128310d' }, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { key: '566e09de8da770c0a60a4fd0f0f9566872928c38', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '9648982ec36b22ee4bbf3f36fe7529afbab9164f', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: '298f12984ae69d7126e19a45332c75dec8f012c2', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '30a6a2638c0679a58d060b883d905ef32d6541e8', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '8ab2a9ed19b57234a04f6bccab91d52b1a360f3f', class: "radio-group" }, h("h5", { key: '6471e15df3ebdf0515cab0540457a496a9d63a22' }, "Third-party Cookies "), h("p", { key: '187dce66b7b13dfa84c383de077bcf5135fe0fdb' }, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { key: '277c219771a78fa304f3610037b9b5302ee5db60', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'f500e0269f9a25815710698a0af2b328332b44df', htmlFor: "third-party-off" }, "Off"), h("input", { key: '998147b56d490bf0ddc92c487a0a8f1e9e80f76c', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '1165682ca3da908a4382759853553acee80d6e08', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '05c8f950ea4a31cdad7aaf9d9278780187ab6043', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })), h("p", { key: 'c5d6a32f7bf17b613aec775a2b1e0b8f9443bf9e' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), h("h2", { key: 'cb8bc8b3c17faa072d94576d8826163079bed7ef' }, "Our website uses cookies"), h("p", { key: '1e83dd62c75c675143964cbecf9840806e3004b0' }, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", { key: '53a96e8c12b421cce87cd2e453c8ff8da91ed4fb' }, h("a", { key: '1e2a2e7a22df608271334cf29a7525280ca159ea', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '88fe6da17fe3800c1413a839b7af734bfbfe60d1', class: "button-group" }, h("biggive-button", { key: '259e0562b754443d82c60479ee6638c968ce6f02', onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { key: 'e7ddb1754ff45c160f70a169edacc2e3dcd50dd1', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Essential Cookies Only", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: 'efb703558540c22f3e75859d9253e85572edec5e', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/biggive-form-field-select.entry.js CHANGED Viewed

@@ -30,12 +30,12 @@ const BiggiveFormFieldSelect = class {
         }
         // Give the select a random id so we can reference it from a label
         const selectId = this.selectElementId || 'select-' + this.getRandomInt().toString();
-        return (h("div", { key: '1b0f9c8c81ab0f4d3bb21ea3ef10e24a1eb23c98', class: "selectWrapper" }, h("label", { key: '9a4c9ea9774385dceb506c6a71823588c6d33a12', class: greyIfRequired, htmlFor: selectId }, h("div", { key: '441a778c4d417c7b8daf18ea0caada0b421fae25', class: 'prompt' + greyIfRequired }, this.prompt)), h("div", { key: '29a22d55202a62eaa02ad24caae3de079f651082', class: 'dropdown space-below-' +
+        return (h("div", { key: 'b0a1d15823be95bf001cf6bee579a95d63aa6e95', class: "selectWrapper" }, h("label", { key: 'c6f1bc9c1d4ea613d962b49493b3b2c6175955cf', class: greyIfRequired, htmlFor: selectId }, h("div", { key: '7a5f7319f9e0ca4d894868367be7c42cfc706474', class: 'prompt' + greyIfRequired }, this.prompt)), h("div", { key: '0415588686695208ed35fb49adf1243e50ccc2ea', class: 'dropdown space-below-' +
                 this.spaceBelow +
                 ' select-style-' +
                 this.selectStyle +
                 (this.prompt === null ? '  noprompt' : '') +
-                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '281b7731bdf66d6419aae73d68951bc8df532149', class: "sleeve" }, h("select", { key: 'de57f5898ffe1122c2cc72442eab0d7da2b52a2c', id: selectId, class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler, "aria-label": this.prompt === null ? this.placeholder : this.prompt }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: 'e6316c952bcfbd7b8a3ce332a4563f898010abd4', class: "arrow" })))));
+                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: 'a479c5085a1498d619f7a2eea7ce002650db584c', class: "sleeve" }, h("select", { key: '24e7c1f825eeca9672680e800b9a3058294c122f', id: selectId, class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler, "aria-label": this.prompt === null ? this.placeholder : this.prompt }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: 'fd9553dde63067ac87362a78ff88534bb1a6ee6d', class: "arrow" })))));
     }
     formatOptions(options) {
         if (options === undefined) {

package/dist/esm/biggive-form.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const BiggiveForm = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'c9ba74a1b0d168d61c90cb8994f8d9d8f9b8e967' }, h("slot", { key: '23f6e7258b011e5a807c2c01d7c3451384fb43db' })));
+        return (h(Host, { key: '8fb1d9fad510e6a8306a45bae6af95dbf3c81bbb' }, h("slot", { key: 'c2f67b8cdc983d24d81069c60bb78eb2395093cb' })));
     }
 };
 BiggiveForm.style = biggiveFormCss;

package/dist/esm/biggive-formatted-text.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const BiggiveFormattedText = class {
     render() {
         const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
         const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
-        return (h("div", { key: '93efab9359103264a99401ac6f0aead93769807e', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '81b3f0e9b295287168f84694d51934d4f7364d9a' })));
+        return (h("div", { key: 'aadcc4056f7296723cb6b0b76bf5bac47cbbb549', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '741a8299de5ea20a8c32d1df7d1d54391cde1c5e' })));
     }
 };
 BiggiveFormattedText.style = biggiveFormattedTextCss;

package/dist/esm/biggive-grid.entry.js CHANGED Viewed

@@ -14,7 +14,7 @@ const BiggiveGrid = class {
         this.columnGap = 0;
     }
     render() {
-        return (h("div", { key: '4d81d69c275a02796ebf83e121988a72c3e20967', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: 'bc2bc7343b24bedf177ae72ea7718b2bfedcc968' })));
+        return (h("div", { key: '03804728c4b10b4df1c3a334dc74236737cf5b70', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: 'cd5486ca89d705fc1cad790a8d07e2744b999e7b' })));
     }
 };
 BiggiveGrid.style = biggiveGridCss;

package/dist/esm/biggive-heading-banner.entry.js CHANGED Viewed

@@ -56,18 +56,18 @@ const BiggiveHeadingBanner = class {
         const mainTitleColour = ((_d = this.mainTitleColour) === null || _d === void 0 ? void 0 : _d.startsWith('#')) ? this.mainTitleColour : `#${this.mainTitleColour}`;
         const teaserColour = ((_e = this.teaserColour) === null || _e === void 0 ? void 0 : _e.startsWith('#')) ? this.teaserColour : `#${this.teaserColour}`;
         const logo = this.getParsedLogo();
-        return (h("div", { key: 'f1d20a1ffc7d8f49c1f1068de66135de634fbfe7', class: {
+        return (h("div", { key: '741c554d37de0464e2ac9013048e7eb338a2e1b3', class: {
                 banner: true,
                 short: this.height === 'short',
             }, style: {
                 'background-color': bgColor,
             } }, typeof this.mainImageUrl === 'string' && this.mainImageUrl !== '' ? (h("img", { class: "background", src: this.mainImageUrl, alt: "", style: {
                 'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,
-            } })) : null, h("div", { key: '3b3a185c3336799f757bc34ca7ff7ab1126b49d7', class: "sleeve" }, h("div", { key: 'b621ed5069510f13a385c606c36806f6f26ecab3', class: "content-wrap", style: {
+            } })) : null, h("div", { key: 'fc184fd5de7660788a498eea43f285ef311411f5', class: "sleeve" }, h("div", { key: '6e10101f4e71290470bca3693fef140ae96837aa', class: "content-wrap", style: {
                 'background-color': textBgColor,
             } }, logo ? (h("div", { class: "logo" }, h("img", { src: logo.url, alt: logo.alt || '' }))) : null, this.slug != undefined ? (h("div", { style: {
                 color: slugColour,
-            }, class: "slug" }, this.slug)) : null, h("h1", { key: '1a8ba9e55d7c038fc5a99d5e9014773de178254a', style: {
+            }, class: "slug" }, this.slug)) : null, h("h1", { key: 'f6abb0a95fefc621859e6b1c92eb01883caed3ca', style: {
                 color: mainTitleColour,
             }, class: "main-title" }, this.mainTitle), this.teaser != undefined ? (h("div", { class: "teaser", style: {
                 color: teaserColour,

package/dist/esm/biggive-heading.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const BiggiveHeading = class {
     }
     render() {
         const Tag = this.htmlElement;
-        return (h("div", { key: '4fffcebf9b9d9e1ec280331f544cb639c7f94d8d', class: 'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: '542318025497735b4243d4396d926c3439e8c53e', 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: '489a8d60df81cabeca9c90efd24af17bee0083ee', class: 'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: 'cd997def82d9b8ceff12d6de3f5c2b98c9eb1545', 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)));
     }
 };
 BiggiveHeading.style = biggiveHeadingCss;

package/dist/esm/biggive-hero-image.entry.js CHANGED Viewed

@@ -57,9 +57,9 @@ const BiggiveHeroImage = class {
         // `pre` or `pre-wrap` so that literal whitespace inserted into the rendered output doesn't affect the layout.
         // Assuming that this is needed only for the teaser, and the main title would never contain a line break.
         const teaserLines = this.lineBreakToBr(this.teaser);
-        return (h("div", { key: 'd1832211aa4a229515116fc840e86cc02046fcfb', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow, style: this.mainImageShape === 'rectangle' ? { 'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover' } : {} }, h("div", { key: 'f4b34c93a7332d0c40df76fe78faf9558b0636bb', class: "sleeve" }, h("div", { key: '39043cba1abe7243be2f498bdce7569331554bfb', 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 }), ((_b = this.logo) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = this.slug) === null || _c === void 0 ? void 0 : _c.length) > 0
+        return (h("div", { key: '4c9c40691f92292b1b2c8775ac53b08824354e26', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow, style: this.mainImageShape === 'rectangle' ? { 'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover' } : {} }, h("div", { key: 'cf422c2dd2ae1df374a919ad1f46964c734209e5', class: "sleeve" }, h("div", { key: 'b5799f1cba7abb32f934acc57ebbcb2cbeb30104', 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 }), ((_b = this.logo) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = this.slug) === null || _c === void 0 ? void 0 : _c.length) > 0
             ? (h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug))
-            : null, h("h1", { key: 'ee2dd73f98aec291275011e51ae7779203fe6ef9', class: mainTitleClasses }, this.mainTitle), h("div", { key: 'ac2004c4e099cf522a5724a90d02fa3addee8684', class: teaserClasses }, teaserLines), this.buttonLabel != null && this.buttonUrl != null
+            : null, h("h1", { key: '431cee21202669da66b8fd394e3b12c56b5c6ae0', class: mainTitleClasses }, this.mainTitle), h("div", { key: '7c6b493d44065f146d298bf90f2249ba95ddbaa1', class: teaserClasses }, teaserLines), this.buttonLabel != null && this.buttonUrl != null
             ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
             : null), this.mainImageShape === 'triangle' && this.mainImage !== null ? (h("div", { class: "graphic-wrap" }, h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }))) : null)));
     }

package/dist/esm/biggive-icon-button.entry.js CHANGED Viewed

@@ -24,7 +24,7 @@ const BiggiveIconButton = class {
         };
     }
     render() {
-        return (h("div", { key: '2167c81c136c33a6bf4077f2924fcf0109bf52fb', class: 'container space-below-' +
+        return (h("div", { key: '50a905a4f49a7c94f1b1c15f9bc65e751ad02f93', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -35,7 +35,7 @@ const BiggiveIconButton = class {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, h("a", { key: 'f638c80d15e6ba1bd41eee048c041c0cccaccda4', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '69531ff668e038b74d1d051983dc4b8b8676c8d8', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '5a0b5c60c16ebf7a809ea97e3dc5e8e182eb719f', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-misc-icon", { key: '8e0601373144d67b077f5b909672ed530f00ebd1', 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: '3297c31f619589a1234ec001b67e678146a8d637', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '3b9b0b5e1c0184249e9ca3f651c5b4f3654e97fa', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '5afd182b9ac9ed351ebb56cc694315f369d6510c', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-misc-icon", { key: '52acb2226965f6f46a584e6e1753c828473b9510', 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))));
     }
 };
 BiggiveIconButton.style = biggiveIconButtonCss;

package/dist/esm/biggive-image-button.entry.js CHANGED Viewed

@@ -25,7 +25,7 @@ const BiggiveImageButton = class {
         };
     }
     render() {
-        return (h("div", { key: 'bdc736a0a4e64906a07620962678b72bc97901d6', class: 'container space-below-' +
+        return (h("div", { key: '1ed780b4f4581621f1dee459f8f2683605d62454', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -36,7 +36,7 @@ const BiggiveImageButton = class {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, h("a", { key: 'ea6a089fb92df5aa9d5b691ad6341d82eb41c617', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '9a386e3ffbcea936771124417af2df7ee193a0d0', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '4f19f9f614c19061a14dc78c18f52060add22c9a', 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: 'e1693a664d8cd0617aec17cba5536ad22f2f6af1', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '0dd137da0d4f2730f901231819527c975ee997e9', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: 'd98d4d3f0e917053a7c3ee3ab034f7eb5b3512d9', 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))));
     }
 };
 BiggiveImageButton.style = biggiveImageButtonCss;

package/dist/esm/biggive-image-card.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const BiggiveImageCard = class {
         this.addAnimation = false;
     }
     render() {
-        return (h("div", { key: 'b01b09b303939c3114ed1666ab04f95c34167600', class: 'container space-below-' +
+        return (h("div", { key: '112d071f533c23e03f1255efa583e7132997bf84', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -26,7 +26,7 @@ const BiggiveImageCard = class {
                 ' clip-top-right-corner-' +
                 this.clipTopRightCorner +
                 ' add-animation-' +
-                this.addAnimation }, h("a", { key: '4e1c6a2cd636dcfccd0d3dc0ee17cb49641280aa', href: this.buttonUrl }, h("div", { key: 'fe3b011e2a369e582d21acc2f603bd38a840179b', class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, h("div", { key: '8836a7a2c36166282e7b33bd4e9e6ee753e8296b', 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: '74dcfce94925ef42bca996fa240249a2ce231d68', 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: '080741fb7e4dc70973b2be9c89768b0e806bb64e', href: this.buttonUrl }, h("div", { key: '89ed7934aa886edac338accc3a2391d3e26baac2', class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, h("div", { key: '55375f3c2ef7c72450239e1339037e3a160d8c45', 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: 'a99eb3f15122ee7da5b4009927926e9759122ea0', 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)))));
     }
 };
 BiggiveImageCard.style = biggiveImageCardCss;

package/dist/esm/biggive-image-feature.entry.js CHANGED Viewed

@@ -39,7 +39,7 @@ const BiggiveImageFeature = class {
         this.buttonColourScheme = 'primary';
     }
     render() {
-        return (h("div", { key: 'f6ee8692bfe134393f826f24985ca08f81bacb65', class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { key: '582a9bf5a11b5080821d9199d448d204637c4072', class: "sleeve" }, h("div", { key: 'e6239c1e486f7631e57552c3263d070f0d11e0f2', class: "content-wrap" }, h("div", { key: '93b0fda4c895ddc85269dc9ff6269580556fadcb', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'd9eb843102938edf9186d523b23cf2c3cf302e53', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '998230787e187e7b579e89aef6c0ef5d5c23a5da', 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: '267b2b6ec4258fe65c72a8ef7510446d3d800f89', 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: '5179625cdbc9028b33eaff4a79d847754ea2475e', class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { key: 'e34d2f22a44b23680d6f043c636f9574ec9c88d0', class: "sleeve" }, h("div", { key: 'ad9bd48b06c44ec01e76fbdfcbddce6f9396866b', class: "content-wrap" }, h("div", { key: 'a0463b0b48d5110eb4a9678358827192f4c1875a', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: '23159849baf518be44c564bbedb4270a8a25cf24', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '5cae2bb4541a2aa8ee4d050c33022fba642538e3', 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: 'a02b7af0e38bf8f4a19a0a1576f580525bd4b563', class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
     }
 };
 BiggiveImageFeature.style = biggiveImageFeatureCss;

package/dist/esm/biggive-image.entry.js CHANGED Viewed

@@ -49,7 +49,7 @@ const BiggiveImage = class {
         return height;
     }
     render() {
-        return (h("div", { key: 'a2bfc69d9ca6890099545e02ccea32a0fa6fd949', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: '991ec1161496e29b7220d8fe429a83599b918466', class: "image-wrap" }, h("img", { key: '83bd14a4e9e1ced55ed6c54fcdc3ea6d944aca14', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
+        return (h("div", { key: '984bb4a5376a9b657933e6cc9611618e1e495699', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: '1978120a54a62722b26c6c0f3c1d5c5150abc5d7', class: "image-wrap" }, h("img", { key: '9f47b5a76771572d8a46c7f05cc23dd01d2735c5', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
     }
 };
 BiggiveImage.style = biggiveImageCss;