@biggive/components 202505221517.0.0 → 202505231135.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 (41) hide show
  1. package/dist/biggive/biggive-basic-card.entry.esm.js.map +1 -1
  2. package/dist/biggive/biggive-quote.entry.esm.js.map +1 -1
  3. package/dist/biggive/biggive.esm.js +1 -1
  4. package/dist/biggive/p-3c14162c.entry.js +2 -0
  5. package/dist/biggive/p-3c14162c.entry.js.map +1 -0
  6. package/dist/biggive/p-56859335.entry.js.map +1 -1
  7. package/dist/biggive/p-9a14c3d7.entry.js +2 -0
  8. package/dist/biggive/{p-bd6e60b6.entry.js.map → p-9a14c3d7.entry.js.map} +1 -1
  9. package/dist/biggive/p-af69a4ae.entry.js.map +1 -1
  10. package/dist/biggive/philco-footer.entry.esm.js.map +1 -1
  11. package/dist/biggive/philco-main-menu.entry.esm.js.map +1 -1
  12. package/dist/cjs/biggive-basic-card.cjs.entry.js.map +1 -1
  13. package/dist/cjs/biggive-basic-card.entry.cjs.js.map +1 -1
  14. package/dist/cjs/biggive-quote.cjs.entry.js.map +1 -1
  15. package/dist/cjs/biggive-quote.entry.cjs.js.map +1 -1
  16. package/dist/cjs/philco-footer.cjs.entry.js +1 -1
  17. package/dist/cjs/philco-footer.cjs.entry.js.map +1 -1
  18. package/dist/cjs/philco-footer.entry.cjs.js.map +1 -1
  19. package/dist/cjs/philco-main-menu.cjs.entry.js +1 -1
  20. package/dist/cjs/philco-main-menu.cjs.entry.js.map +1 -1
  21. package/dist/cjs/philco-main-menu.entry.cjs.js.map +1 -1
  22. package/dist/collection/components/philco-footer/philco-footer.css +3 -28
  23. package/dist/collection/components/philco-main-menu/philco-main-menu.css +0 -1
  24. package/dist/components/biggive-basic-card.js.map +1 -1
  25. package/dist/components/biggive-quote.js.map +1 -1
  26. package/dist/components/philco-footer.js +1 -1
  27. package/dist/components/philco-footer.js.map +1 -1
  28. package/dist/components/philco-main-menu.js +1 -1
  29. package/dist/components/philco-main-menu.js.map +1 -1
  30. package/dist/esm/biggive-basic-card.entry.js.map +1 -1
  31. package/dist/esm/biggive-quote.entry.js.map +1 -1
  32. package/dist/esm/philco-footer.entry.js +1 -1
  33. package/dist/esm/philco-footer.entry.js.map +1 -1
  34. package/dist/esm/philco-main-menu.entry.js +1 -1
  35. package/dist/esm/philco-main-menu.entry.js.map +1 -1
  36. package/hydrate/index.js +2 -2
  37. package/hydrate/index.mjs +2 -2
  38. package/package.json +1 -1
  39. package/dist/biggive/p-3703949e.entry.js +0 -2
  40. package/dist/biggive/p-3703949e.entry.js.map +0 -1
  41. package/dist/biggive/p-bd6e60b6.entry.js +0 -2
package/dist/biggive/biggive-basic-card.entry.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"biggive-basic-card.entry.esm.js","sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"biggive-basic-card.entry.esm.js","sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}
package/dist/biggive/biggive-quote.entry.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"biggive-quote.entry.esm.js","sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n &.philco {\n @include philco-body-font();\n background-color: transparent;\n .image-wrap {\n overflow: hidden;\n svg {\n width: 100px;\n height: 90px; /* = 86/96*100 */\n }\n }\n }\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColours {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n\n &.philco .attribution {\n font-weight: bolder;\n color: $colour-philco-gray-70;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n const bigGiveQuoteMarks = (\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n );\n\n const philcoQuoteMarks = (\n <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n fill=\"#f18a00\"\n />\n </svg>\n );\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n <div class=\"quote\">{quote}</div>\n <div class=\"attribution\">{attribution}</div>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,w/LAAw/L;;MCSngM,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAiB,CAAA,iBAAA,GAAgB,OAAO;AAExC,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAElB,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AAExB,QAAA,IAAe,CAAA,eAAA,GAAgB,SAAS;AAExC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AA6BrD;IA3BC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAA,CAAA,CAAG;QAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,CAAA,CAAE;QAE7F,MAAM,iBAAiB,IACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CACxG,CACP;QAED,MAAM,gBAAgB,IACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC9G,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,EAAA,CACd,CACE,CACP;QAED,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,EAAA,EACtK,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnG,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAA,EAAE,KAAK,CAAO,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EAAE,WAAW,CAAO,CACxC;;;;;;;"}
1
+ {"version":3,"file":"biggive-quote.entry.esm.js","sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n &.philco {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n background-color: transparent;\n .image-wrap {\n overflow: hidden;\n svg {\n width: 100px;\n height: 90px; /* = 86/96*100 */\n }\n }\n }\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColours {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n\n &.philco .attribution {\n font-weight: bolder;\n color: $colour-philco-gray-70;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n const bigGiveQuoteMarks = (\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n );\n\n const philcoQuoteMarks = (\n <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n fill=\"#f18a00\"\n />\n </svg>\n );\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n <div class=\"quote\">{quote}</div>\n <div class=\"attribution\">{attribution}</div>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,w/LAAw/L;;MCSngM,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAiB,CAAA,iBAAA,GAAgB,OAAO;AAExC,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAElB,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AAExB,QAAA,IAAe,CAAA,eAAA,GAAgB,SAAS;AAExC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AA6BrD;IA3BC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAA,CAAA,CAAG;QAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,CAAA,CAAE;QAE7F,MAAM,iBAAiB,IACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CACxG,CACP;QAED,MAAM,gBAAgB,IACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC9G,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,EAAA,CACd,CACE,CACP;QAED,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,EAAA,EACtK,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnG,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAA,EAAE,KAAK,CAAO,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EAAE,WAAW,CAAO,CACxC;;;;;;;"}
package/dist/biggive/biggive.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as e,H as o,b as t}from"./p-WbNeu5w_.js";export{s as setNonce}from"./p-WbNeu5w_.js";import{g as l}from"./p-DQuL1Twl.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-5f8e79c8",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-61531a73",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-a76fa524",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-b5cb7c58",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-35e30815",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-90e3f5c4",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-bd6e60b6",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-294d2ec3",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-af69a4ae",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-302c392e",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-88c654eb",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-15f3712b",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-798d3d55",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-1f665fbe",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-bf49af9d",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-04dcf112",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-bc95e18d",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-3a949af7",[[1,"biggive-back-to-top"]]],["p-ccad184e",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-2857e8e3",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-db9545d3",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-f8aacd7b",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-3073a779",[[1,"biggive-form"]]],["p-cd827e59",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-b3b8eca4",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-b13663d0",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-ea941be2",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-1028e4f7",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-298b64dc",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-0111462c",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-54653604",[[1,"biggive-page-column"]]],["p-a86899e7",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-bf5bc154",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-56859335",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-27520b79",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-f8dafa5c",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-6c88a0e0",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-5e55001d",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-dc82f26a",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-abd868ce",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-03bdba6e",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-303c43fc",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-c3ef72f9",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-8d3e24a4",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-3703949e",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-5f45e53d",[[1,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-2f5becb1",[[1,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-c5dbfc07",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-77f37853",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-1f435575",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-2906456e",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
1
+ import{p as e,H as o,b as t}from"./p-WbNeu5w_.js";export{s as setNonce}from"./p-WbNeu5w_.js";import{g as l}from"./p-DQuL1Twl.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-5f8e79c8",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-61531a73",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-a76fa524",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-b5cb7c58",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-35e30815",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-90e3f5c4",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-9a14c3d7",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-294d2ec3",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-af69a4ae",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-302c392e",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-88c654eb",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-15f3712b",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-798d3d55",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-1f665fbe",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-bf49af9d",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-04dcf112",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-bc95e18d",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-3a949af7",[[1,"biggive-back-to-top"]]],["p-ccad184e",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-2857e8e3",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-db9545d3",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-f8aacd7b",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-3073a779",[[1,"biggive-form"]]],["p-cd827e59",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-b3b8eca4",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-b13663d0",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-ea941be2",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-1028e4f7",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-298b64dc",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-0111462c",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-54653604",[[1,"biggive-page-column"]]],["p-a86899e7",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-bf5bc154",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-56859335",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-27520b79",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-f8dafa5c",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-6c88a0e0",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-5e55001d",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-dc82f26a",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-abd868ce",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-03bdba6e",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-303c43fc",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-c3ef72f9",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-8d3e24a4",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-3c14162c",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-5f45e53d",[[1,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-2f5becb1",[[1,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-c5dbfc07",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-77f37853",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-1f435575",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-2906456e",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
2
2
  //# sourceMappingURL=biggive.esm.js.map
package/dist/biggive/p-3c14162c.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as e,h as a,a as o,g as t}from"./p-WbNeu5w_.js";import{m as i}from"./p-BXkyQAX3.js";const d='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:"Bitter", serif;font-size:16px;line-height:1.2rem;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:"Garage Gothic", sans-serif;font-weight:700;margin-top:0.1rem;margin-bottom:0.1rem;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-color:#FFFFFF;padding:40px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding:45px 15px 15px 15px}.row-top{padding:30px 15px 15px 15px}nav{width:100%;margin-right:0;margin-bottom:30px}}';const c=class{constructor(a){e(this,a);this.headingLevel=5;this.philcoUrlPrefix="https://philco.org.uk/";this.year=(new Date).getFullYear().toString()}render(){const e=`h${this.headingLevel}`;return a("div",{key:"3e0d9b2f28c14776f7fa6a18de87a242357adb8b",class:"footer"},a("div",{key:"325505d3620b8cc424d49f1fb7d964d6d9765f95",class:"row row-logo"},a("div",{key:"752c238ca6b7f9c5d8a163e480188e3693738c98",class:"logo"},a("img",{key:"f7695038e7ec0c6b0ec00032f8152e57b99b6bab",src:o("/assets/images/philco/Philcologo-black.png"),alt:"PhilCo"}))),a("div",{key:"ceabc439ed8a2801f3d570283f130f33b126340a",class:"row row-top"},a("nav",{key:"0518da7f1cda78b88979957db23de4ec18221b9e",class:"nav nav-primary","aria-labelledby":"footer-primary-heading"},a(e,{key:"b188c0a111daca355b5a8f69901330d7ea7959c1",class:"heading",id:"footer-primary-heading"},a("div",{key:"320b92357855e438a676467aac5f067938dc435b",slot:"nav-primary-title"},"Contact")),a("ul",{key:"d387c49ae583685c5c695b8cab74d2e381036904",slot:"nav-primary"},a("li",{key:"cca594a115e998576b6034fc594be86c20d9c7a0"},"PhilCo@biggive.org"))),a("nav",{key:"c42c70ca2e89c41a16c2499d18fe29234199f242",class:"nav nav-secondary","aria-labelledby":"footer-secondary-heading"},a(e,{key:"c4b63fb78d5fb3390ed36d63a4199390c8178b00",class:"heading",id:"footer-secondary-heading"},a("div",{key:"dde938b2617722386da2415dbdc76b503128c99d",slot:"nav-secondary-title"},"Philco Site")),a("ul",{key:"6c28fe8ef4e406d71d90bd1879951b48b44b8333",slot:"nav-secondary"},a("li",{key:"a850c12e2760e7dc028602486766ae66a925dda1"},a("a",{key:"a82f34ad7bb7c53ef70939655ead6599bfb66d01",href:i("Philco",this.philcoUrlPrefix,"/")},"Home")),a("li",{key:"6ac476df3de49a9979c0319e18fe8d411dc6bd7d"},a("a",{key:"859662cb64a66f5b14048ff8aa677a8e51722479",href:i("Philco",this.philcoUrlPrefix,"why-become-a-philco")},"Why become a Philco")),a("li",{key:"fe46683c40200633c7332a25e15c1ee486c549af"},a("a",{key:"dacad9be7ee402a9d9b8cb653025af65bdb30a19",href:i("Philco",this.philcoUrlPrefix,"sign-up")},"Sign Up")))),a("nav",{key:"a0d009444f9ba6a707b84289499bcd8a0908a7cf",class:"nav nav-tertiary","aria-labelledby":"footer-tertiary-heading"},a(e,{key:"fd3698e59d2da62a90d6fcd96aa88a260f6e7702",class:"heading",id:"footer-tertiary-heading"},a("div",{key:"d4adeffaa9bac1e8a1183d2c97c2c106f63ef72f",slot:"nav-tertiary-title"},"Guide")),a("ul",{key:"f54bd496eb35d9718e937fe480e22767ad94c941",slot:"nav-tertiary"},a("li",{key:"09c201fa06ecc0a10485c2e733508372c40634ed"},a("a",{key:"72f8596d0e09f6fb4b2b336dcdb807903dddf1e0",href:"https://drive.google.com/file/d/1D1GnstpMKnnES1aYj05EVE9_lQtLZLwj/view",target:"_blank"},"Download the guide"))))),a("div",{key:"457417c175748442c85e8b1fb756982bf71d8cec",class:"row row-bottom"},a("div",{key:"70891a8af582db30fab77ca3e5344451f5a6cff0",class:"postscript-wrap"},a("nav",{key:"b5857b5766279697c9eea92e4db020d5569d01b6",class:"nav nav-postscript","aria-label":"Legal"},a("ul",{key:"396ead0db90da054dd2891a2b4d0c40f1e617ff6",slot:"nav-postscript"},a("li",{key:"67abe6567ef2573a98a5b0b0b5cfc38472cbc577"},a("a",{key:"fefe84366b2853be1a30824cf73a3b1c3b4f37d4",href:i("Philco",this.philcoUrlPrefix,"terms-and-conditions")},"Terms and Conditions")),a("li",{key:"902bed0623fa00edb0fdd0c3cbb2afe0f41280d0"},a("a",{key:"cfb4df98a255c8edfe406a67861a5f3c042b30eb",href:i("Philco",this.philcoUrlPrefix,"privacy")},"Privacy Statement")),a("li",{key:"0a439a5bd8f986dcafcac35f4ba7ed76edefbdb8"},a("a",{key:"30cdee04206520fb4aff1f5b8a5c5a286ea6a1ca",href:i("Philco",this.philcoUrlPrefix,"privacy#cookies")},"Cookies Statement"))))),a("p",{key:"a16d46b9aaa1fbaf484c3af11e2e5d2de6f500eb"},"© 2007 – ",this.year," The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom")))}get host(){return t(this)}};c.style=d;export{c as philco_footer};
2
+ //# sourceMappingURL=p-3c14162c.entry.js.map
package/dist/biggive/p-3c14162c.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["philcoFooterCss","PhilcoFooter","constructor","hostRef","this","headingLevel","philcoUrlPrefix","year","Date","getFullYear","toString","render","HeadingTag","h","key","class","src","getAssetPath","alt","id","slot","href","makeURL","target"],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\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-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n background-color: $colour-philco-white;\n // $icon-size-large happens to be approx. the UA-default top heading margin that we relied upon last.\n padding: $icon-size-large $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\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 color: $colour-philco-white;\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 a {\n color: $colour-philco-white;\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-logo {\n padding: $spacer-5 $spacer-3 $spacer-3 $spacer-3;\n }\n\n .row-top {\n padding: $spacer-4 $spacer-3 $spacer-3 $spacer-3;\n }\n\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n/**\n * Should be contained in a `<footer/>` or similar so that the page has appropriate\n * landmarks.\n */\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\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\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</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\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href=\"https://drive.google.com/file/d/1D1GnstpMKnnES1aYj05EVE9_lQtLZLwj/view\" target=\"_blank\">\n Download the guide\n </a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\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 </div>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,ghE,MCYXC,EAAY,MALzB,WAAAC,CAAAC,G,UAQUC,KAAYC,aAA0B,EAEtCD,KAAeE,gBAAW,yBAE1BF,KAAIG,MAAW,IAAIC,MAAOC,cAAcC,UA2EjD,CAzEC,MAAAC,GACE,MAAMC,EAAa,IAAIR,KAAKC,eAE5B,OACEQ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,QACTF,EAAA,OAAAC,IAAA,2CAAKE,IAAKC,EAAa,8CAA+CC,IAAI,aAI9EL,EAAK,OAAAC,IAAA,2CAAAC,MAAM,eACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBAAiB,kBAAiB,0BAC3CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,0BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,qBAAmB,YAE/BP,EAAI,MAAAC,IAAA,2CAAAM,KAAK,eACPP,EAAA,MAAAC,IAAA,oEAIJD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAmB,kBAAiB,4BAC7CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,4BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,uBAAqB,gBAEjCP,EAAI,MAAAC,IAAA,2CAAAM,KAAK,iBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,MAAI,SAEvDO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,wBAAsB,wBAEzEO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,YAAuB,cAK9EO,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBAAkB,kBAAiB,2BAC5CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,2BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,sBAAoB,UAEhCP,EAAI,MAAAC,IAAA,2CAAAM,KAAK,gBACPP,EAAA,MAAAC,IAAA,4CACED,EAAG,KAAAC,IAAA,2CAAAO,KAAK,yEAAyEE,OAAO,UAEpF,0BAMZV,EAAK,OAAAC,IAAA,2CAAAC,MAAM,kBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,mBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBAAoB,aAAY,SACzCF,EAAI,MAAAC,IAAA,2CAAAM,KAAK,kBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,yBAAuB,yBAE1EO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,YAAU,sBAE7DO,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUlB,KAAKE,gBAAiB,oBAAkB,yBAK3EO,EAAA,KAAAC,IAAA,wDAAkBV,KAAKG,KAAI,kI","ignoreList":[]}
package/dist/biggive/p-56859335.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["biggiveQuoteCss","BiggiveQuote","constructor","hostRef","this","spaceBelow","defaultTextColour","quote","attribution","quoteIconColour","siteDesign","render","bigGiveQuoteMarks","h","key","width","height","viewBox","fill","xmlns","d","philcoQuoteMarks","overflow","class"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n &.philco {\n @include philco-body-font();\n background-color: transparent;\n .image-wrap {\n overflow: hidden;\n svg {\n width: 100px;\n height: 90px; /* = 86/96*100 */\n }\n }\n }\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColours {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n\n &.philco .attribution {\n font-weight: bolder;\n color: $colour-philco-gray-70;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n const bigGiveQuoteMarks = (\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n );\n\n const philcoQuoteMarks = (\n <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n fill=\"#f18a00\"\n />\n </svg>\n );\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n <div class=\"quote\">{quote}</div>\n <div class=\"attribution\">{attribution}</div>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,q/L,MCSXC,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAkB,EAE5BD,KAAiBE,kBAAgB,QAEjCF,KAAKG,MAAW,GAEhBH,KAAWI,YAAW,GAEtBJ,KAAeK,gBAAgB,UAE/BL,KAAUM,WAAyB,SA6B5C,CA3BC,MAAAC,GACE,MAAMJ,EAAQH,KAAKM,aAAe,SAAWN,KAAKG,MAAQ,IAAIH,KAAKG,SACnE,MAAMC,EAAcJ,KAAKM,aAAe,SAAWN,KAAKI,YAAc,KAAKJ,KAAKI,cAEhF,MAAMI,EACJC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEN,EAAM,QAAAC,IAAA,2CAAAM,EAAE,mFAAmFF,KAAK,aAIpG,MAAMG,EACJR,EAAK,OAAAC,IAAA,2CAAAC,MAAM,KAAKC,OAAO,KAAKM,SAAS,SAASL,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAClFN,EACE,QAAAC,IAAA,2CAAAM,EAAE,ucACFF,KAAK,aAKX,OACEL,EAAK,OAAAC,IAAA,2CAAAS,MAAO,yBAA2BnB,KAAKE,kBAAoB,sBAAwBF,KAAKK,gBAAkB,gBAAkBL,KAAKC,WAAa,IAAMD,KAAKM,YAC5JG,EAAA,OAAAC,IAAA,2CAAKS,MAAM,cAAcnB,KAAKM,aAAe,SAAWW,EAAmBT,GAC3EC,EAAA,OAAAC,IAAA,2CAAKS,MAAM,SAAShB,GACpBM,EAAK,OAAAC,IAAA,2CAAAS,MAAM,eAAef,G","ignoreList":[]}
1
+ {"version":3,"names":["biggiveQuoteCss","BiggiveQuote","constructor","hostRef","this","spaceBelow","defaultTextColour","quote","attribution","quoteIconColour","siteDesign","render","bigGiveQuoteMarks","h","key","width","height","viewBox","fill","xmlns","d","philcoQuoteMarks","overflow","class"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n &.philco {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n background-color: transparent;\n .image-wrap {\n overflow: hidden;\n svg {\n width: 100px;\n height: 90px; /* = 86/96*100 */\n }\n }\n }\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColours {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n\n &.philco .attribution {\n font-weight: bolder;\n color: $colour-philco-gray-70;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n render() {\n const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n const bigGiveQuoteMarks = (\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n );\n\n const philcoQuoteMarks = (\n <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n fill=\"#f18a00\"\n />\n </svg>\n );\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n <div class=\"quote\">{quote}</div>\n <div class=\"attribution\">{attribution}</div>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,q/L,MCSXC,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAkB,EAE5BD,KAAiBE,kBAAgB,QAEjCF,KAAKG,MAAW,GAEhBH,KAAWI,YAAW,GAEtBJ,KAAeK,gBAAgB,UAE/BL,KAAUM,WAAyB,SA6B5C,CA3BC,MAAAC,GACE,MAAMJ,EAAQH,KAAKM,aAAe,SAAWN,KAAKG,MAAQ,IAAIH,KAAKG,SACnE,MAAMC,EAAcJ,KAAKM,aAAe,SAAWN,KAAKI,YAAc,KAAKJ,KAAKI,cAEhF,MAAMI,EACJC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEN,EAAM,QAAAC,IAAA,2CAAAM,EAAE,mFAAmFF,KAAK,aAIpG,MAAMG,EACJR,EAAK,OAAAC,IAAA,2CAAAC,MAAM,KAAKC,OAAO,KAAKM,SAAS,SAASL,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAClFN,EACE,QAAAC,IAAA,2CAAAM,EAAE,ucACFF,KAAK,aAKX,OACEL,EAAK,OAAAC,IAAA,2CAAAS,MAAO,yBAA2BnB,KAAKE,kBAAoB,sBAAwBF,KAAKK,gBAAkB,gBAAkBL,KAAKC,WAAa,IAAMD,KAAKM,YAC5JG,EAAA,OAAAC,IAAA,2CAAKS,MAAM,cAAcnB,KAAKM,aAAe,SAAWW,EAAmBT,GAC3EC,EAAA,OAAAC,IAAA,2CAAKS,MAAM,SAAShB,GACpBM,EAAK,OAAAC,IAAA,2CAAAS,MAAM,eAAef,G","ignoreList":[]}
package/dist/biggive/p-9a14c3d7.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as a,c as i,h as n,a as e,d as o,g as l}from"./p-WbNeu5w_.js";import{m as t}from"./p-BXkyQAX3.js";const s='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:"Bitter", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 1200px){nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li.signup{height:40px;padding-top:5px;margin-left:-10px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}';const d=class{constructor(n){a(this,n);this.logoutClicked=i(this,"logoutClicked");this.openMobileMenu=()=>{const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="0"};this.closeMobileMenu=()=>{const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="-100%"}}async closeMobileMenuFromOutside(){const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="-100%"}componentDidLoad(){this.host.classList.add("fixed")}render(){const a="/";return n(o,{key:"b45fde88c0f0fba7257b6a59b492712d69d32bf2"},n("nav",{key:"561e2fe81a681fc07774c55b40dd965f954a079d",role:"navigation","aria-label":"Main Menu"},n("div",{key:"86e726276cd7faea95feb4cff092dba37461cfaf",class:"navbar"},n("div",{key:"6d3e83d98f2142068afb297c7c3bd5840faaa08d",class:"logo"},n("a",{key:"80f957300165e5a47e7cb34ad7ff3992d7534cdb",href:this.philcoUrlPrefix+a,"aria-label":"Home"},n("img",{key:"b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed",src:e("/assets/images/philco/Philcologo-white.png"),alt:"PhilCo"}))),n("biggive-misc-icon",{key:"ff57124a994362d665de3fe123d5926569e6cbbe",class:"bx bx-menu","background-colour":"transparent","icon-colour":"white",icon:"MenuOpen",onClick:this.openMobileMenu}),n("div",{key:"e8b464e532385e9caed1eadf02a30ec6434f5e1c",class:"nav-links"},n("div",{key:"63db4717fe677a9cd87dc1a831190669809a7f18",class:"sidebar-logo"},n("a",{key:"0b30ce0efca1bb626d724d8b6ff22c5a50192943",href:this.philcoUrlPrefix+a,"aria-label":"Home"}),n("biggive-misc-icon",{key:"14ab27431e8234fe7a1e1890b882e8afbdfd6507",class:"bx bx-x","background-colour":"transparent","icon-colour":"white",icon:"MenuClose",onClick:this.closeMobileMenu})),n("div",{key:"a9dc2d531c5e0642fe2df801548ade98f9fd2bee",id:"nav-primary"},n("ul",{key:"7b2548c5ae1454ba9da230c9aa7f4ed106152b10",class:"links",slot:"nav-primary"},n("li",{key:"a3ab64f5604f59549dbb796ba861904b6eab0363"},n("a",{key:"2c097f17569f4bce91cbeaba796ed43f818752f8",href:t("Philco",this.philcoUrlPrefix,"why-become-a-philco")},"Why become a Philco")),n("li",{key:"eeab5b9b5a117d10b6bc1217203b6245f1fdd633"},n("a",{key:"2b0e3985dc8fb47d88c0cff15a445c1a1153226a",href:t("Philco",this.philcoUrlPrefix,"news")},"News")),n("li",{key:"d3792f7eede889d6a738659a8da04da9f40630a6",class:"signup"},n("biggive-button",{key:"30c9b2b713669563607be142b62391c1d1086f51",label:"Sign up","site-design":"philco","colour-scheme":"philco-white",rounded:true,url:t("Philco",this.philcoUrlPrefix,"sign-up"),size:"small"}))))))))}get host(){return l(this)}};d.style=s;export{d as philco_main_menu};
2
+ //# sourceMappingURL=p-9a14c3d7.entry.js.map
package/dist/biggive/{p-bd6e60b6.entry.js.map → p-9a14c3d7.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["philcoMainMenuCss","PhilcoMainMenu","constructor","hostRef","this","openMobileMenu","mobileMenu","host","shadowRoot","querySelector","style","left","closeMobileMenu","closeMobileMenuFromOutside","componentDidLoad","classList","add","render","homePageLink","h","Host","key","role","class","href","philcoUrlPrefix","src","getAssetPath","alt","icon","onClick","id","slot","makeURL","label","rounded","url","size"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n // below are the values currently used in our prod site. They should be replaced by other values in other\n // environments.\n @Prop() philcoUrlPrefix: string;\n\n @Event({\n eventName: 'logoutClicked',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n logoutClicked: EventEmitter<void>;\n\n @Method()\n async closeMobileMenuFromOutside() {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n }\n\n private openMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '0';\n };\n\n private closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n </div>\n <div id=\"nav-primary\">\n <ul class=\"links\" slot=\"nav-primary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,w6F,MCQbC,EAAc,MAL3B,WAAAC,CAAAC,G,qDA4BUC,KAAcC,eAAG,KACvB,MAAMC,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,GAAG,EAGtBP,KAAeQ,gBAAG,KACxB,MAAMN,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,OAAO,CAmDnC,CA/DC,gCAAME,GACJ,MAAMP,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,O,CAa3B,gBAAAG,GACEV,KAAKG,KAAKQ,UAAUC,IAAI,Q,CAG1B,MAAAC,GACE,MAAMC,EAAe,IAErB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,aAAY,aAAY,aAChCH,EAAK,OAAAE,IAAA,2CAAAE,MAAM,UACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,QACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAY,aAAa,QACvDC,EAAA,OAAAE,IAAA,2CAAKK,IAAKC,EAAa,8CAA+CC,IAAI,aAG9ET,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,aAA+B,kCAAa,cAAa,QAAQM,KAAK,WAAWC,QAAS1B,KAAKC,iBACxHc,EAAK,OAAAE,IAAA,2CAAAE,MAAM,aACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,gBACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAyB,sBACzDC,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,UAAS,oBAAmB,cAAa,cAAa,QAAQM,KAAK,YAAYC,QAAS1B,KAAKQ,mBAExHO,EAAK,OAAAE,IAAA,2CAAAU,GAAG,eACNZ,EAAA,MAAAE,IAAA,2CAAIE,MAAM,QAAQS,KAAK,eACrBb,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,wBAAsB,wBAEzEN,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,SAAO,SAE1DN,EAAI,MAAAE,IAAA,2CAAAE,MAAM,UACRJ,EAAA,kBAAAE,IAAA,2CACEa,MAAM,UACM,uBAAQ,gBACN,eACdC,QAAS,KACTC,IAAKH,EAAQ,SAAU7B,KAAKqB,gBAAiB,WAC7CY,KAAK,gB","ignoreList":[]}
1
+ {"version":3,"names":["philcoMainMenuCss","PhilcoMainMenu","constructor","hostRef","this","openMobileMenu","mobileMenu","host","shadowRoot","querySelector","style","left","closeMobileMenu","closeMobileMenuFromOutside","componentDidLoad","classList","add","render","homePageLink","h","Host","key","role","class","href","philcoUrlPrefix","src","getAssetPath","alt","icon","onClick","id","slot","makeURL","label","rounded","url","size"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n // below are the values currently used in our prod site. They should be replaced by other values in other\n // environments.\n @Prop() philcoUrlPrefix: string;\n\n @Event({\n eventName: 'logoutClicked',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n logoutClicked: EventEmitter<void>;\n\n @Method()\n async closeMobileMenuFromOutside() {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n }\n\n private openMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '0';\n };\n\n private closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n </div>\n <div id=\"nav-primary\">\n <ul class=\"links\" slot=\"nav-primary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,q5F,MCQbC,EAAc,MAL3B,WAAAC,CAAAC,G,qDA4BUC,KAAcC,eAAG,KACvB,MAAMC,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,GAAG,EAGtBP,KAAeQ,gBAAG,KACxB,MAAMN,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,OAAO,CAmDnC,CA/DC,gCAAME,GACJ,MAAMP,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,O,CAa3B,gBAAAG,GACEV,KAAKG,KAAKQ,UAAUC,IAAI,Q,CAG1B,MAAAC,GACE,MAAMC,EAAe,IAErB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,aAAY,aAAY,aAChCH,EAAK,OAAAE,IAAA,2CAAAE,MAAM,UACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,QACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAY,aAAa,QACvDC,EAAA,OAAAE,IAAA,2CAAKK,IAAKC,EAAa,8CAA+CC,IAAI,aAG9ET,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,aAA+B,kCAAa,cAAa,QAAQM,KAAK,WAAWC,QAAS1B,KAAKC,iBACxHc,EAAK,OAAAE,IAAA,2CAAAE,MAAM,aACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,gBACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAyB,sBACzDC,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,UAAS,oBAAmB,cAAa,cAAa,QAAQM,KAAK,YAAYC,QAAS1B,KAAKQ,mBAExHO,EAAK,OAAAE,IAAA,2CAAAU,GAAG,eACNZ,EAAA,MAAAE,IAAA,2CAAIE,MAAM,QAAQS,KAAK,eACrBb,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,wBAAsB,wBAEzEN,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,SAAO,SAE1DN,EAAI,MAAAE,IAAA,2CAAAE,MAAM,UACRJ,EAAA,kBAAAE,IAAA,2CACEa,MAAM,UACM,uBAAQ,gBACN,eACdC,QAAS,KACTC,IAAKH,EAAQ,SAAU7B,KAAKqB,gBAAiB,WAC7CY,KAAK,gB","ignoreList":[]}
package/dist/biggive/p-af69a4ae.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","siteDesign","backgroundColour","backgroundImageUrl","cardColour","textColour","mainImageUrl","undefined","subtitle","author","date","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","_b","_a","length","src","alt","mainImageAltText","mainTitle","teaser","buttonLabel","url","label","rounded"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,24U,MCSfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAkB,EAE5BD,KAAUE,WAAyB,UAEnCF,KAAgBG,iBAAgB,UAEhCH,KAAkBI,mBAAW,GAE7BJ,KAAUK,WAAgB,QAE1BL,KAAUM,WAAgB,QAE1BN,KAAYO,aAAYC,UAMxBR,KAAQS,SAAW,GAEnBT,KAAMU,OAAW,GAEjBV,KAAIW,KAAW,GAIfX,KAAIY,KAAY,KAEhBZ,KAAUa,WAAgB,UAE1Bb,KAAWc,YAAW,SAEtBd,KAAWe,YAAW,WAMtBf,KAAkBgB,mBAAW,gBAE7BhB,KAAoBiB,qBAAY,KAEhCjB,KAAkBkB,mBAAY,KAE9BlB,KAAYmB,aAA0B,EAEtCnB,KAAYoB,aAAY,KA6DjC,CA3DC,MAAAC,G,QACE,MAAMC,EAAa,IAAItB,KAAKmB,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAzB,KAAKC,WACL,sBACAD,KAAKG,kBACJH,KAAKE,aAAe,SAAW,kBAAoBF,KAAKG,iBAAmB,IAC5E,4BACAH,KAAKiB,qBACL,0BACAjB,KAAKkB,mBACL,kBACAlB,KAAKoB,aACL,IACApB,KAAKE,WAEPwB,MAAO,CAAE,mBAAoB,QAAU1B,KAAKI,mBAAqB,OAEjEmB,EAAA,KAAAC,IAAA,2CAAGG,KAAM3B,KAAK4B,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BzB,KAAKK,WAAa,gBAAkBL,KAAKM,YACjFiB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACRzB,KAAKY,KACJW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUzB,KAAKa,eAGhH,OACFsB,GAAAC,EAAApC,KAAKO,gBAAc,MAAA6B,SAAA,SAAAA,EAAAC,UAAU,MAAAF,SAAA,EAAAA,EAAA,KAAO,EAAI,KACxCZ,EAAA,OAAKE,MAAM,wBACTF,EAAK,OAAAE,MAAM,cACTF,EAAA,OAAKe,IAAKtC,KAAKO,aAAcgC,IAAKvC,KAAKwC,qBAI7CjB,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASzB,KAAKyC,WAC/BzC,KAAKU,SAAW,IAAMV,KAAKW,OAAS,GACnCY,EAAK,OAAAE,MAAM,YACRzB,KAAKU,OAAM,IAAEa,EAAM,QAAAE,MAAM,WAAkB,SAAEzB,KAAKW,MAEnD,KACHX,KAAKS,WAAa,GAAKc,EAAK,OAAAE,MAAM,YAAYzB,KAAKS,UAAkB,KACtEc,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUzB,KAAK0C,QACzB1C,KAAK2C,aAAe,MAAQ3C,KAAK4B,WAAa,MAAQ5B,KAAK4B,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBzB,KAAKc,aACtCS,EAAA,kCAA+BvB,KAAKgB,mBAAoB4B,IAAK5C,KAAK4B,UAAWiB,MAAO7C,KAAK2C,YAAaG,QAAS9C,KAAKE,aAAe,YAEnI,Q","ignoreList":[]}
1
+ {"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","siteDesign","backgroundColour","backgroundImageUrl","cardColour","textColour","mainImageUrl","undefined","subtitle","author","date","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","_b","_a","length","src","alt","mainImageAltText","mainTitle","teaser","buttonLabel","url","label","rounded"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,24U,MCSfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAkB,EAE5BD,KAAUE,WAAyB,UAEnCF,KAAgBG,iBAAgB,UAEhCH,KAAkBI,mBAAW,GAE7BJ,KAAUK,WAAgB,QAE1BL,KAAUM,WAAgB,QAE1BN,KAAYO,aAAYC,UAMxBR,KAAQS,SAAW,GAEnBT,KAAMU,OAAW,GAEjBV,KAAIW,KAAW,GAIfX,KAAIY,KAAY,KAEhBZ,KAAUa,WAAgB,UAE1Bb,KAAWc,YAAW,SAEtBd,KAAWe,YAAW,WAMtBf,KAAkBgB,mBAAW,gBAE7BhB,KAAoBiB,qBAAY,KAEhCjB,KAAkBkB,mBAAY,KAE9BlB,KAAYmB,aAA0B,EAEtCnB,KAAYoB,aAAY,KA6DjC,CA3DC,MAAAC,G,QACE,MAAMC,EAAa,IAAItB,KAAKmB,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAzB,KAAKC,WACL,sBACAD,KAAKG,kBACJH,KAAKE,aAAe,SAAW,kBAAoBF,KAAKG,iBAAmB,IAC5E,4BACAH,KAAKiB,qBACL,0BACAjB,KAAKkB,mBACL,kBACAlB,KAAKoB,aACL,IACApB,KAAKE,WAEPwB,MAAO,CAAE,mBAAoB,QAAU1B,KAAKI,mBAAqB,OAEjEmB,EAAA,KAAAC,IAAA,2CAAGG,KAAM3B,KAAK4B,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BzB,KAAKK,WAAa,gBAAkBL,KAAKM,YACjFiB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACRzB,KAAKY,KACJW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUzB,KAAKa,eAGhH,OACFsB,GAAAC,EAAApC,KAAKO,gBAAc,MAAA6B,SAAA,SAAAA,EAAAC,UAAU,MAAAF,SAAA,EAAAA,EAAA,KAAO,EAAI,KACxCZ,EAAA,OAAKE,MAAM,wBACTF,EAAK,OAAAE,MAAM,cACTF,EAAA,OAAKe,IAAKtC,KAAKO,aAAcgC,IAAKvC,KAAKwC,qBAI7CjB,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASzB,KAAKyC,WAC/BzC,KAAKU,SAAW,IAAMV,KAAKW,OAAS,GACnCY,EAAK,OAAAE,MAAM,YACRzB,KAAKU,OAAM,IAAEa,EAAM,QAAAE,MAAM,WAAkB,SAAEzB,KAAKW,MAEnD,KACHX,KAAKS,WAAa,GAAKc,EAAK,OAAAE,MAAM,YAAYzB,KAAKS,UAAkB,KACtEc,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUzB,KAAK0C,QACzB1C,KAAK2C,aAAe,MAAQ3C,KAAK4B,WAAa,MAAQ5B,KAAK4B,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBzB,KAAKc,aACtCS,EAAA,kCAA+BvB,KAAKgB,mBAAoB4B,IAAK5C,KAAK4B,UAAWiB,MAAO7C,KAAK2C,YAAaG,QAAS9C,KAAKE,aAAe,YAEnI,Q","ignoreList":[]}
package/dist/biggive/philco-footer.entry.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"philco-footer.entry.esm.js","sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\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-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\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-philco-white;\n padding: 0 $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 color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\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 color: $colour-philco-white;\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 a {\n color: $colour-philco-white;\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-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $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-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\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/**\n * Should be contained in a `<footer/>` or similar so that the page has appropriate\n * landmarks.\n */\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\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\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</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\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href=\"https://drive.google.com/file/d/1D1GnstpMKnnES1aYj05EVE9_lQtLZLwj/view\" target=\"_blank\">\n Download the guide\n </a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\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 </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"philco-footer.entry.esm.js","sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include philco-heading-font();\n @include font-size-large();\n text-transform: uppercase;\n border-bottom: 1px solid $colour-philco-gray-90;\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-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n background-color: $colour-philco-white;\n // $icon-size-large happens to be approx. the UA-default top heading margin that we relied upon last.\n padding: $icon-size-large $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\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 color: $colour-philco-white;\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 a {\n color: $colour-philco-white;\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-logo {\n padding: $spacer-5 $spacer-3 $spacer-3 $spacer-3;\n }\n\n .row-top {\n padding: $spacer-4 $spacer-3 $spacer-3 $spacer-3;\n }\n\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n/**\n * Should be contained in a `<footer/>` or similar so that the page has appropriate\n * landmarks.\n */\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n @Prop() philcoUrlPrefix: string = 'https://philco.org.uk/';\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\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\">Contact</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">Philco Site</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, '/')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}>Sign Up</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\">Guide</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href=\"https://drive.google.com/file/d/1D1GnstpMKnnES1aYj05EVE9_lQtLZLwj/view\" target=\"_blank\">\n Download the guide\n </a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n </ul>\n </nav>\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 </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}
package/dist/biggive/philco-main-menu.entry.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"philco-main-menu.entry.esm.js","sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n // below are the values currently used in our prod site. They should be replaced by other values in other\n // environments.\n @Prop() philcoUrlPrefix: string;\n\n @Event({\n eventName: 'logoutClicked',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n logoutClicked: EventEmitter<void>;\n\n @Method()\n async closeMobileMenuFromOutside() {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n }\n\n private openMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '0';\n };\n\n private closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n </div>\n <div id=\"nav-primary\">\n <ul class=\"links\" slot=\"nav-primary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"philco-main-menu.entry.esm.js","sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n // below are the values currently used in our prod site. They should be replaced by other values in other\n // environments.\n @Prop() philcoUrlPrefix: string;\n\n @Event({\n eventName: 'logoutClicked',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n logoutClicked: EventEmitter<void>;\n\n @Method()\n async closeMobileMenuFromOutside() {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n }\n\n private openMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '0';\n };\n\n private closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n </div>\n <div id=\"nav-primary\">\n <ul class=\"links\" slot=\"nav-primary\">\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
package/dist/cjs/biggive-basic-card.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"biggive-basic-card.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"biggive-basic-card.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' || this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}