@biggive/components 202304051358.0.0 → 202304111006.0.0

package/dist/collection/components/biggive-search/biggive-search.js

@@ -1,115 +0,0 @@
-import { h } from '@stencil/core';
-import { faMagnifyingGlass, faX } from '@fortawesome/pro-solid-svg-icons';
-/**
- * @deprecated (?) I don't think Donate is using this. Unless there is a WordPress use case,
- * should we delete it rather than maintaining?
- */
-export class BigGiveSearch {
-  constructor() {
-    this.handleSearchTextChanged = (event) => {
-      this.searchText = event.target.value;
-    };
-    this.handleSearchButtonPressed = () => {
-      this.doSearch.emit(this.searchText);
-    };
-    this.handleEnterPressed = (ev) => {
-      if (ev.key === 'Enter') {
-        this.doSearch.emit(this.searchText);
-      }
-    };
-    this.clearSearchText = () => {
-      this.searchText = '';
-    };
-    this.searchText = undefined;
-    this.placeholderText = undefined;
-    this.buttonText = undefined;
-  }
-  render() {
-    return (h("div", { class: "padding-enclosure" }, h("div", { class: "outer-container" }, h("div", { class: "triangle triangle-before" }), h("div", { class: "inner-container" }, h("h2", null, "Find a charity or project"), h("div", { class: "search-box" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed }), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", id: "x-icon", viewBox: "0 0 512 512", onClick: this.clearSearchText }, h("path", { d: faX.icon[4].toString() }))), h("biggive-button", { label: this.buttonText, onClick: this.handleSearchButtonPressed })), h("div", { class: "triangle triangle-after" }))));
-  }
-  static get is() { return "biggive-search"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["biggive-search.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["biggive-search.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "searchText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "search-text",
-        "reflect": false
-      },
-      "placeholderText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Defines the text displayed as the placeholder in the input field\nbefore the user types anything"
-        },
-        "attribute": "placeholder-text",
-        "reflect": false
-      },
-      "buttonText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Defines the text on the search button"
-        },
-        "attribute": "button-text",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "doSearch",
-        "name": "doSearch",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "This event `doSearch` event is emitted and propogates to the parent\ncomponent which handles it"
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }];
-  }
-}

package/dist/collection/components/biggive-search/biggive-search.stories.js

@@ -1,15 +0,0 @@
-export default {
-  title: 'Components/Content',
-};
-const Template = args => `
-  <biggive-search
-    placeholder-text="${args.placeholderText}"
-    button-text="${args.buttonText}"
-  </biggive-search>
-  `;
-document.addEventListener('doSearch', () => alert('doSearch event emitted!'));
-export const SearchComponent = Template.bind({});
-SearchComponent.args = {
-  placeholderText: 'Search',
-  buttonText: 'Search',
-};

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

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

package/dist/components/biggive-header.js

@@ -1,69 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const biggiveHeaderCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.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}:host{display:contents}.header{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;z-index:99}.nav{margin:0;padding:0;text-align:right;display:flex;flex-direction:column}.nav ul{margin:auto 0;padding:0}.nav ul li{margin:0 15px 0 0;padding:0 15px 0 0;display:inline-block;font-size:18px;line-height:20px}.nav ul li:last-child{padding-right:0;margin-right:0}.nav ul li a{color:#000000;text-decoration:none;display:inline-block}.nav ul li a.icon-green{padding-left:20px;background-image:url(/assets/images/triangles-combined-green-match.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-children{padding-left:20px;background-image:url(/assets/images/triangles-combined-children.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-christmas{padding-left:20px;background-image:url(/assets/images/triangles-combined-christmas-challenge.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-green-match{padding-left:20px;background-image:url(/assets/images/triangles-combined-green-match.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-women-girls{padding-left:20px;background-image:url(/assets/images/triangles-combined-women-girls.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-mental-health{padding-left:20px;background-image:url(/assets/images/triangles-combined-mental-health.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-anchor-match{padding-left:20px;background-image:url(/assets/images/triangles-combined-anchor.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-emergency{padding-left:20px;background-image:url(/assets/images/triangles-combined-emergency.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.row-top{padding:10px 30px;background-color:#2C089B;display:flex}.row-top .social-icon-wrap{margin-right:15px}.row-top .nav-secondary{margin-left:auto}.row-top .nav-secondary ul li{border-right:1px solid #FFFFFF}.row-top .nav-secondary ul li:last-child{border-right:0}.row-top .nav-secondary ul li a{color:#FFFFFF}.row-top .nav-secondary ul li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}.row-top .social-icon-wrap{display:flex}.row-top .social-icon-wrap .social-icon-item{margin-right:15px}.row-bottom{padding:15px 30px;background-color:#FFFFFF;display:flex}.row-bottom .logo-wrap{width:200px;margin-right:auto;position:relative;z-index:101}.row-bottom .logo-wrap a{display:block}.row-bottom .logo-wrap a svg{height:100%;width:auto}.row-bottom .nav-toggle{display:none}.row-bottom .nav-primary{font-weight:700;margin:5px 0}.row-bottom .nav-primary li.icon-colour-primary a{background-image:url(\"/assets/images/biggive-double-triangle-primary.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-secondary a{background-image:url(\"/assets/images/biggive-double-triangle-secondary.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-tertiary a{background-image:url(\"/assets/images/biggive-double-triangle-tertiary.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-1 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-1.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-2 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-2.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-3 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-3.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-4 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-4.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-5 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-5.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-6 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-6.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}@media screen and (min-width: 1051px){.nav ul li{position:relative}.nav ul li a[href=\"\"]:hover{cursor:default}.nav ul li a:hover{color:#2C089B}.nav ul li ul{display:none;position:absolute;left:50%;transform:translateX(-50%);padding:15px 45px 30px 45px;background-color:#FFFFFF;clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 15px 100%, 0 calc(100% - 15px))}.nav ul li ul li{display:block;font-weight:normal;padding:0;margin:10px 0 10px 0;white-space:nowrap;text-align:left;font-weight:normal;font-size:13px;line-height:17px}.nav ul li:hover ul{display:block}}@media screen and (max-width: 1050px){.row-top{display:none}.row-top[data-visible=true]{display:block;position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column-reverse;z-index:100;background-color:transparent}.row-top[data-visible=true] .nav-secondary{margin:0}.row-top[data-visible=true] .nav-secondary li{border:0;margin:0 0 10px 0;padding:0;width:100%}.row-top[data-visible=true] .nav-secondary li a{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer;color:#FFFFFF;background-color:#2C089B;border-color:#2C089B;width:100%;box-sizing:border-box}.row-top[data-visible=true] .nav-secondary li a:hover{background-color:#FFFFFF;color:#000000}.row-top[data-visible=true] .nav-secondary li a:hover{color:#2C089B;background-color:#FFFFFF}.row-top .social-icon-wrap{margin:auto}.row-bottom{padding:15px 15px}.row-bottom .logo-wrap{height:30px}.row-bottom .nav-toggle{display:block;margin-left:auto;width:45px;height:30px;position:relative;z-index:101;background-image:url(/assets/images/menu.svg);background-size:contain;background-repeat:no-repeat;background-position:center center;cursor:pointer}.row-bottom .nav-toggle.active{background-image:url(/assets/images/cross.svg?1);display:block;background-color:#2C089B;background-size:50% 50%;width:30px;height:30px;border-radius:50%}.row-bottom .nav-primary{display:none;position:fixed;z-index:99;top:0;height:100vh;padding-top:100px;left:0;right:0;margin:0;background-color:#E8E8E8}.row-bottom .nav-primary[data-visible=true]{display:block}.row-bottom .nav-primary ul li{width:100%;box-sizing:border-box;text-align:center;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #D7D7D7;padding-left:30px;padding-right:30px}.row-bottom .nav-primary ul li ul{margin-top:15px;display:none}.row-bottom .nav-primary ul li ul li{font-weight:normal;border-bottom:0;font-size:13px;line-height:17px}.row-bottom .nav-primary ul li:hover ul{display:block}}";
-
-const BiggiveHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.toggleNav = (event) => {
-      var nav = this.host.shadowRoot.querySelector('.nav-primary');
-      var navFooter = this.host.shadowRoot.querySelector('.row-top');
-      if (nav.getAttribute('data-visible') == 'true') {
-        event.target.classList.remove('active');
-        nav.setAttribute('data-visible', 'false');
-        navFooter.setAttribute('data-visible', 'false');
-      }
-      else {
-        event.target.classList.add('active');
-        nav.setAttribute('data-visible', 'true');
-        navFooter.setAttribute('data-visible', 'true');
-      }
-    };
-    this.spaceBelow = 0;
-    this.logoUrl = '/';
-  }
-  async closeMenuFromOutside() {
-    this.host.shadowRoot.querySelector('.nav-primary').setAttribute('data-visible', 'false');
-    this.host.shadowRoot.querySelector('.nav-toggle').classList.remove('active');
-    this.host.shadowRoot.querySelector('.row-top').setAttribute('data-visible', 'false');
-  }
-  appendMenu(menuName) {
-    var node = this.host.querySelector(`[slot="${menuName}"]`);
-    if (node !== null) {
-      this.host.shadowRoot.querySelector(`nav.${menuName}`).appendChild(node);
-    }
-  }
-  componentDidRender() {
-    this.appendMenu('nav-primary');
-    this.appendMenu('nav-secondary');
-  }
-  render() {
-    return (h("header", { class: 'header space-below' + this.spaceBelow }, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("nav", { class: "nav nav-secondary" })), h("div", { class: "row row-bottom" }, h("div", { class: "logo-wrap" }, h("a", { href: this.logoUrl, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("div", { class: "nav-toggle", onClick: this.toggleNav }), h("nav", { class: "nav nav-primary", "data-visible": "false" }))));
-  }
-  get host() { return this; }
-  static get style() { return biggiveHeaderCss; }
-}, [1, "biggive-header", {
-    "spaceBelow": [2, "space-below"],
-    "logoUrl": [1, "logo-url"],
-    "closeMenuFromOutside": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["biggive-header"];
-  components.forEach(tagName => { switch (tagName) {
-    case "biggive-header":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BiggiveHeader$1);
-      }
-      break;
-  } });
-}
-
-const BiggiveHeader = BiggiveHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BiggiveHeader, defineCustomElement };

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

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

package/dist/components/biggive-search.js

@@ -1,62 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { f as faMagnifyingGlass, b as faX } from './index2.js';
-import { d as defineCustomElement$2 } from './biggive-button2.js';
-
-const biggiveSearchCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.padding-enclosure{width:100%;padding:20px 30px 20px 10px;box-sizing:border-box}.padding-enclosure .outer-container{width:calc(100% - 50px);position:absolute;background-color:white}.padding-enclosure .outer-container .triangle{width:0;height:0;position:absolute;border-right:50px solid transparent;border-left:50px solid transparent;border-bottom:86.60254px solid #2AF135}.padding-enclosure .outer-container .triangle-before{top:-35px;left:-40px;z-index:-1;rotate:-23deg}.padding-enclosure .outer-container .triangle-after{bottom:-15px;right:-20px;z-index:-1;rotate:-15deg}.padding-enclosure .outer-container .inner-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;padding:1.5rem;box-sizing:border-box}.padding-enclosure .outer-container .inner-container h2{width:100%;font-weight:500;margin-top:0px;margin-bottom:0px;font-size:1.2rem}.padding-enclosure .outer-container .inner-container .search-box{display:flex;padding:10px 10px 5px 10px;margin-top:1rem;margin-bottom:1.25rem;border-bottom:1px solid black}.padding-enclosure .outer-container .inner-container .search-box .icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.padding-enclosure .outer-container .inner-container .search-box .icon>path{fill:#2C089B}.padding-enclosure .outer-container .inner-container .search-box #x-icon:hover{cursor:pointer}.padding-enclosure .outer-container .inner-container .search-box input{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;width:100%;box-sizing:border-box;border:none;border-radius:3px;font-size:1.1rem}.padding-enclosure .outer-container .inner-container .search-box input::placeholder{color:#969696}.padding-enclosure .outer-container .inner-container .search-box input:focus{outline:none}.padding-enclosure .outer-container .inner-container button{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;width:100%;padding:0.75rem;box-sizing:border-box;background-color:#2C089B;color:white;border:none;border-radius:5px;font-size:1rem}.padding-enclosure .outer-container .inner-container button:hover{cursor:pointer;background-color:navy}";
-
-const BigGiveSearch = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.doSearch = createEvent(this, "doSearch", 7);
-    this.handleSearchTextChanged = (event) => {
-      this.searchText = event.target.value;
-    };
-    this.handleSearchButtonPressed = () => {
-      this.doSearch.emit(this.searchText);
-    };
-    this.handleEnterPressed = (ev) => {
-      if (ev.key === 'Enter') {
-        this.doSearch.emit(this.searchText);
-      }
-    };
-    this.clearSearchText = () => {
-      this.searchText = '';
-    };
-    this.searchText = undefined;
-    this.placeholderText = undefined;
-    this.buttonText = undefined;
-  }
-  render() {
-    return (h("div", { class: "padding-enclosure" }, h("div", { class: "outer-container" }, h("div", { class: "triangle triangle-before" }), h("div", { class: "inner-container" }, h("h2", null, "Find a charity or project"), h("div", { class: "search-box" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed }), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", id: "x-icon", viewBox: "0 0 512 512", onClick: this.clearSearchText }, h("path", { d: faX.icon[4].toString() }))), h("biggive-button", { label: this.buttonText, onClick: this.handleSearchButtonPressed })), h("div", { class: "triangle triangle-after" }))));
-  }
-  static get style() { return biggiveSearchCss; }
-}, [1, "biggive-search", {
-    "searchText": [1, "search-text"],
-    "placeholderText": [1, "placeholder-text"],
-    "buttonText": [1, "button-text"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["biggive-search", "biggive-button"];
-  components.forEach(tagName => { switch (tagName) {
-    case "biggive-search":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BigGiveSearch);
-      }
-      break;
-    case "biggive-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const BiggiveSearch = BigGiveSearch;
-const defineCustomElement = defineCustomElement$1;
-
-export { BiggiveSearch, defineCustomElement };

package/dist/esm/biggive-header.entry.js

@@ -1,47 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-341903f8.js';
-
-const biggiveHeaderCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.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}:host{display:contents}.header{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;z-index:99}.nav{margin:0;padding:0;text-align:right;display:flex;flex-direction:column}.nav ul{margin:auto 0;padding:0}.nav ul li{margin:0 15px 0 0;padding:0 15px 0 0;display:inline-block;font-size:18px;line-height:20px}.nav ul li:last-child{padding-right:0;margin-right:0}.nav ul li a{color:#000000;text-decoration:none;display:inline-block}.nav ul li a.icon-green{padding-left:20px;background-image:url(/assets/images/triangles-combined-green-match.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-children{padding-left:20px;background-image:url(/assets/images/triangles-combined-children.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-christmas{padding-left:20px;background-image:url(/assets/images/triangles-combined-christmas-challenge.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-green-match{padding-left:20px;background-image:url(/assets/images/triangles-combined-green-match.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-women-girls{padding-left:20px;background-image:url(/assets/images/triangles-combined-women-girls.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-mental-health{padding-left:20px;background-image:url(/assets/images/triangles-combined-mental-health.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-anchor-match{padding-left:20px;background-image:url(/assets/images/triangles-combined-anchor.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.nav ul li a.icon-emergency{padding-left:20px;background-image:url(/assets/images/triangles-combined-emergency.svg);background-repeat:no-repeat;background-size:auto 10px;background-position:left center}.row-top{padding:10px 30px;background-color:#2C089B;display:flex}.row-top .social-icon-wrap{margin-right:15px}.row-top .nav-secondary{margin-left:auto}.row-top .nav-secondary ul li{border-right:1px solid #FFFFFF}.row-top .nav-secondary ul li:last-child{border-right:0}.row-top .nav-secondary ul li a{color:#FFFFFF}.row-top .nav-secondary ul li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}.row-top .social-icon-wrap{display:flex}.row-top .social-icon-wrap .social-icon-item{margin-right:15px}.row-bottom{padding:15px 30px;background-color:#FFFFFF;display:flex}.row-bottom .logo-wrap{width:200px;margin-right:auto;position:relative;z-index:101}.row-bottom .logo-wrap a{display:block}.row-bottom .logo-wrap a svg{height:100%;width:auto}.row-bottom .nav-toggle{display:none}.row-bottom .nav-primary{font-weight:700;margin:5px 0}.row-bottom .nav-primary li.icon-colour-primary a{background-image:url(\"/assets/images/biggive-double-triangle-primary.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-secondary a{background-image:url(\"/assets/images/biggive-double-triangle-secondary.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-tertiary a{background-image:url(\"/assets/images/biggive-double-triangle-tertiary.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-1 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-1.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-2 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-2.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-3 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-3.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-4 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-4.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-5 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-5.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}.row-bottom .nav-primary li.icon-colour-brand-6 a{background-image:url(\"/assets/images/biggive-double-triangle-brand-6.svg\");background-position:left center;background-size:20px auto;background-repeat:no-repeat;padding-left:25px}@media screen and (min-width: 1051px){.nav ul li{position:relative}.nav ul li a[href=\"\"]:hover{cursor:default}.nav ul li a:hover{color:#2C089B}.nav ul li ul{display:none;position:absolute;left:50%;transform:translateX(-50%);padding:15px 45px 30px 45px;background-color:#FFFFFF;clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 15px 100%, 0 calc(100% - 15px))}.nav ul li ul li{display:block;font-weight:normal;padding:0;margin:10px 0 10px 0;white-space:nowrap;text-align:left;font-weight:normal;font-size:13px;line-height:17px}.nav ul li:hover ul{display:block}}@media screen and (max-width: 1050px){.row-top{display:none}.row-top[data-visible=true]{display:block;position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column-reverse;z-index:100;background-color:transparent}.row-top[data-visible=true] .nav-secondary{margin:0}.row-top[data-visible=true] .nav-secondary li{border:0;margin:0 0 10px 0;padding:0;width:100%}.row-top[data-visible=true] .nav-secondary li a{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer;color:#FFFFFF;background-color:#2C089B;border-color:#2C089B;width:100%;box-sizing:border-box}.row-top[data-visible=true] .nav-secondary li a:hover{background-color:#FFFFFF;color:#000000}.row-top[data-visible=true] .nav-secondary li a:hover{color:#2C089B;background-color:#FFFFFF}.row-top .social-icon-wrap{margin:auto}.row-bottom{padding:15px 15px}.row-bottom .logo-wrap{height:30px}.row-bottom .nav-toggle{display:block;margin-left:auto;width:45px;height:30px;position:relative;z-index:101;background-image:url(/assets/images/menu.svg);background-size:contain;background-repeat:no-repeat;background-position:center center;cursor:pointer}.row-bottom .nav-toggle.active{background-image:url(/assets/images/cross.svg?1);display:block;background-color:#2C089B;background-size:50% 50%;width:30px;height:30px;border-radius:50%}.row-bottom .nav-primary{display:none;position:fixed;z-index:99;top:0;height:100vh;padding-top:100px;left:0;right:0;margin:0;background-color:#E8E8E8}.row-bottom .nav-primary[data-visible=true]{display:block}.row-bottom .nav-primary ul li{width:100%;box-sizing:border-box;text-align:center;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #D7D7D7;padding-left:30px;padding-right:30px}.row-bottom .nav-primary ul li ul{margin-top:15px;display:none}.row-bottom .nav-primary ul li ul li{font-weight:normal;border-bottom:0;font-size:13px;line-height:17px}.row-bottom .nav-primary ul li:hover ul{display:block}}";
-
-const BiggiveHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.toggleNav = (event) => {
-      var nav = this.host.shadowRoot.querySelector('.nav-primary');
-      var navFooter = this.host.shadowRoot.querySelector('.row-top');
-      if (nav.getAttribute('data-visible') == 'true') {
-        event.target.classList.remove('active');
-        nav.setAttribute('data-visible', 'false');
-        navFooter.setAttribute('data-visible', 'false');
-      }
-      else {
-        event.target.classList.add('active');
-        nav.setAttribute('data-visible', 'true');
-        navFooter.setAttribute('data-visible', 'true');
-      }
-    };
-    this.spaceBelow = 0;
-    this.logoUrl = '/';
-  }
-  async closeMenuFromOutside() {
-    this.host.shadowRoot.querySelector('.nav-primary').setAttribute('data-visible', 'false');
-    this.host.shadowRoot.querySelector('.nav-toggle').classList.remove('active');
-    this.host.shadowRoot.querySelector('.row-top').setAttribute('data-visible', 'false');
-  }
-  appendMenu(menuName) {
-    var node = this.host.querySelector(`[slot="${menuName}"]`);
-    if (node !== null) {
-      this.host.shadowRoot.querySelector(`nav.${menuName}`).appendChild(node);
-    }
-  }
-  componentDidRender() {
-    this.appendMenu('nav-primary');
-    this.appendMenu('nav-secondary');
-  }
-  render() {
-    return (h("header", { class: 'header space-below' + this.spaceBelow }, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("nav", { class: "nav nav-secondary" })), h("div", { class: "row row-bottom" }, h("div", { class: "logo-wrap" }, h("a", { href: this.logoUrl, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("div", { class: "nav-toggle", onClick: this.toggleNav }), h("nav", { class: "nav nav-primary", "data-visible": "false" }))));
-  }
-  get host() { return getElement(this); }
-};
-BiggiveHeader.style = biggiveHeaderCss;
-
-export { BiggiveHeader as biggive_header };

package/dist/esm/biggive-search.entry.js

@@ -1,34 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-341903f8.js';
-import { f as faMagnifyingGlass, o as faX } from './index-93ca83cc.js';
-
-const biggiveSearchCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.padding-enclosure{width:100%;padding:20px 30px 20px 10px;box-sizing:border-box}.padding-enclosure .outer-container{width:calc(100% - 50px);position:absolute;background-color:white}.padding-enclosure .outer-container .triangle{width:0;height:0;position:absolute;border-right:50px solid transparent;border-left:50px solid transparent;border-bottom:86.60254px solid #2AF135}.padding-enclosure .outer-container .triangle-before{top:-35px;left:-40px;z-index:-1;rotate:-23deg}.padding-enclosure .outer-container .triangle-after{bottom:-15px;right:-20px;z-index:-1;rotate:-15deg}.padding-enclosure .outer-container .inner-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;padding:1.5rem;box-sizing:border-box}.padding-enclosure .outer-container .inner-container h2{width:100%;font-weight:500;margin-top:0px;margin-bottom:0px;font-size:1.2rem}.padding-enclosure .outer-container .inner-container .search-box{display:flex;padding:10px 10px 5px 10px;margin-top:1rem;margin-bottom:1.25rem;border-bottom:1px solid black}.padding-enclosure .outer-container .inner-container .search-box .icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.padding-enclosure .outer-container .inner-container .search-box .icon>path{fill:#2C089B}.padding-enclosure .outer-container .inner-container .search-box #x-icon:hover{cursor:pointer}.padding-enclosure .outer-container .inner-container .search-box input{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;width:100%;box-sizing:border-box;border:none;border-radius:3px;font-size:1.1rem}.padding-enclosure .outer-container .inner-container .search-box input::placeholder{color:#969696}.padding-enclosure .outer-container .inner-container .search-box input:focus{outline:none}.padding-enclosure .outer-container .inner-container button{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;width:100%;padding:0.75rem;box-sizing:border-box;background-color:#2C089B;color:white;border:none;border-radius:5px;font-size:1rem}.padding-enclosure .outer-container .inner-container button:hover{cursor:pointer;background-color:navy}";
-
-const BigGiveSearch = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.doSearch = createEvent(this, "doSearch", 7);
-    this.handleSearchTextChanged = (event) => {
-      this.searchText = event.target.value;
-    };
-    this.handleSearchButtonPressed = () => {
-      this.doSearch.emit(this.searchText);
-    };
-    this.handleEnterPressed = (ev) => {
-      if (ev.key === 'Enter') {
-        this.doSearch.emit(this.searchText);
-      }
-    };
-    this.clearSearchText = () => {
-      this.searchText = '';
-    };
-    this.searchText = undefined;
-    this.placeholderText = undefined;
-    this.buttonText = undefined;
-  }
-  render() {
-    return (h("div", { class: "padding-enclosure" }, h("div", { class: "outer-container" }, h("div", { class: "triangle triangle-before" }), h("div", { class: "inner-container" }, h("h2", null, "Find a charity or project"), h("div", { class: "search-box" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed }), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", id: "x-icon", viewBox: "0 0 512 512", onClick: this.clearSearchText }, h("path", { d: faX.icon[4].toString() }))), h("biggive-button", { label: this.buttonText, onClick: this.handleSearchButtonPressed })), h("div", { class: "triangle triangle-after" }))));
-  }
-};
-BigGiveSearch.style = biggiveSearchCss;
-
-export { BigGiveSearch as biggive_search };