@biggive/components 202304051358.0.0 → 202304111006.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/p-6eb97f2f.entry.js +1 -0
  3. package/dist/biggive/{p-9b3ded89.js → p-8fb77726.js} +1 -1
  4. package/dist/biggive/p-9e7d82e1.entry.js +1 -0
  5. package/dist/biggive/p-bc682eeb.entry.js +1 -0
  6. package/dist/cjs/biggive-accordion_43.cjs.entry.js +3 -4
  7. package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +1 -2
  8. package/dist/cjs/biggive-category-icon.cjs.entry.js +1 -2
  9. package/dist/cjs/biggive.cjs.js +1 -1
  10. package/dist/cjs/{index-7f8fe565.js → fontawesome-icons-79883fa9.js} +261 -31
  11. package/dist/cjs/loader.cjs.js +1 -1
  12. package/dist/collection/collection-manifest.json +0 -2
  13. package/dist/collection/components/biggive-main-menu/biggive-main-menu.css +5 -6
  14. package/dist/components/biggive-main-menu.js +1 -1
  15. package/dist/components/fontawesome-icons.js +1 -1
  16. package/dist/components/index.d.ts +0 -2
  17. package/dist/components/index.js +0 -2
  18. package/dist/components/index2.js +1 -1
  19. package/dist/esm/biggive-accordion_43.entry.js +2 -3
  20. package/dist/esm/biggive-beneficiary-icon.entry.js +1 -2
  21. package/dist/esm/biggive-category-icon.entry.js +1 -2
  22. package/dist/esm/biggive.js +1 -1
  23. package/dist/esm/{index-93ca83cc.js → fontawesome-icons-91ad19d5.js} +261 -1
  24. package/dist/esm/loader.js +1 -1
  25. package/dist/types/components.d.ts +0 -101
  26. package/hydrate/index.js +174 -282
  27. package/package.json +1 -1
  28. package/dist/biggive/p-241aed7a.entry.js +0 -1
  29. package/dist/biggive/p-518fd1c9.entry.js +0 -1
  30. package/dist/biggive/p-76413b3e.entry.js +0 -1
  31. package/dist/biggive/p-9fe5b848.js +0 -1
  32. package/dist/biggive/p-c7f99361.entry.js +0 -1
  33. package/dist/biggive/p-d8ec56e6.entry.js +0 -1
  34. package/dist/cjs/biggive-header.cjs.entry.js +0 -51
  35. package/dist/cjs/biggive-search.cjs.entry.js +0 -38
  36. package/dist/cjs/fontawesome-icons-f9168d99.js +0 -265
  37. package/dist/collection/components/biggive-header/biggive-header.css +0 -439
  38. package/dist/collection/components/biggive-header/biggive-header.js +0 -116
  39. package/dist/collection/components/biggive-header/biggive-header.stories.js +0 -44
  40. package/dist/collection/components/biggive-search/biggive-search.css +0 -107
  41. package/dist/collection/components/biggive-search/biggive-search.js +0 -115
  42. package/dist/collection/components/biggive-search/biggive-search.stories.js +0 -15
  43. package/dist/components/biggive-header.d.ts +0 -11
  44. package/dist/components/biggive-header.js +0 -69
  45. package/dist/components/biggive-search.d.ts +0 -11
  46. package/dist/components/biggive-search.js +0 -62
  47. package/dist/esm/biggive-header.entry.js +0 -47
  48. package/dist/esm/biggive-search.entry.js +0 -34
  49. package/dist/esm/fontawesome-icons-9dc35408.js +0 -263
  50. package/dist/types/components/biggive-header/biggive-header.d.ts +0 -20
  51. package/dist/types/components/biggive-header/biggive-header.stories.d.ts +0 -5
  52. package/dist/types/components/biggive-search/biggive-search.d.ts +0 -27
  53. package/dist/types/components/biggive-search/biggive-search.stories.d.ts +0 -5
@@ -1 +0,0 @@
1
- import{r as o,h as r}from"./p-740166e9.js";import{F as c}from"./p-9fe5b848.js";import"./p-9b3ded89.js";const e=class{constructor(r){o(this,r),this.backgroundColour="primary",this.iconColour="white",this.icon=void 0,this.label=void 0,this.url="#"}getCategoryIcon(){return c.getCategoryIcon(this.icon)}render(){return r("div",{class:"container"},r("div",{class:"category-icon-item background-colour-"+this.backgroundColour},r("a",{href:this.url},r("svg",{width:this.getCategoryIcon().icon[0],height:this.getCategoryIcon().icon[1],xmlns:"http://www.w3.org/2000/svg",class:"fill-"+this.iconColour,viewBox:"0 0 "+this.getCategoryIcon().icon[0]+" "+this.getCategoryIcon().icon[1]},r("path",{d:this.getCategoryIcon().icon[4].toString()})))),r("div",{class:"label"},this.label))}};e.style='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.category-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.category-icon-item.colour-scheme-primary{background-color:#2C089B}.category-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.category-icon-item.colour-scheme-secondary{background-color:#2AF135}.category-icon-item.colour-scheme-secondary svg{fill:#000000}.category-icon-item.colour-scheme-tertiary{background-color:#FF7272}.category-icon-item.colour-scheme-tertiary svg{fill:#000000}.category-icon-item.colour-scheme-brand-1{background-color:#B30510}.category-icon-item.colour-scheme-brand-1 svg{fill:#000000}.category-icon-item.colour-scheme-brand-2{background-color:#6E0887}.category-icon-item.colour-scheme-brand-2 svg{fill:#000000}.category-icon-item.colour-scheme-brand-3{background-color:#50B400}.category-icon-item.colour-scheme-brand-3 svg{fill:#000000}.category-icon-item.colour-scheme-brand-4{background-color:#FFE500}.category-icon-item.colour-scheme-brand-4 svg{fill:#000000}.category-icon-item.colour-scheme-brand-5{background-color:#F07D00}.category-icon-item.colour-scheme-brand-5 svg{fill:#000000}.category-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.category-icon-item.colour-scheme-brand-6 svg{fill:#000000}.category-icon-item.colour-scheme-white{background-color:#FFFFFF}.category-icon-item.colour-scheme-white svg{fill:#000000}.category-icon-item.colour-scheme-black{background-color:#000000}.category-icon-item.colour-scheme-black svg{fill:#FFFFFF}.category-icon-item.colour-scheme-black{background-color:#D7D7D7}.category-icon-item.colour-scheme-black svg{fill:#D7D7D7}.category-icon-item.colour-scheme-black{background-color:#E8E8E8}.category-icon-item.colour-scheme-black svg{fill:#E8E8E8}.category-icon-item.colour-scheme-black{background-color:#8A8A8A}.category-icon-item.colour-scheme-black svg{fill:#8A8A8A}.category-icon-item.colour-scheme-black{background-color:#4A4A4A}.category-icon-item.colour-scheme-black svg{fill:#4A4A4A}.category-icon-item:hover{background-color:#FFFFFF}.category-icon-item:hover svg{fill:#000000}.category-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.category-icon-item a svg{width:100%;height:100%}.category-icon-item a{padding:6px}';export{e as biggive_category_icon}
@@ -1,51 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-8dcaaf94.js');
6
-
7
- 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}}";
8
-
9
- const BiggiveHeader = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- this.toggleNav = (event) => {
13
- var nav = this.host.shadowRoot.querySelector('.nav-primary');
14
- var navFooter = this.host.shadowRoot.querySelector('.row-top');
15
- if (nav.getAttribute('data-visible') == 'true') {
16
- event.target.classList.remove('active');
17
- nav.setAttribute('data-visible', 'false');
18
- navFooter.setAttribute('data-visible', 'false');
19
- }
20
- else {
21
- event.target.classList.add('active');
22
- nav.setAttribute('data-visible', 'true');
23
- navFooter.setAttribute('data-visible', 'true');
24
- }
25
- };
26
- this.spaceBelow = 0;
27
- this.logoUrl = '/';
28
- }
29
- async closeMenuFromOutside() {
30
- this.host.shadowRoot.querySelector('.nav-primary').setAttribute('data-visible', 'false');
31
- this.host.shadowRoot.querySelector('.nav-toggle').classList.remove('active');
32
- this.host.shadowRoot.querySelector('.row-top').setAttribute('data-visible', 'false');
33
- }
34
- appendMenu(menuName) {
35
- var node = this.host.querySelector(`[slot="${menuName}"]`);
36
- if (node !== null) {
37
- this.host.shadowRoot.querySelector(`nav.${menuName}`).appendChild(node);
38
- }
39
- }
40
- componentDidRender() {
41
- this.appendMenu('nav-primary');
42
- this.appendMenu('nav-secondary');
43
- }
44
- render() {
45
- return (index.h("header", { class: 'header space-below' + this.spaceBelow }, index.h("div", { class: "row row-top" }, index.h("div", { class: "social-icon-wrap" }, index.h("slot", { name: "social-icons" })), index.h("nav", { class: "nav nav-secondary" })), index.h("div", { class: "row row-bottom" }, index.h("div", { class: "logo-wrap" }, index.h("a", { href: this.logoUrl, "aria-label": "Home" }, index.h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, index.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" }), index.h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), index.h("div", { class: "nav-toggle", onClick: this.toggleNav }), index.h("nav", { class: "nav nav-primary", "data-visible": "false" }))));
46
- }
47
- get host() { return index.getElement(this); }
48
- };
49
- BiggiveHeader.style = biggiveHeaderCss;
50
-
51
- exports.biggive_header = BiggiveHeader;
@@ -1,38 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-8dcaaf94.js');
6
- const index$1 = require('./index-7f8fe565.js');
7
-
8
- 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}";
9
-
10
- const BigGiveSearch = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.doSearch = index.createEvent(this, "doSearch", 7);
14
- this.handleSearchTextChanged = (event) => {
15
- this.searchText = event.target.value;
16
- };
17
- this.handleSearchButtonPressed = () => {
18
- this.doSearch.emit(this.searchText);
19
- };
20
- this.handleEnterPressed = (ev) => {
21
- if (ev.key === 'Enter') {
22
- this.doSearch.emit(this.searchText);
23
- }
24
- };
25
- this.clearSearchText = () => {
26
- this.searchText = '';
27
- };
28
- this.searchText = undefined;
29
- this.placeholderText = undefined;
30
- this.buttonText = undefined;
31
- }
32
- render() {
33
- return (index.h("div", { class: "padding-enclosure" }, index.h("div", { class: "outer-container" }, index.h("div", { class: "triangle triangle-before" }), index.h("div", { class: "inner-container" }, index.h("h2", null, "Find a charity or project"), index.h("div", { class: "search-box" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: index$1.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: this.searchText, placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed }), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", id: "x-icon", viewBox: "0 0 512 512", onClick: this.clearSearchText }, index.h("path", { d: index$1.faX.icon[4].toString() }))), index.h("biggive-button", { label: this.buttonText, onClick: this.handleSearchButtonPressed })), index.h("div", { class: "triangle triangle-after" }))));
34
- }
35
- };
36
- BigGiveSearch.style = biggiveSearchCss;
37
-
38
- exports.biggive_search = BigGiveSearch;
@@ -1,265 +0,0 @@
1
- 'use strict';
2
-
3
- const index = require('./index-7f8fe565.js');
4
-
5
- var faLinkedinIn = {
6
- prefix: 'fab',
7
- iconName: 'linkedin-in',
8
- icon: [448, 512, [], "f0e1", "M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 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.28 61.9 111.28 142.3V448z"]
9
- };
10
- var faAccessibleIcon = {
11
- prefix: 'fab',
12
- iconName: 'accessible-icon',
13
- 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"]
14
- };
15
- var faFacebookF = {
16
- prefix: 'fab',
17
- iconName: 'facebook-f',
18
- icon: [320, 512, [], "f39e", "M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"]
19
- };
20
- var faInstagram = {
21
- prefix: 'fab',
22
- iconName: 'instagram',
23
- 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"]
24
- };
25
- var faWhatsapp = {
26
- prefix: 'fab',
27
- iconName: 'whatsapp',
28
- icon: [448, 512, [], "f232", "M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"]
29
- };
30
- var faYoutube = {
31
- prefix: 'fab',
32
- iconName: 'youtube',
33
- icon: [576, 512, [61802], "f167", "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"]
34
- };
35
- var faTwitter = {
36
- prefix: 'fab',
37
- iconName: 'twitter',
38
- icon: [512, 512, [], "f099", "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"]
39
- };
40
-
41
- var faCaretRight = {
42
- prefix: 'fad',
43
- iconName: 'caret-right',
44
- icon: [256, 512, [], "f0da", ["M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z", ""]]
45
- };
46
- var faUsers = {
47
- prefix: 'fad',
48
- iconName: 'users',
49
- 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"]]
50
- };
51
-
52
- var faTimer = {
53
- prefix: 'far',
54
- iconName: 'timer',
55
- icon: [512, 512, [], "e29e", "M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 202.7 16.29 153.2 44.15 112.2C51.6 101.3 66.53 98.43 77.49 105.9C88.45 113.3 91.3 128.3 83.85 139.2C61.22 172.5 47.1 212.7 47.1 256C47.1 370.9 141.1 464 255.1 464C370.9 464 464 370.9 464 256C464 149.2 383.6 61.27 280 49.37V104C280 117.3 269.3 128 255.1 128C242.7 128 231.1 117.3 231.1 104V24C231.1 10.75 242.7 0 255.1 0C397.4 0 512 114.6 512 256H512zM272.1 239C282.3 248.4 282.3 263.6 272.1 272.1C263.6 282.3 248.4 282.3 239 272.1L159 192.1C149.7 183.6 149.7 168.4 159 159C168.4 149.7 183.6 149.7 192.1 159L272.1 239z"]
56
- };
57
-
58
- class FontAwesomeIconsService {
59
- static getBeneficiaries() {
60
- return [
61
- {
62
- name: 'Children (3-18)',
63
- icon: index.faChild,
64
- },
65
- {
66
- name: 'General Public/Humankind',
67
- icon: index.faUniversalAccess,
68
- },
69
- {
70
- name: 'Infants (<2)',
71
- icon: index.faBaby,
72
- },
73
- {
74
- name: 'LGBTQAI',
75
- icon: index.faRainbow,
76
- },
77
- {
78
- name: 'Minority Groups',
79
- icon: faUsers,
80
- },
81
- {
82
- name: 'Older People',
83
- icon: index.faBlind,
84
- },
85
- {
86
- name: 'People With Disabilities',
87
- icon: faAccessibleIcon,
88
- },
89
- {
90
- name: 'Refugees/Asylum Seekers',
91
- icon: index.faCampground,
92
- },
93
- {
94
- name: 'Women & Girls',
95
- icon: index.faVenus,
96
- },
97
- {
98
- name: 'Young People (18-30)',
99
- icon: index.faUserGraduate,
100
- },
101
- {
102
- name: 'Other',
103
- icon: index.faPlus,
104
- },
105
- ];
106
- }
107
- static getSocials() {
108
- return [
109
- {
110
- name: 'Facebook',
111
- icon: faFacebookF,
112
- },
113
- {
114
- name: 'Twitter',
115
- icon: faTwitter,
116
- },
117
- {
118
- name: 'Instagram',
119
- icon: faInstagram,
120
- },
121
- {
122
- name: 'YouTube',
123
- icon: faYoutube,
124
- },
125
- {
126
- name: 'LinkedIn',
127
- icon: faLinkedinIn,
128
- },
129
- {
130
- name: 'Whatsapp',
131
- icon: faWhatsapp,
132
- },
133
- ];
134
- }
135
- static getMisc() {
136
- return [
137
- {
138
- name: 'AlarmClock',
139
- icon: index.faAlarmClock,
140
- },
141
- {
142
- name: 'Heart',
143
- icon: index.faHeart,
144
- },
145
- {
146
- name: 'Timer',
147
- icon: faTimer,
148
- },
149
- {
150
- name: 'CaretRight',
151
- icon: faCaretRight,
152
- },
153
- {
154
- name: 'MenuOpen',
155
- icon: index.faBars,
156
- },
157
- {
158
- name: 'MenuClose',
159
- icon: index.faX,
160
- },
161
- ];
162
- }
163
- static getCategories() {
164
- return [
165
- {
166
- name: 'Animals',
167
- icon: index.faPaw,
168
- },
169
- {
170
- name: 'Armed Forces/Emergency Services',
171
- icon: index.faMedal,
172
- },
173
- {
174
- name: 'Arts/Culture/Heritage',
175
- icon: index.faTheaterMasks,
176
- },
177
- {
178
- name: 'Cancer',
179
- icon: index.faRibbon,
180
- },
181
- {
182
- name: 'Community Support & Development',
183
- icon: index.faPeopleCarry,
184
- },
185
- {
186
- name: 'Disaster Relief',
187
- icon: index.faParachuteBox,
188
- },
189
- {
190
- name: 'Education/Training/Employment',
191
- icon: index.faBook,
192
- },
193
- {
194
- name: 'Environment/Conservation',
195
- icon: index.faSeedling,
196
- },
197
- {
198
- name: 'Health/Wellbeing',
199
- icon: index.faHeartbeat,
200
- },
201
- {
202
- name: 'Homeless/Refuge',
203
- icon: index.faHomeHeart,
204
- },
205
- {
206
- name: 'Hospitals/Hospices',
207
- icon: index.faHospital,
208
- },
209
- {
210
- name: 'Human Rights/Advocacy',
211
- icon: index.faBalanceScale,
212
- },
213
- {
214
- name: 'Information/Advice',
215
- icon: index.faInfoCircle,
216
- },
217
- {
218
- name: 'Medical Research',
219
- icon: index.faMicroscope,
220
- },
221
- {
222
- name: 'Mental Health',
223
- icon: index.faHeadSideMedical,
224
- },
225
- {
226
- name: 'Poverty Alleviation/Relief',
227
- icon: index.faMortarPestle,
228
- },
229
- {
230
- name: 'Religious',
231
- icon: index.faPlaceOfWorship,
232
- },
233
- {
234
- name: 'Sports/Recreation',
235
- icon: index.faFutbol,
236
- },
237
- {
238
- name: 'Other',
239
- icon: index.faPlus,
240
- },
241
- ];
242
- }
243
- static getBeneficiaryIcon(beneficiary) {
244
- const matchingItems = FontAwesomeIconsService.getBeneficiaries().filter(ii => ii.name === beneficiary);
245
- // For an unknown/invalid beneficiary, show 'other' symbol.
246
- return matchingItems[0] ? matchingItems[0].icon : index.faPlus;
247
- }
248
- static getMiscIcon(misc) {
249
- const matchingItems = FontAwesomeIconsService.getMisc().filter(ii => ii.name === misc);
250
- // For an unknown/invalid beneficiary, show 'other' symbol.
251
- return matchingItems[0] ? matchingItems[0].icon : index.faPlus;
252
- }
253
- static getSocialIcon(social) {
254
- const matchingItems = FontAwesomeIconsService.getSocials().filter(ii => ii.name === social);
255
- // For an unknown/invalid beneficiary, show 'other' symbol.
256
- return matchingItems[0] ? matchingItems[0].icon : index.faPlus;
257
- }
258
- static getCategoryIcon(category) {
259
- const matchingItems = FontAwesomeIconsService.getCategories().filter(ii => ii.name === category);
260
- // For an unknown/invalid category, show 'other' symbol.
261
- return matchingItems[0] ? matchingItems[0].icon : index.faPlus;
262
- }
263
- }
264
-
265
- exports.FontAwesomeIconsService = FontAwesomeIconsService;