npm - @biggive/components - Versions diffs - 202409030845.0.0 → 202409131555.0.0 - Mend

@biggive/components 202409030845.0.0 → 202409131555.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 (131) hide show

package/dist/components/biggive-campaign-card-filter-grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-campaign-card-filter-grid.js","mappings":"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","names":["BiggiveCampaignCardFilterGrid"],"sources":["src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.scss?tag=biggive-campaign-card-filter-grid&encapsulation=shadow","src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: content;\n}\n\n// Each select needs a higher z-index than the one below,\n// so that the drop-down part will occlude it.\n.select-wrapper-1, .select-wrapper-2, .select-wrapper-3, .select-wrapper-4 {\n position: relative;\n margin-top: 1em;\n}\n.select-wrapper-1 {\n z-index: 4;\n}\n.select-wrapper-2 {\n z-index: 3;\n}\n.select-wrapper-3 {\n z-index: 2;\n }\n.select-wrapper-4 {\n z-index: 1;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .search-wrap {\n @include lower-shadow();\n background-color: $colour-white;\n padding: $spacer-3 $spacer-4;\n margin-bottom: $spacer-3;\n h4 {\n margin-bottom: $spacer-3;\n }\n .field-wrap {\n @include flex-container-row();\n\n .input-wrap {\n @include flex-container-row();\n padding-bottom: $spacer-1;\n border-bottom: 1px solid $colour-black;\n margin-right: $spacer-4;\n flex-grow: 1;\n input {\n border: 0;\n }\n }\n button {\n padding: 5px 30px;\n }\n }\n }\n}\n.selected-filter-wrap {\n display: flex;\n margin-bottom: 30px;\n padding: 0;\n .button {\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 50px 5px 20px;\n margin-right: 15px;\n background-color: $colour-tertiary-coral;;\n color: $colour-black;\n border: 1px solid $colour-tertiary-coral;\n text-decoration: none;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 12px auto;\n &:hover {\n background-color: $colour-white;\n color: $colour-black;\n }\n }\n .clear-all {\n margin-left: auto;\n a {\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 20px;\n background-color: $colour-primary-blue;\n color: $colour-white;\n border: 1px solid $colour-primary-blue;\n text-decoration: none;\n &:hover {\n background-color: $colour-white;\n color: $colour-primary-blue;\n }\n }\n }\n}\n\n.sort-filter-wrap {\n display: flex;\n justify-content: flex-end;\n margin-bottom: $spacer-4;\n padding: 0;\n text-align: right;\n .clear-all {\n cursor: pointer;\n vertical-align: center;\n margin-top: auto;\n margin-bottom: auto;\n }\n\n display: flex;\n .sort-wrap {\n margin-left: 15px;\n }\n\n .filter-wrap {\n background-color: $colour-grey-background; // temp for testing dropdown\n\n margin-left: $spacer-3;\n\n .button.filter {\n padding-left: 60px;\n padding-right: 30px;\n\n .filter-icon {\n content: '';\n display: block;\n position: absolute;\n left: 25px;\n top: 17px;\n width: 13px;\n height: 13px;\n\n svg {\n width: 100%;\n height: auto;\n vertical-align: top;\n\n &:hover {\n fill: $colour-primary-blue;\n }\n }\n }\n }\n }\n}\n\n.icon {\n @include icon();\n margin: auto;\n\n > path {\n fill: $colour-primary-blue;\n }\n}\n\n.icon-clear-all {\n > path {\n fill: $colour-black;\n }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n .sort-filter-wrap {\n flex-direction: column-reverse;\n .sort-wrap {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-x-small) {\n .sort-filter-wrap {\n justify-content: space-between;\n .sort-wrap {\n margin-left: 0px;\n }\n .filter-wrap {\n margin-left: 3px;\n }\n }\n}\n\n.align-right {\n text-align: right;\n}\n\n.input-text {\n @include input-text();\n}\n\n.text-colour-primary {\n color: $colour-primary-blue;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';\n\nconst sortOptionLabels = {\n relevance: 'Relevance',\n amountRaised: 'Most raised',\n matchFundsRemaining: 'Match funds remaining',\n} as const;\n\ntype sortOptionKey = keyof typeof sortOptionLabels;\ntype sortOptionLabel = (typeof sortOptionLabels)[sortOptionKey];\n\n@Component({\n tag: 'biggive-campaign-card-filter-grid',\n styleUrl: 'biggive-campaign-card-filter-grid.scss',\n shadow: true,\n})\nexport class BiggiveCampaignCardFilterGrid {\n @Element() el: HTMLBiggiveCampaignCardFilterGridElement;\n\n /*\n This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\n * component which handles it\n /\n @Event({\n eventName: 'doSearchAndFilterUpdate',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doSearchAndFilterUpdate: EventEmitter<{\n searchText: string \| null;\n sortBy: string \| null;\n filterCategory: string \| null;\n filterBeneficiary: string \| null;\n filterLocation: string \| null;\n }>;\n\n private sortByPlaceholderText = 'Sort by';\n private beneficiariesPlaceHolderText = 'Select beneficiary';\n private categoriesPlaceHolderText = 'Select category';\n private locationsPlaceHolderText = 'Select location';\n\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Intro\n /\n @Prop() intro: string = 'Find a charity or project';\n\n /\n Optional search text prop. Useful for pre-populating the search field\n * when the page is loaded with a search term already existing in the URL.\n * This can happen when sharing links, or if a donor goes to a campaign page\n * after searching, and then returns to the search results. In such a case,\n * the search box text will clear, unless we use this prop to populate it on\n * rendering. DON-652.\n /\n @Prop() searchText: string \| null = null;\n\n /\n Defines the text displayed as the placeholder in the input field\n * before the user types anything\n /\n @Prop() placeholderText: string = 'Search';\n\n /\n Defines the text on the search button\n /\n @Prop() buttonText: string = 'Search';\n\n /\n JSON array of category key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() categoryOptions: string \| Record<string, string> \| string[];\n\n /\n JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() beneficiaryOptions: string \| Record<string, string> \| string[];\n\n /\n JSON array of location key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() locationOptions: string \| Record<string, string> \| string[];\n\n /\n This helps us inject a pre-selected dropdown value from outside of this component.\n * This is especially helpful for the Meta campaign and Explore pages, where searching\n * by text wipes out previous sort options and re-uses Relevance, or where one of those\n * two pages is loaded directly with URL parameters - in such a scenario the dropdown\n * shows that it's pre-selected. DON-558.\n /\n @Prop({ mutable: true })\n selectedSortByOption: 'Most raised' \| 'Match funds remaining' \| 'Relevance';\n\n /\n For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterCategory: string \| null = null;\n\n /\n For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterBeneficiary: string \| null = null;\n\n /\n For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterLocation: string \| null = null;\n\n /\n State variable - causes re-render on change\n /\n @State() filtersApplied: boolean;\n\n private initialSortByOption: 'Most raised' \| 'Match funds remaining' \| 'Relevance';\n\n /\n This and similar properties represent selections made in the popup but not yet applied.\n */\n private newSelectedFilterCategory: string \| null = null;\n private newSelectedFilterBeneficiary: string \| null = null;\n private newSelectedFilterLocation: string \| null = null;\n\n private categoryFilterSelectionChanged = (value: string) => {\n this.newSelectedFilterCategory = value;\n };\n\n private beneficiarySelectionChanged = (value: string) => {\n this.newSelectedFilterBeneficiary = value;\n };\n\n private locationSelectionChanged = (value: string) => {\n this.newSelectedFilterLocation = value;\n };\n\n private sortBySelectionChanged = (value: 'Most raised' \| 'Match funds remaining' \| 'Relevance') => {\n this.selectedSortByOption = value;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n };\n\n private getSearchAndFilterObject() {\n return {\n searchText: this.searchText,\n sortBy: this.selectedSortByOption,\n filterCategory: this.selectedFilterCategory,\n filterBeneficiary: this.selectedFilterBeneficiary,\n filterLocation: this.selectedFilterLocation,\n };\n }\n\n private handleApplyFilterButtonClick = () => {\n this.selectedFilterCategory = this.newSelectedFilterCategory ?? this.selectedFilterCategory;\n this.selectedFilterBeneficiary = this.newSelectedFilterBeneficiary ?? this.selectedFilterBeneficiary;\n this.selectedFilterLocation = this.newSelectedFilterLocation ?? this.selectedFilterLocation;\n\n const searchAndFilterObj = this.getSearchAndFilterObject();\n this.doSearchAndFilterUpdate.emit(searchAndFilterObj);\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement \| undefined;\n if (filterPopup) {\n filterPopup.closeFromOutside();\n }\n\n this.filtersApplied =\n typeof searchAndFilterObj.filterBeneficiary === 'string' \|\| typeof searchAndFilterObj.filterCategory === 'string' \|\| typeof searchAndFilterObj.filterLocation === 'string';\n };\n\n private removeFilter(filterKey: 'locations' \| 'categories' \| 'beneficiaries') {\n switch (filterKey) {\n case 'beneficiaries':\n this.selectedFilterBeneficiary = null;\n break;\n case 'categories':\n this.selectedFilterCategory = null;\n break;\n case 'locations':\n this.selectedFilterLocation = null;\n break;\n default:\n // This asks the compiler to check that we are in dead code, i.e. we covered all the possible filter keys\n // above. If we missed one we would get a compile error trying to assign a string to a never.\n const exhaustiveSwitch: never = filterKey;\n console.error(exhaustiveSwitch);\n }\n\n const selectEl = this.el.shadowRoot?.getElementById(filterKey) as HTMLBiggiveFormFieldSelectElement \| undefined;\n if (!selectEl) {\n return;\n }\n\n selectEl.selectedLabel = null;\n selectEl.selectedValue = null;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n\n private handleSearchButtonPressed = () => {\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n\n if (this.hasSearchTerm()) {\n this.selectedSortByOption = 'Relevance';\n }\n };\n\n private handleSearchTextChanged = (event: any) => {\n this.searchText = event.target.value;\n };\n\n private handleEnterPressed = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter') {\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n };\n\n private handleFilterButtonClick = () => {\n this.newSelectedFilterBeneficiary = this.selectedFilterBeneficiary;\n this.newSelectedFilterCategory = this.selectedFilterCategory;\n this.newSelectedFilterLocation = this.selectedFilterLocation;\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement \| undefined;\n if (filterPopup) {\n filterPopup.openFromOutside();\n }\n };\n\n private handleClearAll = () => {\n // Set the 'Filters' button back to the primary background colour\n this.filtersApplied = false;\n\n // Clear all\n this.searchText = null;\n this.selectedSortByOption = this.initialSortByOption;\n this.selectedFilterBeneficiary = null;\n this.selectedFilterCategory = null;\n this.selectedFilterLocation = null;\n\n // Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.\n ['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {\n const theEl = this.el.shadowRoot?.getElementById(id) as HTMLBiggiveFormFieldSelectElement \| undefined;\n if (!theEl) {\n return;\n }\n\n theEl.selectedValue = null;\n theEl.selectedLabel = null;\n });\n\n const selectedFilters = this.el.shadowRoot?.querySelector('.selected-filters');\n if (selectedFilters) {\n selectedFilters.querySelectorAll('.button').forEach(button => {\n button.remove();\n });\n }\n\n // Emit the doSearchAndFilterUpdate event with null values. DON-654\n this.doSearchAndFilterUpdate.emit({\n searchText: null,\n sortBy: null,\n filterCategory: null,\n filterBeneficiary: null,\n filterLocation: null,\n });\n };\n\n componentWillRender() {\n this.filtersApplied = this.selectedFilterCategory !== null \|\| this.selectedFilterBeneficiary !== null \|\| this.selectedFilterLocation !== null;\n this.initialSortByOption = this.selectedSortByOption;\n }\n\n render() {\n const sortOptions = this.getSortOptions();\n\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"search-wrap\">\n <h4>{this.intro}</h4>\n <div class=\"field-wrap\">\n <div class=\"input-wrap\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" viewBox=\"0 0 512 512\">\n <path d={faMagnifyingGlass.icon[4].toString()} />\n </svg>\n <input\n type=\"text\"\n value={this.searchText ?? ''}\n class=\"input-text\"\n placeholder={this.placeholderText}\n onInput={this.handleSearchTextChanged}\n onKeyDown={this.handleEnterPressed}\n />\n </div>\n <biggive-button onClick={this.handleSearchButtonPressed} label={this.buttonText} />\n </div>\n </div>\n <div class=\"sort-filter-wrap\">\n <div class=\"filter-wrap\">\n <biggive-button class=\"filter\" colourScheme=\"primary\" onClick={this.handleFilterButtonClick} label=\"Filter\" fullWidth={true} space-below=\"0\"></biggive-button>\n <biggive-popup id=\"filter-popup\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Filters</h4>\n <div class=\"select-wrapper-1\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Category\"\n placeholder={this.categoriesPlaceHolderText}\n selectedLabel={this.selectedFilterCategory}\n selectedValue={this.selectedFilterCategory}\n options={this.optionsToArray(this.categoryOptions \|\| [])}\n selectionChanged={this.categoryFilterSelectionChanged}\n id=\"categories\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-2\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Beneficiary\"\n placeholder={this.beneficiariesPlaceHolderText}\n selectedLabel={this.selectedFilterBeneficiary}\n selectedValue={this.selectedFilterBeneficiary}\n options={this.optionsToArray(this.beneficiaryOptions \|\| [])}\n selectionChanged={this.beneficiarySelectionChanged}\n id=\"beneficiaries\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-3\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Location\"\n placeholder={this.locationsPlaceHolderText}\n selectedLabel={this.selectedFilterLocation}\n selectedValue={this.selectedFilterLocation}\n options={this.optionsToArray(this.locationOptions \|\| [])}\n selectionChanged={this.locationSelectionChanged}\n id=\"locations\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"align-right\">\n <biggive-button label=\"Apply filters\" onClick={this.handleApplyFilterButtonClick} />\n </div>\n </biggive-popup>\n </div>\n\n <div class=\"sort-wrap\">\n <biggive-form-field-select\n options={sortOptions}\n prompt={null}\n select-style=\"underlined\"\n placeholder={this.sortByPlaceholderText}\n selectedLabel={this.selectedSortByOption}\n selectedValue={this.getSelectedValue()}\n selectionChanged={this.sortBySelectionChanged}\n id=\"sort-by\"\n >\n <biggive-form-field-select-option value=\"amountRaised\" label=\"Most raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"matchFundsRemaining\" label=\"Match funds remaining\"></biggive-form-field-select-option>\n {(this.searchText \|\| '').length > 0 ? <biggive-form-field-select-option value=\"Relevance\" label=\"Relevance\"></biggive-form-field-select-option> : null}\n </biggive-form-field-select>\n </div>\n </div>\n <div class=\"selected-filter-wrap\">\n <div class=\"selected-filters\">\n {this.selectedFilterCategory && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('categories');\n }}\n >\n {this.selectedFilterCategory}\n </span>\n )}\n {this.selectedFilterBeneficiary && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('beneficiaries');\n }}\n >\n {this.selectedFilterBeneficiary}\n </span>\n )}\n {this.selectedFilterLocation && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('locations');\n }}\n >\n {this.selectedFilterLocation}\n </span>\n )}\n </div>\n <div class=\"clear-all\">\n <a onClick={this.handleClearAll}>Clear all</a>\n </div>\n </div>\n <div class=\"campaign-grid\">\n <slot name=\"campaign-grid\"></slot>\n </div>\n </div>\n </div>\n );\n }\n\n // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit\n // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I\n // can do that if people think it's better.\n //\n // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n public getSelectedValue(): undefined \| string {\n const sortByOption = this.selectedSortByOption;\n if (sortByOption === undefined) {\n return undefined;\n }\n const sortOptions = this.getSortOptions();\n const selected = sortOptions.filter(option => {\n return option.label.toLowerCase() === sortByOption.toLowerCase();\n })[0];\n\n return selected?.value;\n }\n\n private getSortOptions(): {\n label: sortOptionLabel;\n value: sortOptionKey;\n }[] {\n // @ts-ignore - see https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n const sortOptionKeys: sortOptionKey[] = Object.getOwnPropertyNames(sortOptionLabels);\n const relevantOptionKeys = sortOptionKeys.filter(key => key !== 'relevance' \|\| this.hasSearchTerm());\n\n return relevantOptionKeys.map((key: sortOptionKey) => ({ value: key, label: sortOptionLabels[key] }));\n }\n\n private hasSearchTerm() {\n return typeof this.searchText === 'string' && this.searchText.length > 0;\n }\n\n private optionsToArray(options: string \| Record<string, string> \| string[]): {\n label: string;\n value: string;\n }[] {\n if (typeof options === 'string') {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return options.map((option: string) => ({ value: option, label: option }));\n }\n\n return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n }\n}\n"],"version":3}
1	+ {"file":"biggive-campaign-card-filter-grid.js","mappings":"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","names":["BiggiveCampaignCardFilterGrid"],"sources":["src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.scss?tag=biggive-campaign-card-filter-grid&encapsulation=shadow","src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: content;\n}\n\n// Each select needs a higher z-index than the one below,\n// so that the drop-down part will occlude it.\n.select-wrapper-1, .select-wrapper-2, .select-wrapper-3, .select-wrapper-4 {\n position: relative;\n margin-top: 1em;\n}\n.select-wrapper-1 {\n z-index: 4;\n}\n.select-wrapper-2 {\n z-index: 3;\n}\n.select-wrapper-3 {\n z-index: 2;\n }\n.select-wrapper-4 {\n z-index: 1;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .search-wrap {\n @include lower-shadow();\n background-color: $colour-white;\n padding: $spacer-3 $spacer-4;\n margin-bottom: $spacer-3;\n h4 {\n margin-bottom: $spacer-3;\n }\n .field-wrap {\n @include flex-container-row();\n\n .input-wrap {\n @include flex-container-row();\n padding-bottom: $spacer-1;\n border-bottom: 1px solid $colour-black;\n margin-right: $spacer-4;\n flex-grow: 1;\n input {\n border: 0;\n }\n }\n button {\n padding: 5px 30px;\n }\n }\n }\n}\n.selected-filter-wrap {\n display: flex;\n margin-bottom: 30px;\n padding: 0;\n .button {\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 50px 5px 20px;\n margin-right: 15px;\n background-color: $colour-tertiary-coral;;\n color: $colour-black;\n border: 1px solid $colour-tertiary-coral;\n text-decoration: none;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 12px auto;\n &:hover {\n background-color: $colour-white;\n color: $colour-black;\n }\n }\n .clear-all {\n margin-left: auto;\n a {\n cursor: pointer;\n border-radius: 20px;\n padding: 5px 20px;\n background-color: $colour-primary-blue;\n color: $colour-white;\n border: 1px solid $colour-primary-blue;\n text-decoration: none;\n &:hover {\n background-color: $colour-white;\n color: $colour-primary-blue;\n }\n }\n }\n}\n\n.sort-filter-wrap {\n display: flex;\n justify-content: flex-end;\n margin-bottom: $spacer-4;\n padding: 0;\n text-align: right;\n .clear-all {\n cursor: pointer;\n vertical-align: center;\n margin-top: auto;\n margin-bottom: auto;\n }\n\n display: flex;\n .sort-wrap {\n margin-left: 15px;\n }\n\n .filter-wrap {\n background-color: $colour-grey-background; // temp for testing dropdown\n\n margin-left: $spacer-3;\n\n .button.filter {\n padding-left: 60px;\n padding-right: 30px;\n\n .filter-icon {\n content: '';\n display: block;\n position: absolute;\n left: 25px;\n top: 17px;\n width: 13px;\n height: 13px;\n\n svg {\n width: 100%;\n height: auto;\n vertical-align: top;\n\n &:hover {\n fill: $colour-primary-blue;\n }\n }\n }\n }\n }\n}\n\n.icon {\n @include icon();\n margin: auto;\n\n > path {\n fill: $colour-primary-blue;\n }\n}\n\n.icon-clear-all {\n > path {\n fill: $colour-black;\n }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n .sort-filter-wrap {\n flex-direction: column-reverse;\n .sort-wrap {\n margin-top: 20px;\n margin-bottom: 20px;\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-x-small) {\n .sort-filter-wrap {\n justify-content: space-between;\n .sort-wrap {\n margin-left: 0px;\n }\n .filter-wrap {\n margin-left: 3px;\n }\n }\n}\n\n.align-right {\n text-align: right;\n}\n\n.input-text {\n @include input-text();\n}\n\n.text-colour-primary {\n color: $colour-primary-blue;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';\n\nconst sortOptionLabels = {\n relevance: 'Relevance',\n amountRaised: 'Most raised',\n leastRaised: 'Least raised',\n matchFundsRemaining: 'Match funds remaining',\n} as const;\n\ntype sortOptionKey = keyof typeof sortOptionLabels;\ntype sortOptionLabel = (typeof sortOptionLabels)[sortOptionKey];\n\n@Component({\n tag: 'biggive-campaign-card-filter-grid',\n styleUrl: 'biggive-campaign-card-filter-grid.scss',\n shadow: true,\n})\nexport class BiggiveCampaignCardFilterGrid {\n @Element() el: HTMLBiggiveCampaignCardFilterGridElement;\n\n /*\n This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\n * component which handles it\n /\n @Event({\n eventName: 'doSearchAndFilterUpdate',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doSearchAndFilterUpdate: EventEmitter<{\n searchText: string \| null;\n sortBy: string \| null;\n filterCategory: string \| null;\n filterBeneficiary: string \| null;\n filterLocation: string \| null;\n }>;\n\n private sortByPlaceholderText = 'Sort by';\n private beneficiariesPlaceHolderText = 'Select beneficiary';\n private categoriesPlaceHolderText = 'Select category';\n private locationsPlaceHolderText = 'Select location';\n\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Intro\n /\n @Prop() intro: string = 'Find a charity or project';\n\n /\n Optional search text prop. Useful for pre-populating the search field\n * when the page is loaded with a search term already existing in the URL.\n * This can happen when sharing links, or if a donor goes to a campaign page\n * after searching, and then returns to the search results. In such a case,\n * the search box text will clear, unless we use this prop to populate it on\n * rendering. DON-652.\n /\n @Prop() searchText: string \| null = null;\n\n /\n Defines the text displayed as the placeholder in the input field\n * before the user types anything\n /\n @Prop() placeholderText: string = 'Search';\n\n /\n Defines the text on the search button\n /\n @Prop() buttonText: string = 'Search';\n\n /\n JSON array of category key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() categoryOptions: string \| Record<string, string> \| string[];\n\n /\n JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() beneficiaryOptions: string \| Record<string, string> \| string[];\n\n /\n JSON array of location key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() locationOptions: string \| Record<string, string> \| string[];\n\n /\n This helps us inject a pre-selected dropdown value from outside of this component.\n * This is especially helpful for the Meta campaign and Explore pages, where searching\n * by text wipes out previous sort options and re-uses Relevance, or where one of those\n * two pages is loaded directly with URL parameters - in such a scenario the dropdown\n * shows that it's pre-selected. DON-558.\n /\n @Prop({ mutable: true })\n selectedSortByOption: sortOptionLabel;\n\n /\n For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterCategory: string \| null = null;\n\n /\n For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterBeneficiary: string \| null = null;\n\n /\n For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterLocation: string \| null = null;\n\n /\n State variable - causes re-render on change\n /\n @State() filtersApplied: boolean;\n\n private initialSortByOption: sortOptionLabel;\n\n /\n This and similar properties represent selections made in the popup but not yet applied.\n */\n private newSelectedFilterCategory: string \| null = null;\n private newSelectedFilterBeneficiary: string \| null = null;\n private newSelectedFilterLocation: string \| null = null;\n\n private categoryFilterSelectionChanged = (value: string) => {\n this.newSelectedFilterCategory = value;\n };\n\n private beneficiarySelectionChanged = (value: string) => {\n this.newSelectedFilterBeneficiary = value;\n };\n\n private locationSelectionChanged = (value: string) => {\n this.newSelectedFilterLocation = value;\n };\n\n private sortBySelectionChanged = (value: sortOptionLabel) => {\n this.selectedSortByOption = value;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n };\n\n private getSearchAndFilterObject() {\n return {\n searchText: this.searchText,\n sortBy: this.selectedSortByOption,\n filterCategory: this.selectedFilterCategory,\n filterBeneficiary: this.selectedFilterBeneficiary,\n filterLocation: this.selectedFilterLocation,\n };\n }\n\n private handleApplyFilterButtonClick = () => {\n this.selectedFilterCategory = this.newSelectedFilterCategory ?? this.selectedFilterCategory;\n this.selectedFilterBeneficiary = this.newSelectedFilterBeneficiary ?? this.selectedFilterBeneficiary;\n this.selectedFilterLocation = this.newSelectedFilterLocation ?? this.selectedFilterLocation;\n\n const searchAndFilterObj = this.getSearchAndFilterObject();\n this.doSearchAndFilterUpdate.emit(searchAndFilterObj);\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement \| undefined;\n if (filterPopup) {\n filterPopup.closeFromOutside();\n }\n\n this.filtersApplied =\n typeof searchAndFilterObj.filterBeneficiary === 'string' \|\| typeof searchAndFilterObj.filterCategory === 'string' \|\| typeof searchAndFilterObj.filterLocation === 'string';\n };\n\n private removeFilter(filterKey: 'locations' \| 'categories' \| 'beneficiaries') {\n switch (filterKey) {\n case 'beneficiaries':\n this.selectedFilterBeneficiary = null;\n break;\n case 'categories':\n this.selectedFilterCategory = null;\n break;\n case 'locations':\n this.selectedFilterLocation = null;\n break;\n default:\n // This asks the compiler to check that we are in dead code, i.e. we covered all the possible filter keys\n // above. If we missed one we would get a compile error trying to assign a string to a never.\n const exhaustiveSwitch: never = filterKey;\n console.error(exhaustiveSwitch);\n }\n\n const selectEl = this.el.shadowRoot?.getElementById(filterKey) as HTMLBiggiveFormFieldSelectElement \| undefined;\n if (!selectEl) {\n return;\n }\n\n selectEl.selectedLabel = null;\n selectEl.selectedValue = null;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n\n private handleSearchButtonPressed = () => {\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n\n if (this.hasSearchTerm()) {\n this.selectedSortByOption = 'Relevance';\n }\n };\n\n private handleSearchTextChanged = (event: any) => {\n this.searchText = event.target.value;\n };\n\n private handleEnterPressed = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter') {\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n };\n\n private handleFilterButtonClick = () => {\n this.newSelectedFilterBeneficiary = this.selectedFilterBeneficiary;\n this.newSelectedFilterCategory = this.selectedFilterCategory;\n this.newSelectedFilterLocation = this.selectedFilterLocation;\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement \| undefined;\n if (filterPopup) {\n filterPopup.openFromOutside();\n }\n };\n\n private handleClearAll = () => {\n // Set the 'Filters' button back to the primary background colour\n this.filtersApplied = false;\n\n // Clear all\n this.searchText = null;\n this.selectedSortByOption = this.initialSortByOption;\n this.selectedFilterBeneficiary = null;\n this.selectedFilterCategory = null;\n this.selectedFilterLocation = null;\n\n // Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.\n ['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {\n const theEl = this.el.shadowRoot?.getElementById(id) as HTMLBiggiveFormFieldSelectElement \| undefined;\n if (!theEl) {\n return;\n }\n\n theEl.selectedValue = null;\n theEl.selectedLabel = null;\n });\n\n const selectedFilters = this.el.shadowRoot?.querySelector('.selected-filters');\n if (selectedFilters) {\n selectedFilters.querySelectorAll('.button').forEach(button => {\n button.remove();\n });\n }\n\n // Emit the doSearchAndFilterUpdate event with null values. DON-654\n this.doSearchAndFilterUpdate.emit({\n searchText: null,\n sortBy: null,\n filterCategory: null,\n filterBeneficiary: null,\n filterLocation: null,\n });\n };\n\n componentWillRender() {\n this.filtersApplied = this.selectedFilterCategory !== null \|\| this.selectedFilterBeneficiary !== null \|\| this.selectedFilterLocation !== null;\n this.initialSortByOption = this.selectedSortByOption;\n }\n\n render() {\n const sortOptions = this.getSortOptions();\n\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"search-wrap\">\n <h4>{this.intro}</h4>\n <div class=\"field-wrap\">\n <div class=\"input-wrap\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" viewBox=\"0 0 512 512\">\n <path d={faMagnifyingGlass.icon[4].toString()} />\n </svg>\n <input\n type=\"text\"\n value={this.searchText ?? ''}\n class=\"input-text\"\n placeholder={this.placeholderText}\n onInput={this.handleSearchTextChanged}\n onKeyDown={this.handleEnterPressed}\n />\n </div>\n <biggive-button onClick={this.handleSearchButtonPressed} label={this.buttonText} />\n </div>\n </div>\n <div class=\"sort-filter-wrap\">\n <div class=\"filter-wrap\">\n <biggive-button class=\"filter\" colourScheme=\"primary\" onClick={this.handleFilterButtonClick} label=\"Filter\" fullWidth={true} space-below=\"0\"></biggive-button>\n <biggive-popup id=\"filter-popup\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Filters</h4>\n <div class=\"select-wrapper-1\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Category\"\n placeholder={this.categoriesPlaceHolderText}\n selectedLabel={this.selectedFilterCategory}\n selectedValue={this.selectedFilterCategory}\n options={this.optionsToArray(this.categoryOptions \|\| [])}\n selectionChanged={this.categoryFilterSelectionChanged}\n id=\"categories\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-2\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Beneficiary\"\n placeholder={this.beneficiariesPlaceHolderText}\n selectedLabel={this.selectedFilterBeneficiary}\n selectedValue={this.selectedFilterBeneficiary}\n options={this.optionsToArray(this.beneficiaryOptions \|\| [])}\n selectionChanged={this.beneficiarySelectionChanged}\n id=\"beneficiaries\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-3\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Location\"\n placeholder={this.locationsPlaceHolderText}\n selectedLabel={this.selectedFilterLocation}\n selectedValue={this.selectedFilterLocation}\n options={this.optionsToArray(this.locationOptions \|\| [])}\n selectionChanged={this.locationSelectionChanged}\n id=\"locations\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"align-right\">\n <biggive-button label=\"Apply filters\" onClick={this.handleApplyFilterButtonClick} />\n </div>\n </biggive-popup>\n </div>\n\n <div class=\"sort-wrap\">\n <biggive-form-field-select\n options={sortOptions}\n prompt={null}\n select-style=\"underlined\"\n placeholder={this.sortByPlaceholderText}\n selectedLabel={this.selectedSortByOption}\n selectedValue={this.getSelectedValue()}\n selectionChanged={this.sortBySelectionChanged}\n id=\"sort-by\"\n >\n <biggive-form-field-select-option value=\"amountRaised\" label=\"Most raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"leastRaised\" label=\"Least raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"matchFundsRemaining\" label=\"Match funds remaining\"></biggive-form-field-select-option>\n {(this.searchText \|\| '').length > 0 ? <biggive-form-field-select-option value=\"Relevance\" label=\"Relevance\"></biggive-form-field-select-option> : null}\n </biggive-form-field-select>\n </div>\n </div>\n <div class=\"selected-filter-wrap\">\n <div class=\"selected-filters\">\n {this.selectedFilterCategory && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('categories');\n }}\n >\n {this.selectedFilterCategory}\n </span>\n )}\n {this.selectedFilterBeneficiary && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('beneficiaries');\n }}\n >\n {this.selectedFilterBeneficiary}\n </span>\n )}\n {this.selectedFilterLocation && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('locations');\n }}\n >\n {this.selectedFilterLocation}\n </span>\n )}\n </div>\n <div class=\"clear-all\">\n <a onClick={this.handleClearAll}>Clear all</a>\n </div>\n </div>\n <div class=\"campaign-grid\">\n <slot name=\"campaign-grid\"></slot>\n </div>\n </div>\n </div>\n );\n }\n\n // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit\n // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I\n // can do that if people think it's better.\n //\n // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n public getSelectedValue(): undefined \| string {\n const sortByOption = this.selectedSortByOption;\n if (sortByOption === undefined) {\n return undefined;\n }\n const sortOptions = this.getSortOptions();\n const selected = sortOptions.filter(option => {\n return option.label.toLowerCase() === sortByOption.toLowerCase();\n })[0];\n\n return selected?.value;\n }\n\n private getSortOptions(): {\n label: sortOptionLabel;\n value: sortOptionKey;\n }[] {\n // @ts-ignore - see https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n const sortOptionKeys: sortOptionKey[] = Object.getOwnPropertyNames(sortOptionLabels);\n const relevantOptionKeys = sortOptionKeys.filter(key => key !== 'relevance' \|\| this.hasSearchTerm());\n\n return relevantOptionKeys.map((key: sortOptionKey) => ({ value: key, label: sortOptionLabels[key] }));\n }\n\n private hasSearchTerm() {\n return typeof this.searchText === 'string' && this.searchText.length > 0;\n }\n\n private optionsToArray(options: string \| Record<string, string> \| string[]): {\n label: string;\n value: string;\n }[] {\n if (typeof options === 'string') {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return options.map((option: string) => ({ value: option, label: option }));\n }\n\n return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n }\n}\n"],"version":3}

package/dist/components/biggive-campaign-highlights.js CHANGED Viewed

@@ -26,7 +26,7 @@ const BiggiveCampaignHighlights$1 = /*@__PURE__*/ proxyCustomElement(class Biggi
         this.championUrl = undefined;
     }
     render() {
-        return (h("div", { key: 'b0357c81263beb2277985a0793f455a248187134', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'e55e2401cfdb26448bb40f02edf70bb2c135d5b3', 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: 'fa828f6b43e8963423328082c331cc9881e9f56e', class: "meta-wrap" }, h("div", { key: 'cf44139ef09edc237b43547e2980334ba700e573', class: "meta-item" }, h("span", { key: '110e506e0323711ec2a0a721813465097d039224', class: "label" }, this.primaryFigureLabel), h("span", { key: '4f7e1e04a962bb7fb027c6a06d2ee1714a1d0a85', class: "text" }, this.primaryFigureAmount)), h("div", { key: '925c7866f64026d14217583e886d2c9fa34ab3f5', class: "meta-item" }, h("span", { key: 'ad0a802c3ab0d9a4adebb6b195bf955a75cf70e6', class: "label" }, this.secondaryFigureLabel), h("span", { key: 'c0ec0cc87b6953db0ad072c853a918fc0188a423', class: "text" }, this.secondaryFigureAmount))), h("div", { key: 'fd425ebdc06f9e5e14722700de400c1f67d3e1d2', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: 'ab66eac351b9b00edcd405fd8acc3be49dc960c1', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: 'fbe28fe65217d92efa9731972b583b9696794dd5', 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: 'add93be878549fc1c8f00b8dc3001896724cfe34', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'd5577539172f56e51540d03e53c91327bed96143', 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: 'c7029df25a46f19e84057d4e9db469ba6325d1ec', class: "meta-wrap" }, h("div", { key: '877452b98dd3d64bfa132da71797e6f00bc5696d', class: "meta-item" }, h("span", { key: '4c373ec8b3e8d53754280b5fabecc0986a57f6f8', class: "label" }, this.primaryFigureLabel), h("span", { key: 'c354468bd49fb84a9b5317c7cfb7dc363b0b7b54', class: "text" }, this.primaryFigureAmount)), h("div", { key: '49ba302a5c22f674bd45478607afe5e57c40ad98', class: "meta-item" }, h("span", { key: '8f8c8e3935542794e7ba3e9624cedf5bacd89be1', class: "label" }, this.secondaryFigureLabel), h("span", { key: '952ee3945423ac3f129d59f466b98c7f5b1f9f26', class: "text" }, this.secondaryFigureAmount))), h("div", { key: '76bf79668d1c1f737d400d9d85816310de2147ee', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: 'cb43751f5905000bb6c294d472a43c89e660447e', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: 'af9a81b3c9ca0b15fa44e45df0aa7068ddb9249d', 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)));
     }
     static get style() { return BiggiveCampaignHighlightsStyle0; }
 }, [1, "biggive-campaign-highlights", {

package/dist/components/biggive-category-icon.js CHANGED Viewed

@@ -19,7 +19,7 @@ const BiggiveCategoryIcon$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCate
         return icon;
     }
     render() {
-        return (h("div", { key: 'dd8aaaf26599d4efa7f3e4307c28c2abf93f428a', class: "container" }, h("div", { key: 'd47e5f9e3ca4ec677c1231c418415f8c4bacc459', class: 'category-icon-item background-colour-' + this.backgroundColour }, h("a", { key: '749a1281eea652790f5e32249d471f2b35d0ceb6', href: this.url }, h("svg", { key: 'ffaa6013742a1c426465e34aafb20f54e63f5db6', width: this.getCategoryIcon().icon[0], height: this.getCategoryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1] }, h("path", { key: 'b61ff115f5c9b2045e6eda0e8ad5d6b09e0a39b9', d: this.getCategoryIcon().icon[4].toString() })))), h("div", { key: 'dc3c8aa3cf1468287657fac7001db3da9d73e235', class: "label" }, this.label)));
+        return (h("div", { key: 'ce172b6817815385d15af1702a32224fffde02cd', class: "container" }, h("div", { key: '9e3a5de2d46c5e27b95ad6c1e15df09c745a1f72', class: 'category-icon-item background-colour-' + this.backgroundColour }, h("a", { key: 'e2047b9364836f1313a078ef2b5617f66c7ebdc1', href: this.url }, h("svg", { key: '1268a0041ac6541943f7fd695367f99244fd35a6', width: this.getCategoryIcon().icon[0], height: this.getCategoryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1] }, h("path", { key: '27c43d05e026925752b68d924d372bad1f0554ff', d: this.getCategoryIcon().icon[4].toString() })))), h("div", { key: 'fda1acba40281361299e67f839916ee90abac8af', class: "label" }, this.label)));
     }
     static get style() { return BiggiveCategoryIconStyle0; }
 }, [0, "biggive-category-icon", {

package/dist/components/biggive-container-card.js CHANGED Viewed

@@ -18,7 +18,7 @@ const BiggiveContainerCard$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCon
         this.headingLevel = 3;
     }
     render() {
-        return (h("div", { key: '54e90bb85001ff49b4b15f2d9ab6592d3db99548', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '5bdd9a5f7a803c16af5564ff2c7eb0bddc1fb34d', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: '0afb365e3d6c1b9b959d69f4079bea30b72a2c03' }))));
+        return (h("div", { key: '924eae2dea76e245b62055d97124c46ac33f9a49', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '4665ba1b41809c3cda8b79ff258b620bd7f4f1e1', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: 'c61aa1777400b860f1cf084f093df6bdf22633e4' }))));
     }
     static get style() { return BiggiveContainerCardStyle0; }
 }, [1, "biggive-container-card", {

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

@@ -58,7 +58,7 @@ const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCook
         // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
         // declined.
         const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
-        return (h("div", { key: '715def3ec5b6fa0f3a3ee3f019ea9dfc1f376eb9', class: "cooke-consent-container" }, h("biggive-popup", { key: '4a1e1b69cfc3cd872d89a4b601c4e6516c40f47f', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: 'a131a687dab90c9d5858bb4a9f28f11f31149487', class: "content" }, h("h4", { key: '188f6ae6fb5a66ffe7b8a2e3f9da4cec3df6a243', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '31046d5b9b5ed2d7840d739513d6c6475c93f1d6' }, h("div", { key: '01e608a3be653c6902df36e24deec643a9ef6287', class: "radio-group" }, h("h5", { key: 'c318c00f209817a7f7c3a73f7e75ef9fdbfea723' }, "Essential Cookies"), h("p", { key: '7910040742a0da5f993c2a3a04bda55812a0f6c5' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: 'd5ad3664d9aa7e797764b15fa221635173c8c30b', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'f19f04bdbff4683c74c348970bf620c915d282a7', htmlFor: "necassary-on" }, "Off"), h("input", { key: '98c5cc0b9b329241833c8d0f744eda7f90fd8550', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '95a8d5651e97b5a8e7645e34f7301cbda63f26ce', htmlFor: "necassary-on" }, "On")), h("div", { key: 'f519c29fb135bdc7464300ef611ffe7de1dff98e', class: "radio-group" }, h("h5", { key: '457709d079810b13a73535f1b620d2c367a84c44' }, "Analytics & Testing Cookies"), h("p", { key: '573893435daf5a3c9b9d3a0665ffd18b0aee6822' }, "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: 'aaf730fb65e04d4151a7e3ca9c3c261a64b92fda' }, "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: 'ac3977d920e46c7130b7dcf91c0b5c53eb9a040c', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'efe467dc5297de55aaf87e9bf8f5fc96580930fa', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'da2d3be8700a179c2e2e18d56b6e19c80034ca89', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '7936811c007e1721eb48b63735a2c979a2c70be3', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '0c7501a1c16d7947d74c757acd066d10e97db1c8', class: "radio-group" }, h("h5", { key: '10068c6a98eae8bdc06dcb5b30081c08b6129154' }, "Third-party Cookies "), h("p", { key: 'a3c2d794d046f607c9041a78c124862ee98bec69' }, "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: '8e729db7d255c123401f9494340ada09ced12858', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'f348931f582047949283a9c0268d19f84308f3dc', htmlFor: "third-party-off" }, "Off"), h("input", { key: '1d293558c97cb24742cab1c06a1ad0a972cf70fa', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'b7c03be13c4f3b919e8f788ddeae6d054e709fd1', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '18c1a69134aa10318d78b68535827358554dbd08', "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: '6c0cc30fcb04a422fa14294b49b17b02d60579bb' }, "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: '318e16c617f05bb6d6de9407ac941f466b12cfd1' }, "Our website uses cookies"), h("p", { key: 'd0a69145ed978cd6885da3e996ba072e23de0c4f' }, "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: '2cf683d569f7a8b1810034d61f7a9a619d519e31' }, h("a", { key: '1ba8d026f31b9bc84f3656c2cb2a1d11973f591c', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '1e0e74ec93a442578b0aa934cd21751edf72c27e', class: "button-group" }, h("biggive-button", { key: '7960eadc62266d5638fb6c4efd73209906f51278', 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: '8b8c566f36dbafa5e6688d95e0aad526df8eeb65', 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: 'eeb5f9a1dd0ef3ec59dfd07b70fefa5273143155', 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: '9784b16fc6cd006a733b5be07a8186370c5ff792', class: "cooke-consent-container" }, h("biggive-popup", { key: 'd95bb0102f66aed28b38b928dda5f5d7aed52015', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '152c896e04e8a2fa04beec6b9ff98a75b4b669ee', class: "content" }, h("h4", { key: '0948cb48cffea9edfbab1f16500dfa77571b4916', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '49d6ce7febba14d0e85a5fbd38797f934d2d21e0' }, h("div", { key: 'ee87825504107c0d50a9f3b8d3e9736e0a7b1cc2', class: "radio-group" }, h("h5", { key: '3a1cac95a6a2b3678372589d9af5c8601e8ebcf7' }, "Essential Cookies"), h("p", { key: '1377c090cad010486429bc93d46ca7ff2566d569' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '82be9341d46c0900f079f9ae8f3f71270624e08b', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '16777e2433d4f37dff80fe55e4013155be7788ee', htmlFor: "necassary-on" }, "Off"), h("input", { key: '1d6f376e5ae2ff18208bd7d7ff1ca1536b4c9339', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: 'dfdce2f35a6c041267ed8b21811e6b7a648eb39c', htmlFor: "necassary-on" }, "On")), h("div", { key: 'e7884526b5851f11cbb43b488588e3b523c99471', class: "radio-group" }, h("h5", { key: '2a3bcec397fd731e387356015a24a667bd838c06' }, "Analytics & Testing Cookies"), h("p", { key: '336be4d15931f7749bbd965ca8a2fa84eaa5c482' }, "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: '7b0d3aa9e3b9e48929e7d1c2bfc8cb4c3609c474' }, "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: '616cd2b1198d594f59066569172b4c028b6eeafd', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'f795987604b0f72c7d23ce421fc01a41aaa001d4', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'e3d24289c254f98b361faf58997ea9cb972aa4c2', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '1ab7a71a5b32e4696d9b930889dd721bb9d99863', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '3c37a45d331d9cf94251f1b952370a26f3bfcbc4', class: "radio-group" }, h("h5", { key: '4c0d2c5c8e9fc955732c2d1f5e35fb0548bf8f8c' }, "Third-party Cookies "), h("p", { key: 'd3625bcec9afabfbd3ad3827cd64112cee4cd6cb' }, "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: 'c7e11c30079a05606120788709dd8b6eb57d4bf3', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '24e2a31c5928e506706b02c57dfa89df9d95a311', htmlFor: "third-party-off" }, "Off"), h("input", { key: '776af14bc2e2877c1cc03d340e099708e1672fbf', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'd2c2b99591a1db38590db7220450a33a816da5df', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '890b4e83fff50914f9158d496d9c3445a714eb0f', "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: '7f0972f7d9c3f6957fffd11c8c85f5e4da50e8e4' }, "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: 'f821cbf0a9622dc5ab423296a75532b44d3f1b0e' }, "Our website uses cookies"), h("p", { key: 'a9890820b2f7558c0258c898dce3bb93b6092754' }, "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: 'e2bb8230bcf4ddef201dd3c202f401265baba7b6' }, h("a", { key: '84497e6512ff828a5dfccfc933439eae93cda7db', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '6f119b90ba4657fd5c5dfc0ede5e84e94b88ff20', class: "button-group" }, h("biggive-button", { key: '59caeec146f2eccdd32eccb7e5b1ba082e46ce8e', 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: '290a72efc921fba08e363a1745d96470b7afce9c', 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: '00a5e3adc85c814683ad590008c590d142e592b1', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/biggive-form-field-select2.js CHANGED Viewed

@@ -45,12 +45,12 @@ const BiggiveFormFieldSelect = /*@__PURE__*/ proxyCustomElement(class BiggiveFor
             console.error('options undefined');
             options = [];
         }
-        return (h("div", { key: '6da7aa947230f09540dc9aab87e37ae68f88d215', class: "selectWrapper" }, h("label", { key: '23e108bd92e1c74cbcf7baaee5b5da676e89a7b6', class: greyIfRequired }, h("div", { key: '584afc61b6ebaf8cc42979a84bde78f232badd4d', class: 'prompt' + greyIfRequired }, this.prompt), h("div", { key: 'd293c7b59ea33795a60008b3c895886deded30da', class: 'dropdown space-below-' +
+        return (h("div", { key: '886fe16b933884b2973867a6ab51f622449f8d04', class: "selectWrapper" }, h("label", { key: '17cee18650a9553f7596162c88c5ea529e37edbf', class: greyIfRequired }, h("div", { key: 'ff069e9fdd8a3bd1c635e4fe7e8267e23e4cc010', class: 'prompt' + greyIfRequired }, this.prompt), h("div", { key: 'ca933e0cbe3dbd9f3fafe04a1eb908f0ff0d108a', class: 'dropdown space-below-' +
                 this.spaceBelow +
                 ' select-style-' +
                 this.selectStyle +
                 (this.prompt === null ? '  noprompt' : '') +
-                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: 'dbd9e22f022522e5b49a71083dbf2fe1b8e36eed', class: "sleeve" }, h("select", { key: 'd71fa54228c22baf586cfb1a05de589dce54d1e0', class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: '18e70e7358cc82b49fa9b4e86b5230946737bb01', class: "arrow" }))))));
+                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: 'd2bb00832f1a71ca48db9be5e6f16e454703f55d', class: "sleeve" }, h("select", { key: '489e201a31072a6f3d373545f0ac2d6e41b9f4be', class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: 'c682f35bb75204c88856489c585bea5b1f409e79', class: "arrow" }))))));
     }
     get el() { return this; }
     static get style() { return BiggiveFormFieldSelectStyle0; }

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

@@ -10,7 +10,7 @@ const BiggiveForm$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveForm extends
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '70c1f8efdede765a6f323ed9aef453b5c398e1a9' }, h("slot", { key: '4b519504bc188ef13375616470a98872b26c9819' })));
+        return (h(Host, { key: '30710027ff6c7fe2ef4727e1172397663253b430' }, h("slot", { key: '001703aabbf0c497616622cf7863a7c9128bca63' })));
     }
     static get style() { return BiggiveFormStyle0; }
 }, [1, "biggive-form"]);

package/dist/components/biggive-formatted-text.js CHANGED Viewed

@@ -13,7 +13,7 @@ const BiggiveFormattedText$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveFor
         this.maxWidth = 100;
     }
     render() {
-        return (h("div", { key: '819551388ab2e704f62177a9d1d6452e2ef796e9', class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", { key: '78079b493a49adbd78781667504db3ce0c30a708' })));
+        return (h("div", { key: 'b7ff15887da8516a3af5788e0696430b35d58940', class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", { key: '6f1646382a27476bb307348d6c9d77cc0eb97f3e' })));
     }
     static get style() { return BiggiveFormattedTextStyle0; }
 }, [1, "biggive-formatted-text", {

package/dist/components/biggive-generic-icon2.js CHANGED Viewed

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

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

@@ -14,7 +14,7 @@ const BiggiveGrid$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveGrid extends
         this.columnGap = 0;
     }
     render() {
-        return (h("div", { key: 'd5546015f64264d5b6873b7a94d74a4b275f7f1c', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: '4320b2c55ac6618bb9adad682029346aae300ed8' })));
+        return (h("div", { key: '416def4a0c08978e15974ce9af6618023b50f83b', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: 'b56f17f534fb1a33f628360dd7abfea3bda20264' })));
     }
     static get style() { return BiggiveGridStyle0; }
 }, [1, "biggive-grid", {

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

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

package/dist/components/biggive-hero-image.js CHANGED Viewed

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

package/dist/components/biggive-icon-button.js CHANGED Viewed

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

package/dist/components/biggive-icon-group.js CHANGED Viewed

@@ -12,7 +12,7 @@ const BiggiveIconGroup$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveIconGro
         this.label = undefined;
     }
     render() {
-        return (h("div", { key: '4f7d0532cdc68cac14a7d2a7f856474cce0ba480', class: 'container space-below-' + this.spaceBelow }, this.label != null ? h("div", { class: "label" }, this.label) : null, h("div", { key: '408c8363fb57cfebb95979bef7a22f47ac5082ad', class: "sleeve" }, h("slot", { key: '21730ee8dedd9e537998f692469d6faaee6cd1eb' }))));
+        return (h("div", { key: '5160c48c4cd14c7cdd5a5f1d16aa9b8d9b7cc06b', class: 'container space-below-' + this.spaceBelow }, this.label != null ? h("div", { class: "label" }, this.label) : null, h("div", { key: '20cdf1004def10075d6a1396e0f6d9e6fc48e80c', class: "sleeve" }, h("slot", { key: '79c24ea8ba3435f576e2387027d1fb7bf610550d' }))));
     }
     static get style() { return BiggiveIconGroupStyle0; }
 }, [1, "biggive-icon-group", {

package/dist/components/biggive-image-button.js CHANGED Viewed

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

package/dist/components/biggive-image-card.js CHANGED Viewed

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

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

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

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

@@ -31,7 +31,7 @@ const BiggiveImage$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveImage exten
         return height;
     }
     render() {
-        return (h("div", { key: 'b7a70aa92d6c39e25bfd5b669792f66bfb86002b', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: 'af42c86d168c9c5e2e77c39816f74f8801b39e53', class: "image-wrap" }, h("img", { key: 'ce77e0d30e0388dc6b4367b4df41153a41e98c24', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
+        return (h("div", { key: 'f327c4f3b647c18a9064efc92c44a48a742397c8', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: '70e0f04cc75aaed989f813d9a14c741aaee77701', class: "image-wrap" }, h("img", { key: '76e05ce502b52b88b88f4be6a8df4f4b329e57fd', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
     }
     static get style() { return BiggiveImageStyle0; }
 }, [1, "biggive-image", {

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

@@ -95,7 +95,7 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveMainMenu
         const now = new Date();
         const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;
         const homePageLink = ccIsOpenNowIsh ? '/?noredirect' : '/';
-        return (h(Host, { key: 'afdf22a39116992ee88f9a0e5336b35265e13100' }, h("div", { key: 'c81490815b81b27b5393cf69375152527c8c1d35', class: "row row-top" }, h("div", { key: 'd34783baa7960ffaf713d3e86dd8132b494ac51d', class: "social-icon-wrap" }, h("biggive-social-icon", { key: '628be0152a5eef7bba28812ea5ef5865f73c32ac', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '57facfe4ecf5fec3dc359a48dda59274082c2e6b', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '43686d04d180e02d20b3237eec50d4558a199acd', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'c985861e3a4bce9c6e361516582d776424bd3c54', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '2177f88b649ce92167e2c21236ca664eeaef0716', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: '2bf0e8e0b74a2cc0689eff165466d91efd119d19', class: "nav-secondary" }, this.getSecondaryNavLinks())), h("nav", { key: '7a1588484289f2a079ea14c78491d584f042913f', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '96828ac717a60d3b28328ab0c5712712e89aecff', class: "navbar" }, h("div", { key: 'a2acbbb9b445cbe88c1835fc1366459497cfabaf', class: "logo" }, h("a", { key: '47ef03e126caf6d1c00a90bb70d0878b2eadc5ff', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '8031f7a72fd9b1867a6724eb3ca1aada88c3ea9b', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: 'e67469a771d86faafdaa641ce928dbcf98e4ac17', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: 'd81d32e23caf236b19a1b4cd1dc95a59c9d1eabf', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '7a04bacb3b4f0ca4c170b8371569deb607f919ac', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: '0b7e2afcc956bbef4b3cff40f344acc5d8c284b8', class: "nav-links" }, h("div", { key: '440633c48d2af861e7c546f59a2ba03babffecbb', class: "sidebar-logo" }, h("a", { key: '2b940dcb57b40d40b05af2495f96a64b8e0de830', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'e2dc98d105acb9f4264c8eed09aa6b894afe29b4', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: 'cf6facbbbabbc363d2f336797c3f2270ca7f6b2e', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: 'f3c6d198e54fdebf2241f789f6b0f45e94f903b9', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: 'f0f9c1e760459d69dc5274da67604e77dd130255', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: '3650449da284e091112c8d56504903f86eae210a', id: "nav-primary" }, h("ul", { key: '7df73040d1007c0b5425e4341b8d716020e18007', class: "links", slot: "nav-primary" }, h("li", { key: '92e1307f7e799eb96109c387fe3034811c2532dc' }, h("a", { key: '4765dc4765dd5f30a12ce20579a446e410d9524b', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '80aca1e3b310ed62c84a9b61112a8c8cc4b1541d' }, h("a", { key: '870f23269ab77cb99c25943428a9f97fd26e7768', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '4f0f4256337f852c806847b6a90ef0535326a8a3' }, h("a", { key: 'f6ca4182196119810799fa1df23dde22844dcaa8', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: '6704bcc612e69d304d5517fd29a0a1c851f08f8d' }, h("a", { key: 'e01dc95bd1a9558d75339d0c4b63fe81de00d49d', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: '766c42c2648666f6837c81b5d288c1b30cdd0657', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '3ffe79e2015c7bc56003cbf1f20cdef0ca4b1f50', class: "sub-menu" }, h("li", { key: '7a0789261388aa8fa770e79fecd3adcd0419e233' }, h("a", { key: '047dbee9b0486fdd50a83cb73a33e662c2c6d340', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '5710e77637e37c96406ded0bf720e472c37c7b11' }, h("a", { key: '57de0505a0af36d05a0c654aa520ac1d19962d53', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: '9d6809d20372095e831c263c1e26cefa80923b84', class: "more" }, h("a", { key: 'a332a4222d275ab8c04d202e3f8253131ed5a782', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: 'cc151a8fe5f378cc850a8ad1052504c1fb1e6fee', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'ff49e84a8a72a88d22f9e10a6af06847dc9bdf80', class: "sub-sub-menu" }, h("li", { key: 'f31120593c007e1aedf5e39d97d3501003ea40a5' }, h("a", { key: '3a6e0d97d4d500a65fd11d38488c706a9a829bca', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: 'b0575f0c6d5c80199b6497cddbebc72dc5376121' }, h("a", { key: 'fe44cc1c859cab74b0890d029d904cbb8e1e7f9d', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: '2a288caf9961c65814b34c3abd8f4a2de07e5b55' }, h("a", { key: 'ac4aadcc51840529c0fc1420a1276ed9c735b70d', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: '43677817219e719081a5aaf258272d24ca7a5f43' }, h("a", { key: '847251bd51d4ede911937951b20cfef01107a78d', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '14f3270ad858f7e05181ff2bafe2f46931bfe44d' }, h("a", { key: 'cf503cca5d9421c00806b5a4f5e4e0dc5bab4b5e', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '32854227a49d939fe42581c3db131f6f79230ed7' }, h("a", { key: '2dc86f1ebe34181ecadf9106ad8ed9880e7d8188', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", { key: 'e96b6edab2756bc630cfd55e12e55e4971d16e3c' }, h("a", { key: 'fee20152ca62af43177fcff7d90acd232a565063', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: 'f06248fd5cb392369112072de1a7ed78fa15a06c' }, h("a", { key: 'd47951bea746ddb141eaa7c0cf30c51beace6c79', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: '7363c851350fc6b603d94e02d6fb3a9f8a819e5f' }, h("a", { key: '6de9b73efab7ec4a2e519485131a7a03513dc69e', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: 'b67d41d0cea98e53e86a02903ff9fbbb70a4a455' }, h("a", { key: '0e84dae3e722b7670ab585effcff8990512d9597', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '409000803e58de13e2ed0b2e4eb2464bc8cd9da8', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '9658a7e8ddba4d6e8fcd4aa8cfb73b6e23124956', class: "sub-menu" }, h("li", { key: '90bd7496b2f9281664d4ffea7e9867584c5ee56f' }, h("a", { key: 'a7c4690a6335774915805bb8f0cc113fd88d70d8', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: 'e2b9f991b6dcde7a998a93586616283d493d96c2' }, h("a", { key: 'c05f19567ffd5d9f992f5557d8a9e383134ccc10', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: 'a9159304999c46419651757396312ba990933fd6' }, h("a", { key: 'd67e88901e292f6255d556043a0b690566ab658d', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '3d9953eb61460ae7eeace37cc656d79ad30c28e1' }, h("a", { key: '44f8375f6596a2d504e66c5f0568c404aae6462e', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '961e1c4e733540e5549e32254b8c88dbe89c4cb5' }, h("a", { key: '6a749c7e642b22e95516a13c1834b95f5f246843', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: '4b6ed5496996e73b340718ee0fd2d40a46d46d87' }, h("a", { key: '505e75abc3e560c92121f435e8fc0f76d2ac1350', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: '592328aafa0a0b9ee67f94a71355a01fd3c688f3', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '6ccb7644e64f086a327dbe5326aa9b6b52f024ba', class: "sub-menu" }, h("li", { key: '504c00ae2dd261c51ae82fa11c550b33aa1f89b9' }, h("a", { key: 'c7413d0887d44b3a3d7ec0f29831a80892072830', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: '9fa15f0d346afdb752d00c4a5eb9ce6e96133f5c' }, h("a", { key: 'ccdb7f438e0d8a7293eefcb324c513c21d01ceb6', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: '44a76e4dd1a31d5cb7aeab32aec323f762b33fe9' }, h("a", { key: '34de9974b25c820d99b5b0d8800eba7dcd174eef', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '03da92d12e33f8ca0b885437d0f89bdc271a971a' }, h("a", { key: 'c96e675a5f55a4ee1e3513f685226c6b6835f7c7', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: 'd31392fba562cccd66e1daaddd80c4f3d8a847be', class: "mobile-only" }, this.getSecondaryNavLinks())), h("div", { key: '1e5ebecf9213ff8dd6957d56498ad7f8e16ea51a', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: 'dfcd1228a2753d10f7e92fbe5ebbab2c10565bee', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'c03e1097342ca0a874aac1711e626bf5e1ac9483', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'aac8b06595394b31ee1c7beff74969b46efda1dd', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '79501ede5a5df49e310accf60f65ea3f39f5dda3', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '37f60ac4a426e9542d03153c44dc6e06c465a5d4', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
+        return (h(Host, { key: '63b7f637d9c5bddc04f26d3a7230b060150d9121' }, h("div", { key: 'da826ccc7ad385063223c1c130aa56c0e265e4d0', class: "row row-top" }, h("div", { key: '50cc24cbfd661c5fa59646c1f9d030bb273ea2d9', class: "social-icon-wrap" }, h("biggive-social-icon", { key: '8eb23c693e4e26a5a7ed9116f9695fa5c71b6422', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '6cbc249cdc5fda7e88f242a9889e681e71b995d9', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'a83d14bac6dc1c851f42fe1e2ca30d7efbb20d87', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '8f58524a4116fa5ff6d441b61a099284f5ecd0e9', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '57ca520941bde016821c5d301d6926eb6043baa2', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: 'da26c13b2f5c0315332f923911fff9e7c9a2f57c', class: "nav-secondary" }, this.getSecondaryNavLinks())), h("nav", { key: 'f1463642afc461f14d97dbe5c5a694f7a4ba9b20', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: 'aaa1ab94168fda3a5b50aac554cf08449820c38d', class: "navbar" }, h("div", { key: 'd3b68fa39e2557a27de2b6cd5bd8f1940e372da9', class: "logo" }, h("a", { key: '480d6ab117ed4c5b1a5acee2bd9a59be6e28b068', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '18b3be7ccc3e22d69bfdfbdc4a262652e31c4fb3', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: '1cbb6532be18edb5c7656ab895f9cb6425a9a811', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: 'a4c25ee3e5e8699a718abf7ab0dabc66d1121759', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '87ef0d4f2093763aa90614e16692bef685566e81', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: '11894b0cd589bb90471e0965161d34630b466e4d', class: "nav-links" }, h("div", { key: '3dfdc84dfa8a8a8cd7bdadb85c13e89731571edc', class: "sidebar-logo" }, h("a", { key: '96b757c4540ff69f67ed6dc34c1a9dbffc35949b', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '9c7972adf6eeff4570123a14c34418aeb2c7c574', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: 'bdcb84ad63d5d02bf79bf5ecfc0378e2bf40962f', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: '6795187d04a312992e064d4631b5274d29843a0d', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: '309e72b0fc0bed7ab48c72334384cb5c93dbcd5d', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: '40e52f70b81e9d0634b4a863eddaaad619d89756', id: "nav-primary" }, h("ul", { key: '43d4e35c202c1b77820991a345b84019ec6baee2', class: "links", slot: "nav-primary" }, h("li", { key: 'ff1ee44b9cf081e12d4b5ce902775a5ca682279f' }, h("a", { key: '6c0dbea0c85be57411c70fc29b26d60d265cc0f0', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '7ae5a1f72772f4c4463c65f6bda9ff0c27a452b8' }, h("a", { key: '3c00d19e91db0c654f9bca90df63cfd8868ba51b', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '7df4c363245870c7aa6001d2d3b613d44315ed34' }, h("a", { key: '200b049056e027c44e2dd384f10d608dabd0cfd3', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: 'e053ea1c5ca737400f04a40fae1b1a84d31d5066' }, h("a", { key: 'c112d38fc845c3d8a9b6541423f7b9e8576218a4', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: '3501a50ea78a99e038353bda0ba6e40f073b6929', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '82ce8452aee19256f2ac4005ae5d8c95d3f49c76', class: "sub-menu" }, h("li", { key: '67e777cc6db0a2e779271824924a1babd72f4423' }, h("a", { key: 'bf1ebd4580f7ea9fb1fdabb0aceb276af67c6f5c', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '0ebe35fc33cf2eb91a8539dc3aa76243d86adea3' }, h("a", { key: '533e3ceabbfadb61c09e44a275a16cefec46d651', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: '8641bf0f9cf4e694f05c812457df198cb83e8476', class: "more" }, h("a", { key: 'd012203926d7d78f07422f1fba7a72f8ceef7a63', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: 'bb5d450884f36a5f6b52de344363248a6fc6b1ed', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'c4b8620a87dd9445ff4cbdf325a968ed607970ef', class: "sub-sub-menu" }, h("li", { key: '461e134f4959d73790d406d44629cde3c27baa1e' }, h("a", { key: '4bc0e617efab1ef65ed65bddf8eff3f2895c3f99', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: '6b26465ba36b2c810b229a668a9ce5b86cb1c580' }, h("a", { key: '02a5006ea434dbc31a39c837fa31fe3e15a11067', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: 'ca9ef9eafca7abf5e63b705e07e14ee14a8110b7' }, h("a", { key: 'eb6b0b0b7c51ff9b7384938aec54180aa94b931f', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: '4c298020db196b643e846b2a243f097a418f4687' }, h("a", { key: '60169726811db8617673de1bc8c761ac95daf81f', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '0eaf3e4d599b945102a2046a21de7a4631836e22' }, h("a", { key: 'd0af1fda4d0f48ef165a640181b14e5fb5519160', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '35a5468888b608e7703915dd536daf285637d6fb' }, h("a", { key: 'a9fc5a350b33f67764844aa1ef9999b87bf5ec9d', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", { key: '65c0385c3fbd76596f160e8f022cfc52e817f77a' }, h("a", { key: '5c76097f9ee9507c3108e2ca0c9097994566e77e', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: '4f2b2cfd2ecb0ab3dc2dfebc18e4c5943c5fc994' }, h("a", { key: '81dde927e8b297404a2411cedf85d1ecefa09986', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: 'f8f702ce7ad7f0de7ad303819d0d7e75b483f314' }, h("a", { key: 'f9748192cf003f23ef51d5cfd6e6aaf671a5bc9e', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: 'f88dd519d597ef2345139481796b02009267cae3' }, h("a", { key: 'db8a82b76b634d62eeb51d91b0dae344573c7048', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '42a0905d060e9dfdfd3ea13af9c1729b425343aa', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '6d93c7b6ef3c46663a906ca0b12938c6f30b486f', class: "sub-menu" }, h("li", { key: 'c1112b23eca04692b917f734aa4011d066cb852c' }, h("a", { key: 'd94ae68a035bebcad7681f98f0ab9a07f416cbb7', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: 'c3dc80d0b619d9e0a2dd3db7c12bbf2d354f2602' }, h("a", { key: '11fbdd3025d89baceb67b4eb08e80bc846313d2f', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: '32fe2fb3ae50441db005900a42fde64993eaf48e' }, h("a", { key: '0a397879bdf10fe3fe7ab27967bdfa41c7abe4b5', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '2275548d20e60fef84ce79fedb835c5bd77f4057' }, h("a", { key: '0bc9f43ed2ee403df66f93e394988dc8351cda65', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '36ba263592862f94d8ff3cce752b3675e6ad2175' }, h("a", { key: '4d3b32e2741435da409feef95a60dc2635cbee0a', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: '5bb9fda0d8867bddf3464b989d6ee78353c2bac1' }, h("a", { key: '20e0cea5eb8476efc5f39eb7c055a75929189e8e', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: 'ffe803bdf26c36d5cdccad4235de6f00e9e11521', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '7182bc8a3ed40469cd7b33020f0985ef8a0b33c7', class: "sub-menu" }, h("li", { key: 'f9922a47db26234ec1f935118b21419f48aa4fa5' }, h("a", { key: '09524ade35ee2abfb1066b8e555378dc162f3c4b', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: 'f741fe5e51ebaed835f60bc479174ff192009d69' }, h("a", { key: 'f55762a29d3d275e97fa02acf2b22da6e957cb5d', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: '7172ab267ebef1477082426835901b7c230972ff' }, h("a", { key: '78e6f37afc481e57f98b62ee6a2cd6ba471fd6a6', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '28cf6bceacbeaf597aa43938c2502c2ae71a1b35' }, h("a", { key: '96dbc84c2eafc7f933cf356d16627c6a6de6a9f2', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: '16941577f0dfdbbfdb9d2292da8cce72ca82c09c', class: "mobile-only" }, this.getSecondaryNavLinks())), h("div", { key: '982038d6f2a1c07f3b9103aef0472cb6eea0a028', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: '04df901974a7a47444d5083fe1038a2abde1dfa4', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '8abe09280eca817c426dd24b1617d0d9d3c90a97', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '3652f9a98e354a6ca34ec5cc4f55f0760868ece5', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'd21022a141626c3780c0c47b667086692effb286', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '94e9683f135ca4e3c14057281bb37c798a8e04cc', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
     }
     get host() { return this; }
     static get style() { return BiggiveMainMenuStyle0; }

package/dist/components/biggive-misc-icon2.js CHANGED Viewed

@@ -20,7 +20,7 @@ const BiggiveMiscIcon = /*@__PURE__*/ proxyCustomElement(class BiggiveMiscIcon e
     render() {
         return (
         // Note: the icon name prop is set as a css class too for any styling specific to certain icons
-        h("div", { key: '0ba78a06d4ba2e8f37932052c87bbf6f99e37207', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: '1544d31af3138ff07d23d9c0da2b971e9abe00be', href: this.url }, h("svg", { key: '082fa9b982c99d578cb448b948ec47baad4838b9', width: this.getMiscIcon().icon[0], height: this.getMiscIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1] }, h("path", { key: '3077643d42c0a82a540cf30d1a39946b172f90e8', d: this.getMiscIcon().icon[4].toString() })))));
+        h("div", { key: 'a8085209b94d8f6590cb95d5cde22a3cadc2afff', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: 'f6f7c10479e7dade36a871d956b0637f00921daa', href: this.url }, h("svg", { key: '2c7002dfa154e9e1abb25cfd0ee6fa3eee5bee26', width: this.getMiscIcon().icon[0], height: this.getMiscIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1] }, h("path", { key: '16037939b4b6131cb30cbc70c4bd4ef6eaa48d64', d: this.getMiscIcon().icon[4].toString() })))));
     }
     static get style() { return BiggiveMiscIconStyle0; }
 }, [0, "biggive-misc-icon", {

package/dist/components/biggive-nav-group.js CHANGED Viewed

@@ -11,7 +11,7 @@ const BiggiveNavGroup$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveNavGroup
         this.inline = true;
     }
     render() {
-        return (h("ul", { key: '08bee5e37350d4cb297b6c2b27034632c7000fc9' }, h("slot", { key: 'b56feeb806466f9ddd79147bda38099e3d45fd81' })));
+        return (h("ul", { key: '49b2376d24d37ac7af1ab8d499d166baf4268a03' }, h("slot", { key: 'b15cfcc1791660ced330af8cf471332f7ca10f49' })));
     }
     static get style() { return BiggiveNavGroupStyle0; }
 }, [1, "biggive-nav-group", {