@biggive/components 202412181555.0.0 → 202412270735.0.0

package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive-campaign-card.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card/biggive-campaign-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-campaign-card',\n  styleUrl: 'biggive-campaign-card.scss',\n  shadow: true,\n})\nexport class BiggiveCampaignCard {\n  @Event({\n    eventName: 'doCardGeneralClick',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  doCardGeneralClick: EventEmitter<{ event: object; url: string }>;\n\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 4;\n  /**\n   * e.g. \"Match Funded\".\n   */\n  @Prop() campaignType: string;\n\n  /**\n   * Full URL of a banner image.\n   */\n  @Prop() banner: string;\n\n  /**\n   * Display name of the charity's specific time-bound fundraising campaign.\n   */\n  @Prop() campaignTitle: string;\n\n  /**\n   * Display name of the charity or non-profit.\n   */\n  @Prop() organisationName: string;\n\n  /**\n   * Label for the primary figure – may be null or omitted for no label or if there's no figure.\n   */\n  @Prop() primaryFigureLabel: string | null;\n\n  /**\n   * Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.\n   */\n  @Prop() primaryFigureAmount: string | null;\n\n  /**\n   * Label for the secondary figure – may be null or omitted for no label or if there's no figure.\n   */\n  @Prop() secondaryFigureLabel: string | null;\n\n  /**\n   * Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.\n   */\n  @Prop() secondaryFigureAmount: string | null;\n\n  /**\n   * Progress bar percentage – null or omit to hide the progress bar.\n   */\n  @Prop() progressBarCounter: number | null;\n\n  /**\n   * Donate button label\n   */\n  @Prop() donateButtonLabel: string = 'Donate now';\n\n  /**\n   * Donate button url\n   */\n  @Prop() donateButtonUrl: string;\n\n  /**\n   * Donate button colour scheme\n   */\n  @Prop() donateButtonColourScheme: string = 'primary';\n\n  /**\n   * More information button label\n   */\n  @Prop() moreInfoButtonLabel: string = 'Find out more';\n\n  /**\n   * More information button url\n   */\n  @Prop() moreInfoButtonUrl: string;\n\n  /**\n   * Donate button colour scheme\n   */\n  @Prop() moreInfoButtonColourScheme: string = 'clear-primary';\n\n  /**\n   * Boolean flag telling the component if the campaign is in the future (not open yet).\n   */\n  @Prop() isFutureCampaign: boolean = false;\n\n  /**\n   * Boolean flag telling the component if the campaign is in the future (not open yet).\n   */\n  @Prop() isPastCampaign: boolean = false;\n\n  /**\n   * To be used alongside isFutureCampaign = true or isPastCampaign = true.\n   * If either is true, we render out: 'Launches: ' + datetime or 'Closed: ' + datetime.\n   * Preferred format: DD/MM/YYYY, HH:MM\n   * DON-661.\n   */\n  @Prop() datetime: string;\n\n  private isEmpty(value?: number | string | null) {\n    return value === undefined || value === null || value === '';\n  }\n\n  private handleCardGeneralClick = (event: any) => {\n    this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });\n  };\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow.toString()}>\n        <div class=\"sleeve\">\n          <div onClick={this.handleCardGeneralClick} class=\"above-button-wrap\">\n            {this.campaignType !== null ? (\n              <div class=\"campaign-type\">\n                <span>{this.campaignType}</span>\n              </div>\n            ) : null}\n\n            {this.banner !== null && this.banner !== undefined ? (\n              <div class=\"image-wrap banner\" role=\"presentation\" style={{ 'background-image': 'url(' + this.banner + ')' }}></div>\n            ) : (\n              <div class=\"image-wrap banner\"></div>\n            )}\n\n            <div class=\"title-wrap\">\n              <h3>{this.campaignTitle}</h3>\n              <div class=\"organisation-name\">By {this.organisationName}</div>\n            </div>\n\n            {this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (\n              <div class=\"meta-wrap\">\n                {this.isEmpty(this.primaryFigureAmount) ? null : (\n                  <div class=\"meta-item\">\n                    <span class=\"label\">{this.primaryFigureLabel}</span>\n                    <span class=\"text\">{this.primaryFigureAmount}</span>\n                  </div>\n                )}\n                {this.isEmpty(this.secondaryFigureAmount) ? null : (\n                  <div class=\"meta-item\">\n                    <span class=\"label\">{this.secondaryFigureLabel}</span>\n                    <span class=\"text\">{this.secondaryFigureAmount}</span>\n                  </div>\n                )}\n              </div>\n            )}\n            {this.isEmpty(this.progressBarCounter) ? null : (\n              <div class=\"progress-bar-wrap\">\n                <biggive-progress-bar counter={this.progressBarCounter} colour-scheme=\"primary\"></biggive-progress-bar>\n              </div>\n            )}\n          </div>\n          <div class=\"button-wrap\">\n            {this.isFutureCampaign || this.isPastCampaign ? (\n              <div class=\"msg-wrapper\">\n                <biggive-misc-icon background-colour=\"white\" icon-colour=\"black\" icon=\"Timer\"></biggive-misc-icon>\n                {this.isFutureCampaign ? <p>Launches {this.datetime}</p> : <p>Closed {this.datetime}</p>}\n              </div>\n            ) : (\n              <biggive-button full-width=\"true\" colour-scheme={this.donateButtonColourScheme} url={this.donateButtonUrl} label={this.donateButtonLabel}></biggive-button>\n            )}\n            <biggive-button full-width=\"true\" colour-scheme={this.moreInfoButtonColourScheme} url={this.moreInfoButtonUrl} label={this.moreInfoButtonLabel}></biggive-button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"biggive-campaign-card.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card/biggive-campaign-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-campaign-card',\n  styleUrl: 'biggive-campaign-card.scss',\n  shadow: true,\n})\nexport class BiggiveCampaignCard {\n  @Event({\n    eventName: 'doCardGeneralClick',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  doCardGeneralClick: EventEmitter<{ event: object; url: string }>;\n\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 4;\n  /**\n   * e.g. \"Match Funded\".\n   */\n  @Prop() campaignType: string;\n\n  /**\n   * Full URL of a banner image.\n   */\n  @Prop() banner: string;\n\n  /**\n   * Display name of the charity's specific time-bound fundraising campaign.\n   */\n  @Prop() campaignTitle: string;\n\n  /**\n   * Display name of the charity or non-profit.\n   */\n  @Prop() organisationName: string;\n\n  /**\n   * Label for the primary figure – may be null or omitted for no label or if there's no figure.\n   */\n  @Prop() primaryFigureLabel: string | null;\n\n  /**\n   * Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.\n   */\n  @Prop() primaryFigureAmount: string | null;\n\n  /**\n   * Label for the secondary figure – may be null or omitted for no label or if there's no figure.\n   */\n  @Prop() secondaryFigureLabel: string | null;\n\n  /**\n   * Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.\n   */\n  @Prop() secondaryFigureAmount: string | null;\n\n  /**\n   * Progress bar percentage – null or omit to hide the progress bar.\n   */\n  @Prop() progressBarCounter: number | null;\n\n  /**\n   * Donate button label\n   */\n  @Prop() donateButtonLabel: string = 'Donate now';\n\n  /**\n   * Donate button url\n   */\n  @Prop() donateButtonUrl: string;\n\n  /**\n   * Donate button colour scheme\n   */\n  @Prop() donateButtonColourScheme: string = 'primary';\n\n  /**\n   * More information button label\n   */\n  @Prop() moreInfoButtonLabel: string = 'Find out more';\n\n  /**\n   * More information button url\n   */\n  @Prop() moreInfoButtonUrl: string;\n\n  /**\n   * Donate button colour scheme\n   */\n  @Prop() moreInfoButtonColourScheme: string = 'clear-primary';\n\n  /**\n   * Boolean flag telling the component if the campaign is in the future (not open yet).\n   */\n  @Prop() isFutureCampaign: boolean = false;\n\n  /**\n   * Boolean flag telling the component if the campaign is in the future (not open yet).\n   */\n  @Prop() isPastCampaign: boolean = false;\n\n  /**\n   * To be used alongside isFutureCampaign = true or isPastCampaign = true.\n   * If either is true, we render out: 'Launches: ' + datetime or 'Closed: ' + datetime.\n   * Preferred format: DD/MM/YYYY, HH:MM\n   * DON-661.\n   */\n  @Prop() datetime: string;\n\n  private isEmpty(value?: number | string | null) {\n    return value === undefined || value === null || value === '';\n  }\n\n  private handleCardGeneralClick = (event: any) => {\n    this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });\n  };\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow.toString()}>\n        <div class=\"sleeve\">\n          <div onClick={this.handleCardGeneralClick} class=\"above-button-wrap\">\n            {this.campaignType !== null ? (\n              <div class=\"campaign-type\">\n                <span>{this.campaignType}</span>\n              </div>\n            ) : null}\n\n            {this.banner !== null && this.banner !== undefined ? (\n              <div class=\"image-wrap banner\" role=\"presentation\" style={{ 'background-image': 'url(' + this.banner + ')' }}></div>\n            ) : (\n              <div class=\"image-wrap banner\"></div>\n            )}\n\n            <div class=\"title-wrap\">\n              <h3>{this.campaignTitle}</h3>\n              <div class=\"organisation-name\">By {this.organisationName}</div>\n            </div>\n\n            {this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (\n              <div class=\"meta-wrap\">\n                {this.isEmpty(this.primaryFigureAmount) ? null : (\n                  <div class=\"meta-item\">\n                    <span class=\"label\">{this.primaryFigureLabel}</span>\n                    <span class=\"text\">{this.primaryFigureAmount}</span>\n                  </div>\n                )}\n                {this.isEmpty(this.secondaryFigureAmount) ? null : (\n                  <div class=\"meta-item\">\n                    <span class=\"label\">{this.secondaryFigureLabel}</span>\n                    <span class=\"text\">{this.secondaryFigureAmount}</span>\n                  </div>\n                )}\n              </div>\n            )}\n            {this.isEmpty(this.progressBarCounter) ? null : (\n              <div class=\"progress-bar-wrap\">\n                <biggive-progress-bar counter={this.progressBarCounter} colour-scheme=\"primary\"></biggive-progress-bar>\n              </div>\n            )}\n          </div>\n          <div class=\"button-wrap\">\n            {this.isFutureCampaign || this.isPastCampaign ? (\n              <div class=\"msg-wrapper\">\n                <biggive-misc-icon background-colour=\"white\" icon-colour=\"black\" icon=\"Timer\"></biggive-misc-icon>\n                {this.isFutureCampaign ? <p>Launches {this.datetime}</p> : <p>Closed {this.datetime}</p>}\n              </div>\n            ) : (\n              <biggive-button full-width=\"true\" colour-scheme={this.donateButtonColourScheme} url={this.donateButtonUrl} label={this.donateButtonLabel}></biggive-button>\n            )}\n            <biggive-button full-width=\"true\" colour-scheme={this.moreInfoButtonColourScheme} url={this.moreInfoButtonUrl} label={this.moreInfoButtonLabel}></biggive-button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js

@@ -249,6 +249,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "Space below component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "space-below",
                 "reflect": false,
                 "defaultValue": "0"
@@ -267,6 +269,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "Intro"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "intro",
                 "reflect": false,
                 "defaultValue": "'Find a charity or project'"
@@ -285,6 +289,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "Optional search text prop. Useful for pre-populating the search field\nwhen the page is loaded with a search term already existing in the URL.\nThis can happen when sharing links, or if a donor goes to a campaign page\nafter searching, and then returns to the search results. In such a case,\nthe search box text will clear, unless we use this prop to populate it on\nrendering. DON-652."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "search-text",
                 "reflect": false,
                 "defaultValue": "null"
@@ -303,6 +309,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "Defines the text displayed as the placeholder in the input field\nbefore the user types anything"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder-text",
                 "reflect": false,
                 "defaultValue": "'Search'"
@@ -321,6 +329,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "Defines the text on the search button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "button-text",
                 "reflect": false,
                 "defaultValue": "'Search'"
@@ -344,6 +354,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "JSON array of category key/values, or takes a stringified equiavalent (for Storybook)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "category-options",
                 "reflect": false
             },
@@ -366,6 +378,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "beneficiary-options",
                 "reflect": false
             },
@@ -388,6 +402,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "JSON array of location key/values, or takes a stringified equiavalent (for Storybook)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "location-options",
                 "reflect": false
             },
@@ -411,6 +427,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "This helps us inject a pre-selected dropdown value from outside of this component.\nThis is especially helpful for the Meta campaign and Explore pages, where searching\nby text wipes out previous sort options and re-uses Relevance, or where one of those\ntwo pages is loaded directly with URL parameters - in such a scenario the dropdown\nshows that it's pre-selected. DON-558."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected-sort-by-option",
                 "reflect": false
             },
@@ -428,6 +446,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected-filter-category",
                 "reflect": false,
                 "defaultValue": "null"
@@ -446,6 +466,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected-filter-beneficiary",
                 "reflect": false,
                 "defaultValue": "null"
@@ -464,6 +486,8 @@ export class BiggiveCampaignCardFilterGrid {
                     "tags": [],
                     "text": "For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected-filter-location",
                 "reflect": false,
                 "defaultValue": "null"

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

@@ -1 +1 @@
-{"version":3,"file":"biggive-campaign-card-filter-grid.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, 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  closeToTarget: 'Close to campaign target',\n  matchFundsRemaining: 'Match funds remaining',\n} as const;\n\nexport type sortOptionKey = keyof typeof sortOptionLabels;\nexport type 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  private sortByPlaceholderText = 'Sort by';\n  private beneficiariesPlaceHolderText = 'Select beneficiary';\n  private categoriesPlaceHolderText = 'Select category';\n  private locationsPlaceHolderText = 'Select location';\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  @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  /**\n   * Typically on non-negligible scroll away from the search area.\n   */\n  @Method() async unfocusInputs() {\n    this.unfocusTextInput();\n  }\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 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.unfocusTextInput();\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.unfocusTextInput();\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    this.unfocusTextInput();\n\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  /**\n   * We've seen desktop Safari jump to this input when it's focused at times when that's\n   * unhelpful, so on a few occasions we proactively blur it.\n   */\n  private unfocusTextInput() {\n    const input = this.el.shadowRoot?.querySelector('.input-text') as HTMLInputElement | undefined;\n    input?.blur();\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,"file":"biggive-campaign-card-filter-grid.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, 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  closeToTarget: 'Close to campaign target',\n  matchFundsRemaining: 'Match funds remaining',\n} as const;\n\nexport type sortOptionKey = keyof typeof sortOptionLabels;\nexport type 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  private sortByPlaceholderText = 'Sort by';\n  private beneficiariesPlaceHolderText = 'Select beneficiary';\n  private categoriesPlaceHolderText = 'Select category';\n  private locationsPlaceHolderText = 'Select location';\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  @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  /**\n   * Typically on non-negligible scroll away from the search area.\n   */\n  @Method() async unfocusInputs() {\n    this.unfocusTextInput();\n  }\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 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.unfocusTextInput();\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.unfocusTextInput();\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    this.unfocusTextInput();\n\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  /**\n   * We've seen desktop Safari jump to this input when it's focused at times when that's\n   * unhelpful, so on a few occasions we proactively blur it.\n   */\n  private unfocusTextInput() {\n    const input = this.el.shadowRoot?.querySelector('.input-text') as HTMLInputElement | undefined;\n    input?.blur();\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"]}

package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js

@@ -47,6 +47,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Space below component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "space-below",
                 "reflect": false,
                 "defaultValue": "0"
@@ -65,6 +67,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Full URL of a banner image."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "banner",
                 "reflect": false
             },
@@ -82,6 +86,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Display name of the charity's specific time-bound fundraising campaign."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "campaign-title",
                 "reflect": false
             },
@@ -99,6 +105,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Label for the primary figure"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "primary-figure-label",
                 "reflect": false
             },
@@ -116,6 +124,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Amount for the primary figure, formatted with currency symbol"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "primary-figure-amount",
                 "reflect": false
             },
@@ -133,6 +143,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Label for the secondary figure"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "secondary-figure-label",
                 "reflect": false
             },
@@ -150,6 +162,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Amount for the secondary figure, formatted with currency symbol"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "secondary-figure-amount",
                 "reflect": false
             },
@@ -167,6 +181,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Progress bar percentage"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "progress-bar-counter",
                 "reflect": false,
                 "defaultValue": "100"
@@ -185,6 +201,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Primary stat icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "primary-stat-icon",
                 "reflect": false
             },
@@ -202,6 +220,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Primary stat text"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "primary-stat-text",
                 "reflect": false
             },
@@ -219,6 +239,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Secondary stat icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "secondary-stat-icon",
                 "reflect": false
             },
@@ -236,6 +258,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Secondary stat text"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "secondary-stat-text",
                 "reflect": false
             },
@@ -253,6 +277,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Champion's name"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "champion-name",
                 "reflect": false
             },
@@ -270,6 +296,8 @@ export class BiggiveCampaignHighlights {
                     "tags": [],
                     "text": "Link to all meta-campaigns funded by this champion.\nFor example: /christmas-challenge-2022/the-reed-foundation-22\nIn other words, it follows the following format:\n'/' + campaign.parentRef + '/' + campaign.championRef"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "champion-url",
                 "reflect": false
             }

package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive-campaign-highlights.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-highlights/biggive-campaign-highlights.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,yBAAyB;;0BAIP,CAAC;;;;;;;kCAmCO,GAAG;;;;;;;;IAmCxC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU;YACpD,4DAAK,KAAK,EAAC,QAAQ;gBAChB,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAC5B,WAAK,KAAK,EAAC,gBAAgB;oBACzB,gBAAO,IAAI,CAAC,aAAa,CAAQ,CAC7B,CACP,CAAC,CAAC,CAAC,IAAI;gBAEP,IAAI,CAAC,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACnD,WAAK,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,EAAE;oBACtF,WAAK,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,QAAQ,GAAG,CACpC,CACP,CAAC,CAAC,CAAC,IAAI;gBAER,4DAAK,KAAK,EAAC,WAAW;oBACpB,4DAAK,KAAK,EAAC,WAAW;wBACpB,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,kBAAkB,CAAQ;wBACpD,6DAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,mBAAmB,CAAQ,CAChD;oBACN,4DAAK,KAAK,EAAC,WAAW;wBACpB,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,oBAAoB,CAAQ;wBACtD,6DAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,qBAAqB,CAAQ,CAClD,CACF;gBACN,4DAAK,KAAK,EAAC,mBAAmB;oBAC5B,6EAAsB,OAAO,EAAE,IAAI,CAAC,kBAAkB,mBAAgB,SAAS,GAAwB,CACnG;gBACN,4DAAK,KAAK,EAAC,WAAW;oBACnB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,CAC9B,WAAK,KAAK,EAAC,WAAW;wBACpB,yBAAmB,IAAI,EAAE,IAAI,CAAC,eAAe,uBAAoB,OAAO,iBAAa,UAAU,GAAqB;wBACpH,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,eAAe,CAAQ,CAC7C,CACP,CAAC,CAAC,CAAC,IAAI;oBACP,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,CAAC,CAAC,CAChC,WAAK,KAAK,EAAC,WAAW;wBACpB,yBAAmB,IAAI,EAAE,IAAI,CAAC,iBAAiB,uBAAoB,OAAO,iBAAa,UAAU,GAAqB;wBACtH,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,iBAAiB,CAAQ,CAC/C,CACP,CAAC,CAAC,CAAC,IAAI,CACJ;gBACL,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,CAC3B,WAAK,KAAK,EAAC,eAAe;;oBACV,SAAG,IAAI,EAAE,IAAI,CAAC,WAAW,IAAG,IAAI,CAAC,YAAY,CAAK,CAC5D,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-campaign-highlights',\n  styleUrl: 'biggive-campaign-highlights.scss',\n  shadow: true,\n})\nexport class BiggiveCampaignHighlights {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Full URL of a banner image.\n   */\n  @Prop() banner: string;\n\n  /**\n   * Display name of the charity's specific time-bound fundraising campaign.\n   */\n  @Prop() campaignTitle: string;\n\n  /**\n   * Label for the primary figure\n   */\n  @Prop() primaryFigureLabel: string;\n\n  /**\n   * Amount for the primary figure, formatted with currency symbol\n   */\n  @Prop() primaryFigureAmount: string;\n\n  /**\n   * Label for the secondary figure\n   */\n  @Prop() secondaryFigureLabel: string;\n\n  /**\n   * Amount for the secondary figure, formatted with currency symbol\n   */\n  @Prop() secondaryFigureAmount: string;\n\n  /**\n   * Progress bar percentage\n   */\n  @Prop() progressBarCounter: number = 100;\n\n  /**\n   * Primary stat icon\n   */\n  @Prop() primaryStatIcon: string;\n\n  /**\n   * Primary stat text\n   */\n  @Prop() primaryStatText: string;\n\n  /**\n   * Secondary stat icon\n   */\n  @Prop() secondaryStatIcon: string;\n\n  /**\n   * Secondary stat text\n   */\n  @Prop() secondaryStatText: string;\n\n  /**\n   * Champion's name\n   */\n  @Prop() championName: string;\n\n  /**\n   * Link to all meta-campaigns funded by this champion.\n   * For example: /christmas-challenge-2022/the-reed-foundation-22\n   * In other words, it follows the following format:\n   * '/' + campaign.parentRef + '/' + campaign.championRef\n   */\n  @Prop() championUrl: string;\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div class=\"sleeve\">\n          {this.campaignTitle != null ? (\n            <div class=\"campaign-title\">\n              <span>{this.campaignTitle}</span>\n            </div>\n          ) : null}\n\n          {this.banner !== null && this.banner !== undefined ? (\n            <div class=\"image-wrap banner\" style={{ 'background-image': 'url(' + this.banner + ')' }}>\n              <img src={this.banner} class=\"banner\" />\n            </div>\n          ) : null}\n\n          <div class=\"meta-wrap\">\n            <div class=\"meta-item\">\n              <span class=\"label\">{this.primaryFigureLabel}</span>\n              <span class=\"text\">{this.primaryFigureAmount}</span>\n            </div>\n            <div class=\"meta-item\">\n              <span class=\"label\">{this.secondaryFigureLabel}</span>\n              <span class=\"text\">{this.secondaryFigureAmount}</span>\n            </div>\n          </div>\n          <div class=\"progress-bar-wrap\">\n            <biggive-progress-bar counter={this.progressBarCounter} colour-scheme=\"primary\"></biggive-progress-bar>\n          </div>\n          <div class=\"stat-wrap\">\n            {this.primaryStatIcon != null ? (\n              <div class=\"stat-item\">\n                <biggive-misc-icon icon={this.primaryStatIcon} background-colour=\"white\" icon-colour=\"tertiary\"></biggive-misc-icon>\n                <span class=\"label\">{this.primaryStatText}</span>\n              </div>\n            ) : null}\n            {this.secondaryStatIcon != null ? (\n              <div class=\"stat-item\">\n                <biggive-misc-icon icon={this.secondaryStatIcon} background-colour=\"white\" icon-colour=\"tertiary\"></biggive-misc-icon>\n                <span class=\"label\">{this.secondaryStatText}</span>\n              </div>\n            ) : null}\n          </div>\n          {this.championName != null ? (\n            <div class=\"championed-by\">\n              Championed by <a href={this.championUrl}>{this.championName}</a>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"biggive-campaign-highlights.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-highlights/biggive-campaign-highlights.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-campaign-highlights',\n  styleUrl: 'biggive-campaign-highlights.scss',\n  shadow: true,\n})\nexport class BiggiveCampaignHighlights {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Full URL of a banner image.\n   */\n  @Prop() banner: string;\n\n  /**\n   * Display name of the charity's specific time-bound fundraising campaign.\n   */\n  @Prop() campaignTitle: string;\n\n  /**\n   * Label for the primary figure\n   */\n  @Prop() primaryFigureLabel: string;\n\n  /**\n   * Amount for the primary figure, formatted with currency symbol\n   */\n  @Prop() primaryFigureAmount: string;\n\n  /**\n   * Label for the secondary figure\n   */\n  @Prop() secondaryFigureLabel: string;\n\n  /**\n   * Amount for the secondary figure, formatted with currency symbol\n   */\n  @Prop() secondaryFigureAmount: string;\n\n  /**\n   * Progress bar percentage\n   */\n  @Prop() progressBarCounter: number = 100;\n\n  /**\n   * Primary stat icon\n   */\n  @Prop() primaryStatIcon: string;\n\n  /**\n   * Primary stat text\n   */\n  @Prop() primaryStatText: string;\n\n  /**\n   * Secondary stat icon\n   */\n  @Prop() secondaryStatIcon: string;\n\n  /**\n   * Secondary stat text\n   */\n  @Prop() secondaryStatText: string;\n\n  /**\n   * Champion's name\n   */\n  @Prop() championName: string;\n\n  /**\n   * Link to all meta-campaigns funded by this champion.\n   * For example: /christmas-challenge-2022/the-reed-foundation-22\n   * In other words, it follows the following format:\n   * '/' + campaign.parentRef + '/' + campaign.championRef\n   */\n  @Prop() championUrl: string;\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div class=\"sleeve\">\n          {this.campaignTitle != null ? (\n            <div class=\"campaign-title\">\n              <span>{this.campaignTitle}</span>\n            </div>\n          ) : null}\n\n          {this.banner !== null && this.banner !== undefined ? (\n            <div class=\"image-wrap banner\" style={{ 'background-image': 'url(' + this.banner + ')' }}>\n              <img src={this.banner} class=\"banner\" />\n            </div>\n          ) : null}\n\n          <div class=\"meta-wrap\">\n            <div class=\"meta-item\">\n              <span class=\"label\">{this.primaryFigureLabel}</span>\n              <span class=\"text\">{this.primaryFigureAmount}</span>\n            </div>\n            <div class=\"meta-item\">\n              <span class=\"label\">{this.secondaryFigureLabel}</span>\n              <span class=\"text\">{this.secondaryFigureAmount}</span>\n            </div>\n          </div>\n          <div class=\"progress-bar-wrap\">\n            <biggive-progress-bar counter={this.progressBarCounter} colour-scheme=\"primary\"></biggive-progress-bar>\n          </div>\n          <div class=\"stat-wrap\">\n            {this.primaryStatIcon != null ? (\n              <div class=\"stat-item\">\n                <biggive-misc-icon icon={this.primaryStatIcon} background-colour=\"white\" icon-colour=\"tertiary\"></biggive-misc-icon>\n                <span class=\"label\">{this.primaryStatText}</span>\n              </div>\n            ) : null}\n            {this.secondaryStatIcon != null ? (\n              <div class=\"stat-item\">\n                <biggive-misc-icon icon={this.secondaryStatIcon} background-colour=\"white\" icon-colour=\"tertiary\"></biggive-misc-icon>\n                <span class=\"label\">{this.secondaryStatText}</span>\n              </div>\n            ) : null}\n          </div>\n          {this.championName != null ? (\n            <div class=\"championed-by\">\n              Championed by <a href={this.championUrl}>{this.championName}</a>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -42,6 +42,8 @@ export class BiggiveCategoryIcon {
                     "tags": [],
                     "text": "Background colour"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "background-colour",
                 "reflect": false,
                 "defaultValue": "'primary'"
@@ -60,6 +62,8 @@ export class BiggiveCategoryIcon {
                     "tags": [],
                     "text": "Background colour"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-colour",
                 "reflect": false,
                 "defaultValue": "'white'"
@@ -78,6 +82,8 @@ export class BiggiveCategoryIcon {
                     "tags": [],
                     "text": "Icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false
             },
@@ -95,6 +101,8 @@ export class BiggiveCategoryIcon {
                     "tags": [],
                     "text": "Label"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false
             },
@@ -112,6 +120,8 @@ export class BiggiveCategoryIcon {
                     "tags": [],
                     "text": "Url"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "url",
                 "reflect": false,
                 "defaultValue": "'#'"

package/dist/collection/components/biggive-category-icon/biggive-category-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive-category-icon.js","sourceRoot":"","sources":["../../../src/components/biggive-category-icon/biggive-category-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAOvE,MAAM,OAAO,mBAAmB;;gCAIK,SAAS;0BAKf,OAAO;;;mBAcd,GAAG;;IAEjB,eAAe;QACrB,IAAI,IAAI,GAAG,uBAAuB,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,4DAAK,KAAK,EAAE,uCAAuC,GAAG,IAAI,CAAC,gBAAgB;gBACzE,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG;oBACf,4DACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACrC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACtC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;wBAEvF,6DAAM,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAClD,CACJ,CACA;YACN,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n  tag: 'biggive-category-icon',\n  styleUrl: 'biggive-category-icon.scss',\n  shadow: false,\n})\nexport class BiggiveCategoryIcon {\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Background colour\n   */\n  @Prop() iconColour: string = 'white';\n  /**\n   * Icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Label\n   */\n  @Prop() label: string;\n\n  /**\n   * Url\n   */\n  @Prop() url: string = '#';\n\n  private getCategoryIcon(): IconDefinition {\n    var icon = FontAwesomeIconsService.getCategoryIcon(this.icon);\n    return icon;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <div class={'category-icon-item background-colour-' + this.backgroundColour}>\n          <a href={this.url}>\n            <svg\n              width={this.getCategoryIcon().icon[0]}\n              height={this.getCategoryIcon().icon[1]}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={'fill-' + this.iconColour}\n              viewBox={'0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1]}\n            >\n              <path d={this.getCategoryIcon().icon[4].toString()} />\n            </svg>\n          </a>\n        </div>\n        <div class=\"label\">{this.label}</div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"biggive-category-icon.js","sourceRoot":"","sources":["../../../src/components/biggive-category-icon/biggive-category-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAOvE,MAAM,OAAO,mBAAmB;;gCAIK,SAAS;0BAKf,OAAO;;;mBAcd,GAAG;;IAEjB,eAAe;QACrB,IAAI,IAAI,GAAG,uBAAuB,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,4DAAK,KAAK,EAAE,uCAAuC,GAAG,IAAI,CAAC,gBAAgB;gBACzE,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG;oBACf,4DACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACrC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACtC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;wBAEvF,6DAAM,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAClD,CACJ,CACA;YACN,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n  tag: 'biggive-category-icon',\n  styleUrl: 'biggive-category-icon.scss',\n  shadow: false,\n})\nexport class BiggiveCategoryIcon {\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Background colour\n   */\n  @Prop() iconColour: string = 'white';\n  /**\n   * Icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Label\n   */\n  @Prop() label: string;\n\n  /**\n   * Url\n   */\n  @Prop() url: string = '#';\n\n  private getCategoryIcon(): IconDefinition {\n    var icon = FontAwesomeIconsService.getCategoryIcon(this.icon);\n    return icon;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <div class={'category-icon-item background-colour-' + this.backgroundColour}>\n          <a href={this.url}>\n            <svg\n              width={this.getCategoryIcon().icon[0]}\n              height={this.getCategoryIcon().icon[1]}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={'fill-' + this.iconColour}\n              viewBox={'0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1]}\n            >\n              <path d={this.getCategoryIcon().icon[4].toString()} />\n            </svg>\n          </a>\n        </div>\n        <div class=\"label\">{this.label}</div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -47,6 +47,8 @@ export class BiggiveContainerCard {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "space-below",
                 "reflect": false,
                 "defaultValue": "0"
@@ -71,6 +73,8 @@ export class BiggiveContainerCard {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "background-colour",
                 "reflect": false,
                 "defaultValue": "'primary'"
@@ -89,6 +93,8 @@ export class BiggiveContainerCard {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "background-image-url",
                 "reflect": false,
                 "defaultValue": "''"
@@ -113,6 +119,8 @@ export class BiggiveContainerCard {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "card-colour",
                 "reflect": false,
                 "defaultValue": "'white'"
@@ -137,6 +145,8 @@ export class BiggiveContainerCard {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "text-colour",
                 "reflect": false,
                 "defaultValue": "'black'"
@@ -155,6 +165,8 @@ export class BiggiveContainerCard {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clip-bottom-left-corner",
                 "reflect": false,
                 "defaultValue": "true"
@@ -173,6 +185,8 @@ export class BiggiveContainerCard {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clip-top-right-corner",
                 "reflect": false,
                 "defaultValue": "true"
@@ -191,6 +205,8 @@ export class BiggiveContainerCard {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "heading-level",
                 "reflect": false,
                 "defaultValue": "3"

package/dist/collection/components/biggive-container-card/biggive-container-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive-container-card.js","sourceRoot":"","sources":["../../../src/components/biggive-container-card/biggive-container-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,oBAAoB;;0BACK,CAAC;gCAEG,SAAS;kCAEZ,EAAE;0BAEL,OAAO;0BAEP,OAAO;oCAED,IAAI;kCAEN,IAAI;4BAEI,CAAC;;IAE/C,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EACjG,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE;YAEvE,4DAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;gBAC3F,8DAAa,CACT,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-container-card',\n  styleUrl: 'biggive-container-card.scss',\n  shadow: true,\n})\nexport class BiggiveContainerCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  render() {\n    return (\n      <div\n        class={'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour}\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"biggive-container-card.js","sourceRoot":"","sources":["../../../src/components/biggive-container-card/biggive-container-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,oBAAoB;;0BACK,CAAC;gCAEG,SAAS;kCAEZ,EAAE;0BAEL,OAAO;0BAEP,OAAO;oCAED,IAAI;kCAEN,IAAI;4BAEI,CAAC;;IAE/C,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EACjG,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE;YAEvE,4DAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;gBAC3F,8DAAa,CACT,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-container-card',\n  styleUrl: 'biggive-container-card.scss',\n  shadow: true,\n})\nexport class BiggiveContainerCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  render() {\n    return (\n      <div\n        class={'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour}\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -76,6 +76,8 @@ export class BiggiveCookieBanner {
                     "tags": [],
                     "text": "If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\npreferences"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-open-preferences",
                 "reflect": false,
                 "defaultValue": "false"
@@ -94,6 +96,8 @@ export class BiggiveCookieBanner {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "blog-uri-prefix",
                 "reflect": false
             },
@@ -111,6 +115,8 @@ export class BiggiveCookieBanner {
                     "tags": [],
                     "text": "This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\nbut afaik there isn't a nice way to share a type.\n\nWhen updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\nthere caused build problems.\n\nWhen updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\nto avoid the duplication."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "undefined"
             }
         };