@biggive/components 202407011358.0.0 → 202408060829.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 (36) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/{p-6ad95202.entry.js → p-0951806b.entry.js} +2 -2
  3. package/dist/biggive/p-0951806b.entry.js.map +1 -0
  4. package/dist/biggive/{p-b4282163.entry.js → p-38d75d70.entry.js} +2 -2
  5. package/dist/cjs/biggive-accordion_40.cjs.entry.js +10 -9
  6. package/dist/cjs/biggive-accordion_40.cjs.entry.js.map +1 -1
  7. package/dist/cjs/biggive-video.cjs.entry.js +1 -1
  8. package/dist/collection/components/biggive-footer/biggive-footer.js +3 -2
  9. package/dist/collection/components/biggive-footer/biggive-footer.js.map +1 -1
  10. package/dist/collection/components/biggive-footer/test/biggive-footer.spec.js +2 -1
  11. package/dist/collection/components/biggive-footer/test/biggive-footer.spec.js.map +1 -1
  12. package/dist/collection/components/biggive-text-input/biggive-text-input.css +8 -6
  13. package/dist/collection/components/biggive-text-input/biggive-text-input.js +1 -1
  14. package/dist/collection/components/biggive-text-input/biggive-text-input.js.map +1 -1
  15. package/dist/collection/components/biggive-timeline/biggive-timeline.js +2 -2
  16. package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +1 -1
  17. package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +1 -1
  18. package/dist/collection/components/biggive-video/biggive-video.js +1 -1
  19. package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +1 -1
  20. package/dist/components/biggive-footer.js +3 -2
  21. package/dist/components/biggive-footer.js.map +1 -1
  22. package/dist/components/biggive-text-input.js +2 -2
  23. package/dist/components/biggive-text-input.js.map +1 -1
  24. package/dist/components/biggive-timeline.js +2 -2
  25. package/dist/components/biggive-totalizer-ticker-item.js +1 -1
  26. package/dist/components/biggive-totalizer.js +1 -1
  27. package/dist/components/biggive-video-feature.js +1 -1
  28. package/dist/components/biggive-video.js +1 -1
  29. package/dist/esm/biggive-accordion_40.entry.js +10 -9
  30. package/dist/esm/biggive-accordion_40.entry.js.map +1 -1
  31. package/dist/esm/biggive-video.entry.js +1 -1
  32. package/dist/types/components/biggive-footer/biggive-footer.d.ts +1 -0
  33. package/hydrate/index.js +11 -10
  34. package/package.json +1 -1
  35. package/dist/biggive/p-6ad95202.entry.js.map +0 -1
  36. /package/dist/biggive/{p-b4282163.entry.js.map → p-38d75d70.entry.js.map} +0 -0
package/dist/cjs/biggive-video.cjs.entry.js CHANGED
@@ -16,7 +16,7 @@ const BiggiveVideo = class {
16
16
  this.videoUrl = '';
17
17
  }
18
18
  render() {
19
- return (index.h("div", { key: '1c1e2ed35f62d9bd5ca3677dcac66a34b6b07614', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { key: '7fb5c857c6faf3606fb71ddd2bea3329690b8f78', class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, null) })));
19
+ return (index.h("div", { key: '2f45734791082583b92524301e96c2d83200a133', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { key: 'dd6b41cb1449af2b1dcf81b8f58794ac87847f70', class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, null) })));
20
20
  }
21
21
  };
22
22
  BiggiveVideo.style = BiggiveVideoStyle0;
package/dist/collection/components/biggive-footer/biggive-footer.js CHANGED
@@ -2,6 +2,7 @@ import { getAssetPath, h } from "@stencil/core";
2
2
  import { makeURL } from "../../util/helper-methods";
3
3
  export class BiggiveFooter {
4
4
  constructor() {
5
+ this.year = new Date().getFullYear().toString();
5
6
  this.headingLevel = 5;
6
7
  this.donateUrlPrefix = undefined;
7
8
  this.blogUrlPrefix = undefined;
@@ -25,10 +26,10 @@ export class BiggiveFooter {
25
26
  render() {
26
27
  const HeadingTag = `h${this.headingLevel}`;
27
28
  const slotBasedFooter = () => {
28
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
29
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 ", this.year, " The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
29
30
  };
30
31
  const presetFooter = () => {
31
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact'), class: "icon-arts" }, "Arts for Impact")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Statement")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies') }, "Cookies Statement")), h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences') }, "Cookies Preference Centre"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
32
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact'), class: "icon-arts" }, "Arts for Impact")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Statement")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies') }, "Cookies Statement")), h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences') }, "Cookies Preference Centre"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 ", this.year, " The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
32
33
  };
33
34
  return this.usePresetFooter ? presetFooter() : slotBasedFooter();
34
35
  }
package/dist/collection/components/biggive-footer/biggive-footer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"biggive-footer.js","sourceRoot":"","sources":["../../../src/components/biggive-footer/biggive-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'biggive-footer',\n styleUrl: 'biggive-footer.scss',\n shadow: true,\n})\nexport class BiggiveFooter {\n @Element() host: HTMLBiggiveFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n /**\n * URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n * take them as props\n */\n @Prop() donateUrlPrefix: string;\n @Prop() blogUrlPrefix: string | undefined;\n @Prop() experienceUrlPrefix: string | undefined;\n\n /**\n * Conditionally render footer menu:\n * hard-coded (preset) when set to true, dynamic (slot-based) when set to false\n */\n @Prop() usePresetFooter = false;\n\n private appendMenu(menuName: string) {\n var node = this.host.querySelector(`[slot=\"${menuName}\"]`);\n if (node !== null) {\n this.host!.shadowRoot!.querySelector(`.${menuName}`)!.appendChild(node);\n }\n }\n\n componentDidRender() {\n if (!this.usePresetFooter) {\n this.appendMenu('nav-primary');\n this.appendMenu('nav-secondary');\n this.appendMenu('nav-tertiary');\n this.appendMenu('nav-postscript');\n }\n }\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n const slotBasedFooter = () => {\n return (\n <footer class=\"footer\">\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <slot name=\"nav-primary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <slot name=\"nav-secondary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <slot name=\"nav-tertiary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/charities\" label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/funders\" label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\"></nav>\n </div>\n\n <div class=\"social-icon-wrap\">\n <slot name=\"social-icons\"></slot>\n </div>\n <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n };\n\n const presetFooter = () => {\n return (\n <footer class=\"footer\">\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Match Funding Opportunities</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n Christmas Challenge\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'green-match-fund')} class=\"icon-green\">\n Green Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n Champions for Children\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n Women and Girls Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n Kind²Mind\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact')} class=\"icon-arts\">\n Arts for Impact\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n Emergency Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your own campaign</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Resources</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports &amp; Insights</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">About</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>Contact us</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'careers')}>Careers</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n </li>\n </ul>\n </nav>\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'charities')} label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'funders')} label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences')}>Cookies Preference Centre</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"social-icon-wrap\">\n <div slot=\"social-icons\">\n <biggive-social-icon\n service=\"Facebook\"\n url=\"https://www.facebook.com/BigGive.org\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://twitter.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\" wide={true}></biggive-social-icon>\n <biggive-social-icon\n service=\"LinkedIn\"\n url=\"https://uk.linkedin.com/company/big-give\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n </div>\n <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n };\n\n return this.usePresetFooter ? presetFooter() : slotBasedFooter();\n }\n}\n"]}
1
+ {"version":3,"file":"biggive-footer.js","sourceRoot":"","sources":["../../../src/components/biggive-footer/biggive-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'biggive-footer',\n styleUrl: 'biggive-footer.scss',\n shadow: true,\n})\nexport class BiggiveFooter {\n @Element() host: HTMLBiggiveFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n /**\n * URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n * take them as props\n */\n @Prop() donateUrlPrefix: string;\n @Prop() blogUrlPrefix: string | undefined;\n @Prop() experienceUrlPrefix: string | undefined;\n private year: string = new Date().getFullYear().toString();\n\n /**\n * Conditionally render footer menu:\n * hard-coded (preset) when set to true, dynamic (slot-based) when set to false\n */\n @Prop() usePresetFooter = false;\n\n private appendMenu(menuName: string) {\n var node = this.host.querySelector(`[slot=\"${menuName}\"]`);\n if (node !== null) {\n this.host!.shadowRoot!.querySelector(`.${menuName}`)!.appendChild(node);\n }\n }\n\n componentDidRender() {\n if (!this.usePresetFooter) {\n this.appendMenu('nav-primary');\n this.appendMenu('nav-secondary');\n this.appendMenu('nav-tertiary');\n this.appendMenu('nav-postscript');\n }\n }\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n const slotBasedFooter = () => {\n return (\n <footer class=\"footer\">\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <slot name=\"nav-primary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <slot name=\"nav-secondary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <slot name=\"nav-tertiary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/charities\" label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/funders\" label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\"></nav>\n </div>\n\n <div class=\"social-icon-wrap\">\n <slot name=\"social-icons\"></slot>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n };\n\n const presetFooter = () => {\n return (\n <footer class=\"footer\">\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Match Funding Opportunities</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n Christmas Challenge\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'green-match-fund')} class=\"icon-green\">\n Green Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n Champions for Children\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n Women and Girls Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n Kind²Mind\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact')} class=\"icon-arts\">\n Arts for Impact\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n Emergency Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your own campaign</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Resources</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports &amp; Insights</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">About</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>Contact us</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'careers')}>Careers</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n </li>\n </ul>\n </nav>\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'charities')} label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'funders')} label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences')}>Cookies Preference Centre</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"social-icon-wrap\">\n <div slot=\"social-icons\">\n <biggive-social-icon\n service=\"Facebook\"\n url=\"https://www.facebook.com/BigGive.org\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://twitter.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\" wide={true}></biggive-social-icon>\n <biggive-social-icon\n service=\"LinkedIn\"\n url=\"https://uk.linkedin.com/company/big-give\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n };\n\n return this.usePresetFooter ? presetFooter() : slotBasedFooter();\n }\n}\n"]}
package/dist/collection/components/biggive-footer/test/biggive-footer.spec.js CHANGED
@@ -2,6 +2,7 @@ import { newSpecPage } from "@stencil/core/testing";
2
2
  import { BiggiveFooter } from "../biggive-footer";
3
3
  describe('biggive-footer', () => {
4
4
  it('renders', async () => {
5
+ const year = new Date().getFullYear().toString();
5
6
  const page = await newSpecPage({
6
7
  components: [BiggiveFooter],
7
8
  html: `<biggive-footer></biggive-footer>`,
@@ -39,7 +40,7 @@ describe('biggive-footer', () => {
39
40
  <div class="social-icon-wrap">
40
41
  <slot name="social-icons"></slot>
41
42
  </div>
42
- <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>
43
+ <p>&copy; 2007 – ${year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>
43
44
  </div>
44
45
 
45
46
  </footer>
package/dist/collection/components/biggive-footer/test/biggive-footer.spec.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"biggive-footer.spec.js","sourceRoot":"","sources":["../../../../src/components/biggive-footer/test/biggive-footer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,mCAAmC;SAC1C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { BiggiveFooter } from '../biggive-footer';\n\ndescribe('biggive-footer', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [BiggiveFooter],\n html: `<biggive-footer></biggive-footer>`,\n });\n expect(page.root).toEqualHtml(`\n <biggive-footer>\n <mock:shadow-root>\n <footer class=\"footer\">\n <div class=\"row row-top\">\n\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <h5 class=\"heading\" id=\"footer-primary-heading\"><slot name=\"nav-primary-title\"></slot></h5>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <h5 class=\"heading\" id=\"footer-secondary-heading\"><slot name=\"nav-secondary-title\"></slot></h5>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <h5 class=\"heading\" id=\"footer-tertiary-heading\"><slot name=\"nav-tertiary-title\"></slot></h5>\n </nav>\n\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/charities\" label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/funders\" label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src=\"/assets/images/fundraising-regulator.png\" alt=\"Registered with FUNDRAISING REGULATOR\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\"></nav>\n </div>\n <div class=\"social-icon-wrap\">\n <slot name=\"social-icons\"></slot>\n </div>\n <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n\n </footer>\n </mock:shadow-root>\n </biggive-footer>\n `);\n });\n});\n"]}
1
+ {"version":3,"file":"biggive-footer.spec.js","sourceRoot":"","sources":["../../../../src/components/biggive-footer/test/biggive-footer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;QACzD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,mCAAmC;SAC1C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAiCL,IAAI;;;;;;KAM5B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { BiggiveFooter } from '../biggive-footer';\n\ndescribe('biggive-footer', () => {\n it('renders', async () => {\n const year: string = new Date().getFullYear().toString();\n const page = await newSpecPage({\n components: [BiggiveFooter],\n html: `<biggive-footer></biggive-footer>`,\n });\n expect(page.root).toEqualHtml(`\n <biggive-footer>\n <mock:shadow-root>\n <footer class=\"footer\">\n <div class=\"row row-top\">\n\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <h5 class=\"heading\" id=\"footer-primary-heading\"><slot name=\"nav-primary-title\"></slot></h5>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <h5 class=\"heading\" id=\"footer-secondary-heading\"><slot name=\"nav-secondary-title\"></slot></h5>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <h5 class=\"heading\" id=\"footer-tertiary-heading\"><slot name=\"nav-tertiary-title\"></slot></h5>\n </nav>\n\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/charities\" label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/funders\" label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src=\"/assets/images/fundraising-regulator.png\" alt=\"Registered with FUNDRAISING REGULATOR\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\"></nav>\n </div>\n <div class=\"social-icon-wrap\">\n <slot name=\"social-icons\"></slot>\n </div>\n <p>&copy; 2007 – ${year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n\n </footer>\n </mock:shadow-root>\n </biggive-footer>\n `);\n });\n});\n"]}
package/dist/collection/components/biggive-text-input/biggive-text-input.css CHANGED
@@ -74,9 +74,7 @@ a:hover {
74
74
 
75
75
  ::slotted([slot=label]) {
76
76
  display: inline-block;
77
- overflow: hidden;
78
77
  line-height: 1.2;
79
- max-height: 2rem;
80
78
  }
81
79
 
82
80
  .text-input {
@@ -91,15 +89,19 @@ a:hover {
91
89
  position: absolute;
92
90
  }
93
91
  .text-input .prompt {
94
- position: absolute;
92
+ position: relative;
95
93
  z-index: 2;
96
94
  font-size: small;
97
- top: -1em;
98
- background-color: #F6F6F6;
95
+ top: 1em;
99
96
  left: 4em;
97
+ color: #2C089B;
98
+ max-width: calc(100% - 10em);
99
+ display: inline-block;
100
+ }
101
+ .text-input .prompt > span {
100
102
  padding-left: 1em;
101
103
  padding-right: 1em;
102
- color: #2C089B;
104
+ background-color: #F6F6F6;
103
105
  }
104
106
  .text-input.select-style-bordered .sleeve {
105
107
  font-size: 24px;
package/dist/collection/components/biggive-text-input/biggive-text-input.js CHANGED
@@ -14,7 +14,7 @@ export class BiggiveTextInput {
14
14
  }
15
15
  render() {
16
16
  const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
17
- return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "sleeve" }, h("div", { key: 'f32cade700915ce064666fdee46b28476349be8e', class: "inner-sleave" }, currencySymbol && h("span", { key: '3e9a77fff56541d0f506e0948ad8d0f67303cfab', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'acc98864810398c93a700526befdf4f98cb77454', name: "input" }), h("div", { key: 'bb09a754c20170febb760874c6889fd9a66c0bb6', style: { clear: 'both' } }))), h("div", { key: '6ef14a6be5a079ef58d7b2d282653fe18979effa', class: "prompt" }, h("slot", { key: '56cfe3e2634039f26ca66d735212db40402af0f3', name: "label" }))));
17
+ return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "prompt" }, h("span", { key: 'cf5709fd0523b21f1394644f6b0ec95f4069b3d1' }, h("slot", { key: 'e2eb724b1d687b200b295c2b6b4fcf59bfd73b28', name: "label" }))), h("div", { key: 'd49549bef8a7781c94d51741721fe550e2ae6944', class: "sleeve" }, h("div", { key: '32f5213fa9a550c898023097b8333c8b3dacbbe4', class: "inner-sleave" }, currencySymbol && h("span", { key: '31b5ef3de41e506e5c80cc3e8320041a83c061a6', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'e9b67fe16688e94c48545d5d247900b0ce7f90c0', name: "input" }), h("div", { key: '18571720cfaaafecbc6ff5888f86dae5f1a68b1a', style: { clear: 'both' } })))));
18
18
  }
19
19
  static get is() { return "biggive-text-input"; }
20
20
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/biggive-text-input/biggive-text-input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"biggive-text-input.js","sourceRoot":"","sources":["../../../src/components/biggive-text-input/biggive-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;GAKG;AAMH,MAAM,OAAO,gBAAgB;;;;0BAME,CAAC;2BACmB,UAAU;;IAE3D,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QACjG,OAAO,CACL,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW;YAC3F,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,cAAc;oBACtB,cAAc,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,cAAc,CAAQ;oBACxE,6DAAM,IAAI,EAAC,OAAO,GAAG;oBACrB,4DAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,CACjC,CACF;YACN,4DAAK,KAAK,EAAC,QAAQ;gBACjB,6DAAM,IAAI,EAAC,OAAO,GAAG,CACjB,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n */\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Prop() value!: string;\n /**\n * ISO-4217 currency code if input is for a money value\n */\n @Prop() currency: 'GBP' | 'USD' | undefined;\n @Prop() spaceBelow: number = 0;\n @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n render() {\n const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n return (\n <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle}>\n <div class=\"sleeve\">\n <div class=\"inner-sleave\">\n {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n <slot name=\"input\" />\n <div style={{ clear: 'both' }}></div>\n </div>\n </div>\n <div class=\"prompt\">\n <slot name=\"label\" />\n </div>\n </div>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"biggive-text-input.js","sourceRoot":"","sources":["../../../src/components/biggive-text-input/biggive-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;GAKG;AAMH,MAAM,OAAO,gBAAgB;;;;0BAME,CAAC;2BACmB,UAAU;;IAE3D,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QACjG,OAAO,CACL,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW;YAC3F,4DAAK,KAAK,EAAC,QAAQ;gBACjB;oBACE,6DAAM,IAAI,EAAC,OAAO,GAAG,CAChB,CACH;YACN,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,cAAc;oBACtB,cAAc,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,cAAc,CAAQ;oBACxE,6DAAM,IAAI,EAAC,OAAO,GAAG;oBACrB,4DAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,CACjC,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n */\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Prop() value!: string;\n /**\n * ISO-4217 currency code if input is for a money value\n */\n @Prop() currency: 'GBP' | 'USD' | undefined;\n @Prop() spaceBelow: number = 0;\n @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n render() {\n const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n return (\n <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle}>\n <div class=\"prompt\">\n <span>\n <slot name=\"label\" />\n </span>\n </div>\n <div class=\"sleeve\">\n <div class=\"inner-sleave\">\n {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n <slot name=\"input\" />\n <div style={{ clear: 'both' }}></div>\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
package/dist/collection/components/biggive-timeline/biggive-timeline.js CHANGED
@@ -106,7 +106,7 @@ export class BiggiveTimeline {
106
106
  });
107
107
  }
108
108
  render() {
109
- return (h("div", { key: 'fa8bc2fb86be98dd21ee5494da948ce839f483f4', class: 'container space-below-' +
109
+ return (h("div", { key: 'a57df2794d8055ce13518c748935a4f44933ea60', class: 'container space-below-' +
110
110
  this.spaceBelow +
111
111
  ' text-colour-' +
112
112
  this.textColour +
@@ -129,7 +129,7 @@ export class BiggiveTimeline {
129
129
  ' entry-title-colour-' +
130
130
  this.entryTitleColour +
131
131
  ' entry-text-colour-' +
132
- this.entryTextColour }, h("div", { key: '097d5ef7c11cd5e73666594b5099da38cbb4b29b', class: "navigation" }, h("div", { key: 'bb85b967ef6c15b0b49533d0a3820fc337ff2bb1', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '29e2f16187bbf3f47bb4d773198aefcdd16bf3ad', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '798e2e22578394b01f89612a9e866a1f766d3832', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: 'c10178f94868c2202996e9c9fd64512f24d41a11', class: "sleeve" }, h("ul", { key: 'eec78251afe1e1afbdcc42dcb4dd38769cd0fdeb' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: '464ed69f9c70507d906f2612184cabf00ee820d4', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '88c486dfff1662f2e53d9c9fb2c50e74e3a0147f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '41aa9514369b430d8aa40489a85a87532affe6af', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: '0d1eb2f1a1f5f2db8fdafc1e6b012632a0c7f538', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
132
+ this.entryTextColour }, h("div", { key: '53ad5ad6059aaa115f64d42d1731fce34e1c46ef', class: "navigation" }, h("div", { key: 'eae1b0def646a91b30040d7ab05c01600a482644', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '40b32928ff3177d5e3506f3a9c7a3d58d2280506', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ab8683532aa056324f06d41ee01b7304752531a8', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '2011d417b4e60e81527858e2e5e22dfb36a53ffb', class: "sleeve" }, h("ul", { key: '4b4ef5d98bfcd52c615c741631ec911b932e0345' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'd6e7e7ff1394336771e347a478ec06072a227322', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '20120afb075a25f07ee5024236b7ee50ec8d588f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4c0ee26f7f38377cf5447c8ae0874f155fcd73e5', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: 'f273403a0a687014dc17a109adb2bbf51b942e16', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
133
133
  }
134
134
  static get is() { return "biggive-timeline"; }
135
135
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/biggive-totalizer/biggive-totalizer.js CHANGED
@@ -82,7 +82,7 @@ export class BiggiveTotalizer {
82
82
  });
83
83
  }
84
84
  render() {
85
- return (h("div", { key: '4d37766b4264fb16d9c0be792e274efe11ccfbc1', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '6d04f32e3a29042745e1dc06d3b3c1c7a95b1b06' }, h("div", { key: '96b11040780b124cdc881e3f1669eeb04db542a3', class: "banner" }, h("div", { key: '52695640c2813a6d63af7bcac8cff69ea6f4b113', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '57dbca3cb2d90bd330fb38e2a8b9f3079a3f8ffa', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: '311e5f5947f21164e6ef0bb0fd6174abdc939ba5', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '1edb6c4b750eb30ce24d4399585e4e41b3d42d55', name: "ticker-items" })), h("div", { key: '2969e3b01c8564b617fc51b65352d17177a30d86', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '2420db0ca8a8c6402b5131e9190f66766dbeee68', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '447de575a80b4a0631d16846a4d2192331b1627a', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
85
+ return (h("div", { key: '0a641bcc948659a2d6b6587d5efdd23ff6da7705', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'c0e2028f8e7ec5305352dd3fab47f5c493744cb1' }, h("div", { key: '87151730dff0b6f75aa74e4fb115cac5d3377f04', class: "banner" }, h("div", { key: '9cb1831926391a6921f4de0214713b3c6af9c7ca', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '1bc43d9a74377bee92bc2194ffba9289b81a612b', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'e7cc45b5e947d8efd3dcf852b1fdaeb2f6c986f0', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '36e49a0f66953419f0697af3cfac3c02edcb386b', name: "ticker-items" })), h("div", { key: 'd1a0416c893816a97644d2230b0cd860594cc032', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '5b4337fa1cc0a7ac1f4142b42061642b2f005c49', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '40d9274a8354e4f8611cdc3d95e6697a6aa02e2c', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
86
86
  }
87
87
  static get is() { return "biggive-totalizer"; }
88
88
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js CHANGED
@@ -5,7 +5,7 @@ export class BiggiveTotalizerTickerItem {
5
5
  this.label = undefined;
6
6
  }
7
7
  render() {
8
- return (h("div", { key: '53075748d4c29a33ddf4314471741545cc6daa62', class: "ticker-item" }, h("strong", { key: '09b973f9fcfdd3112fb9ecb08b20495d74b38b9d' }, this.figure), " ", this.label));
8
+ return (h("div", { key: '92caa81db03fc9871cc7f6c0e5e75ef30bf29e4d', class: "ticker-item" }, h("strong", { key: '494dee81a7ff6b6dcca2aeb96f8f3d4b26e5bc40' }, this.figure), " ", this.label));
9
9
  }
10
10
  static get is() { return "biggive-totalizer-ticker-item"; }
11
11
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/biggive-video/biggive-video.js CHANGED
@@ -7,7 +7,7 @@ export class BiggiveVideo {
7
7
  this.videoUrl = '';
8
8
  }
9
9
  render() {
10
- return (h("div", { key: '1c1e2ed35f62d9bd5ca3677dcac66a34b6b07614', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7fb5c857c6faf3606fb71ddd2bea3329690b8f78', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
10
+ return (h("div", { key: '2f45734791082583b92524301e96c2d83200a133', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'dd6b41cb1449af2b1dcf81b8f58794ac87847f70', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
11
11
  }
12
12
  static get is() { return "biggive-video"; }
13
13
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/biggive-video-feature/biggive-video-feature.js CHANGED
@@ -18,7 +18,7 @@ export class BiggiveVideoFeature {
18
18
  }
19
19
  render() {
20
20
  const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
21
- return (h("div", { key: '7c2440bc61a076a571fa3a213b02187aaaaae28e', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7c32872daa32bf15194e47e5265d30d61e33bada', class: "sleeve" }, h("div", { key: 'c6a0908c944cf4c9fb8e33a98a456b56f5a70e6c', class: "content-wrap" }, h("div", { key: 'd05d7dac6716c97c7fb59a33189055f94006cb5b', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'aa590bc910a50e7acb7e95c512bb024059fc1726', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '314725649fd3653bf20cc0cece774c8544a451cc', 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", { key: '37f59615e397bfc88ce6f60ec9dc642af1b231fd', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
21
+ return (h("div", { key: 'ca1e7e592f4bee2865b0e90150ac798b35d3f38c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '71d0b0630cc2038115126e07cbe1f6825dfe78bd', class: "sleeve" }, h("div", { key: 'e7b4d335f1ea2730fa31184bff3ffc9e4455f5b1', class: "content-wrap" }, h("div", { key: '075dc776d1ed6ef1e144d5697cd8269397fb6486', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'f0fbd716c44291e3edf29c2decd58d8a93124207', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '7f70d22683ea00f100173e3e4034fc51468efffa', 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", { key: '842ee1a7ad83124ab52172ee17ac160944801a85', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
22
22
  }
23
23
  static get is() { return "biggive-video-feature"; }
24
24
  static get encapsulation() { return "shadow"; }
package/dist/components/biggive-footer.js CHANGED
@@ -11,6 +11,7 @@ const BiggiveFooter$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveFooter ext
11
11
  super();
12
12
  this.__registerHost();
13
13
  this.__attachShadow();
14
+ this.year = new Date().getFullYear().toString();
14
15
  this.headingLevel = 5;
15
16
  this.donateUrlPrefix = undefined;
16
17
  this.blogUrlPrefix = undefined;
@@ -34,10 +35,10 @@ const BiggiveFooter$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveFooter ext
34
35
  render() {
35
36
  const HeadingTag = `h${this.headingLevel}`;
36
37
  const slotBasedFooter = () => {
37
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
38
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://biggive.org/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 ", this.year, " The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
38
39
  };
39
40
  const presetFooter = () => {
40
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact'), class: "icon-arts" }, "Arts for Impact")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Statement")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies') }, "Cookies Statement")), h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences') }, "Cookies Preference Centre"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
41
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact'), class: "icon-arts" }, "Arts for Impact")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('assets/images/fundraising-regulator.png'), alt: "Registered with FUNDRAISING REGULATOR" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Statement")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies') }, "Cookies Statement")), h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences') }, "Cookies Preference Centre"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 ", this.year, " The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
41
42
  };
42
43
  return this.usePresetFooter ? presetFooter() : slotBasedFooter();
43
44
  }
package/dist/components/biggive-footer.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"biggive-footer.js","mappings":"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","names":["BiggiveFooter"],"sources":["src/components/biggive-footer/biggive-footer.scss?tag=biggive-footer&encapsulation=shadow","src/components/biggive-footer/biggive-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include standard-font();\n color: $colour-white;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include heading-5();\n border-bottom: 1px solid $colour-white;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-white;\n text-decoration: none;\n // target all classes prefixed with 'icon-' so we don't repeat code\n &[class^='icon-'],\n &[class*='icon-'] {\n padding-left: 20px;\n background-repeat: no-repeat;\n background-size: auto 10px;\n background-position: left center;\n }\n\n &.icon-green {\n background-image: url(/assets/images/triangles-combined-green-match-white.svg);\n }\n\n &.icon-children {\n background-image: url(/assets/images/triangles-combined-children-white.svg);\n }\n\n &.icon-christmas {\n background-image: url(/assets/images/triangles-combined-christmas-challenge-white.svg);\n }\n\n &.icon-green-match {\n background-image: url(/assets/images/triangles-combined-green-match-white.svg);\n }\n\n &.icon-women-girls {\n background-image: url(/assets/images/triangles-combined-women-girls-white.svg);\n }\n\n &.icon-mental-health {\n background-image: url(/assets/images/triangles-combined-mental-health-white.svg);\n }\n\n &.icon-anchor-match {\n background-image: url(/assets/images/triangles-combined-anchor-white.svg);\n }\n\n &.icon-emergency {\n background-image: url(/assets/images/triangles-combined-emergency-white.svg);\n }\n\n &.icon-arts {\n background-image: url(/assets/images/triangles-combined-arts-white.svg);\n }\n}\n\n.row-top {\n background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-primary-blue;\n padding: 100px $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .fr-logo {\n width: 135px;\n }\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-top {\n padding: $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 80px;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'biggive-footer',\n styleUrl: 'biggive-footer.scss',\n shadow: true,\n})\nexport class BiggiveFooter {\n @Element() host: HTMLBiggiveFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n /**\n * URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n * take them as props\n */\n @Prop() donateUrlPrefix: string;\n @Prop() blogUrlPrefix: string | undefined;\n @Prop() experienceUrlPrefix: string | undefined;\n\n /**\n * Conditionally render footer menu:\n * hard-coded (preset) when set to true, dynamic (slot-based) when set to false\n */\n @Prop() usePresetFooter = false;\n\n private appendMenu(menuName: string) {\n var node = this.host.querySelector(`[slot=\"${menuName}\"]`);\n if (node !== null) {\n this.host!.shadowRoot!.querySelector(`.${menuName}`)!.appendChild(node);\n }\n }\n\n componentDidRender() {\n if (!this.usePresetFooter) {\n this.appendMenu('nav-primary');\n this.appendMenu('nav-secondary');\n this.appendMenu('nav-tertiary');\n this.appendMenu('nav-postscript');\n }\n }\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n const slotBasedFooter = () => {\n return (\n <footer class=\"footer\">\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <slot name=\"nav-primary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <slot name=\"nav-secondary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <slot name=\"nav-tertiary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/charities\" label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/funders\" label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\"></nav>\n </div>\n\n <div class=\"social-icon-wrap\">\n <slot name=\"social-icons\"></slot>\n </div>\n <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n };\n\n const presetFooter = () => {\n return (\n <footer class=\"footer\">\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Match Funding Opportunities</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n Christmas Challenge\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'green-match-fund')} class=\"icon-green\">\n Green Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n Champions for Children\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n Women and Girls Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n Kind²Mind\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact')} class=\"icon-arts\">\n Arts for Impact\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n Emergency Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your own campaign</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Resources</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports &amp; Insights</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">About</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>Contact us</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'careers')}>Careers</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n </li>\n </ul>\n </nav>\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'charities')} label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'funders')} label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences')}>Cookies Preference Centre</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"social-icon-wrap\">\n <div slot=\"social-icons\">\n <biggive-social-icon\n service=\"Facebook\"\n url=\"https://www.facebook.com/BigGive.org\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://twitter.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\" wide={true}></biggive-social-icon>\n <biggive-social-icon\n service=\"LinkedIn\"\n url=\"https://uk.linkedin.com/company/big-give\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n </div>\n <p>&copy; 2007 – 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n };\n\n return this.usePresetFooter ? presetFooter() : slotBasedFooter();\n }\n}\n"],"version":3}
1
+ {"file":"biggive-footer.js","mappings":"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","names":["BiggiveFooter"],"sources":["src/components/biggive-footer/biggive-footer.scss?tag=biggive-footer&encapsulation=shadow","src/components/biggive-footer/biggive-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include standard-font();\n color: $colour-white;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include heading-5();\n border-bottom: 1px solid $colour-white;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-white;\n text-decoration: none;\n // target all classes prefixed with 'icon-' so we don't repeat code\n &[class^='icon-'],\n &[class*='icon-'] {\n padding-left: 20px;\n background-repeat: no-repeat;\n background-size: auto 10px;\n background-position: left center;\n }\n\n &.icon-green {\n background-image: url(/assets/images/triangles-combined-green-match-white.svg);\n }\n\n &.icon-children {\n background-image: url(/assets/images/triangles-combined-children-white.svg);\n }\n\n &.icon-christmas {\n background-image: url(/assets/images/triangles-combined-christmas-challenge-white.svg);\n }\n\n &.icon-green-match {\n background-image: url(/assets/images/triangles-combined-green-match-white.svg);\n }\n\n &.icon-women-girls {\n background-image: url(/assets/images/triangles-combined-women-girls-white.svg);\n }\n\n &.icon-mental-health {\n background-image: url(/assets/images/triangles-combined-mental-health-white.svg);\n }\n\n &.icon-anchor-match {\n background-image: url(/assets/images/triangles-combined-anchor-white.svg);\n }\n\n &.icon-emergency {\n background-image: url(/assets/images/triangles-combined-emergency-white.svg);\n }\n\n &.icon-arts {\n background-image: url(/assets/images/triangles-combined-arts-white.svg);\n }\n}\n\n.row-top {\n background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-primary-blue;\n padding: 100px $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .fr-logo {\n width: 135px;\n }\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-top {\n padding: $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 80px;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'biggive-footer',\n styleUrl: 'biggive-footer.scss',\n shadow: true,\n})\nexport class BiggiveFooter {\n @Element() host: HTMLBiggiveFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n /**\n * URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n * take them as props\n */\n @Prop() donateUrlPrefix: string;\n @Prop() blogUrlPrefix: string | undefined;\n @Prop() experienceUrlPrefix: string | undefined;\n private year: string = new Date().getFullYear().toString();\n\n /**\n * Conditionally render footer menu:\n * hard-coded (preset) when set to true, dynamic (slot-based) when set to false\n */\n @Prop() usePresetFooter = false;\n\n private appendMenu(menuName: string) {\n var node = this.host.querySelector(`[slot=\"${menuName}\"]`);\n if (node !== null) {\n this.host!.shadowRoot!.querySelector(`.${menuName}`)!.appendChild(node);\n }\n }\n\n componentDidRender() {\n if (!this.usePresetFooter) {\n this.appendMenu('nav-primary');\n this.appendMenu('nav-secondary');\n this.appendMenu('nav-tertiary');\n this.appendMenu('nav-postscript');\n }\n }\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n const slotBasedFooter = () => {\n return (\n <footer class=\"footer\">\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <slot name=\"nav-primary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <slot name=\"nav-secondary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <slot name=\"nav-tertiary-title\"></slot>\n </HeadingTag>\n </nav>\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/charities\" label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/funders\" label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\"></nav>\n </div>\n\n <div class=\"social-icon-wrap\">\n <slot name=\"social-icons\"></slot>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n };\n\n const presetFooter = () => {\n return (\n <footer class=\"footer\">\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">Match Funding Opportunities</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n Christmas Challenge\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'green-match-fund')} class=\"icon-green\">\n Green Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n Champions for Children\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n Women and Girls Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n Kind²Mind\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact')} class=\"icon-arts\">\n Arts for Impact\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n Emergency Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your own campaign</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Resources</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports &amp; Insights</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">About</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>Contact us</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'careers')}>Careers</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n </li>\n </ul>\n </nav>\n\n <div class=\"button-wrap\">\n <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'charities')} label=\"For charities\"></biggive-button>\n <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'funders')} label=\"For funders\"></biggive-button>\n </div>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <img class=\"fr-logo\" src={getAssetPath('assets/images/fundraising-regulator.png')} alt=\"Registered with FUNDRAISING REGULATOR\" />\n\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences')}>Cookies Preference Centre</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"social-icon-wrap\">\n <div slot=\"social-icons\">\n <biggive-social-icon\n service=\"Facebook\"\n url=\"https://www.facebook.com/BigGive.org\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://twitter.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\" wide={true}></biggive-social-icon>\n <biggive-social-icon\n service=\"LinkedIn\"\n url=\"https://uk.linkedin.com/company/big-give\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n wide={true}\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n </div>\n <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n };\n\n return this.usePresetFooter ? presetFooter() : slotBasedFooter();\n }\n}\n"],"version":3}
package/dist/components/biggive-text-input.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
 
3
- const biggiveTextInputCss = "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}::slotted([slot=label]){display:inline-block;overflow:hidden;line-height:1.2;max-height:2rem}.text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:absolute;z-index:2;font-size:small;top:-1em;background-color:#F6F6F6;left:4em;padding-left:1em;padding-right:1em;color:#2C089B}.text-input.select-style-bordered .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
3
+ const biggiveTextInputCss = "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}::slotted([slot=label]){display:inline-block;line-height:1.2}.text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:relative;z-index:2;font-size:small;top:1em;left:4em;color:#2C089B;max-width:calc(100% - 10em);display:inline-block}.text-input .prompt>span{padding-left:1em;padding-right:1em;background-color:#F6F6F6}.text-input.select-style-bordered .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
4
4
  const BiggiveTextInputStyle0 = biggiveTextInputCss;
5
5
 
6
6
  const BiggiveTextInput$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTextInput extends HTMLElement {
@@ -15,7 +15,7 @@ const BiggiveTextInput$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTextInp
15
15
  }
16
16
  render() {
17
17
  const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
18
- return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "sleeve" }, h("div", { key: 'f32cade700915ce064666fdee46b28476349be8e', class: "inner-sleave" }, currencySymbol && h("span", { key: '3e9a77fff56541d0f506e0948ad8d0f67303cfab', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'acc98864810398c93a700526befdf4f98cb77454', name: "input" }), h("div", { key: 'bb09a754c20170febb760874c6889fd9a66c0bb6', style: { clear: 'both' } }))), h("div", { key: '6ef14a6be5a079ef58d7b2d282653fe18979effa', class: "prompt" }, h("slot", { key: '56cfe3e2634039f26ca66d735212db40402af0f3', name: "label" }))));
18
+ return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "prompt" }, h("span", { key: 'cf5709fd0523b21f1394644f6b0ec95f4069b3d1' }, h("slot", { key: 'e2eb724b1d687b200b295c2b6b4fcf59bfd73b28', name: "label" }))), h("div", { key: 'd49549bef8a7781c94d51741721fe550e2ae6944', class: "sleeve" }, h("div", { key: '32f5213fa9a550c898023097b8333c8b3dacbbe4', class: "inner-sleave" }, currencySymbol && h("span", { key: '31b5ef3de41e506e5c80cc3e8320041a83c061a6', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'e9b67fe16688e94c48545d5d247900b0ce7f90c0', name: "input" }), h("div", { key: '18571720cfaaafecbc6ff5888f86dae5f1a68b1a', style: { clear: 'both' } })))));
19
19
  }
20
20
  static get style() { return BiggiveTextInputStyle0; }
21
21
  }, [1, "biggive-text-input", {
package/dist/components/biggive-text-input.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"biggive-text-input.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,4rDAA4rD,CAAC;AACztD,+BAAe,mBAAmB;;MCYrBA,kBAAgB;;;;;;;0BAME,CAAC;2BACmB,UAAU;;IAE3D,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,SAAS,CAAC;QACjG,QACE,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,IAC3F,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,cAAc,IACtB,cAAc,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,cAAc,CAAQ,EACxE,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,4DAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,CACjC,CACF,EACN,4DAAK,KAAK,EAAC,QAAQ,IACjB,6DAAM,IAAI,EAAC,OAAO,GAAG,CACjB,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTextInput"],"sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n::slotted([slot=label]) {\n display: inline-block;\n overflow: hidden;\n line-height: 1.2; // Slightly less than other text to help with long charity names.\n max-height: 2rem; // Essential to not obscure amount on some high DPI, small screens.\n}\n\n.text-input {\n .currency-symbol {\n position: absolute;\n }\n position: relative;\n .prompt {\n position: absolute;\n z-index: 2;\n font-size: small;\n top: -1em;\n background-color: $colour-grey-background;\n left: 4em;\n padding-left: 1em;\n padding-right: 1em;\n color: $colour-primary-blue;\n }\n\n @include standard-font();\n position: relative;\n text-align: left;\n &.select-style-bordered {\n .sleeve {\n @include font-size-large();\n font-weight: bolder;\n padding: 2px;\n position: relative;\n background-color: $colour-primary-blue;\n @include corner-clip-small-top-right();\n .inner-sleave {\n background-color: $colour-grey-background;\n color: $colour-primary-blue;\n display: block;\n position: relative;\n padding: 10px 30px 10px 10px;\n clip-path:\n polygon(\n 0% 0%, /* top left */\n 0% 0%, /* top left */\n calc(100% - 14px) 0%, /* top right */\n 100% 14px, /* top right */\n 100% 100%, /* bottom right */\n 100% 100%, /* bottom right */\n 0 100%, /* bottom left */\n 0 100% /* bottom left */\n );\n &:after {\n content: '';\n display: block;\n position: absolute;\n right: 20px;\n top: 18px;\n width: 10px;\n height: 10px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n }\n }\n }\n }\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n */\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Prop() value!: string;\n /**\n * ISO-4217 currency code if input is for a money value\n */\n @Prop() currency: 'GBP' | 'USD' | undefined;\n @Prop() spaceBelow: number = 0;\n @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n render() {\n const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n return (\n <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle}>\n <div class=\"sleeve\">\n <div class=\"inner-sleave\">\n {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n <slot name=\"input\" />\n <div style={{ clear: 'both' }}></div>\n </div>\n </div>\n <div class=\"prompt\">\n <slot name=\"label\" />\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"biggive-text-input.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,quDAAquD,CAAC;AAClwD,+BAAe,mBAAmB;;MCYrBA,kBAAgB;;;;;;;0BAME,CAAC;2BACmB,UAAU;;IAE3D,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,SAAS,CAAC;QACjG,QACE,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,IAC3F,4DAAK,KAAK,EAAC,QAAQ,IACjB,+DACE,6DAAM,IAAI,EAAC,OAAO,GAAG,CAChB,CACH,EACN,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,cAAc,IACtB,cAAc,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,cAAc,CAAQ,EACxE,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,4DAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,CACjC,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTextInput"],"sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n::slotted([slot=label]) {\n display: inline-block;\n line-height: 1.2; // Slightly less than other text to help with long charity names.\n}\n\n.text-input {\n .currency-symbol {\n position: absolute;\n }\n position: relative;\n .prompt {\n position: relative;\n z-index: 2;\n font-size: small;\n top: 1em;\n left: 4em;\n color: $colour-primary-blue;\n max-width: calc(100% - 10em);\n display: inline-block;\n\n > span {\n padding-left: 1em;\n padding-right: 1em;\n background-color: $colour-grey-background;\n }\n }\n\n @include standard-font();\n position: relative;\n text-align: left;\n &.select-style-bordered {\n .sleeve {\n @include font-size-large();\n font-weight: bolder;\n padding: 2px;\n position: relative;\n background-color: $colour-primary-blue;\n @include corner-clip-small-top-right();\n .inner-sleave {\n background-color: $colour-grey-background;\n color: $colour-primary-blue;\n display: block;\n position: relative;\n padding: 10px 30px 10px 10px;\n clip-path:\n polygon(\n 0% 0%, /* top left */\n 0% 0%, /* top left */\n calc(100% - 14px) 0%, /* top right */\n 100% 14px, /* top right */\n 100% 100%, /* bottom right */\n 100% 100%, /* bottom right */\n 0 100%, /* bottom left */\n 0 100% /* bottom left */\n );\n &:after {\n content: '';\n display: block;\n position: absolute;\n right: 20px;\n top: 18px;\n width: 10px;\n height: 10px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n }\n }\n }\n }\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n */\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Prop() value!: string;\n /**\n * ISO-4217 currency code if input is for a money value\n */\n @Prop() currency: 'GBP' | 'USD' | undefined;\n @Prop() spaceBelow: number = 0;\n @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n render() {\n const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n return (\n <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle}>\n <div class=\"prompt\">\n <span>\n <slot name=\"label\" />\n </span>\n </div>\n <div class=\"sleeve\">\n <div class=\"inner-sleave\">\n {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n <slot name=\"input\" />\n <div style={{ clear: 'both' }}></div>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}