@biggive/components 0.0.21 → 0.0.25

package/dist/{cjs/biggive-campaign-card_3.cjs.entry.js → esm/index.es-64a64fa8.js}

@@ -1,25 +1,13 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a275852e.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)
+ * Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
  * Copyright 2022 Fonticons, Inc.
  */
-var faAccessibleIcon = {
-  prefix: 'fab',
-  iconName: 'accessible-icon',
-  icon: [448, 512, [62107], "f368", "M423.9 255.8L411 413.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5 0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2-25.9 0-49.5 9.9-67.2 26L73 243.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7-42.6-24.8-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6 0 0 139.3 80.9 139.5 81.1 16.2 10.1 20.7 36 6.1 52.6L285.7 229l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7zm-64.9-154c28.1 0 50.9-22.8 50.9-50.9C409.9 22.8 387.1 0 359 0c-28.1 0-50.9 22.8-50.9 50.9 0 28.1 22.8 50.9 50.9 50.9zM179.6 456.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C36.4 287 24 320.3 24 356.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3z"]
+var faAlarmClock = {
+  prefix: 'fas',
+  iconName: 'alarm-clock',
+  icon: [512, 512, [9200], "f34e", "M160 25.4L14.86 146.4C5.452 131.6 0 114.1 0 95.24C0 42.64 42.64 0 95.24 0C120.2 0 143 9.638 160 25.4zM121.9 467.4L86.63 502.6C74.13 515.1 53.87 515.1 41.37 502.6C28.88 490.1 28.88 469.9 41.37 457.4L76.6 422.2C48.59 384.8 32 338.3 32 288C32 164.3 132.3 64 256 64C379.7 64 480 164.3 480 288C480 338.3 463.4 384.8 435.4 422.2L470.6 457.4C483.1 469.9 483.1 490.1 470.6 502.6C458.1 515.1 437.9 515.1 425.4 502.6L390.2 467.4C352.8 495.4 306.3 512 256 512C205.7 512 159.2 495.4 121.9 467.4zM280 184C280 170.7 269.3 160 256 160C242.7 160 232 170.7 232 184V288C232 294.4 234.5 300.5 239 304.1L287 352.1C296.4 362.3 311.6 362.3 320.1 352.1C330.3 343.6 330.3 328.4 320.1 319L280 278.1V184zM497.1 146.4L352 25.4C368.1 9.638 391.8 0 416.8 0C469.4 0 512 42.64 512 95.24C512 114 506.5 131.6 497.1 146.4z"]
 };
-
-/*!
- * 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.
- */
 var faBaby = {
   prefix: 'fas',
   iconName: 'baby',
@@ -51,6 +39,16 @@ var faFutbol = {
   iconName: 'futbol',
   icon: [512, 512, [9917, "futbol-ball", "soccer-ball"], "f1e3", "M177.1 228.6L207.9 320h96.5l29.62-91.38L256 172.1L177.1 228.6zM255.1 0C114.6 0 .0001 114.6 .0001 256S114.6 512 256 512s255.1-114.6 255.1-255.1S397.4 0 255.1 0zM416.6 360.9l-85.4-1.297l-25.15 81.59C290.1 445.5 273.4 448 256 448s-34.09-2.523-50.09-6.859L180.8 359.6l-85.4 1.297c-18.12-27.66-29.15-60.27-30.88-95.31L134.3 216.4L106.6 135.6c21.16-26.21 49.09-46.61 81.06-58.84L256 128l68.29-51.22c31.98 12.23 59.9 32.64 81.06 58.84L377.7 216.4l69.78 49.1C445.8 300.6 434.8 333.2 416.6 360.9z"]
 };
+var faHeadSideMedical = {
+  prefix: 'fas',
+  iconName: 'head-side-medical',
+  icon: [512, 512, [], "f809", "M509.2 275c-21-47.13-48.5-151.8-73.12-186.8C397.1 32.88 333.7 0 266.1 0H192C86 0 0 86 0 192c0 54.5 23.25 106.5 64 142.9L64 512h256l-.0052-64h63.99c35.38 0 63.1-28.62 63.1-63.1V320h31.1c10.88 0 20.89-5.5 26.77-14.62C512.8 296.4 513.6 284.9 509.2 275zM336 218c0 8.836-7.164 16-16 16h-54V288c0 8.836-7.164 16-16 16h-52C189.2 304 182 296.8 182 288V234H128c-8.836 0-16-7.164-16-16v-52c0-8.836 7.164-16 16-16h54V96c0-8.836 7.165-16 16-16h52c8.836 0 16 7.164 16 16v54h54c8.836 0 16 7.164 16 16V218z"]
+};
+var faHeart = {
+  prefix: 'fas',
+  iconName: 'heart',
+  icon: [512, 512, [128153, 128154, 128155, 128156, 128420, 129293, 129294, 129505, 10084, 61578, 9829], "f004", "M0 190.9V185.1C0 115.2 50.52 55.58 119.4 44.1C164.1 36.51 211.4 51.37 244 84.02L256 96L267.1 84.02C300.6 51.37 347 36.51 392.6 44.1C461.5 55.58 512 115.2 512 185.1V190.9C512 232.4 494.8 272.1 464.4 300.4L283.7 469.1C276.2 476.1 266.3 480 256 480C245.7 480 235.8 476.1 228.3 469.1L47.59 300.4C17.23 272.1 .0003 232.4 .0003 190.9L0 190.9z"]
+};
 var faHeartPulse = {
   prefix: 'fas',
   iconName: 'heart-pulse',
@@ -62,6 +60,17 @@ var faHospital = {
   iconName: 'hospital',
   icon: [640, 512, [127973, 62589, "hospital-alt", "hospital-wide"], "f0f8", "M192 48C192 21.49 213.5 0 240 0H400C426.5 0 448 21.49 448 48V512H368V432C368 405.5 346.5 384 320 384C293.5 384 272 405.5 272 432V512H192V48zM312 64C303.2 64 296 71.16 296 80V104H272C263.2 104 256 111.2 256 120V136C256 144.8 263.2 152 272 152H296V176C296 184.8 303.2 192 312 192H328C336.8 192 344 184.8 344 176V152H368C376.8 152 384 144.8 384 136V120C384 111.2 376.8 104 368 104H344V80C344 71.16 336.8 64 328 64H312zM160 96V512H48C21.49 512 0 490.5 0 464V320H80C88.84 320 96 312.8 96 304C96 295.2 88.84 288 80 288H0V224H80C88.84 224 96 216.8 96 208C96 199.2 88.84 192 80 192H0V144C0 117.5 21.49 96 48 96H160zM592 96C618.5 96 640 117.5 640 144V192H560C551.2 192 544 199.2 544 208C544 216.8 551.2 224 560 224H640V288H560C551.2 288 544 295.2 544 304C544 312.8 551.2 320 560 320H640V464C640 490.5 618.5 512 592 512H480V96H592z"]
 };
+var faHouseHeart = {
+  prefix: 'fas',
+  iconName: 'house-heart',
+  icon: [576, 512, ["home-heart"], "f4c9", "M511.8 287.6L512.5 447.7C512.6 483.2 483.9 512 448.5 512H128.1C92.75 512 64.09 483.3 64.09 448V287.6H32.05C14.02 287.6 0 273.5 0 255.5C0 246.5 3.004 238.5 10.01 231.5L266.4 8.016C273.4 1.002 281.4 0 288.4 0C295.4 0 303.4 2.004 309.5 7.014L564.8 231.5C572.8 238.5 576.9 246.5 575.8 255.5C575.8 273.5 560.8 287.6 543.8 287.6H511.8zM299.3 396.7L392 304C414.1 281.9 414.1 246.1 392 224C369.9 201.9 334.1 201.9 312 224L288 248L264 224C241.9 201.9 206.1 201.9 184 224C161.9 246.1 161.9 281.9 184 304L276.7 396.7C282.9 402.9 293.1 402.9 299.3 396.7H299.3z"]
+};
+var faHomeHeart = faHouseHeart;
+var faMagnifyingGlass = {
+  prefix: 'fas',
+  iconName: 'magnifying-glass',
+  icon: [512, 512, [128269, "search"], "f002", "M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"]
+};
 var faMasksTheater = {
   prefix: 'fas',
   iconName: 'masks-theater',
@@ -151,283 +160,10 @@ var faVenus = {
   iconName: 'venus',
   icon: [384, 512, [9792], "f221", "M368 176c0-97.2-78.8-176-176-176c-97.2 0-176 78.8-176 176c0 86.26 62.1 157.9 144 172.1v35.05H112c-8.836 0-16 7.162-16 16v32c0 8.836 7.164 16 16 16H160v48c0 8.836 7.164 16 16 16h32c8.838 0 16-7.164 16-16v-48h48c8.838 0 16-7.164 16-16v-32c0-8.838-7.162-16-16-16H224v-35.05C305.9 333.9 368 262.3 368 176zM192 272c-52.93 0-96-43.07-96-96c0-52.94 43.07-96 96-96c52.94 0 96 43.06 96 96C288 228.9 244.9 272 192 272z"]
 };
-
-/*!
- * Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2022 Fonticons, Inc.
- */
-var faUsers = {
-  prefix: 'fad',
-  iconName: 'users',
-  icon: [640, 512, [], "f0c0", ["M128 160c44.18 0 80-35.82 80-80S172.2 0 128 0C83.82 0 48 35.82 48 80S83.82 160 128 160zM512 160c44.18 0 80-35.82 80-80S556.2 0 512 0c-44.18 0-80 35.82-80 80S467.8 160 512 160zM551.9 192h-61.84c-12.8 0-24.88 3.037-35.86 8.24C454.8 205.5 455.8 210.6 455.8 216c0 33.71-12.78 64.21-33.16 88h199.7C632.1 304 640 295.6 640 285.3C640 233.8 600.6 192 551.9 192zM185.5 200.1C174.6 194.1 162.6 192 149.9 192H88.08C39.44 192 0 233.8 0 285.3C0 295.6 7.887 304 17.62 304h199.5c-20.38-23.79-33.16-54.29-33.16-88C183.9 210.6 184.9 205.4 185.5 200.1z", "M319.9 320c57.41 0 103.1-46.56 103.1-104c0-57.44-46.54-104-103.1-104c-57.41 0-103.1 46.56-103.1 104C215.9 273.4 262.5 320 319.9 320zM369.9 352H270.1C191.6 352 128 411.7 128 485.3C128 500.1 140.7 512 156.4 512h327.2C499.3 512 512 500.1 512 485.3C512 411.7 448.4 352 369.9 352z"]]
-};
-
-/*!
- * Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2022 Fonticons, Inc.
- */
-var faHeadSideMedical = {
-  prefix: 'fas',
-  iconName: 'head-side-medical',
-  icon: [512, 512, [], "f809", "M509.2 275c-21-47.13-48.5-151.8-73.12-186.8C397.1 32.88 333.7 0 266.1 0H192C86 0 0 86 0 192c0 54.5 23.25 106.5 64 142.9L64 512h256l-.0052-64h63.99c35.38 0 63.1-28.62 63.1-63.1V320h31.1c10.88 0 20.89-5.5 26.77-14.62C512.8 296.4 513.6 284.9 509.2 275zM336 218c0 8.836-7.164 16-16 16h-54V288c0 8.836-7.164 16-16 16h-52C189.2 304 182 296.8 182 288V234H128c-8.836 0-16-7.164-16-16v-52c0-8.836 7.164-16 16-16h54V96c0-8.836 7.165-16 16-16h52c8.836 0 16 7.164 16 16v54h54c8.836 0 16 7.164 16 16V218z"]
-};
-var faHouseHeart = {
+var faX = {
   prefix: 'fas',
-  iconName: 'house-heart',
-  icon: [576, 512, ["home-heart"], "f4c9", "M511.8 287.6L512.5 447.7C512.6 483.2 483.9 512 448.5 512H128.1C92.75 512 64.09 483.3 64.09 448V287.6H32.05C14.02 287.6 0 273.5 0 255.5C0 246.5 3.004 238.5 10.01 231.5L266.4 8.016C273.4 1.002 281.4 0 288.4 0C295.4 0 303.4 2.004 309.5 7.014L564.8 231.5C572.8 238.5 576.9 246.5 575.8 255.5C575.8 273.5 560.8 287.6 543.8 287.6H511.8zM299.3 396.7L392 304C414.1 281.9 414.1 246.1 392 224C369.9 201.9 334.1 201.9 312 224L288 248L264 224C241.9 201.9 206.1 201.9 184 224C161.9 246.1 161.9 281.9 184 304L276.7 396.7C282.9 402.9 293.1 402.9 299.3 396.7H299.3z"]
-};
-var faHomeHeart = faHouseHeart;
-
-class CampaignGroupsService {
-  static getBeneficiaries() {
-    return [
-      {
-        name: 'Children (3-18)',
-        icon: faChild,
-      },
-      {
-        name: 'General Public/Humankind',
-        icon: faUniversalAccess,
-      },
-      {
-        name: 'Infants (<2)',
-        icon: faBaby,
-      },
-      {
-        name: 'LGBTQAI',
-        icon: faRainbow,
-      },
-      {
-        name: 'Minority Groups',
-        icon: faUsers,
-      },
-      {
-        name: 'Older People',
-        icon: faBlind,
-      },
-      {
-        name: 'People With Disabilities',
-        icon: faAccessibleIcon,
-      },
-      {
-        name: 'Refugees/Asylum Seekers',
-        icon: faCampground,
-      },
-      {
-        name: 'Women & Girls',
-        icon: faVenus,
-      },
-      {
-        name: 'Young People (18-30)',
-        icon: faUserGraduate,
-      },
-      {
-        name: 'Other',
-        icon: faPlus,
-      },
-    ];
-  }
-  static getCategories() {
-    return [
-      {
-        name: 'Animals',
-        icon: faPaw,
-      },
-      {
-        name: 'Armed Forces/Emergency Services',
-        icon: faMedal,
-      },
-      {
-        name: 'Arts/Culture/Heritage',
-        icon: faTheaterMasks,
-      },
-      {
-        name: 'Cancer',
-        icon: faRibbon,
-      },
-      {
-        name: 'Community Support & Development',
-        icon: faPeopleCarry,
-      },
-      {
-        name: 'Disaster Relief',
-        icon: faParachuteBox,
-      },
-      {
-        name: 'Education/Training/Employment',
-        icon: faBook,
-      },
-      {
-        name: 'Environment/Conservation',
-        icon: faSeedling,
-      },
-      {
-        name: 'Health/Wellbeing',
-        icon: faHeartbeat,
-      },
-      {
-        name: 'Homeless/Refuge',
-        icon: faHomeHeart,
-      },
-      {
-        name: 'Hospitals/Hospices',
-        icon: faHospital,
-      },
-      {
-        name: 'Human Rights/Advocacy',
-        icon: faBalanceScale,
-      },
-      {
-        name: 'Information/Advice',
-        icon: faInfoCircle,
-      },
-      {
-        name: 'Medical Research',
-        icon: faMicroscope,
-      },
-      {
-        name: 'Mental Health',
-        icon: faHeadSideMedical,
-      },
-      {
-        name: 'Poverty Alleviation/Relief',
-        icon: faMortarPestle,
-      },
-      {
-        name: 'Religious',
-        icon: faPlaceOfWorship,
-      },
-      {
-        name: 'Sports/Recreation',
-        icon: faFutbol,
-      },
-      {
-        name: 'Other',
-        icon: faPlus,
-      },
-    ];
-  }
-  static getBeneficiaryIcon(beneficiary) {
-    const matchingItems = CampaignGroupsService.getBeneficiaries().filter(ii => ii.name === beneficiary);
-    // For an unknown/invalid beneficiary, show 'other' symbol.
-    return matchingItems[0].icon || faPlus;
-  }
-  static getCategoryIcon(category) {
-    var _a;
-    const matchingItems = CampaignGroupsService.getCategories().filter(ii => ii.name === category);
-    // For an unknown/invalid category, show 'other' symbol.
-    return ((_a = matchingItems[0]) === null || _a === void 0 ? void 0 : _a.icon) || faPlus;
-  }
-}
-
-const biggiveCampaignCardCss = ":host{display:block;margin-bottom:30px;flex-grow:1;margin:1rem}.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 BiggiveCampaignCard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Full URL of a banner image.
-     */
-    this.banner = '';
-    /**
-     * (Ceiling of) whole number of days until campaign end.
-     */
-    this.daysRemaining = null;
-    /**
-     * Target for the campaign including matching but excluding any
-     * tax relief, in major unit of currency e.g. pounds GBP.
-     */
-    this.target = null;
-    /**
-     * Display name of the charity or non-profit.
-     */
-    this.organisationName = null;
-    /**
-     * Display name of the charity's specific time-bound fundraising campaign.
-     */
-    this.campaignTitle = null;
-    /**
-     * e.g. "Match Funded".
-     */
-    this.campaignType = null;
-    /**
-     * Array of full beneficiary labels.
-     */
-    this.beneficiaries = [];
-    /**
-     * Array of full category labels.
-     */
-    this.categories = [];
-    /**
-     * Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP.
-     */
-    this.matchFundsRemaining = null;
-    /**
-     * 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;
-    /**
-     * Full URL of a call to action.
-     */
-    this.callToActionUrl = null;
-    /**
-     * Text for the link to `callToActionUrl`.
-     */
-    this.callToActionLabel = null;
-  }
-  getBeneficiaryIcons() {
-    return this.beneficiaries.map(beneficiary => CampaignGroupsService.getBeneficiaryIcon(beneficiary));
-  }
-  getCategoryIcons() {
-    return this.categories.map(category => CampaignGroupsService.getCategoryIcon(category));
-  }
-  /**
-   * @returns Whole large currency units (e.g. pounds) formatted with symbol.
-   */
-  formatCurrency(currencyCode, amount) {
-    if (amount === null || isNaN(amount)) {
-      return '–';
-    }
-    return Intl.NumberFormat('en-GB', {
-      style: 'currency',
-      currency: currencyCode,
-      currencyDisplay: 'symbol',
-      maximumFractionDigits: 0,
-    }).format(amount);
-  }
-  render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "sleeve" }, index.h("div", { class: "campaign-type" }, index.h("span", null, this.campaignType)), this.banner.length > 0 ? (index.h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, index.h("img", { src: this.banner, class: "banner" }))) : null, index.h("div", { class: "content" }, index.h("div", { class: "meta-wrap style-1" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, "Days Remaining:"), " ", index.h("span", { class: "text" }, this.daysRemaining)), index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, "Target:"), " ", index.h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.target)))), index.h("header", null, index.h("div", { class: "slug" }, this.organisationName), index.h("h3", null, this.campaignTitle)), index.h("div", { class: "meta-wrap style-2" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, "Categories"), index.h("span", { class: "text" }, this.getCategoryIcons().map((iconDefinition) => (index.h("svg", { width: "512", height: "512", xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: iconDefinition.icon[4].toString() })))))), index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, "Helping"), index.h("span", { class: "text" }, this.getBeneficiaryIcons().map(iconDefinition => (index.h("svg", { width: "512", height: "512", xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: iconDefinition.icon[4].toString() }))))))), index.h("div", { class: "meta-wrap style-3" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, "Match", index.h("br", null), "Funds Remaining"), index.h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.matchFundsRemaining))), index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, "Total", index.h("br", null), "Funds Received"), index.h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.totalFundsRaised)))), index.h("div", { class: "button-wrap" }, index.h("a", { href: this.callToActionUrl, class: "call-to-action" }, this.callToActionLabel))))));
-  }
-};
-BiggiveCampaignCard.style = biggiveCampaignCardCss;
-
-const biggiveGridCss = ":host{display:block}.grid{display:flex;flex-flow:row wrap;justify-content:space-between}";
-
-const BiggiveGrid = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", { class: "grid" }, index.h("slot", null)));
-  }
-};
-BiggiveGrid.style = biggiveGridCss;
-
-const demoCampaignCardsCss = ":host{display:block}";
-
-const DemoCampaignCards = class {
-  constructor(hostRef) {
-    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'), daysRemaining: 50, currencyCode: "GBP", target: 50000, organisationName: "Ardent Theatre Company", campaignType: "Match Funded", campaignTitle: "Strike! A play by Tracy Ryan", categories: ['Arts/Culture/Heritage', 'Environment/Conservation', 'Health/Wellbeing'], beneficiaries: ['General Public/Humankind'], matchFundsRemaining: 17424, totalFundsRaised: 15424, callToActionUrl: "#", callToActionLabel: "Donate" })))));
-  }
+  iconName: 'x',
+  icon: [384, 512, [120], "58", "M376.6 427.5c11.31 13.58 9.484 33.75-4.094 45.06c-5.984 4.984-13.25 7.422-20.47 7.422c-9.172 0-18.27-3.922-24.59-11.52L192 305.1l-135.4 162.5c-6.328 7.594-15.42 11.52-24.59 11.52c-7.219 0-14.48-2.438-20.47-7.422c-13.58-11.31-15.41-31.48-4.094-45.06l142.9-171.5L7.422 84.5C-3.891 70.92-2.063 50.75 11.52 39.44c13.56-11.34 33.73-9.516 45.06 4.094L192 206l135.4-162.5c11.3-13.58 31.48-15.42 45.06-4.094c13.58 11.31 15.41 31.48 4.094 45.06l-142.9 171.5L376.6 427.5z"]
 };
-DemoCampaignCards.style = demoCampaignCardsCss;
 
-exports.biggive_campaign_card = BiggiveCampaignCard;
-exports.biggive_grid = BiggiveGrid;
-exports.demo_campaign_cards = DemoCampaignCards;
+export { faMortarPestle as A, faPlaceOfWorship as B, faFutbol as C, faMagnifyingGlass as D, faX as E, faUniversalAccess as a, faBaby as b, faRainbow as c, faBlind as d, faCampground as e, faChild as f, faVenus as g, faUserGraduate as h, faPlus as i, faAlarmClock as j, faHeart as k, faPaw as l, faMedal as m, faTheaterMasks as n, faRibbon as o, faPeopleCarry as p, faParachuteBox as q, faBook as r, faSeedling as s, faHeartbeat as t, faHomeHeart as u, faHospital as v, faBalanceScale as w, faInfoCircle as x, faMicroscope as y, faHeadSideMedical as z };

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-2280c7b8.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-4395d470.js';
 
 /*
  Stencil Client Patch Esm v2.17.3 | MIT Licensed | https://stenciljs.com
@@ -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"],"currencyCode":[1,"currency-code"],"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);
+  return bootstrapLazy([["biggive-back-to-top_11",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"currencyCode":[1,"currency-code"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[2,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[2,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-footer"],[1,"biggive-header",{"spaceBelow":[2,"space-below"]}],[1,"biggive-back-to-top"],[1,"biggive-heading",{"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"]}]]],["biggive-campaign-card",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"currencyCode":[1,"currency-code"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[2,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[2,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}]]],["biggive-basic-card",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-call-to-action",[[1,"biggive-call-to-action",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitle":[1,"main-title"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["biggive-hero-image",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-image-feature",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-video-feature",[[1,"biggive-video-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-beneficiary-icon",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-branded-image",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-campaign-card-filter-grid",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-category-icon",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form",[[1,"biggive-form"]]],["biggive-form-field-select",[[1,"biggive-form-field-select"]]],["biggive-formatted-text",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-grid",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}]]],["biggive-icon-group",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image",[[1,"biggive-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"]}]]],["biggive-page-section",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}]]],["biggive-quote",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-search",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-tab",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input",[[1,"biggive-text-input"]]],["biggive-totalizer",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"currencyCode":[1,"currency-code"],"includingGiftAid":[4,"including-gift-aid"],"totalMatchFunds":[2,"total-match-funds"],"totalRaised":[2,"total-raised"]}]]],["biggive-video",[[1,"biggive-video",{"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
   });
 };
 

package/dist/types/components/biggive-back-to-top/biggive-back-to-top.d.ts

@@ -0,0 +1,3 @@
+export declare class BiggiveBackToTop {
+  render(): any;
+}

package/dist/types/components/biggive-back-to-top/biggive-back-to-top.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const BackToTopComponent: any;

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

@@ -0,0 +1,39 @@
+export declare class BiggiveBasicCard {
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * Full URL of the background image.
+   */
+  backgroundColour: string;
+  /**
+   * Full URL of the background image.
+   */
+  backgroundImageUrl: string;
+  /**
+   * Main title
+   */
+  mainTitle: string;
+  /**
+   * Subtitle title
+   */
+  subtitle: string;
+  /**
+   * Icon colour
+   */
+  iconColour: string;
+  /**
+   * Button label
+   */
+  buttonLabel: string;
+  /**
+   * Button URL
+   */
+  buttonUrl: string;
+  /**
+   * Button Colour Scheme
+   */
+  buttonColourScheme: string;
+  render(): any;
+}

package/dist/types/components/biggive-basic-card/biggive-basic-card.stories.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    backgroundImageUrl: {
+      name: string;
+    };
+    iconColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    mainTitle: {
+      name: string;
+    };
+    subtitle: {
+      name: string;
+    };
+    buttonUrl: {
+      name: string;
+    };
+    buttonLabel: {
+      name: string;
+    };
+    buttonColourScheme: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+  };
+};
+export default _default;
+export declare const BasicCardComponent: any;

package/dist/types/components/biggive-beneficiary-icon/biggive-beneficiary-icon.d.ts

@@ -0,0 +1,24 @@
+export declare class BiggiveBeneficiaryIcon {
+  /**
+   * Background colour
+   */
+  backgroundColour: string;
+  /**
+   * Background colour
+   */
+  iconColour: string;
+  /**
+   * Icon
+   */
+  icon: string;
+  /**
+   * Label
+   */
+  label: string;
+  /**
+   * Url
+   */
+  url: string;
+  private getBeneficiaryIcon;
+  render(): any;
+}

package/dist/types/components/biggive-beneficiary-icon/biggive-beneficiary-icon.stories.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    backgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    iconColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    icon: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    url: {
+      name: string;
+    };
+    label: {
+      name: string;
+    };
+  };
+};
+export default _default;
+export declare const BeneficiaryIconComponent: any;

package/dist/types/components/biggive-boxed-content/biggive-boxed-content.d.ts

@@ -0,0 +1,23 @@
+export declare class BiggiveBoxedContent {
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * Vertical padding
+   */
+  verticalPadding: number;
+  /**
+   * Horizontal padding
+   */
+  horizontalPadding: number;
+  /**
+   * Background colour
+   */
+  backgroundColour: string;
+  /**
+   * Shadow
+   */
+  shadow: boolean;
+  render(): any;
+}

package/dist/types/components/biggive-boxed-content/biggive-boxed-content.stories.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    horizontalPadding: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    verticalPadding: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    backgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    shadow: {
+      name: string;
+    };
+  };
+};
+export default _default;
+export declare const BoxedContentComponent: any;

package/dist/types/components/biggive-branded-image/biggive-branded-image.d.ts

@@ -0,0 +1,19 @@
+export declare class BiggiveBrandedImage {
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * Full URL of a image.
+   */
+  imageUrl: string;
+  /**
+   * Full URL of the logo.
+   */
+  logoUrl: string;
+  /**
+   * Slug
+   */
+  slug: string;
+  render(): any;
+}