@biggive/components 0.0.21 → 0.0.23

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

@@ -0,0 +1,100 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './biggive-button2.js';
+
+const biggiveVideoFeatureCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .graphic-wrap{width:calc(60% - 15px)}";
+
+const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Space below component
+     */
+    this.spaceBelow = 0;
+    /**
+     * Default text colour
+     */
+    this.defaultTextColour = 'primary';
+    /**
+     * Full URL of a video.
+     */
+    this.videoUrl = '';
+    /**
+     * Slug
+     */
+    this.slug = null;
+    /**
+     * Slug colour
+     */
+    this.slugColour = '';
+    /**
+     * Video title
+     */
+    this.mainTitle = null;
+    /**
+     * Slug colour
+     */
+    this.mainTitleColour = '';
+    /**
+     * Introductory teaser text
+     */
+    this.teaser = null;
+    /**
+     * Teaser colour
+     */
+    this.teaserColour = '';
+    /**
+     * Button Url
+     */
+    this.buttonUrl = null;
+    /**
+     * Button Label
+     */
+    this.buttonLabel = null;
+    /**
+     * Button Colour Scheme
+     */
+    this.buttonColourScheme = 'primary';
+  }
+  render() {
+    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.videoUrl.length > 0 ? (h("div", { class: "video-wrap" }, h("video", { controls: true, src: this.videoUrl }))) : null))));
+  }
+  static get style() { return biggiveVideoFeatureCss; }
+}, [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"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-video-feature", "biggive-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-video-feature":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveVideoFeature$1);
+      }
+      break;
+    case "biggive-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const BiggiveVideoFeature = BiggiveVideoFeature$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BiggiveVideoFeature, defineCustomElement };

package/dist/components/biggive-video.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BiggiveVideo extends Components.BiggiveVideo, HTMLElement {}
+export const BiggiveVideo: {
+  prototype: BiggiveVideo;
+  new (): BiggiveVideo;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-video.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const biggiveVideoCss = "body{background-color:#D7D7D7}h1{font-size:50px;line-height:60px;font-weight:bold}h2{font-size:38px;line-height:45px;font-weight:bold}h3{font-size:25px;line-height:32px;font-weight:bold}h4{font-size:20px;line-height:24px;font-weight:bold}h5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-primary{color:#2C089B}.text-colour-secondary{color:#2AF135}.text-colour-tertiary{color:#FF7272}.text-colour-white{color:#FFFFFF}.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.background-colour-primary{background-color:#2C089B}.background-colour-secondary{background-color:#2AF135}.background-colour-tertiary{background-color:#FF7272}.background-colour-white{background-color:#FFFFFF}.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:18px;line-height:23px;padding:15px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:50%}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap video{width:100%;height:auto}.image-wrap img{width:100%;height:auto}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
+
+const BiggiveVideo$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Space below component
+     */
+    this.spaceBelow = 0;
+    /**
+     * Full URL of a video.
+     */
+    this.videoUrl = '';
+  }
+  render() {
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "video-wrap" }, h("video", { controls: true, src: this.videoUrl }))));
+  }
+  static get style() { return biggiveVideoCss; }
+}, [1, "biggive-video", {
+    "spaceBelow": [2, "space-below"],
+    "videoUrl": [1, "video-url"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-video"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-video":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveVideo$1);
+      }
+      break;
+  } });
+}
+
+const BiggiveVideo = BiggiveVideo$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BiggiveVideo, defineCustomElement };

package/dist/components/fontawesome-icons.js

@@ -0,0 +1,238 @@
+import { b as faChild, c as faUniversalAccess, d as faBaby, e as faRainbow, g as faBlind, h as faCampground, i as faVenus, j as faUserGraduate, k as faPlus, l as faAlarmClock, m as faHeart, n as faPaw, o as faMedal, p as faTheaterMasks, q as faRibbon, r as faPeopleCarry, s as faParachuteBox, t as faBook, u as faSeedling, v as faHeartbeat, w as faHomeHeart, x as faHospital, y as faBalanceScale, z as faInfoCircle, A as faMicroscope, B as faHeadSideMedical, C as faMortarPestle, D as faPlaceOfWorship, E as faFutbol } from './index.es.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.
+ */
+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 faFacebookF = {
+  prefix: 'fab',
+  iconName: 'facebook-f',
+  icon: [320, 512, [], "f39e", "M279.1 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.4 0 225.4 0c-73.22 0-121.1 44.38-121.1 124.7v70.62H22.89V288h81.39v224h100.2V288z"]
+};
+var faInstagram = {
+  prefix: 'fab',
+  iconName: 'instagram',
+  icon: [448, 512, [], "f16d", "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"]
+};
+var faLinkedinIn = {
+  prefix: 'fab',
+  iconName: 'linkedin-in',
+  icon: [448, 512, [], "f0e1", "M100.3 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.6 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.3 61.9 111.3 142.3V448z"]
+};
+var faTwitter = {
+  prefix: 'fab',
+  iconName: 'twitter',
+  icon: [512, 512, [], "f099", "M459.4 151.7c.325 4.548 .325 9.097 .325 13.65 0 138.7-105.6 298.6-298.6 298.6-59.45 0-114.7-17.22-161.1-47.11 8.447 .974 16.57 1.299 25.34 1.299 49.06 0 94.21-16.57 130.3-44.83-46.13-.975-84.79-31.19-98.11-72.77 6.498 .974 12.99 1.624 19.82 1.624 9.421 0 18.84-1.3 27.61-3.573-48.08-9.747-84.14-51.98-84.14-102.1v-1.299c13.97 7.797 30.21 12.67 47.43 13.32-28.26-18.84-46.78-51.01-46.78-87.39 0-19.49 5.197-37.36 14.29-52.95 51.65 63.67 129.3 105.3 216.4 109.8-1.624-7.797-2.599-15.92-2.599-24.04 0-57.83 46.78-104.9 104.9-104.9 30.21 0 57.5 12.67 76.67 33.14 23.72-4.548 46.46-13.32 66.6-25.34-7.798 24.37-24.37 44.83-46.13 57.83 21.12-2.273 41.58-8.122 60.43-16.24-14.29 20.79-32.16 39.31-52.63 54.25z"]
+};
+var faYoutube = {
+  prefix: 'fab',
+  iconName: 'youtube',
+  icon: [576, 512, [61802], "f167", "M549.7 124.1c-6.281-23.65-24.79-42.28-48.28-48.6C458.8 64 288 64 288 64S117.2 64 74.63 75.49c-23.5 6.322-42 24.95-48.28 48.6-11.41 42.87-11.41 132.3-11.41 132.3s0 89.44 11.41 132.3c6.281 23.65 24.79 41.5 48.28 47.82C117.2 448 288 448 288 448s170.8 0 213.4-11.49c23.5-6.321 42-24.17 48.28-47.82 11.41-42.87 11.41-132.3 11.41-132.3s0-89.44-11.41-132.3zm-317.5 213.5V175.2l142.7 81.21-142.7 81.2z"]
+};
+
+/*!
+ * 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"]]
+};
+
+class FontAwesomeIconsService {
+  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 getSocials() {
+    return [
+      {
+        name: 'Facebook',
+        icon: faFacebookF,
+      },
+      {
+        name: 'Twitter',
+        icon: faTwitter,
+      },
+      {
+        name: 'Instagram',
+        icon: faInstagram,
+      },
+      {
+        name: 'YouTube',
+        icon: faYoutube,
+      },
+      {
+        name: 'LinkedIn',
+        icon: faLinkedinIn,
+      },
+    ];
+  }
+  static getMisc() {
+    return [
+      {
+        name: 'AlarmClock',
+        icon: faAlarmClock,
+      },
+      {
+        name: 'Heart',
+        icon: faHeart,
+      },
+    ];
+  }
+  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 = FontAwesomeIconsService.getBeneficiaries().filter(ii => ii.name === beneficiary);
+    // For an unknown/invalid beneficiary, show 'other' symbol.
+    return matchingItems[0].icon || faPlus;
+  }
+  static getMiscIcon(misc) {
+    const matchingItems = FontAwesomeIconsService.getMisc().filter(ii => ii.name === misc);
+    // For an unknown/invalid beneficiary, show 'other' symbol.
+    return matchingItems[0].icon || faPlus;
+  }
+  static getSocialIcon(social) {
+    const matchingItems = FontAwesomeIconsService.getSocials().filter(ii => ii.name === social);
+    // For an unknown/invalid beneficiary, show 'other' symbol.
+    return matchingItems[0].icon || faPlus;
+  }
+  static getCategoryIcon(category) {
+    var _a;
+    const matchingItems = FontAwesomeIconsService.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;
+  }
+}
+
+export { FontAwesomeIconsService as F };

package/dist/components/index.d.ts

@@ -1,7 +1,40 @@
 /* BigGive custom elements */
+export { BiggiveBackToTop as BiggiveBackToTop } from '../types/components/biggive-back-to-top/biggive-back-to-top';
+export { BiggiveBasicCard as BiggiveBasicCard } from '../types/components/biggive-basic-card/biggive-basic-card';
+export { BiggiveBeneficiaryIcon as BiggiveBeneficiaryIcon } from '../types/components/biggive-beneficiary-icon/biggive-beneficiary-icon';
+export { BiggiveBoxedContent as BiggiveBoxedContent } from '../types/components/biggive-boxed-content/biggive-boxed-content';
+export { BiggiveBrandedImage as BiggiveBrandedImage } from '../types/components/biggive-branded-image/biggive-branded-image';
+export { BiggiveButton as BiggiveButton } from '../types/components/biggive-button/biggive-button';
+export { BiggiveCallToAction as BiggiveCallToAction } from '../types/components/biggive-call-to-action/biggive-call-to-action';
 export { BiggiveCampaignCard as BiggiveCampaignCard } from '../types/components/biggive-campaign-card/biggive-campaign-card';
+export { BiggiveCampaignCardFilterGrid as BiggiveCampaignCardFilterGrid } from '../types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid';
+export { BiggiveCampaignHighlights as BiggiveCampaignHighlights } from '../types/components/biggive-campaign-highlights/biggive-campaign-highlights';
+export { BiggiveCategoryIcon as BiggiveCategoryIcon } from '../types/components/biggive-category-icon/biggive-category-icon';
+export { BiggiveFooter as BiggiveFooter } from '../types/components/biggive-footer/biggive-footer';
+export { BiggiveForm as BiggiveForm } from '../types/components/biggive-form/biggive-form';
+export { BiggiveFormFieldSelect as BiggiveFormFieldSelect } from '../types/components/biggive-form-field-select/biggive-form-field-select';
+export { BiggiveFormattedText as BiggiveFormattedText } from '../types/components/biggive-formatted-text/biggive-formatted-text';
 export { BiggiveGrid as BiggiveGrid } from '../types/components/biggive-grid/biggive-grid';
-export { DemoCampaignCards as DemoCampaignCards } from '../types/components/demo-campaign-cards/demo-campaign-cards';
+export { BiggiveHeader as BiggiveHeader } from '../types/components/biggive-header/biggive-header';
+export { BiggiveHeading as BiggiveHeading } from '../types/components/biggive-heading/biggive-heading';
+export { BiggiveHeroImage as BiggiveHeroImage } from '../types/components/biggive-hero-image/biggive-hero-image';
+export { BiggiveIconGroup as BiggiveIconGroup } from '../types/components/biggive-icon-group/biggive-icon-group';
+export { BiggiveImage as BiggiveImage } from '../types/components/biggive-image/biggive-image';
+export { BiggiveImageFeature as BiggiveImageFeature } from '../types/components/biggive-image-feature/biggive-image-feature';
+export { BiggiveMiscIcon as BiggiveMiscIcon } from '../types/components/biggive-misc-icon/biggive-misc-icon';
+export { BiggivePageColumn as BiggivePageColumn } from '../types/components/biggive-page-column/biggive-page-column';
+export { BiggivePageColumns as BiggivePageColumns } from '../types/components/biggive-page-columns/biggive-page-columns';
+export { BiggivePageSection as BiggivePageSection } from '../types/components/biggive-page-section/biggive-page-section';
+export { BiggiveProgressBar as BiggiveProgressBar } from '../types/components/biggive-progress-bar/biggive-progress-bar';
+export { BiggiveQuote as BiggiveQuote } from '../types/components/biggive-quote/biggive-quote';
+export { BigGiveSearch as BiggiveSearch } from '../types/components/biggive-search/biggive-search';
+export { BiggiveSocialIcon as BiggiveSocialIcon } from '../types/components/biggive-social-icon/biggive-social-icon';
+export { BiggiveTab as BiggiveTab } from '../types/components/biggive-tab/biggive-tab';
+export { BiggiveTabbedContent as BiggiveTabbedContent } from '../types/components/biggive-tabbed-content/biggive-tabbed-content';
+export { BiggiveTextInput as BiggiveTextInput } from '../types/components/biggive-form-field-text-input/biggive-text-input';
+export { BiggiveTotalizer as BiggiveTotalizer } from '../types/components/biggive-totalizer/biggive-totalizer';
+export { BiggiveVideo as BiggiveVideo } from '../types/components/biggive-video/biggive-video';
+export { BiggiveVideoFeature as BiggiveVideoFeature } from '../types/components/biggive-video-feature/biggive-video-feature';
 
 /**
  * Used to manually set the base path where assets can be found.