npm - @biggive/components - Versions diffs - 202501031034.0.0 → 202501071646.0.0 - Mend

@biggive/components 202501031034.0.0 → 202501071646.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 (321) hide show

package/dist/collection/components/biggive-accordion/biggive-accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-accordion.js","sourceRoot":"","sources":["../../../src/components/biggive-accordion/biggive-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AASnE,MAAM,OAAO,gBAAgB~~;;0BAGS~~,CAAC;~~0BAEH~~,OAAO;~~6BAEJ~~,SAAS~~;;;IAI9C~~,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAA4C,CAAC;IAC5F,CAAC;IAEO,aAAa,CAAC,CAAa;QACjC,MAAM,MAAM,GAAI,CAAC,CAAC,MAAmB,CAAC;QACtC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAE,CAAC;QACxC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;QAE7C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACzC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACnC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAChC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa;YACvI,4DAAK,KAAK,EAAC,QAAQ,IAChB,IAAI,CAAC,QAAQ,KAAK,SAAS;gBAC1B,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACzB,WAAK,KAAK,EAAC,OAAO;oBAChB,UAAI,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,gBAAgB;wBACpE,KAAK,CAAC,OAAO;wBACd,YAAM,KAAK,EAAC,OAAO;4BACjB,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;gCAC1F,YAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,OAAO,kBAAc,GAAG,GAAG,CAC3F,CACD,CACJ;oBACL,WAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAQ,CACnD,CACP,CAAC,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-accordion',\n styleUrl: 'biggive-accordion.scss',\n shadow: true,\n})\nexport class BiggiveAccordion {\n @Element() host: HTMLBiggiveAccordionElement;\n\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() headingColour: brandColour = 'primary';\n\n @State() children: Array<HTMLBiggiveAccordionEntryElement>;\n\n componentWillLoad() {\n this.children = Array.from(this.host.children) as Array<HTMLBiggiveAccordionEntryElement>;\n }\n\n private toggleSection(e: MouseEvent) {\n const target = (e.target as Element)!;\n const entry = target.closest('.entry')!;\n const arrow = entry.querySelector('.arrow')!;\n\n if (entry.classList.contains('expanded')) {\n entry.classList.remove('expanded');\n arrow.setAttribute('title', 'Expand section');\n } else {\n entry.classList.add('expanded');\n arrow.setAttribute('title', 'Collapse section');\n }\n }\n\n render() {\n return (\n <div class={'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour}>\n <div class=\"sleeve\">\n {this.children === undefined\n ? []\n : this.children.map(entry => (\n <div class=\"entry\">\n <h3 class=\"heading\" onClick={this.toggleSection} title=\"Expand section\">\n {entry.heading}\n <span class=\"arrow\">\n <svg width=\"15\" height=\"9\" viewBox=\"0 0 15 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986\" stroke=\"black\" stroke-width=\"2\" />\n </svg>\n </span>\n </h3>\n <div class=\"content\" innerHTML={entry.innerHTML}></div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-accordion.js","sourceRoot":"","sources":["../../../src/components/biggive-accordion/biggive-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AASnE,MAAM,OAAO,gBAAgB;IAL7B;QAQU,eAAU,GAAkB,CAAC,CAAC;QAE9B,eAAU,GAAgB,OAAO,CAAC;QAElC,kBAAa,GAAgB,SAAS,CAAC;KA6ChD;IAzCC,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAA4C,CAAC;IAC5F,CAAC;IAEO,aAAa,CAAC,CAAa;QACjC,MAAM,MAAM,GAAI,CAAC,CAAC,MAAmB,CAAC;QACtC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAE,CAAC;QACxC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;QAE7C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACzC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACnC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAChC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa;YACvI,4DAAK,KAAK,EAAC,QAAQ,IAChB,IAAI,CAAC,QAAQ,KAAK,SAAS;gBAC1B,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACzB,WAAK,KAAK,EAAC,OAAO;oBAChB,UAAI,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,gBAAgB;wBACpE,KAAK,CAAC,OAAO;wBACd,YAAM,KAAK,EAAC,OAAO;4BACjB,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;gCAC1F,YAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,OAAO,kBAAc,GAAG,GAAG,CAC3F,CACD,CACJ;oBACL,WAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAQ,CACnD,CACP,CAAC,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-accordion',\n styleUrl: 'biggive-accordion.scss',\n shadow: true,\n})\nexport class BiggiveAccordion {\n @Element() host: HTMLBiggiveAccordionElement;\n\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() headingColour: brandColour = 'primary';\n\n @State() children: Array<HTMLBiggiveAccordionEntryElement>;\n\n componentWillLoad() {\n this.children = Array.from(this.host.children) as Array<HTMLBiggiveAccordionEntryElement>;\n }\n\n private toggleSection(e: MouseEvent) {\n const target = (e.target as Element)!;\n const entry = target.closest('.entry')!;\n const arrow = entry.querySelector('.arrow')!;\n\n if (entry.classList.contains('expanded')) {\n entry.classList.remove('expanded');\n arrow.setAttribute('title', 'Expand section');\n } else {\n entry.classList.add('expanded');\n arrow.setAttribute('title', 'Collapse section');\n }\n }\n\n render() {\n return (\n <div class={'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour}>\n <div class=\"sleeve\">\n {this.children === undefined\n ? []\n : this.children.map(entry => (\n <div class=\"entry\">\n <h3 class=\"heading\" onClick={this.toggleSection} title=\"Expand section\">\n {entry.heading}\n <span class=\"arrow\">\n <svg width=\"15\" height=\"9\" viewBox=\"0 0 15 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986\" stroke=\"black\" stroke-width=\"2\" />\n </svg>\n </span>\n </h3>\n <div class=\"content\" innerHTML={entry.innerHTML}></div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/biggive-accordion-entry/biggive-accordion-entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-accordion-entry.js","sourceRoot":"","sources":["../../../src/components/biggive-accordion-entry/biggive-accordion-entry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,qBAAqB~~;;uBAGN~~,EAAE~~;;IAE5B~~,MAAM;QACJ,OAAO,IAAI,CAAC;IACd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Element } from '@stencil/core';\n\n@Component({\n tag: 'biggive-accordion-entry',\n styleUrl: 'biggive-accordion-entry.scss',\n shadow: true,\n})\nexport class BiggiveAccordionEntry {\n @Element() host: HTMLBiggiveAccordionEntryElement;\n\n @Prop() heading: string = '';\n\n render() {\n return null;\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-accordion-entry.js","sourceRoot":"","sources":["../../../src/components/biggive-accordion-entry/biggive-accordion-entry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,qBAAqB;IALlC;QAQU,YAAO,GAAW,EAAE,CAAC;KAK9B;IAHC,MAAM;QACJ,OAAO,IAAI,CAAC;IACd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Element } from '@stencil/core';\n\n@Component({\n tag: 'biggive-accordion-entry',\n styleUrl: 'biggive-accordion-entry.scss',\n shadow: true,\n})\nexport class BiggiveAccordionEntry {\n @Element() host: HTMLBiggiveAccordionEntryElement;\n\n @Prop() heading: string = '';\n\n render() {\n return null;\n }\n}\n"]}

package/dist/collection/components/biggive-article-card/biggive-article-card.js CHANGED Viewed

@@ -4,22 +4,10 @@ export class BiggiveArticleCard {
         this.spaceBelow = 0;
         this.backgroundColour = 'white';
         this.backgroundImageUrl = '';
-        this.slug = undefined;
         this.slugColour = 'black';
-        this.date = undefined;
         this.dateColour = 'black';
-        this.mainTitle = undefined;
         this.mainTitleColour = 'black';
-        this.mainImageUrl = undefined;
-        this.mainImageAltText = undefined;
-        this.image1Url = undefined;
-        this.image1AltText = undefined;
-        this.image2Url = undefined;
-        this.image2AltText = undefined;
-        this.imageLabel = undefined;
         this.imageLabelColour = 'black';
-        this.buttonLabel = undefined;
-        this.buttonUrl = undefined;
         this.buttonColour = 'black';
         this.clipBottomLeftCorner = true;
         this.clipTopRightCorner = true;

package/dist/collection/components/biggive-article-card/biggive-article-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-article-card.js","sourceRoot":"","sources":["../../../src/components/biggive-article-card/biggive-article-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,kBAAkB~~;;0BACO~~,CAAC;~~gCAEG~~,OAAO;~~kCAEV~~,EAAE~~;;0BAIL~~,OAAO~~;;0BAIP~~,OAAO~~;;+BAIF~~,OAAO~~;;;;;;;;gCAgBN~~,OAAO~~;;;4BAMX~~,OAAO;~~oCAEH~~,IAAI;~~kCAEN~~,IAAI~~;;IAE1C~~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","sourcesContent":["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-article-card',\n styleUrl: 'biggive-article-card.scss',\n shadow: true,\n})\nexport class BiggiveArticleCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() slug: string;\n\n @Prop() slugColour: brandColour = 'black';\n\n @Prop() date: string;\n\n @Prop() dateColour: brandColour = 'black';\n\n @Prop() mainTitle: string;\n\n @Prop() mainTitleColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() image1Url: string;\n\n @Prop() image1AltText: string;\n\n @Prop() image2Url: string;\n\n @Prop() image2AltText: string;\n\n @Prop() imageLabel: string;\n\n @Prop() imageLabelColour: brandColour = 'black';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColour: brandColour = 'black';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div\n class={\n 'sleeve background-colour-' +\n this.backgroundColour +\n ' text-colour-black ' +\n ' slug-colour-' +\n this.slugColour +\n ' date-colour-' +\n this.dateColour +\n ' main-title-colour-' +\n this.mainTitleColour +\n ' image-label-colour-' +\n this.imageLabelColour +\n ' button-colour' +\n this.buttonColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <div class=\"content-wrap\">\n <div class=\"meta\">\n {this.slug != '' ? <div class=\"slug text-colour-primary\">{this.slug}</div> : null}\n {this.date != '' ? <div class=\"date\">{this.date}</div> : null}\n </div>\n\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n\n <h3 class=\"title\">\n <a href={this.buttonUrl}>{this.mainTitle}</a>\n </h3>\n {this.image1Url != '' \|\| this.image2Url != '' ? (\n <div class=\"image-group\">\n {this.image1Url != '' ? (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image1Url + \"')\" }}>\n <img src={this.image1Url} alt={this.image1AltText} />\n </div>\n </div>\n ) : null}\n\n {this.image2Url != '' ? (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image2Url + \"')\" }}>\n <img src={this.image2Url} alt={this.image2AltText} />\n </div>\n </div>\n ) : null}\n </div>\n ) : null}\n\n {this.imageLabel != '' ? <div class=\"image-label\">{this.imageLabel}</div> : null}\n\n {this.buttonLabel != null && this.buttonUrl != null ? (\n <div class=\"button-wrap align-right\">\n <biggive-button colour-scheme={'clear-' + this.buttonColour} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-article-card.js","sourceRoot":"","sources":["../../../src/components/biggive-article-card/biggive-article-card.tsx"],"names":[],"mappings":"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","sourcesContent":["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-article-card',\n styleUrl: 'biggive-article-card.scss',\n shadow: true,\n})\nexport class BiggiveArticleCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() slug: string;\n\n @Prop() slugColour: brandColour = 'black';\n\n @Prop() date: string;\n\n @Prop() dateColour: brandColour = 'black';\n\n @Prop() mainTitle: string;\n\n @Prop() mainTitleColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() image1Url: string;\n\n @Prop() image1AltText: string;\n\n @Prop() image2Url: string;\n\n @Prop() image2AltText: string;\n\n @Prop() imageLabel: string;\n\n @Prop() imageLabelColour: brandColour = 'black';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColour: brandColour = 'black';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div\n class={\n 'sleeve background-colour-' +\n this.backgroundColour +\n ' text-colour-black ' +\n ' slug-colour-' +\n this.slugColour +\n ' date-colour-' +\n this.dateColour +\n ' main-title-colour-' +\n this.mainTitleColour +\n ' image-label-colour-' +\n this.imageLabelColour +\n ' button-colour' +\n this.buttonColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <div class=\"content-wrap\">\n <div class=\"meta\">\n {this.slug != '' ? <div class=\"slug text-colour-primary\">{this.slug}</div> : null}\n {this.date != '' ? <div class=\"date\">{this.date}</div> : null}\n </div>\n\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n\n <h3 class=\"title\">\n <a href={this.buttonUrl}>{this.mainTitle}</a>\n </h3>\n {this.image1Url != '' \|\| this.image2Url != '' ? (\n <div class=\"image-group\">\n {this.image1Url != '' ? (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image1Url + \"')\" }}>\n <img src={this.image1Url} alt={this.image1AltText} />\n </div>\n </div>\n ) : null}\n\n {this.image2Url != '' ? (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image2Url + \"')\" }}>\n <img src={this.image2Url} alt={this.image2AltText} />\n </div>\n </div>\n ) : null}\n </div>\n ) : null}\n\n {this.imageLabel != '' ? <div class=\"image-label\">{this.imageLabel}</div> : null}\n\n {this.buttonLabel != null && this.buttonUrl != null ? (\n <div class=\"button-wrap align-right\">\n <biggive-button colour-scheme={'clear-' + this.buttonColour} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/biggive-basic-card/biggive-basic-card.js CHANGED Viewed

@@ -6,17 +6,10 @@ export class BiggiveBasicCard {
         this.backgroundImageUrl = '';
         this.cardColour = 'white';
         this.textColour = 'black';
-        this.mainImageUrl = undefined;
-        this.mainImageAltText = undefined;
-        this.mainTitle = undefined;
-        this.subtitle = undefined;
-        this.teaser = undefined;
         this.icon = true;
         this.iconColour = 'primary';
         this.buttonAlign = 'center';
         this.buttonStyle = 'standard';
-        this.buttonLabel = undefined;
-        this.buttonUrl = undefined;
         this.buttonColourScheme = 'clear-primary';
         this.clipBottomLeftCorner = true;
         this.clipTopRightCorner = true;

package/dist/collection/components/biggive-basic-card/biggive-basic-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-basic-card.js","sourceRoot":"","sources":["../../../src/components/biggive-basic-card/biggive-basic-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,gBAAgB~~;;0BACS~~,CAAC;~~gCAEG~~,SAAS;~~kCAEZ~~,EAAE;~~0BAEL~~,OAAO;~~0BAEP~~,OAAO~~;;;;;;oBAYjB~~,IAAI;~~0BAEM~~,SAAS;~~2BAEb~~,QAAQ;~~2BAER~~,UAAU~~;;;kCAMH~~,eAAe;~~oCAEZ~~,IAAI;~~kCAEN~~,IAAI;~~4BAEI~~,CAAC;~~4BAEf~~,KAAK~~;;IAErC~~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","sourcesContent":["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() 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;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: 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 ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation\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 == true ? (\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 != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n <div class=\"subtitle\">{this.subtitle}</div>\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}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-basic-card.js","sourceRoot":"","sources":["../../../src/components/biggive-basic-card/biggive-basic-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,gBAAgB;IAL7B;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,uBAAkB,GAAW,EAAE,CAAC;QAEhC,eAAU,GAAgB,OAAO,CAAC;QAElC,eAAU,GAAgB,OAAO,CAAC;QAYlC,SAAI,GAAY,IAAI,CAAC;QAErB,eAAU,GAAgB,SAAS,CAAC;QAEpC,gBAAW,GAAW,QAAQ,CAAC;QAE/B,gBAAW,GAAW,UAAU,CAAC;QAMjC,uBAAkB,GAAW,eAAe,CAAC;QAE7C,yBAAoB,GAAY,IAAI,CAAC;QAErC,uBAAkB,GAAY,IAAI,CAAC;QAEnC,iBAAY,GAA0B,CAAC,CAAC;QAExC,iBAAY,GAAY,KAAK,CAAC;KAqDvC;IAnDC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,OAAO,CACL,4DACE,KAAK,EACH,wBAAwB;gBACxB,IAAI,CAAC,UAAU;gBACf,qBAAqB;gBACrB,IAAI,CAAC,gBAAgB;gBACrB,2BAA2B;gBAC3B,IAAI,CAAC,oBAAoB;gBACzB,yBAAyB;gBACzB,IAAI,CAAC,kBAAkB;gBACvB,iBAAiB;gBACjB,IAAI,CAAC,YAAY,EAEnB,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE;YAEvE,0DAAG,IAAI,EAAE,IAAI,CAAC,SAAS;gBACrB,4DAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;oBAC3F,4DAAK,KAAK,EAAC,cAAc;wBACtB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CACnB,WAAK,KAAK,EAAC,MAAM;4BACf,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;gCAC5F,YAAM,CAAC,EAAC,2DAA2D,EAAC,KAAK,EAAC,YAAY,GAAG;gCACzF,YAAM,CAAC,EAAC,+EAA+E,EAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,GAAI,CACxH,CACF,CACP,CAAC,CAAC,CAAC,IAAI;wBACP,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,CACzB,WAAK,KAAK,EAAC,sBAAsB;4BAC/B,WAAK,KAAK,EAAC,YAAY;gCACrB,WAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACrF,CACF,CACP,CAAC,CAAC,CAAC,IAAI;wBACR,EAAC,UAAU,qDAAC,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAc;wBACvD,4DAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAO;wBAC3C,4DAAK,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAO;wBACtC,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,CAC5E,WAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW;4BACjD,uCAA+B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,CACnH,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACJ,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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() 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;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: 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 ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation\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 == true ? (\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 != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n <div class=\"subtitle\">{this.subtitle}</div>\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}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.js CHANGED Viewed

@@ -2,10 +2,21 @@ import { h } from "@stencil/core";
 import { FontAwesomeIconsService } from "../../util/fontawesome-icons";
 export class BiggiveBeneficiaryIcon {
     constructor() {
+        /**
+         * Background colour
+         */
         this.backgroundColour = 'primary';
+        /**
+         * Background colour
+         */
         this.iconColour = 'white';
+        /**
+         * Icon
+         */
         this.icon = 'Other';
-        this.label = undefined;
+        /**
+         * Url
+         */
         this.url = '#';
     }
     getBeneficiaryIcon() {

package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-beneficiary-icon.js","sourceRoot":"","sources":["../../../src/components/biggive-beneficiary-icon/biggive-beneficiary-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAOvE,MAAM,OAAO,sBAAsB;;~~gCAIE~~,SAAS;~~0BAKf~~,OAAO;~~oBAIb~~,OAAO;;~~mBAUR~~,GAAG~~;;IAEjB~~,kBAAkB;QACxB,IAAI,IAAI,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,4DAAK,KAAK,EAAE,0CAA0C,GAAG,IAAI,CAAC,gBAAgB;gBAC5E,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG;oBACf,4DACE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACxC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACzC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;wBAE7F,6DAAM,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CACrD,CACJ,CACA;YACN,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-beneficiary-icon',\n styleUrl: 'biggive-beneficiary-icon.scss',\n shadow: false,\n})\nexport class BiggiveBeneficiaryIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n /\n Icon\n /\n @Prop() icon: string = 'Other';\n\n /\n Label\n /\n @Prop() label: string;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getBeneficiaryIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getBeneficiaryIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n <div class=\"container\">\n <div class={'beneficiary-icon-item background-colour-' + this.backgroundColour}>\n <a href={this.url}>\n <svg\n width={this.getBeneficiaryIcon().icon[0]}\n height={this.getBeneficiaryIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1]}\n >\n <path d={this.getBeneficiaryIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n <div class=\"label\">{this.label}</div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-beneficiary-icon.js","sourceRoot":"","sources":["../../../src/components/biggive-beneficiary-icon/biggive-beneficiary-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAOvE,MAAM,OAAO,sBAAsB;IALnC;QAME;;WAEG;QACK,qBAAgB,GAAW,SAAS,CAAC;QAE7C;;WAEG;QACK,eAAU,GAAW,OAAO,CAAC;QACrC;;WAEG;QACK,SAAI,GAAW,OAAO,CAAC;QAO/B;;WAEG;QACK,QAAG,GAAW,GAAG,CAAC;KA2B3B;IAzBS,kBAAkB;QACxB,IAAI,IAAI,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,4DAAK,KAAK,EAAE,0CAA0C,GAAG,IAAI,CAAC,gBAAgB;gBAC5E,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG;oBACf,4DACE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACxC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACzC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;wBAE7F,6DAAM,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CACrD,CACJ,CACA;YACN,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-beneficiary-icon',\n styleUrl: 'biggive-beneficiary-icon.scss',\n shadow: false,\n})\nexport class BiggiveBeneficiaryIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n /\n Icon\n /\n @Prop() icon: string = 'Other';\n\n /\n Label\n /\n @Prop() label: string;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getBeneficiaryIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getBeneficiaryIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n <div class=\"container\">\n <div class={'beneficiary-icon-item background-colour-' + this.backgroundColour}>\n <a href={this.url}>\n <svg\n width={this.getBeneficiaryIcon().icon[0]}\n height={this.getBeneficiaryIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1]}\n >\n <path d={this.getBeneficiaryIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n <div class=\"label\">{this.label}</div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/biggive-biography-card/biggive-biography-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-biography-card.js","sourceRoot":"","sources":["../../../src/components/biggive-biography-card/biggive-biography-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,oBAAoB~~;;0BACK~~,CAAC;~~2BAEA~~,CAAC;~~wBAEX~~,EAAE;~~0BAEa~~,OAAO;~~0BAEf~~,OAAO;~~gCAED~~,OAAO;~~wBAEpB~~,EAAE;~~wBAEF~~,EAAE;~~yBAEoB~~,MAAM;~~qBAEd~~,OAAO;~~sBAEtB~~,KAAK;~~4BAEU~~,OAAO;~~uBAErB~~,KAAK;~~mBAEV~~,EAAE~~;;IAExB~~,MAAM;QACJ,IAAI,IAAI,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC;YACnB,OAAO,CACL,WAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS;gBAC1H,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG;oBACf,WACE,KAAK,EACH,gBAAgB;4BAChB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;4BACtB,iBAAiB;4BACjB,IAAI,CAAC,gBAAgB;4BACrB,qBAAqB;4BACrB,IAAI,CAAC,gBAAgB;4BACrB,gBAAgB;4BAChB,IAAI,CAAC,WAAW,IAGjB,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CACrB,yBACc,IAAI,CAAC,KAAK,EACtB,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAC1F,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,EAAE;wBAE7D,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAI;wBACrE,WAAK,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC,YAAY;4BACvC,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;gCAChF,4BAAmB,GAAG,EAAC,CAAC,EAAC,+CAA+C,GAAG,CACvE,CACF,CACF,CACP,CAAC,CAAC,CAAC,IAAI,CACJ;oBACN,UAAI,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,QAAQ,CAAM;oBAC1C,WAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,QAAQ,CAAO,CAC1C,CACA,CACP,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,WAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS;gBAC1H,WACE,KAAK,EACH,gBAAgB;wBAChB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;wBACtB,iBAAiB;wBACjB,IAAI,CAAC,gBAAgB;wBACrB,qBAAqB;wBACrB,IAAI,CAAC,gBAAgB;wBACrB,gBAAgB;wBAChB,IAAI,CAAC,WAAW,IAGjB,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CACrB,yBACc,IAAI,CAAC,KAAK,EACtB,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAC1F,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,EAAE;oBAE7D,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAI,CACjE,CACP,CAAC,CAAC,CAAC,IAAI,CACJ;gBACN,UAAI,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,QAAQ,CAAM;gBAC1C,WAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,QAAQ,CAAO,CACxC,CACP,CAAC;QACJ,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' \| 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' \| 'left' \| 'right' = 'left';\n\n @Prop() ratio: '1,1' \| '1,1.5' \| '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' \| 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-biography-card.js","sourceRoot":"","sources":["../../../src/components/biggive-biography-card/biggive-biography-card.tsx"],"names":[],"mappings":"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","sourcesContent":["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-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' \| 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' \| 'left' \| 'right' = 'left';\n\n @Prop() ratio: '1,1' \| '1,1.5' \| '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' \| 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"]}

package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.js CHANGED Viewed

@@ -1,10 +1,25 @@
 import { h } from "@stencil/core";
 export class BiggiveBoxedContent {
     constructor() {
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Vertical padding
+         */
         this.verticalPadding = 3;
+        /**
+         * Horizontal padding
+         */
         this.horizontalPadding = 3;
+        /**
+         * Background colour
+         */
         this.backgroundColour = 'white';
+        /**
+         * Shadow
+         */
         this.shadow = true;
     }
     render() {

package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-boxed-content.js","sourceRoot":"","sources":["../../../src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,mBAAmB;;~~0BAID~~,CAAC~~;+BAII~~,CAAC;~~iCAIC~~,CAAC;~~gCAIF~~,OAAO;~~sBAIhB~~,IAAI~~;;IAE9B~~,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EACH,8BAA8B;gBAC9B,IAAI,CAAC,gBAAgB;gBACrB,eAAe;gBACf,IAAI,CAAC,UAAU;gBACf,sBAAsB;gBACtB,IAAI,CAAC,iBAAiB;gBACtB,oBAAoB;gBACpB,IAAI,CAAC,eAAe;gBACpB,UAAU;gBACV,IAAI,CAAC,MAAM;YAGb,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-boxed-content',\n styleUrl: 'biggive-boxed-content.scss',\n shadow: true,\n})\nexport class BiggiveBoxedContent {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Vertical padding\n /\n @Prop() verticalPadding: number = 3;\n /\n Horizontal padding\n /\n @Prop() horizontalPadding: number = 3;\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'white';\n /\n Shadow\n */\n @Prop() shadow: boolean = true;\n\n render() {\n return (\n <div\n class={\n 'container background-colour-' +\n this.backgroundColour +\n ' space-below-' +\n this.spaceBelow +\n ' horizontal-padding-' +\n this.horizontalPadding +\n ' vertical-padding-' +\n this.verticalPadding +\n ' shadow-' +\n this.shadow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-boxed-content.js","sourceRoot":"","sources":["../../../src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,mBAAmB;IALhC;QAME;;WAEG;QACK,eAAU,GAAW,CAAC,CAAC;QAC/B;;WAEG;QACK,oBAAe,GAAW,CAAC,CAAC;QACpC;;WAEG;QACK,sBAAiB,GAAW,CAAC,CAAC;QACtC;;WAEG;QACK,qBAAgB,GAAW,OAAO,CAAC;QAC3C;;WAEG;QACK,WAAM,GAAY,IAAI,CAAC;KAsBhC;IApBC,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EACH,8BAA8B;gBAC9B,IAAI,CAAC,gBAAgB;gBACrB,eAAe;gBACf,IAAI,CAAC,UAAU;gBACf,sBAAsB;gBACtB,IAAI,CAAC,iBAAiB;gBACtB,oBAAoB;gBACpB,IAAI,CAAC,eAAe;gBACpB,UAAU;gBACV,IAAI,CAAC,MAAM;YAGb,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-boxed-content',\n styleUrl: 'biggive-boxed-content.scss',\n shadow: true,\n})\nexport class BiggiveBoxedContent {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Vertical padding\n /\n @Prop() verticalPadding: number = 3;\n /\n Horizontal padding\n /\n @Prop() horizontalPadding: number = 3;\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'white';\n /\n Shadow\n */\n @Prop() shadow: boolean = true;\n\n render() {\n return (\n <div\n class={\n 'container background-colour-' +\n this.backgroundColour +\n ' space-below-' +\n this.spaceBelow +\n ' horizontal-padding-' +\n this.horizontalPadding +\n ' vertical-padding-' +\n this.verticalPadding +\n ' shadow-' +\n this.shadow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/biggive-branded-image/biggive-branded-image.js CHANGED Viewed

@@ -1,13 +1,18 @@
 import { h } from "@stencil/core";
 export class BiggiveBrandedImage {
     constructor() {
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Full URL of a image.
+         */
         this.imageUrl = '';
+        /**
+         * Full URL of the logo.
+         */
         this.logoUrl = '';
-        this.slug = undefined;
-        this.charityName = undefined;
-        this.charityLocation = undefined;
-        this.charityUrl = undefined;
     }
     render() {
         return (h("div", { key: '23614f7c92777ff9cc505df3ba05e414266140ae', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'de69e9303308ff4be55295f6d98c8df514ed1379', class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));

package/dist/collection/components/biggive-branded-image/biggive-branded-image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-branded-image.js","sourceRoot":"","sources":["../../../src/components/biggive-branded-image/biggive-branded-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,mBAAmB;;~~0BAID~~,CAAC;~~wBAIH~~,EAAE;~~uBAKH~~,EAAE~~;;;;;;IAuB5B~~,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU;YACnD,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO;YACnC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CACvD,WAAK,KAAK,EAAC,YAAY;gBACrB,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAI,CACvB,CACP,CAAC,CAAC,CAAC,IAAI;YACP,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,GAAQ,CAAC,CAAC,CAAC,IAAI;YAExJ,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,UAAI,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,WAAW,CAAM,CAAC,CAAC,CAAC,IAAI;YAC9G,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,eAAe,CAAO,CAAC,CAAC,CAAC,IAAI,CAChI,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-branded-image',\n styleUrl: 'biggive-branded-image.scss',\n shadow: true,\n})\nexport class BiggiveBrandedImage {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Full URL of a image.\n /\n @Prop() imageUrl: string = '';\n\n /\n Full URL of the logo.\n /\n @Prop() logoUrl: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Charity name\n /\n @Prop() charityName: string;\n\n /\n Charity location\n /\n @Prop() charityLocation: string;\n\n /\n Link to the charity's website\n * @deprecated We should stop passing this soon, and will link to charity URLs alongside socials.\n */\n @Prop() charityUrl: string;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n {<div class=\"slug\">{this.slug}</div>}\n {this.imageUrl !== undefined && this.imageUrl !== null ? (\n <div class=\"image-wrap\">\n <img src={this.imageUrl} />\n </div>\n ) : null}\n {this.logoUrl !== undefined && this.logoUrl !== null ? <div class=\"logo-wrap\" style={{ 'background-image': \"url('\" + this.logoUrl + \"')\" }}></div> : null}\n\n {this.charityName !== undefined && this.charityName !== null ? <h3 class=\"title\">{this.charityName}</h3> : null}\n {this.charityLocation !== undefined && this.charityLocation !== null ? <div class=\"charity-info\">{this.charityLocation}</div> : null}\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-branded-image.js","sourceRoot":"","sources":["../../../src/components/biggive-branded-image/biggive-branded-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,mBAAmB;IALhC;QAME;;WAEG;QACK,eAAU,GAAW,CAAC,CAAC;QAC/B;;WAEG;QACK,aAAQ,GAAW,EAAE,CAAC;QAE9B;;WAEG;QACK,YAAO,GAAW,EAAE,CAAC;KAuC9B;IAhBC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU;YACnD,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO;YACnC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CACvD,WAAK,KAAK,EAAC,YAAY;gBACrB,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAI,CACvB,CACP,CAAC,CAAC,CAAC,IAAI;YACP,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,GAAQ,CAAC,CAAC,CAAC,IAAI;YAExJ,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,UAAI,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,WAAW,CAAM,CAAC,CAAC,CAAC,IAAI;YAC9G,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,eAAe,CAAO,CAAC,CAAC,CAAC,IAAI,CAChI,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-branded-image',\n styleUrl: 'biggive-branded-image.scss',\n shadow: true,\n})\nexport class BiggiveBrandedImage {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Full URL of a image.\n /\n @Prop() imageUrl: string = '';\n\n /\n Full URL of the logo.\n /\n @Prop() logoUrl: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Charity name\n /\n @Prop() charityName: string;\n\n /\n Charity location\n /\n @Prop() charityLocation: string;\n\n /\n Link to the charity's website\n * @deprecated We should stop passing this soon, and will link to charity URLs alongside socials.\n */\n @Prop() charityUrl: string;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n {<div class=\"slug\">{this.slug}</div>}\n {this.imageUrl !== undefined && this.imageUrl !== null ? (\n <div class=\"image-wrap\">\n <img src={this.imageUrl} />\n </div>\n ) : null}\n {this.logoUrl !== undefined && this.logoUrl !== null ? <div class=\"logo-wrap\" style={{ 'background-image': \"url('\" + this.logoUrl + \"')\" }}></div> : null}\n\n {this.charityName !== undefined && this.charityName !== null ? <h3 class=\"title\">{this.charityName}</h3> : null}\n {this.charityLocation !== undefined && this.charityLocation !== null ? <div class=\"charity-info\">{this.charityLocation}</div> : null}\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/biggive-button/biggive-button.js CHANGED Viewed

@@ -1,19 +1,42 @@
 import { h } from "@stencil/core";
 export class BiggiveButton {
     constructor() {
-        this.handleButtonClick = (event) => {
-            this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
-        };
+        /**
+         * Space below component
+         */
         this.spaceBelow = 1;
+        /**
+         * Colour Scheme
+         */
         this.colourScheme = 'primary';
+        /**
+         * Text
+         */
         this.label = 'Click me';
-        this.url = undefined;
+        /**
+         * New Tab
+         */
         this.openInNewTab = false;
+        /**
+         * Display full width
+         */
         this.fullWidth = false;
+        /**
+         * Size
+         */
         this.size = 'medium';
+        /**
+         * Rounded corners
+         */
         this.rounded = false;
+        /**
+         * Centered
+         */
         this.centered = false;
         this.buttonId = undefined;
+        this.handleButtonClick = (event) => {
+            this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
+        };
     }
     render() {
         // We always want to have a href so that browsers will see this as a link and allow clicking with keybard.

package/dist/collection/components/biggive-button/biggive-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-button.js","sourceRoot":"","sources":["../../../src/components/biggive-button/biggive-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,aAAa;;~~QAwDhB~~,sBAAiB,GAAG,CAAC,KAAU,EAAE,EAAE;YACzC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;QAClF,CAAC,CAAC;~~0BA9C2B,CAAC~~;~~4BAKC~~,~~SAAS;qBAKhB,UAAU;;4BAUF,KAAK;yBAKR,KAAK;oBAKX,QAAQ;uBAKJ,KAAK;wBAKJ,KAAK;wBAEM,SAAS;;IAMhD,~~MAAM;QACJ,0GAA0G;QAC1G,kHAAkH;QAClH,0BAA0B;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,qBAAqB,CAAC;QAE/C,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ;YACnF,0DACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC9C,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;gBAEvJ,6DAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,IAAG,IAAI,CAAC,KAAK,CAAQ,CACxD,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-button',\n styleUrl: 'biggive-button.scss',\n shadow: true,\n})\nexport class BiggiveButton {\n @Event({\n eventName: 'doButtonClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 1;\n\n /\n Colour Scheme\n /\n @Prop() colourScheme: string = 'primary';\n\n /\n Text\n /\n @Prop() label: string = 'Click me';\n\n /\n URL\n /\n @Prop() url: string \| undefined;\n\n /\n New Tab\n /\n @Prop() openInNewTab: boolean = false;\n\n /\n Display full width\n /\n @Prop() fullWidth: boolean = false;\n\n /\n Size\n /\n @Prop() size: string = 'medium';\n\n /\n Rounded corners\n /\n @Prop() rounded: boolean = false;\n\n /\n Centered\n */\n @Prop() centered: boolean = false;\n\n @Prop() buttonId: undefined \| string = undefined;\n\n private handleButtonClick = (event: any) => {\n this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n };\n\n render() {\n // We always want to have a href so that browsers will see this as a link and allow clicking with keybard.\n // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard\n // interaction separately.\n const href = this.url \|\| 'javascript:void(0);';\n\n return (\n <div class={'container space-below-' + this.spaceBelow + ' centered-' + this.centered}>\n <a\n role=\"button\"\n href={href}\n target={this.openInNewTab ? '_blank' : '_self'}\n id={this.buttonId}\n class={'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString()}\n >\n <span onClick={this.handleButtonClick}>{this.label}</span>\n </a>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-button.js","sourceRoot":"","sources":["../../../src/components/biggive-button/biggive-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,aAAa;IAL1B;QAcE;;WAEG;QACK,eAAU,GAAW,CAAC,CAAC;QAE/B;;WAEG;QACK,iBAAY,GAAW,SAAS,CAAC;QAEzC;;WAEG;QACK,UAAK,GAAW,UAAU,CAAC;QAOnC;;WAEG;QACK,iBAAY,GAAY,KAAK,CAAC;QAEtC;;WAEG;QACK,cAAS,GAAY,KAAK,CAAC;QAEnC;;WAEG;QACK,SAAI,GAAW,QAAQ,CAAC;QAEhC;;WAEG;QACK,YAAO,GAAY,KAAK,CAAC;QAEjC;;WAEG;QACK,aAAQ,GAAY,KAAK,CAAC;QAE1B,aAAQ,GAAuB,SAAS,CAAC;QAEzC,sBAAiB,GAAG,CAAC,KAAU,EAAE,EAAE;YACzC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;QAClF,CAAC,CAAC;KAsBH;IApBC,MAAM;QACJ,0GAA0G;QAC1G,kHAAkH;QAClH,0BAA0B;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,qBAAqB,CAAC;QAE/C,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ;YACnF,0DACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC9C,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;gBAEvJ,6DAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,IAAG,IAAI,CAAC,KAAK,CAAQ,CACxD,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-button',\n styleUrl: 'biggive-button.scss',\n shadow: true,\n})\nexport class BiggiveButton {\n @Event({\n eventName: 'doButtonClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 1;\n\n /\n Colour Scheme\n /\n @Prop() colourScheme: string = 'primary';\n\n /\n Text\n /\n @Prop() label: string = 'Click me';\n\n /\n URL\n /\n @Prop() url: string \| undefined;\n\n /\n New Tab\n /\n @Prop() openInNewTab: boolean = false;\n\n /\n Display full width\n /\n @Prop() fullWidth: boolean = false;\n\n /\n Size\n /\n @Prop() size: string = 'medium';\n\n /\n Rounded corners\n /\n @Prop() rounded: boolean = false;\n\n /\n Centered\n */\n @Prop() centered: boolean = false;\n\n @Prop() buttonId: undefined \| string = undefined;\n\n private handleButtonClick = (event: any) => {\n this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n };\n\n render() {\n // We always want to have a href so that browsers will see this as a link and allow clicking with keybard.\n // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard\n // interaction separately.\n const href = this.url \|\| 'javascript:void(0);';\n\n return (\n <div class={'container space-below-' + this.spaceBelow + ' centered-' + this.centered}>\n <a\n role=\"button\"\n href={href}\n target={this.openInNewTab ? '_blank' : '_self'}\n id={this.buttonId}\n class={'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString()}\n >\n <span onClick={this.handleButtonClick}>{this.label}</span>\n </a>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js CHANGED Viewed

@@ -1,25 +1,53 @@
 import { h } from "@stencil/core";
 export class BiggiveCallToAction {
     constructor() {
+        /**
+         * Space above component
+         */
         this.spaceAbove = 0;
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Default text colour
+         */
         this.defaultTextColour = 'primary';
+        /**
+         * Slug size
+         */
         this.slugSize = 4;
+        /**
+         * Slug colour
+         */
         this.slugColour = '';
-        this.slug = undefined;
+        /**
+         * Main title colour
+         */
         this.mainTitleColour = '';
+        /**
+         * Main title size
+         */
         this.mainTitleSize = 2;
-        this.mainTitle = undefined;
+        /**
+         * Main title size
+         */
         this.subtitleSize = 4;
+        /**
+         * Subtitle colour
+         */
         this.subtitleColour = '';
-        this.subtitle = undefined;
+        /**
+         * Teaser colour
+         */
         this.teaserColour = '';
-        this.teaser = undefined;
-        this.primaryButtonUrl = undefined;
-        this.primaryButtonLabel = undefined;
+        /**
+         * Primary button Colour Scheme
+         */
         this.primaryButtonColourScheme = 'primary';
-        this.secondaryButtonUrl = undefined;
-        this.secondaryButtonLabel = undefined;
+        /**
+         * Secondary button Colour Scheme
+         */
         this.secondaryButtonColourScheme = 'primary';
     }
     render() {

package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-call-to-action.js","sourceRoot":"","sources":["../../../src/components/biggive-call-to-action/biggive-call-to-action.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,mBAAmB;;~~0BAID~~,CAAC;~~0BAID~~,CAAC;~~iCAIM~~,SAAS;~~wBAKlB~~,CAAC;~~0BAIC~~,EAAE~~;;+BASG~~,EAAE;~~6BAIJ~~,CAAC;;~~4BASF~~,CAAC;~~8BAIC~~,EAAE;;~~4BAUJ~~,EAAE~~;;;;yCAoBW~~,SAAS~~;;;2CAeP~~,~~SAAS~~;;~~IAEvD~~,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YACnI,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,cAAc;oBACvB,4DAAK,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAAG,IAAI,CAAC,IAAI,CAAO;oBAClG,2DAAI,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC,aAAa,GAAG,eAAe,GAAG,IAAI,CAAC,eAAe,IAAG,IAAI,CAAC,SAAS,CAAM;oBAChH,4DAAK,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,IAAI,CAAC,cAAc,IAAG,IAAI,CAAC,QAAQ,CAAO;oBAC9G,4DAAK,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAC,YAAY,IAAG,IAAI,CAAC,MAAM,CAAO;oBACzE,IAAI,CAAC,kBAAkB,IAAI,IAAI,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,CAAC,CAAC,CAClE,WAAK,KAAK,EAAC,aAAa;wBACtB,uCAA+B,IAAI,CAAC,yBAAyB,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,kBAAkB,GAAmB,CACxI,CACP,CAAC,CAAC,CAAC,IAAI;oBACP,IAAI,CAAC,oBAAoB,IAAI,IAAI,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,CAAC,CAAC,CACtE,WAAK,KAAK,EAAC,aAAa;wBACtB,uCAA+B,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAE,IAAI,CAAC,oBAAoB,GAAmB,CAC9I,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-call-to-action',\n styleUrl: 'biggive-call-to-action.scss',\n shadow: true,\n})\nexport class BiggiveCallToAction {\n /*\n Space above component\n /\n @Prop() spaceAbove: number = 0;\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Default text colour\n /\n @Prop() defaultTextColour: string = 'primary';\n\n /\n Slug size\n /\n @Prop() slugSize: number = 4;\n /\n Slug colour\n /\n @Prop() slugColour: string = '';\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Main title colour\n /\n @Prop() mainTitleColour: string = '';\n /\n Main title size\n /\n @Prop() mainTitleSize: number = 2;\n /\n Main title\n /\n @Prop() mainTitle: string;\n\n /\n Main title size\n /\n @Prop() subtitleSize: number = 4;\n /\n Subtitle colour\n /\n @Prop() subtitleColour: string = '';\n\n /\n Subtitle\n /\n @Prop() subtitle: string;\n\n /\n Teaser colour\n /\n @Prop() teaserColour: string = '';\n\n /\n Teaser\n /\n @Prop() teaser: string;\n\n /\n Primary button Url\n /\n @Prop() primaryButtonUrl: string;\n\n /\n Primary button Label\n /\n @Prop() primaryButtonLabel: string;\n\n /\n Primary button Colour Scheme\n /\n @Prop() primaryButtonColourScheme: string = 'primary';\n\n /\n Secondary button Url\n /\n @Prop() secondaryButtonUrl: string;\n\n /\n Secondary button Label\n /\n @Prop() secondaryButtonLabel: string;\n\n /\n Secondary button Colour Scheme\n */\n @Prop() secondaryButtonColourScheme: string = 'primary';\n\n render() {\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"content-wrap\">\n <div class={'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour}>{this.slug}</div>\n <h2 class={'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour}>{this.mainTitle}</h2>\n <div class={'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour}>{this.subtitle}</div>\n <div class={'teaser text-colour-' + this.teaserColour}>{this.teaser}</div>\n {this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (\n <div class=\"button-wrap\">\n <biggive-button colour-scheme={this.primaryButtonColourScheme} url={this.primaryButtonUrl} label={this.primaryButtonLabel}></biggive-button>\n </div>\n ) : null}\n {this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (\n <div class=\"button-wrap\">\n <biggive-button colour-scheme={this.secondaryButtonColourScheme} url={this.secondaryButtonUrl} label={this.secondaryButtonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-call-to-action.js","sourceRoot":"","sources":["../../../src/components/biggive-call-to-action/biggive-call-to-action.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-call-to-action',\n styleUrl: 'biggive-call-to-action.scss',\n shadow: true,\n})\nexport class BiggiveCallToAction {\n /*\n Space above component\n /\n @Prop() spaceAbove: number = 0;\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Default text colour\n /\n @Prop() defaultTextColour: string = 'primary';\n\n /\n Slug size\n /\n @Prop() slugSize: number = 4;\n /\n Slug colour\n /\n @Prop() slugColour: string = '';\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Main title colour\n /\n @Prop() mainTitleColour: string = '';\n /\n Main title size\n /\n @Prop() mainTitleSize: number = 2;\n /\n Main title\n /\n @Prop() mainTitle: string;\n\n /\n Main title size\n /\n @Prop() subtitleSize: number = 4;\n /\n Subtitle colour\n /\n @Prop() subtitleColour: string = '';\n\n /\n Subtitle\n /\n @Prop() subtitle: string;\n\n /\n Teaser colour\n /\n @Prop() teaserColour: string = '';\n\n /\n Teaser\n /\n @Prop() teaser: string;\n\n /\n Primary button Url\n /\n @Prop() primaryButtonUrl: string;\n\n /\n Primary button Label\n /\n @Prop() primaryButtonLabel: string;\n\n /\n Primary button Colour Scheme\n /\n @Prop() primaryButtonColourScheme: string = 'primary';\n\n /\n Secondary button Url\n /\n @Prop() secondaryButtonUrl: string;\n\n /\n Secondary button Label\n /\n @Prop() secondaryButtonLabel: string;\n\n /\n Secondary button Colour Scheme\n */\n @Prop() secondaryButtonColourScheme: string = 'primary';\n\n render() {\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"content-wrap\">\n <div class={'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour}>{this.slug}</div>\n <h2 class={'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour}>{this.mainTitle}</h2>\n <div class={'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour}>{this.subtitle}</div>\n <div class={'teaser text-colour-' + this.teaserColour}>{this.teaser}</div>\n {this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (\n <div class=\"button-wrap\">\n <biggive-button colour-scheme={this.primaryButtonColourScheme} url={this.primaryButtonUrl} label={this.primaryButtonLabel}></biggive-button>\n </div>\n ) : null}\n {this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (\n <div class=\"button-wrap\">\n <biggive-button colour-scheme={this.secondaryButtonColourScheme} url={this.secondaryButtonUrl} label={this.secondaryButtonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js CHANGED Viewed

@@ -1,28 +1,37 @@
 import { h } from "@stencil/core";
 export class BiggiveCampaignCard {
     constructor() {
-        this.handleCardGeneralClick = (event) => {
-            this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });
-        };
+        /**
+         * Space below component
+         */
         this.spaceBelow = 4;
-        this.campaignType = undefined;
-        this.banner = undefined;
-        this.campaignTitle = undefined;
-        this.organisationName = undefined;
-        this.primaryFigureLabel = undefined;
-        this.primaryFigureAmount = undefined;
-        this.secondaryFigureLabel = undefined;
-        this.secondaryFigureAmount = undefined;
-        this.progressBarCounter = undefined;
+        /**
+         * Donate button label
+         */
         this.donateButtonLabel = 'Donate now';
-        this.donateButtonUrl = undefined;
+        /**
+         * Donate button colour scheme
+         */
         this.donateButtonColourScheme = 'primary';
+        /**
+         * More information button label
+         */
         this.moreInfoButtonLabel = 'Find out more';
-        this.moreInfoButtonUrl = undefined;
+        /**
+         * Donate button colour scheme
+         */
         this.moreInfoButtonColourScheme = 'clear-primary';
+        /**
+         * Boolean flag telling the component if the campaign is in the future (not open yet).
+         */
         this.isFutureCampaign = false;
+        /**
+         * Boolean flag telling the component if the campaign is in the future (not open yet).
+         */
         this.isPastCampaign = false;
-        this.datetime = undefined;
+        this.handleCardGeneralClick = (event) => {
+            this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });
+        };
     }
     isEmpty(value) {
         return value === undefined || value === null || value === '';

package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-campaign-card.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card/biggive-campaign-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,mBAAmB;;~~QA8GtB~~,2BAAsB,GAAG,CAAC,KAAU,EAAE,EAAE;YAC9C,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;QACvE,CAAC,CAAC;~~0BApG2B,CAAC;;;;;;;;;;iCAiDM,YAAY;;wCAUL,SAAS~~;~~mCAKd~~,~~eAAe;;0CAUR,eAAe;gCAKxB,KAAK;8BAKP,KAAK;;;IAU/B,~~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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'biggive-campaign-card',\n styleUrl: 'biggive-campaign-card.scss',\n shadow: true,\n})\nexport class BiggiveCampaignCard {\n @Event({\n eventName: 'doCardGeneralClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doCardGeneralClick: EventEmitter<{ event: object; url: string }>;\n\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 4;\n /\n e.g. \"Match Funded\".\n /\n @Prop() campaignType: string;\n\n /\n Full URL of a banner image.\n /\n @Prop() banner: string;\n\n /\n Display name of the charity's specific time-bound fundraising campaign.\n /\n @Prop() campaignTitle: string;\n\n /\n Display name of the charity or non-profit.\n /\n @Prop() organisationName: string;\n\n /\n Label for the primary figure – may be null or omitted for no label or if there's no figure.\n /\n @Prop() primaryFigureLabel: string \| null;\n\n /\n Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.\n /\n @Prop() primaryFigureAmount: string \| null;\n\n /\n Label for the secondary figure – may be null or omitted for no label or if there's no figure.\n /\n @Prop() secondaryFigureLabel: string \| null;\n\n /\n Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.\n /\n @Prop() secondaryFigureAmount: string \| null;\n\n /\n Progress bar percentage – null or omit to hide the progress bar.\n /\n @Prop() progressBarCounter: number \| null;\n\n /\n Donate button label\n /\n @Prop() donateButtonLabel: string = 'Donate now';\n\n /\n Donate button url\n /\n @Prop() donateButtonUrl: string;\n\n /\n Donate button colour scheme\n /\n @Prop() donateButtonColourScheme: string = 'primary';\n\n /\n More information button label\n /\n @Prop() moreInfoButtonLabel: string = 'Find out more';\n\n /\n More information button url\n /\n @Prop() moreInfoButtonUrl: string;\n\n /\n Donate button colour scheme\n /\n @Prop() moreInfoButtonColourScheme: string = 'clear-primary';\n\n /\n Boolean flag telling the component if the campaign is in the future (not open yet).\n /\n @Prop() isFutureCampaign: boolean = false;\n\n /\n Boolean flag telling the component if the campaign is in the future (not open yet).\n /\n @Prop() isPastCampaign: boolean = false;\n\n /\n To be used alongside isFutureCampaign = true or isPastCampaign = true.\n * If either is true, we render out: 'Launches: ' + datetime or 'Closed: ' + datetime.\n * Preferred format: DD/MM/YYYY, HH:MM\n * DON-661.\n */\n @Prop() datetime: string;\n\n private isEmpty(value?: number \| string \| null) {\n return value === undefined \|\| value === null \|\| value === '';\n }\n\n private handleCardGeneralClick = (event: any) => {\n this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });\n };\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow.toString()}>\n <div class=\"sleeve\">\n <div onClick={this.handleCardGeneralClick} class=\"above-button-wrap\">\n {this.campaignType !== null ? (\n <div class=\"campaign-type\">\n <span>{this.campaignType}</span>\n </div>\n ) : null}\n\n {this.banner !== null && this.banner !== undefined ? (\n <div class=\"image-wrap banner\" role=\"presentation\" style={{ 'background-image': 'url(' + this.banner + ')' }}></div>\n ) : (\n <div class=\"image-wrap banner\"></div>\n )}\n\n <div class=\"title-wrap\">\n <h3>{this.campaignTitle}</h3>\n <div class=\"organisation-name\">By {this.organisationName}</div>\n </div>\n\n {this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (\n <div class=\"meta-wrap\">\n {this.isEmpty(this.primaryFigureAmount) ? null : (\n <div class=\"meta-item\">\n <span class=\"label\">{this.primaryFigureLabel}</span>\n <span class=\"text\">{this.primaryFigureAmount}</span>\n </div>\n )}\n {this.isEmpty(this.secondaryFigureAmount) ? null : (\n <div class=\"meta-item\">\n <span class=\"label\">{this.secondaryFigureLabel}</span>\n <span class=\"text\">{this.secondaryFigureAmount}</span>\n </div>\n )}\n </div>\n )}\n {this.isEmpty(this.progressBarCounter) ? null : (\n <div class=\"progress-bar-wrap\">\n <biggive-progress-bar counter={this.progressBarCounter} colour-scheme=\"primary\"></biggive-progress-bar>\n </div>\n )}\n </div>\n <div class=\"button-wrap\">\n {this.isFutureCampaign \|\| this.isPastCampaign ? (\n <div class=\"msg-wrapper\">\n <biggive-misc-icon background-colour=\"white\" icon-colour=\"black\" icon=\"Timer\"></biggive-misc-icon>\n {this.isFutureCampaign ? <p>Launches {this.datetime}</p> : <p>Closed {this.datetime}</p>}\n </div>\n ) : (\n <biggive-button full-width=\"true\" colour-scheme={this.donateButtonColourScheme} url={this.donateButtonUrl} label={this.donateButtonLabel}></biggive-button>\n )}\n <biggive-button full-width=\"true\" colour-scheme={this.moreInfoButtonColourScheme} url={this.moreInfoButtonUrl} label={this.moreInfoButtonLabel}></biggive-button>\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-campaign-card.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card/biggive-campaign-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'biggive-campaign-card',\n styleUrl: 'biggive-campaign-card.scss',\n shadow: true,\n})\nexport class BiggiveCampaignCard {\n @Event({\n eventName: 'doCardGeneralClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doCardGeneralClick: EventEmitter<{ event: object; url: string }>;\n\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 4;\n /\n e.g. \"Match Funded\".\n /\n @Prop() campaignType: string;\n\n /\n Full URL of a banner image.\n /\n @Prop() banner: string;\n\n /\n Display name of the charity's specific time-bound fundraising campaign.\n /\n @Prop() campaignTitle: string;\n\n /\n Display name of the charity or non-profit.\n /\n @Prop() organisationName: string;\n\n /\n Label for the primary figure – may be null or omitted for no label or if there's no figure.\n /\n @Prop() primaryFigureLabel: string \| null;\n\n /\n Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.\n /\n @Prop() primaryFigureAmount: string \| null;\n\n /\n Label for the secondary figure – may be null or omitted for no label or if there's no figure.\n /\n @Prop() secondaryFigureLabel: string \| null;\n\n /\n Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.\n /\n @Prop() secondaryFigureAmount: string \| null;\n\n /\n Progress bar percentage – null or omit to hide the progress bar.\n /\n @Prop() progressBarCounter: number \| null;\n\n /\n Donate button label\n /\n @Prop() donateButtonLabel: string = 'Donate now';\n\n /\n Donate button url\n /\n @Prop() donateButtonUrl: string;\n\n /\n Donate button colour scheme\n /\n @Prop() donateButtonColourScheme: string = 'primary';\n\n /\n More information button label\n /\n @Prop() moreInfoButtonLabel: string = 'Find out more';\n\n /\n More information button url\n /\n @Prop() moreInfoButtonUrl: string;\n\n /\n Donate button colour scheme\n /\n @Prop() moreInfoButtonColourScheme: string = 'clear-primary';\n\n /\n Boolean flag telling the component if the campaign is in the future (not open yet).\n /\n @Prop() isFutureCampaign: boolean = false;\n\n /\n Boolean flag telling the component if the campaign is in the future (not open yet).\n /\n @Prop() isPastCampaign: boolean = false;\n\n /\n To be used alongside isFutureCampaign = true or isPastCampaign = true.\n * If either is true, we render out: 'Launches: ' + datetime or 'Closed: ' + datetime.\n * Preferred format: DD/MM/YYYY, HH:MM\n * DON-661.\n */\n @Prop() datetime: string;\n\n private isEmpty(value?: number \| string \| null) {\n return value === undefined \|\| value === null \|\| value === '';\n }\n\n private handleCardGeneralClick = (event: any) => {\n this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });\n };\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow.toString()}>\n <div class=\"sleeve\">\n <div onClick={this.handleCardGeneralClick} class=\"above-button-wrap\">\n {this.campaignType !== null ? (\n <div class=\"campaign-type\">\n <span>{this.campaignType}</span>\n </div>\n ) : null}\n\n {this.banner !== null && this.banner !== undefined ? (\n <div class=\"image-wrap banner\" role=\"presentation\" style={{ 'background-image': 'url(' + this.banner + ')' }}></div>\n ) : (\n <div class=\"image-wrap banner\"></div>\n )}\n\n <div class=\"title-wrap\">\n <h3>{this.campaignTitle}</h3>\n <div class=\"organisation-name\">By {this.organisationName}</div>\n </div>\n\n {this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (\n <div class=\"meta-wrap\">\n {this.isEmpty(this.primaryFigureAmount) ? null : (\n <div class=\"meta-item\">\n <span class=\"label\">{this.primaryFigureLabel}</span>\n <span class=\"text\">{this.primaryFigureAmount}</span>\n </div>\n )}\n {this.isEmpty(this.secondaryFigureAmount) ? null : (\n <div class=\"meta-item\">\n <span class=\"label\">{this.secondaryFigureLabel}</span>\n <span class=\"text\">{this.secondaryFigureAmount}</span>\n </div>\n )}\n </div>\n )}\n {this.isEmpty(this.progressBarCounter) ? null : (\n <div class=\"progress-bar-wrap\">\n <biggive-progress-bar counter={this.progressBarCounter} colour-scheme=\"primary\"></biggive-progress-bar>\n </div>\n )}\n </div>\n <div class=\"button-wrap\">\n {this.isFutureCampaign \|\| this.isPastCampaign ? (\n <div class=\"msg-wrapper\">\n <biggive-misc-icon background-colour=\"white\" icon-colour=\"black\" icon=\"Timer\"></biggive-misc-icon>\n {this.isFutureCampaign ? <p>Launches {this.datetime}</p> : <p>Closed {this.datetime}</p>}\n </div>\n ) : (\n <biggive-button full-width=\"true\" colour-scheme={this.donateButtonColourScheme} url={this.donateButtonUrl} label={this.donateButtonLabel}></biggive-button>\n )}\n <biggive-button full-width=\"true\" colour-scheme={this.moreInfoButtonColourScheme} url={this.moreInfoButtonUrl} label={this.moreInfoButtonLabel}></biggive-button>\n </div>\n </div>\n </div>\n );\n }\n}\n"]}