@biggive/components 0.0.6 → 0.0.7

package/dist/biggive/biggive.esm.js

@@ -1 +1 @@
-import{p as a,b as i}from"./p-ce3d5ebc.js";(()=>{const i=import.meta.url,n={};return""!==i&&(n.resourcesUrl=new URL(".",i).href),a(n)})().then((a=>i([["p-13363c51",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{banner:[1],daysRemaining:[2,"days-remaining"],target:[2],organisationName:[1,"organisation-name"],campaignTitle:[1,"campaign-title"],campaignType:[1,"campaign-type"],beneficiaries:[1],categories:[1],matchFundsRemaining:[2,"match-funds-remaining"],totalFundsRaised:[2,"total-funds-raised"],callToActionUrl:[1,"call-to-action-url"],callToActionLabel:[1,"call-to-action-label"]}],[1,"biggive-grid"]]]],a)));
+import{p as a,b as i}from"./p-ce3d5ebc.js";(()=>{const i=import.meta.url,n={};return""!==i&&(n.resourcesUrl=new URL(".",i).href),a(n)})().then((a=>i([["p-3becad6c",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{banner:[1],daysRemaining:[2,"days-remaining"],target:[2],organisationName:[1,"organisation-name"],campaignTitle:[1,"campaign-title"],campaignType:[1,"campaign-type"],beneficiaries:[16],categories:[16],matchFundsRemaining:[2,"match-funds-remaining"],totalFundsRaised:[2,"total-funds-raised"],callToActionUrl:[1,"call-to-action-url"],callToActionLabel:[1,"call-to-action-label"]}],[1,"biggive-grid"]]]],a)));

package/dist/biggive/{p-13363c51.entry.js → p-3becad6c.entry.js}

@@ -8,4 +8,4 @@ import{r as e,h as c,g as a}from"./p-ce3d5ebc.js";
  * Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2022 Fonticons, Inc.
- */class A{static getBeneficiaries(){return[{name:"Children (3-18)",icon:s},{name:"General Public/Humankind",icon:y},{name:"Infants (<2)",icon:t},{name:"LGBTQAI",icon:u},{name:"Minority Groups",icon:N},{name:"Older People",icon:M},{name:"People With Disabilities",icon:i},{name:"Refugees/Asylum Seekers",icon:l},{name:"Women & Girls",icon:S},{name:"Young People (18-30)",icon:w},{name:"Other",icon:L}]}static getCategories(){return[{name:"Animals",icon:z},{name:"Armed Forces/Emergency Services",icon:h},{name:"Arts/Culture/Heritage",icon:m},{name:"Cancer",icon:v},{name:"Community Support & Development",icon:x},{name:"Disaster Relief",icon:g},{name:"Education/Training/Employment",icon:n},{name:"Environment/Conservation",icon:V},{name:"Health/Wellbeing",icon:C},{name:"Homeless/Refuge",icon:F},{name:"Hospitals/Hospices",icon:p},{name:"Human Rights/Advocacy",icon:H},{name:"Information/Advice",icon:o},{name:"Medical Research",icon:f},{name:"Mental Health",icon:k},{name:"Poverty Alleviation/Relief",icon:d},{name:"Religious",icon:b},{name:"Sports/Recreation",icon:r},{name:"Other",icon:L}]}static getBeneficiaryIcon(e){return A.getBeneficiaries().filter((c=>c.name===e))[0].icon||L}static getCategoryIcon(e){var c;return(null===(c=A.getCategories().filter((c=>c.name===e))[0])||void 0===c?void 0:c.icon)||L}}const R=class{constructor(c){e(this,c),this.banner="",this.daysRemaining=null,this.target=null,this.organisationName=null,this.campaignTitle=null,this.campaignType=null,this.beneficiaries="",this.categories="",this.matchFundsRemaining=null,this.totalFundsRaised=null,this.callToActionUrl=null,this.callToActionLabel=null}getBeneficiaryIcons(){return this.beneficiaries.length>0?this.beneficiaries.split("|").map((e=>A.getBeneficiaryIcon(e))):[]}getCategoryIcons(){return this.categories.length>0?this.categories.split("|").map((e=>A.getCategoryIcon(e))):[]}formatCurrency(e){return isNaN(e)?e:parseInt(e).toLocaleString()}render(){return c("div",{class:"container"},c("div",{class:"sleeve"},c("div",{class:"campaign-type"},c("span",null,this.campaignType)),this.banner.length>0?c("div",{class:"image-wrap banner",style:{"background-image":"url("+this.banner+")"}},c("img",{src:this.banner,class:"banner"})):null,c("div",{class:"content"},c("div",{class:"meta-wrap style-1"},c("div",{class:"meta-item"},c("span",{class:"label"},"Days Remaining:")," ",c("span",{class:"text"},this.daysRemaining)),c("div",{class:"meta-item"},c("span",{class:"label"},"Target:")," ",c("span",{class:"text"},"£",this.formatCurrency(this.target)))),c("header",null,c("div",{class:"slug"},this.organisationName),c("h3",null,this.campaignTitle)),c("div",{class:"meta-wrap style-2"},c("div",{class:"meta-item"},c("span",{class:"label"},"Categories"),c("span",{class:"text"},this.getCategoryIcons().map((e=>c("svg",{width:"512",height:"512",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},c("path",{d:e.icon[4].toString()})))))),c("div",{class:"meta-item"},c("span",{class:"label"},"Helping"),c("span",{class:"text"},this.getBeneficiaryIcons().map((e=>c("svg",{width:"512",height:"512",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},c("path",{d:e.icon[4].toString()}))))))),c("div",{class:"meta-wrap style-3"},c("div",{class:"meta-item"},c("span",{class:"label"},"Match",c("br",null),"Funds Remaining"),c("span",{class:"text"},"£",this.formatCurrency(this.matchFundsRemaining))),c("div",{class:"meta-item"},c("span",{class:"label"},"Total",c("br",null),"Funds Received"),c("span",{class:"text"},"£",this.formatCurrency(this.totalFundsRaised)))),c("div",{class:"button-wrap"},c("a",{href:this.callToActionUrl,class:"call-to-action"},this.callToActionLabel)))))}};R.style=':host{display:block;margin-bottom:30px}.container{font-family:"Euclid Triangle", sans-serif;filter:drop-shadow(-1px 6px 3px rgba(0, 0, 0, 0.25))}.sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 10% 100%, 0 90%)}.content{padding:15px;background-color:#FFFFFF}.campaign-type{margin-left:15px;width:0;height:0;border-style:inset;border-width:85px 45px 0 45px;border-color:#2AF135 transparent transparent transparent;float:left;transform:rotate(360deg)}.campaign-type span{display:block;text-align:center;top:-85px;left:-25px;position:relative;width:45px;height:45px;margin:0;color:#2C089B;font-size:0.9rem}.banner{padding-bottom:30%;background-repeat:no-repeat;background-position:center center;background-size:cover}.banner img{display:none}.meta-wrap.style-1{display:flex;font-size:16px;line-height:20px;margin-bottom:20px}.meta-wrap.style-1 .meta-item{width:50%}.meta-wrap.style-1 .meta-item .label{font-weight:bold}.meta-wrap.style-1 .meta-item .text{color:#2C089B}header{margin-bottom:20px}header .slug{text-transform:uppercase;font-size:12px;line-height:14px}header h3{margin:0;padding:0;font-size:24px;line-height:28px}.meta-wrap.style-2{display:flex;font-size:12px;line-height:14px;margin-bottom:40px}.meta-wrap.style-2 .meta-item{width:50%}.meta-wrap.style-2 .meta-item .label{font-weight:bold;display:block;margin-bottom:10px}.meta-wrap.style-2 .meta-item .text{display:block;font-size:16px;line-height:18px}.meta-wrap.style-2 .meta-item .text i{margin-right:10px}.meta-wrap.style-3{display:flex;font-size:16px;line-height:20px;margin-bottom:20px}.meta-wrap.style-3 .meta-item{margin-right:60px}.meta-wrap.style-3 .meta-item .label{font-weight:bold;display:block;font-size:12px;line-height:14px;margin-bottom:10px}.meta-wrap.style-3 .meta-item .text{display:block;font-size:36px;line-height:40px;font-weight:bold}.meta-wrap.style-3 .meta-item:last-child .text{color:#2C089B}.button-wrap{text-align:right}.button-wrap a{display:inline-block;padding:15px 30px;color:#FFFFFF;background-color:#2C089B;cursor:pointer;text-transform:uppercase;font-size:12px;text-decoration:none}.icon{height:1rem;width:2rem;vertical-align:-0.125rem}';const B=class{constructor(c){e(this,c)}render(){return c("div",{class:"grid"},c("slot",null))}};B.style=":host{display:block}.grid{display:flex;flex-flow:row wrap;justify-content:space-between}";const I=class{constructor(c){e(this,c)}render(){return c("biggive-grid",null,[...Array(12)].map((()=>c("biggive-campaign-card",{banner:a("/assets/images/banner.png"),"days-remaining":50,target:5e4,"organisation-name":"Ardent Theatre Company","campaign-type":"Match Funded","campaign-title":"Strike! A play by Tracy Ryan",categories:"Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing",beneficiaries:"General Public/Humankind","match-funds-remaining":17424,"total-funds-raised":15424,"call-to-action-url":"#","call-to-action-label":"Donate"}))))}};I.style=":host{display:block}";export{R as biggive_campaign_card,B as biggive_grid,I as demo_campaign_cards}
+ */class A{static getBeneficiaries(){return[{name:"Children (3-18)",icon:s},{name:"General Public/Humankind",icon:y},{name:"Infants (<2)",icon:t},{name:"LGBTQAI",icon:u},{name:"Minority Groups",icon:N},{name:"Older People",icon:M},{name:"People With Disabilities",icon:i},{name:"Refugees/Asylum Seekers",icon:l},{name:"Women & Girls",icon:S},{name:"Young People (18-30)",icon:w},{name:"Other",icon:L}]}static getCategories(){return[{name:"Animals",icon:z},{name:"Armed Forces/Emergency Services",icon:h},{name:"Arts/Culture/Heritage",icon:m},{name:"Cancer",icon:v},{name:"Community Support & Development",icon:x},{name:"Disaster Relief",icon:g},{name:"Education/Training/Employment",icon:n},{name:"Environment/Conservation",icon:V},{name:"Health/Wellbeing",icon:C},{name:"Homeless/Refuge",icon:F},{name:"Hospitals/Hospices",icon:p},{name:"Human Rights/Advocacy",icon:H},{name:"Information/Advice",icon:o},{name:"Medical Research",icon:f},{name:"Mental Health",icon:k},{name:"Poverty Alleviation/Relief",icon:d},{name:"Religious",icon:b},{name:"Sports/Recreation",icon:r},{name:"Other",icon:L}]}static getBeneficiaryIcon(e){return A.getBeneficiaries().filter((c=>c.name===e))[0].icon||L}static getCategoryIcon(e){var c;return(null===(c=A.getCategories().filter((c=>c.name===e))[0])||void 0===c?void 0:c.icon)||L}}const R=class{constructor(c){e(this,c),this.banner="",this.daysRemaining=null,this.target=null,this.organisationName=null,this.campaignTitle=null,this.campaignType=null,this.beneficiaries=[],this.categories=[],this.matchFundsRemaining=null,this.totalFundsRaised=null,this.callToActionUrl=null,this.callToActionLabel=null}getBeneficiaryIcons(){return this.beneficiaries.map((e=>A.getBeneficiaryIcon(e)))}getCategoryIcons(){return this.categories.map((e=>A.getCategoryIcon(e)))}formatCurrency(e){return isNaN(e)?e:parseInt(e).toLocaleString()}render(){return c("div",{class:"container"},c("div",{class:"sleeve"},c("div",{class:"campaign-type"},c("span",null,this.campaignType)),this.banner.length>0?c("div",{class:"image-wrap banner",style:{"background-image":"url("+this.banner+")"}},c("img",{src:this.banner,class:"banner"})):null,c("div",{class:"content"},c("div",{class:"meta-wrap style-1"},c("div",{class:"meta-item"},c("span",{class:"label"},"Days Remaining:")," ",c("span",{class:"text"},this.daysRemaining)),c("div",{class:"meta-item"},c("span",{class:"label"},"Target:")," ",c("span",{class:"text"},"£",this.formatCurrency(this.target)))),c("header",null,c("div",{class:"slug"},this.organisationName),c("h3",null,this.campaignTitle)),c("div",{class:"meta-wrap style-2"},c("div",{class:"meta-item"},c("span",{class:"label"},"Categories"),c("span",{class:"text"},this.getCategoryIcons().map((e=>c("svg",{width:"512",height:"512",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},c("path",{d:e.icon[4].toString()})))))),c("div",{class:"meta-item"},c("span",{class:"label"},"Helping"),c("span",{class:"text"},this.getBeneficiaryIcons().map((e=>c("svg",{width:"512",height:"512",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},c("path",{d:e.icon[4].toString()}))))))),c("div",{class:"meta-wrap style-3"},c("div",{class:"meta-item"},c("span",{class:"label"},"Match",c("br",null),"Funds Remaining"),c("span",{class:"text"},"£",this.formatCurrency(this.matchFundsRemaining))),c("div",{class:"meta-item"},c("span",{class:"label"},"Total",c("br",null),"Funds Received"),c("span",{class:"text"},"£",this.formatCurrency(this.totalFundsRaised)))),c("div",{class:"button-wrap"},c("a",{href:this.callToActionUrl,class:"call-to-action"},this.callToActionLabel)))))}};R.style=':host{display:block;margin-bottom:30px}.container{font-family:"Euclid Triangle", sans-serif;filter:drop-shadow(-1px 6px 3px rgba(0, 0, 0, 0.25))}.sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 100%, 100% 100%, 10% 100%, 0 90%)}.content{padding:15px;background-color:#FFFFFF}.campaign-type{margin-left:15px;width:0;height:0;border-style:inset;border-width:85px 45px 0 45px;border-color:#2AF135 transparent transparent transparent;float:left;transform:rotate(360deg)}.campaign-type span{display:block;text-align:center;top:-85px;left:-25px;position:relative;width:45px;height:45px;margin:0;color:#2C089B;font-size:0.9rem}.banner{padding-bottom:30%;background-repeat:no-repeat;background-position:center center;background-size:cover}.banner img{display:none}.meta-wrap.style-1{display:flex;font-size:16px;line-height:20px;margin-bottom:20px}.meta-wrap.style-1 .meta-item{width:50%}.meta-wrap.style-1 .meta-item .label{font-weight:bold}.meta-wrap.style-1 .meta-item .text{color:#2C089B}header{margin-bottom:20px}header .slug{text-transform:uppercase;font-size:12px;line-height:14px}header h3{margin:0;padding:0;font-size:24px;line-height:28px}.meta-wrap.style-2{display:flex;font-size:12px;line-height:14px;margin-bottom:40px}.meta-wrap.style-2 .meta-item{width:50%}.meta-wrap.style-2 .meta-item .label{font-weight:bold;display:block;margin-bottom:10px}.meta-wrap.style-2 .meta-item .text{display:block;font-size:16px;line-height:18px}.meta-wrap.style-2 .meta-item .text i{margin-right:10px}.meta-wrap.style-3{display:flex;font-size:16px;line-height:20px;margin-bottom:20px}.meta-wrap.style-3 .meta-item{margin-right:60px}.meta-wrap.style-3 .meta-item .label{font-weight:bold;display:block;font-size:12px;line-height:14px;margin-bottom:10px}.meta-wrap.style-3 .meta-item .text{display:block;font-size:36px;line-height:40px;font-weight:bold}.meta-wrap.style-3 .meta-item:last-child .text{color:#2C089B}.button-wrap{text-align:right}.button-wrap a{display:inline-block;padding:15px 30px;color:#FFFFFF;background-color:#2C089B;cursor:pointer;text-transform:uppercase;font-size:12px;text-decoration:none}.icon{height:1rem;width:2rem;vertical-align:-0.125rem}';const B=class{constructor(c){e(this,c)}render(){return c("div",{class:"grid"},c("slot",null))}};B.style=":host{display:block}.grid{display:flex;flex-flow:row wrap;justify-content:space-between}";const I=class{constructor(c){e(this,c)}render(){return c("biggive-grid",null,[...Array(12)].map((()=>c("biggive-campaign-card",{banner:a("/assets/images/banner.png"),"days-remaining":50,target:5e4,"organisation-name":"Ardent Theatre Company","campaign-type":"Match Funded","campaign-title":"Strike! A play by Tracy Ryan",categories:["Arts/Culture/Heritage","Environment/Conservation","Health/Wellbeing"],beneficiaries:["General Public/Humankind"],"match-funds-remaining":17424,"total-funds-raised":15424,"call-to-action-url":"#","call-to-action-label":"Donate"}))))}};I.style=":host{display:block}";export{R as biggive_campaign_card,B as biggive_grid,I as demo_campaign_cards}

package/dist/cjs/biggive-campaign-card_3.cjs.entry.js

@@ -328,62 +328,61 @@ const BiggiveCampaignCard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**
-     * @param {string} banner Full URL of a banner image.
+     * Full URL of a banner image.
      */
     this.banner = '';
     /**
-     * @param {string} number (Ceiling of) whole number of days until campaign end.
+     * (Ceiling of) whole number of days until campaign end.
      */
     this.daysRemaining = null;
     /**
-     * @param {number} totalFundsRaised Target for the campaign including matching but excluding any
-     *                                        tax relief, in major unit of currency e.g. pounds GBP.
+     * Target for the campaign including matching but excluding any
+     * tax relief, in major unit of currency e.g. pounds GBP.
      */
     this.target = null;
     /**
-     * @param {string} organisationName Display name of the charity or non-profit.
+     * Display name of the charity or non-profit.
      */
     this.organisationName = null;
     /**
-     * @param {string} organisationName Display name of the charity's specific time-bound fundraising campaign.
+     * Display name of the charity's specific time-bound fundraising campaign.
      */
     this.campaignTitle = null;
     /**
-     * @param {string} campaignType e.g. "Match Funded".
+     * e.g. "Match Funded".
      */
     this.campaignType = null;
     /**
-     * @param {string} beneficiaries Pipe (|) -separated list of full category labels.
+     * Array of full beneficiary labels.
      */
-    this.beneficiaries = '';
+    this.beneficiaries = [];
     /**
-     * @param {string} categories Pipe (|) -separated list of full category labels.
+     * Array of full category labels.
      */
-    this.categories = '';
+    this.categories = [];
     /**
-     * @param {number} totalFundsRaised Match funds not yet used or reserved, in major unit of currency
-     *                                        e.g. pounds GBP.
+     * Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP.
      */
     this.matchFundsRemaining = null;
     /**
-     * @param {number} totalFundsRaised Total the campaign has raised so far including matching but excluding any
-     *                                  tax relief, in major unit of currency e.g. pounds GBP.
+     * Total the campaign has raised so far including matching but excluding any
+     * tax relief, in major unit of currency e.g. pounds GBP.
      */
     this.totalFundsRaised = null;
     /**
-     * @param {string} callToActionUrl Full URL of a call to action.
+     * Full URL of a call to action.
      */
     this.callToActionUrl = null;
     /**
-     * @param {string} callToActionLabel Text for the link to `callToActionUrl`.
+     * Text for the link to `callToActionUrl`.
      */
     this.callToActionLabel = null;
   }
   getBeneficiaryIcons() {
-    return this.beneficiaries.length > 0 ? this.beneficiaries.split('|').map(beneficiary => CampaignGroupsService.getBeneficiaryIcon(beneficiary)) : [];
+    return this.beneficiaries.map(beneficiary => CampaignGroupsService.getBeneficiaryIcon(beneficiary));
   }
   getCategoryIcons() {
-    return this.categories.length > 0 ? this.categories.split('|').map(category => CampaignGroupsService.getCategoryIcon(category)) : [];
+    return this.categories.map(category => CampaignGroupsService.getCategoryIcon(category));
   }
   formatCurrency(num) {
     if (!isNaN(num)) {
@@ -416,7 +415,7 @@ const DemoCampaignCards = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return (index.h("biggive-grid", null, [...Array(12)].map(() => (index.h("biggive-campaign-card", { banner: index.getAssetPath('/assets/images/banner.png'), "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
+    return (index.h("biggive-grid", null, [...Array(12)].map(() => (index.h("biggive-campaign-card", { banner: index.getAssetPath('/assets/images/banner.png'), "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: ['Arts/Culture/Heritage', 'Environment/Conservation', 'Health/Wellbeing'], beneficiaries: ['General Public/Humankind'], "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
   }
 };
 DemoCampaignCards.style = demoCampaignCardsCss;

package/dist/cjs/biggive.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["biggive-campaign-card_3.cjs",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{"banner":[1],"daysRemaining":[2,"days-remaining"],"target":[2],"organisationName":[1,"organisation-name"],"campaignTitle":[1,"campaign-title"],"campaignType":[1,"campaign-type"],"beneficiaries":[1],"categories":[1],"matchFundsRemaining":[2,"match-funds-remaining"],"totalFundsRaised":[2,"total-funds-raised"],"callToActionUrl":[1,"call-to-action-url"],"callToActionLabel":[1,"call-to-action-label"]}],[1,"biggive-grid"]]]], options);
+  return index.bootstrapLazy([["biggive-campaign-card_3.cjs",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{"banner":[1],"daysRemaining":[2,"days-remaining"],"target":[2],"organisationName":[1,"organisation-name"],"campaignTitle":[1,"campaign-title"],"campaignType":[1,"campaign-type"],"beneficiaries":[16],"categories":[16],"matchFundsRemaining":[2,"match-funds-remaining"],"totalFundsRaised":[2,"total-funds-raised"],"callToActionUrl":[1,"call-to-action-url"],"callToActionLabel":[1,"call-to-action-label"]}],[1,"biggive-grid"]]]], options);
 });

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["biggive-campaign-card_3.cjs",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{"banner":[1],"daysRemaining":[2,"days-remaining"],"target":[2],"organisationName":[1,"organisation-name"],"campaignTitle":[1,"campaign-title"],"campaignType":[1,"campaign-type"],"beneficiaries":[1],"categories":[1],"matchFundsRemaining":[2,"match-funds-remaining"],"totalFundsRaised":[2,"total-funds-raised"],"callToActionUrl":[1,"call-to-action-url"],"callToActionLabel":[1,"call-to-action-label"]}],[1,"biggive-grid"]]]], options);
+  return index.bootstrapLazy([["biggive-campaign-card_3.cjs",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{"banner":[1],"daysRemaining":[2,"days-remaining"],"target":[2],"organisationName":[1,"organisation-name"],"campaignTitle":[1,"campaign-title"],"campaignType":[1,"campaign-type"],"beneficiaries":[16],"categories":[16],"matchFundsRemaining":[2,"match-funds-remaining"],"totalFundsRaised":[2,"total-funds-raised"],"callToActionUrl":[1,"call-to-action-url"],"callToActionLabel":[1,"call-to-action-label"]}],[1,"biggive-grid"]]]], options);
   });
 };
 

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

@@ -6,62 +6,61 @@ import { CampaignGroupsService } from '../../util/campaign-groups';
 export class BiggiveCampaignCard {
   constructor() {
     /**
-     * @param {string} banner Full URL of a banner image.
+     * Full URL of a banner image.
      */
     this.banner = '';
     /**
-     * @param {string} number (Ceiling of) whole number of days until campaign end.
+     * (Ceiling of) whole number of days until campaign end.
      */
     this.daysRemaining = null;
     /**
-     * @param {number} totalFundsRaised Target for the campaign including matching but excluding any
-     *                                        tax relief, in major unit of currency e.g. pounds GBP.
+     * Target for the campaign including matching but excluding any
+     * tax relief, in major unit of currency e.g. pounds GBP.
      */
     this.target = null;
     /**
-     * @param {string} organisationName Display name of the charity or non-profit.
+     * Display name of the charity or non-profit.
      */
     this.organisationName = null;
     /**
-     * @param {string} organisationName Display name of the charity's specific time-bound fundraising campaign.
+     * Display name of the charity's specific time-bound fundraising campaign.
      */
     this.campaignTitle = null;
     /**
-     * @param {string} campaignType e.g. "Match Funded".
+     * e.g. "Match Funded".
      */
     this.campaignType = null;
     /**
-     * @param {string} beneficiaries Pipe (|) -separated list of full category labels.
+     * Array of full beneficiary labels.
      */
-    this.beneficiaries = '';
+    this.beneficiaries = [];
     /**
-     * @param {string} categories Pipe (|) -separated list of full category labels.
+     * Array of full category labels.
      */
-    this.categories = '';
+    this.categories = [];
     /**
-     * @param {number} totalFundsRaised Match funds not yet used or reserved, in major unit of currency
-     *                                        e.g. pounds GBP.
+     * Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP.
      */
     this.matchFundsRemaining = null;
     /**
-     * @param {number} totalFundsRaised Total the campaign has raised so far including matching but excluding any
-     *                                  tax relief, in major unit of currency e.g. pounds GBP.
+     * Total the campaign has raised so far including matching but excluding any
+     * tax relief, in major unit of currency e.g. pounds GBP.
      */
     this.totalFundsRaised = null;
     /**
-     * @param {string} callToActionUrl Full URL of a call to action.
+     * Full URL of a call to action.
      */
     this.callToActionUrl = null;
     /**
-     * @param {string} callToActionLabel Text for the link to `callToActionUrl`.
+     * Text for the link to `callToActionUrl`.
      */
     this.callToActionLabel = null;
   }
   getBeneficiaryIcons() {
-    return this.beneficiaries.length > 0 ? this.beneficiaries.split('|').map(beneficiary => CampaignGroupsService.getBeneficiaryIcon(beneficiary)) : [];
+    return this.beneficiaries.map(beneficiary => CampaignGroupsService.getBeneficiaryIcon(beneficiary));
   }
   getCategoryIcons() {
-    return this.categories.length > 0 ? this.categories.split('|').map(category => CampaignGroupsService.getCategoryIcon(category)) : [];
+    return this.categories.map(category => CampaignGroupsService.getCategoryIcon(category));
   }
   formatCurrency(num) {
     if (!isNaN(num)) {
@@ -140,11 +139,8 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "banner Full URL of a banner image."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Full URL of a banner image."
       },
       "attribute": "banner",
       "reflect": false,
@@ -161,11 +157,8 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "number (Ceiling of) whole number of days until campaign end."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "(Ceiling of) whole number of days until campaign end."
       },
       "attribute": "days-remaining",
       "reflect": false,
@@ -182,11 +175,8 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "totalFundsRaised Target for the campaign including matching but excluding any\n      tax relief, in major unit of currency e.g. pounds GBP."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Target for the campaign including matching but excluding any\ntax relief, in major unit of currency e.g. pounds GBP."
       },
       "attribute": "target",
       "reflect": false,
@@ -203,11 +193,8 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "organisationName Display name of the charity or non-profit."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Display name of the charity or non-profit."
       },
       "attribute": "organisation-name",
       "reflect": false,
@@ -224,11 +211,8 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "organisationName Display name of the charity's specific time-bound fundraising campaign."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Display name of the charity's specific time-bound fundraising campaign."
       },
       "attribute": "campaign-title",
       "reflect": false,
@@ -245,57 +229,44 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "campaignType e.g. \"Match Funded\"."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "e.g. \"Match Funded\"."
       },
       "attribute": "campaign-type",
       "reflect": false,
       "defaultValue": "null"
     },
     "beneficiaries": {
-      "type": "string",
+      "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "string[]",
+        "resolved": "string[]",
         "references": {}
       },
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "beneficiaries Pipe (|) -separated list of full category labels."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Array of full beneficiary labels."
       },
-      "attribute": "beneficiaries",
-      "reflect": false,
-      "defaultValue": "''"
+      "defaultValue": "[]"
     },
     "categories": {
-      "type": "string",
+      "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "string[]",
+        "resolved": "string[]",
         "references": {}
       },
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "categories Pipe (|) -separated list of full category labels."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Array of full category labels."
       },
-      "attribute": "categories",
-      "reflect": false,
-      "defaultValue": "''"
+      "defaultValue": "[]"
     },
     "matchFundsRemaining": {
       "type": "number",
@@ -308,11 +279,8 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "totalFundsRaised Match funds not yet used or reserved, in major unit of currency\n      e.g. pounds GBP."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP."
       },
       "attribute": "match-funds-remaining",
       "reflect": false,
@@ -329,11 +297,8 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "totalFundsRaised Total the campaign has raised so far including matching but excluding any\ntax relief, in major unit of currency e.g. pounds GBP."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Total the campaign has raised so far including matching but excluding any\ntax relief, in major unit of currency e.g. pounds GBP."
       },
       "attribute": "total-funds-raised",
       "reflect": false,
@@ -350,11 +315,8 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "callToActionUrl Full URL of a call to action."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Full URL of a call to action."
       },
       "attribute": "call-to-action-url",
       "reflect": false,
@@ -371,11 +333,8 @@ export class BiggiveCampaignCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [{
-            "name": "param",
-            "text": "callToActionLabel Text for the link to `callToActionUrl`."
-          }],
-        "text": ""
+        "tags": [],
+        "text": "Text for the link to `callToActionUrl`."
       },
       "attribute": "call-to-action-label",
       "reflect": false,

package/dist/collection/components/demo-campaign-cards/demo-campaign-cards.js

@@ -1,7 +1,7 @@
 import { Component, getAssetPath, h } from '@stencil/core';
 export class DemoCampaignCards {
   render() {
-    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: getAssetPath('/assets/images/banner.png'), "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
+    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: getAssetPath('/assets/images/banner.png'), "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: ['Arts/Culture/Heritage', 'Environment/Conservation', 'Health/Wellbeing'], beneficiaries: ['General Public/Humankind'], "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
   }
   static get is() { return "demo-campaign-cards"; }
   static get encapsulation() { return "shadow"; }

package/dist/components/biggive-campaign-card2.js

@@ -326,62 +326,61 @@ const BiggiveCampaignCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.__registerHost();
     this.__attachShadow();
     /**
-     * @param {string} banner Full URL of a banner image.
+     * Full URL of a banner image.
      */
     this.banner = '';
     /**
-     * @param {string} number (Ceiling of) whole number of days until campaign end.
+     * (Ceiling of) whole number of days until campaign end.
      */
     this.daysRemaining = null;
     /**
-     * @param {number} totalFundsRaised Target for the campaign including matching but excluding any
-     *                                        tax relief, in major unit of currency e.g. pounds GBP.
+     * Target for the campaign including matching but excluding any
+     * tax relief, in major unit of currency e.g. pounds GBP.
      */
     this.target = null;
     /**
-     * @param {string} organisationName Display name of the charity or non-profit.
+     * Display name of the charity or non-profit.
      */
     this.organisationName = null;
     /**
-     * @param {string} organisationName Display name of the charity's specific time-bound fundraising campaign.
+     * Display name of the charity's specific time-bound fundraising campaign.
      */
     this.campaignTitle = null;
     /**
-     * @param {string} campaignType e.g. "Match Funded".
+     * e.g. "Match Funded".
      */
     this.campaignType = null;
     /**
-     * @param {string} beneficiaries Pipe (|) -separated list of full category labels.
+     * Array of full beneficiary labels.
      */
-    this.beneficiaries = '';
+    this.beneficiaries = [];
     /**
-     * @param {string} categories Pipe (|) -separated list of full category labels.
+     * Array of full category labels.
      */
-    this.categories = '';
+    this.categories = [];
     /**
-     * @param {number} totalFundsRaised Match funds not yet used or reserved, in major unit of currency
-     *                                        e.g. pounds GBP.
+     * Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP.
      */
     this.matchFundsRemaining = null;
     /**
-     * @param {number} totalFundsRaised Total the campaign has raised so far including matching but excluding any
-     *                                  tax relief, in major unit of currency e.g. pounds GBP.
+     * Total the campaign has raised so far including matching but excluding any
+     * tax relief, in major unit of currency e.g. pounds GBP.
      */
     this.totalFundsRaised = null;
     /**
-     * @param {string} callToActionUrl Full URL of a call to action.
+     * Full URL of a call to action.
      */
     this.callToActionUrl = null;
     /**
-     * @param {string} callToActionLabel Text for the link to `callToActionUrl`.
+     * Text for the link to `callToActionUrl`.
      */
     this.callToActionLabel = null;
   }
   getBeneficiaryIcons() {
-    return this.beneficiaries.length > 0 ? this.beneficiaries.split('|').map(beneficiary => CampaignGroupsService.getBeneficiaryIcon(beneficiary)) : [];
+    return this.beneficiaries.map(beneficiary => CampaignGroupsService.getBeneficiaryIcon(beneficiary));
   }
   getCategoryIcons() {
-    return this.categories.length > 0 ? this.categories.split('|').map(category => CampaignGroupsService.getCategoryIcon(category)) : [];
+    return this.categories.map(category => CampaignGroupsService.getCategoryIcon(category));
   }
   formatCurrency(num) {
     if (!isNaN(num)) {
@@ -400,8 +399,8 @@ const BiggiveCampaignCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     "organisationName": [1, "organisation-name"],
     "campaignTitle": [1, "campaign-title"],
     "campaignType": [1, "campaign-type"],
-    "beneficiaries": [1],
-    "categories": [1],
+    "beneficiaries": [16],
+    "categories": [16],
     "matchFundsRemaining": [2, "match-funds-remaining"],
     "totalFundsRaised": [2, "total-funds-raised"],
     "callToActionUrl": [1, "call-to-action-url"],

package/dist/components/demo-campaign-cards.js

@@ -11,7 +11,7 @@ const DemoCampaignCards$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.__attachShadow();
   }
   render() {
-    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: getAssetPath('/assets/images/banner.png'), "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
+    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: getAssetPath('/assets/images/banner.png'), "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: ['Arts/Culture/Heritage', 'Environment/Conservation', 'Health/Wellbeing'], beneficiaries: ['General Public/Humankind'], "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
   }
   static get style() { return demoCampaignCardsCss; }
 }, [1, "demo-campaign-cards"]);

package/dist/esm/biggive-campaign-card_3.entry.js

@@ -324,62 +324,61 @@ const BiggiveCampaignCard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     /**
-     * @param {string} banner Full URL of a banner image.
+     * Full URL of a banner image.
      */
     this.banner = '';
     /**
-     * @param {string} number (Ceiling of) whole number of days until campaign end.
+     * (Ceiling of) whole number of days until campaign end.
      */
     this.daysRemaining = null;
     /**
-     * @param {number} totalFundsRaised Target for the campaign including matching but excluding any
-     *                                        tax relief, in major unit of currency e.g. pounds GBP.
+     * Target for the campaign including matching but excluding any
+     * tax relief, in major unit of currency e.g. pounds GBP.
      */
     this.target = null;
     /**
-     * @param {string} organisationName Display name of the charity or non-profit.
+     * Display name of the charity or non-profit.
      */
     this.organisationName = null;
     /**
-     * @param {string} organisationName Display name of the charity's specific time-bound fundraising campaign.
+     * Display name of the charity's specific time-bound fundraising campaign.
      */
     this.campaignTitle = null;
     /**
-     * @param {string} campaignType e.g. "Match Funded".
+     * e.g. "Match Funded".
      */
     this.campaignType = null;
     /**
-     * @param {string} beneficiaries Pipe (|) -separated list of full category labels.
+     * Array of full beneficiary labels.
      */
-    this.beneficiaries = '';
+    this.beneficiaries = [];
     /**
-     * @param {string} categories Pipe (|) -separated list of full category labels.
+     * Array of full category labels.
      */
-    this.categories = '';
+    this.categories = [];
     /**
-     * @param {number} totalFundsRaised Match funds not yet used or reserved, in major unit of currency
-     *                                        e.g. pounds GBP.
+     * Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP.
      */
     this.matchFundsRemaining = null;
     /**
-     * @param {number} totalFundsRaised Total the campaign has raised so far including matching but excluding any
-     *                                  tax relief, in major unit of currency e.g. pounds GBP.
+     * Total the campaign has raised so far including matching but excluding any
+     * tax relief, in major unit of currency e.g. pounds GBP.
      */
     this.totalFundsRaised = null;
     /**
-     * @param {string} callToActionUrl Full URL of a call to action.
+     * Full URL of a call to action.
      */
     this.callToActionUrl = null;
     /**
-     * @param {string} callToActionLabel Text for the link to `callToActionUrl`.
+     * Text for the link to `callToActionUrl`.
      */
     this.callToActionLabel = null;
   }
   getBeneficiaryIcons() {
-    return this.beneficiaries.length > 0 ? this.beneficiaries.split('|').map(beneficiary => CampaignGroupsService.getBeneficiaryIcon(beneficiary)) : [];
+    return this.beneficiaries.map(beneficiary => CampaignGroupsService.getBeneficiaryIcon(beneficiary));
   }
   getCategoryIcons() {
-    return this.categories.length > 0 ? this.categories.split('|').map(category => CampaignGroupsService.getCategoryIcon(category)) : [];
+    return this.categories.map(category => CampaignGroupsService.getCategoryIcon(category));
   }
   formatCurrency(num) {
     if (!isNaN(num)) {
@@ -412,7 +411,7 @@ const DemoCampaignCards = class {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: getAssetPath('/assets/images/banner.png'), "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
+    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: getAssetPath('/assets/images/banner.png'), "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: ['Arts/Culture/Heritage', 'Environment/Conservation', 'Health/Wellbeing'], beneficiaries: ['General Public/Humankind'], "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
   }
 };
 DemoCampaignCards.style = demoCampaignCardsCss;

package/dist/esm/biggive.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["biggive-campaign-card_3",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{"banner":[1],"daysRemaining":[2,"days-remaining"],"target":[2],"organisationName":[1,"organisation-name"],"campaignTitle":[1,"campaign-title"],"campaignType":[1,"campaign-type"],"beneficiaries":[1],"categories":[1],"matchFundsRemaining":[2,"match-funds-remaining"],"totalFundsRaised":[2,"total-funds-raised"],"callToActionUrl":[1,"call-to-action-url"],"callToActionLabel":[1,"call-to-action-label"]}],[1,"biggive-grid"]]]], options);
+  return bootstrapLazy([["biggive-campaign-card_3",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{"banner":[1],"daysRemaining":[2,"days-remaining"],"target":[2],"organisationName":[1,"organisation-name"],"campaignTitle":[1,"campaign-title"],"campaignType":[1,"campaign-type"],"beneficiaries":[16],"categories":[16],"matchFundsRemaining":[2,"match-funds-remaining"],"totalFundsRaised":[2,"total-funds-raised"],"callToActionUrl":[1,"call-to-action-url"],"callToActionLabel":[1,"call-to-action-label"]}],[1,"biggive-grid"]]]], options);
 });

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["biggive-campaign-card_3",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{"banner":[1],"daysRemaining":[2,"days-remaining"],"target":[2],"organisationName":[1,"organisation-name"],"campaignTitle":[1,"campaign-title"],"campaignType":[1,"campaign-type"],"beneficiaries":[1],"categories":[1],"matchFundsRemaining":[2,"match-funds-remaining"],"totalFundsRaised":[2,"total-funds-raised"],"callToActionUrl":[1,"call-to-action-url"],"callToActionLabel":[1,"call-to-action-label"]}],[1,"biggive-grid"]]]], options);
+  return bootstrapLazy([["biggive-campaign-card_3",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{"banner":[1],"daysRemaining":[2,"days-remaining"],"target":[2],"organisationName":[1,"organisation-name"],"campaignTitle":[1,"campaign-title"],"campaignType":[1,"campaign-type"],"beneficiaries":[16],"categories":[16],"matchFundsRemaining":[2,"match-funds-remaining"],"totalFundsRaised":[2,"total-funds-raised"],"callToActionUrl":[1,"call-to-action-url"],"callToActionLabel":[1,"call-to-action-label"]}],[1,"biggive-grid"]]]], options);
   });
 };
 

package/dist/types/components/biggive-campaign-card/biggive-campaign-card.d.ts

@@ -3,54 +3,53 @@
  */
 export declare class BiggiveCampaignCard {
   /**
-   * @param {string} banner Full URL of a banner image.
+   * Full URL of a banner image.
    */
   banner: string;
   /**
-   * @param {string} number (Ceiling of) whole number of days until campaign end.
+   * (Ceiling of) whole number of days until campaign end.
    */
   daysRemaining: number;
   /**
-   * @param {number} totalFundsRaised Target for the campaign including matching but excluding any
-   *                                        tax relief, in major unit of currency e.g. pounds GBP.
+   * Target for the campaign including matching but excluding any
+   * tax relief, in major unit of currency e.g. pounds GBP.
    */
   target: number;
   /**
-   * @param {string} organisationName Display name of the charity or non-profit.
+   * Display name of the charity or non-profit.
    */
   organisationName: string;
   /**
-   * @param {string} organisationName Display name of the charity's specific time-bound fundraising campaign.
+   * Display name of the charity's specific time-bound fundraising campaign.
    */
   campaignTitle: string;
   /**
-   * @param {string} campaignType e.g. "Match Funded".
+   * e.g. "Match Funded".
    */
   campaignType: string;
   /**
-   * @param {string} beneficiaries Pipe (|) -separated list of full category labels.
+   * Array of full beneficiary labels.
    */
-  beneficiaries: string;
+  beneficiaries: string[];
   /**
-   * @param {string} categories Pipe (|) -separated list of full category labels.
+   * Array of full category labels.
    */
-  categories: string;
+  categories: string[];
   /**
-   * @param {number} totalFundsRaised Match funds not yet used or reserved, in major unit of currency
-   *                                        e.g. pounds GBP.
+   * Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP.
    */
   matchFundsRemaining: number;
   /**
-   * @param {number} totalFundsRaised Total the campaign has raised so far including matching but excluding any
-   *                                  tax relief, in major unit of currency e.g. pounds GBP.
+   * Total the campaign has raised so far including matching but excluding any
+   * tax relief, in major unit of currency e.g. pounds GBP.
    */
   totalFundsRaised: number;
   /**
-   * @param {string} callToActionUrl Full URL of a call to action.
+   * Full URL of a call to action.
    */
   callToActionUrl: string;
   /**
-   * @param {string} callToActionLabel Text for the link to `callToActionUrl`.
+   * Text for the link to `callToActionUrl`.
    */
   callToActionLabel: string;
   private getBeneficiaryIcons;

package/dist/types/components.d.ts

@@ -8,51 +8,51 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface BiggiveCampaignCard {
         /**
-          * @param banner Full URL of a banner image.
+          * Full URL of a banner image.
          */
         "banner": string;
         /**
-          * @param beneficiaries Pipe (|) -separated list of full category labels.
+          * Array of full beneficiary labels.
          */
-        "beneficiaries": string;
+        "beneficiaries": string[];
         /**
-          * @param callToActionLabel Text for the link to `callToActionUrl`.
+          * Text for the link to `callToActionUrl`.
          */
         "callToActionLabel": string;
         /**
-          * @param callToActionUrl Full URL of a call to action.
+          * Full URL of a call to action.
          */
         "callToActionUrl": string;
         /**
-          * @param organisationName Display name of the charity's specific time-bound fundraising campaign.
+          * Display name of the charity's specific time-bound fundraising campaign.
          */
         "campaignTitle": string;
         /**
-          * @param campaignType e.g. "Match Funded".
+          * e.g. "Match Funded".
          */
         "campaignType": string;
         /**
-          * @param categories Pipe (|) -separated list of full category labels.
+          * Array of full category labels.
          */
-        "categories": string;
+        "categories": string[];
         /**
-          * @param number (Ceiling of) whole number of days until campaign end.
+          * (Ceiling of) whole number of days until campaign end.
          */
         "daysRemaining": number;
         /**
-          * @param totalFundsRaised Match funds not yet used or reserved, in major unit of currency       e.g. pounds GBP.
+          * Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP.
          */
         "matchFundsRemaining": number;
         /**
-          * @param organisationName Display name of the charity or non-profit.
+          * Display name of the charity or non-profit.
          */
         "organisationName": string;
         /**
-          * @param totalFundsRaised Target for the campaign including matching but excluding any       tax relief, in major unit of currency e.g. pounds GBP.
+          * Target for the campaign including matching but excluding any tax relief, in major unit of currency e.g. pounds GBP.
          */
         "target": number;
         /**
-          * @param totalFundsRaised Total the campaign has raised so far including matching but excluding any tax relief, in major unit of currency e.g. pounds GBP.
+          * Total the campaign has raised so far including matching but excluding any tax relief, in major unit of currency e.g. pounds GBP.
          */
         "totalFundsRaised": number;
     }
@@ -89,51 +89,51 @@ declare global {
 declare namespace LocalJSX {
     interface BiggiveCampaignCard {
         /**
-          * @param banner Full URL of a banner image.
+          * Full URL of a banner image.
          */
         "banner"?: string;
         /**
-          * @param beneficiaries Pipe (|) -separated list of full category labels.
+          * Array of full beneficiary labels.
          */
-        "beneficiaries"?: string;
+        "beneficiaries"?: string[];
         /**
-          * @param callToActionLabel Text for the link to `callToActionUrl`.
+          * Text for the link to `callToActionUrl`.
          */
         "callToActionLabel"?: string;
         /**
-          * @param callToActionUrl Full URL of a call to action.
+          * Full URL of a call to action.
          */
         "callToActionUrl"?: string;
         /**
-          * @param organisationName Display name of the charity's specific time-bound fundraising campaign.
+          * Display name of the charity's specific time-bound fundraising campaign.
          */
         "campaignTitle"?: string;
         /**
-          * @param campaignType e.g. "Match Funded".
+          * e.g. "Match Funded".
          */
         "campaignType"?: string;
         /**
-          * @param categories Pipe (|) -separated list of full category labels.
+          * Array of full category labels.
          */
-        "categories"?: string;
+        "categories"?: string[];
         /**
-          * @param number (Ceiling of) whole number of days until campaign end.
+          * (Ceiling of) whole number of days until campaign end.
          */
         "daysRemaining"?: number;
         /**
-          * @param totalFundsRaised Match funds not yet used or reserved, in major unit of currency       e.g. pounds GBP.
+          * Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP.
          */
         "matchFundsRemaining"?: number;
         /**
-          * @param organisationName Display name of the charity or non-profit.
+          * Display name of the charity or non-profit.
          */
         "organisationName"?: string;
         /**
-          * @param totalFundsRaised Target for the campaign including matching but excluding any       tax relief, in major unit of currency e.g. pounds GBP.
+          * Target for the campaign including matching but excluding any tax relief, in major unit of currency e.g. pounds GBP.
          */
         "target"?: number;
         /**
-          * @param totalFundsRaised Total the campaign has raised so far including matching but excluding any tax relief, in major unit of currency e.g. pounds GBP.
+          * Total the campaign has raised so far including matching but excluding any tax relief, in major unit of currency e.g. pounds GBP.
          */
         "totalFundsRaised"?: number;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biggive/components",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -20,11 +20,11 @@
   ],
   "scripts": {
     "build": "stencil build --docs",
-    "start": "stencil build --dev --watch --serve --port 3939",
+    "start": "stencil build --dev --watch --serve",
     "lint": "eslint src/**/*{.ts,.tsx}",
     "lint:fix": "eslint --fix src/**/*{.ts,.tsx}",
-    "test": "stencil test --spec --e2e --port 3939",
-    "test.watch": "stencil test --spec --e2e --watchAll --port 3939",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
     "prepare": "husky install",
     "pre-commit": "lint-staged"

package/readme.md

@@ -66,7 +66,9 @@ For now:
   folder as the app's own images. This is the approach taken on [this proof of concept branch](https://github.com/thebiggive/donate-frontend/tree/COM-5-proof-of-concept).
   Should we find managing image assets messy in apps generally, an alternative approach we might
   try is importing images to component style and adding [`@rollup/plugin-image`](https://github.com/rollup/plugins/tree/master/packages/image/#readme)
-  to Stencil's build config.
+  to Stencil's build config. Or if there are only a few, we could also investigate
+  whether `assetsDirs` on a `@Component` folds in what's needed in a way that works
+  in Angular et al.
 
 ### Make any required changes to the sample web components