npm - @biggive/components - Versions diffs - 202401301136.0.0 → 202401311504.0.0 - Mend

@biggive/components 202401301136.0.0 → 202401311504.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 (313) hide show

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-fb5fdee7.js');
+const index = require('./index-e9de07ad.js');
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -57,7 +57,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.11.0",
+    "version": "4.12.0",
     "typescriptVersion": "5.3.3"
   },
   "collections": [],

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

@@ -23,7 +23,7 @@ export class BiggiveAccordion {
         }
     }
     render() {
-        return (h("div", { class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, h("div", { class: "sleeve" }, this.children === undefined
+        return (h("div", { key: 'ded1cf1eef6c83c9ed50860d7d2a281801441cf7', class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, h("div", { key: '2b9114d364ddd19b95f9c9c7f572c50bd2dd61e1', class: "sleeve" }, this.children === undefined
             ? []
             : this.children.map(entry => (h("div", { class: "entry" }, h("h3", { class: "heading", onClick: this.toggleSection, title: "Expand section" }, entry.heading, h("span", { class: "arrow" }, h("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986", stroke: "black", "stroke-width": "2" })))), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }

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,~~WAAK~~,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa;YACvI,~~WAAK~~,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;;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"]}

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

@@ -25,7 +25,7 @@ export class BiggiveArticleCard {
         this.clipTopRightCorner = true;
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: 'sleeve background-colour-' +
+        return (h("div", { key: '5335509dd674ea60650fc1c1cba5dac3409c9457', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '497197b96c3dcfd40b8bfa9546ac17c67112cd54', class: 'sleeve background-colour-' +
                 this.backgroundColour +
                 ' text-colour-black ' +
                 ' slug-colour-' +
@@ -41,7 +41,7 @@ export class BiggiveArticleCard {
                 ' clip-bottom-left-corner-' +
                 this.clipBottomLeftCorner +
                 ' clip-top-right-corner-' +
-                this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { class: "content-wrap" }, h("div", { class: "meta" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null), this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))) : null, h("h3", { class: "title" }, h("a", { href: this.buttonUrl }, this.mainTitle)), this.image1Url != '' || this.image2Url != '' ? (h("div", { class: "image-group" }, this.image1Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, h("img", { src: this.image1Url, alt: this.image1AltText })))) : null, this.image2Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, h("img", { src: this.image2Url, alt: this.image2AltText })))) : null)) : null, this.imageLabel != '' ? h("div", { class: "image-label" }, this.imageLabel) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
+                this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: 'e02a55a2b94147be042fce8de85c218df414145d', class: "content-wrap" }, h("div", { key: '95485ea8d086b5f9816dfb263e7ad3593c908d8a', class: "meta" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null), this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))) : null, h("h3", { key: 'ce2448ed0e40e16d83dd17acf093713f7b412045', class: "title" }, h("a", { key: '23f8349570f850182064a2b34a74014f1e02fdd9', href: this.buttonUrl }, this.mainTitle)), this.image1Url != '' || this.image2Url != '' ? (h("div", { class: "image-group" }, this.image1Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, h("img", { src: this.image1Url, alt: this.image1AltText })))) : null, this.image2Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, h("img", { src: this.image2Url, alt: this.image2AltText })))) : null)) : null, this.imageLabel != '' ? h("div", { class: "image-label" }, this.imageLabel) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
     }
     static get is() { return "biggive-article-card"; }
     static get encapsulation() { return "shadow"; }

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,MAAM;QACJ,OAAO,CACL,~~WAAK~~,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU;YACpD,~~WACE~~,KAAK,EACH,2BAA2B;oBAC3B,IAAI,CAAC,gBAAgB;oBACrB,qBAAqB;oBACrB,eAAe;oBACf,IAAI,CAAC,UAAU;oBACf,eAAe;oBACf,IAAI,CAAC,UAAU;oBACf,qBAAqB;oBACrB,IAAI,CAAC,eAAe;oBACpB,sBAAsB;oBACtB,IAAI,CAAC,gBAAgB;oBACrB,gBAAgB;oBAChB,IAAI,CAAC,YAAY;oBACjB,2BAA2B;oBAC3B,IAAI,CAAC,oBAAoB;oBACzB,yBAAyB;oBACzB,IAAI,CAAC,kBAAkB,EAEzB,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE;gBAEvE,~~WAAK~~,KAAK,EAAC,cAAc;oBACvB,~~WAAK~~,KAAK,EAAC,MAAM;wBACd,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,0BAA0B,IAAE,IAAI,CAAC,IAAI,CAAO,CAAC,CAAC,CAAC,IAAI;wBAChF,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO,CAAC,CAAC,CAAC,IAAI,CACzD;oBAEL,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,CACzB,WAAK,KAAK,EAAC,sBAAsB;wBAC/B,WAAK,KAAK,EAAC,YAAY;4BACrB,WAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACvD,CACF,CACP,CAAC,CAAC,CAAC,IAAI;oBAER,~~UAAI~~,KAAK,EAAC,OAAO;wBACf,~~SAAG~~,IAAI,EAAE,IAAI,CAAC,SAAS,IAAG,IAAI,CAAC,SAAS,CAAK,CAC1C;oBACJ,IAAI,CAAC,SAAS,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,CAC9C,WAAK,KAAK,EAAC,aAAa;wBACrB,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,CACtB,WAAK,KAAK,EAAC,iBAAiB;4BAC1B,WAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,EAAE;gCACpF,WAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,GAAI,CACjD,CACF,CACP,CAAC,CAAC,CAAC,IAAI;wBAEP,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,CACtB,WAAK,KAAK,EAAC,iBAAiB;4BAC1B,WAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,EAAE;gCACpF,WAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,GAAI,CACjD,CACF,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC,CAAC,CAAC,IAAI;oBAEP,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAO,CAAC,CAAC,CAAC,IAAI;oBAE/E,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CACpD,WAAK,KAAK,EAAC,yBAAyB;wBAClC,uCAA+B,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,CACxH,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACF,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-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-back-to-top/biggive-back-to-top.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { getAssetPath, h } from "@stencil/core";
 export class BiggiveBackToTop {
     render() {
-        return (h("div", { class: "container" }, h("a", { href: "#" }, h("img", { src: getAssetPath('assets/images/triangles-combined.svg') }), h("span", { class: "text" }, "Back to top"))));
+        return (h("div", { key: '8dddc9acaa44d83d4443cca0541b4384713f4633', class: "container" }, h("a", { key: 'e5cbb847bedc6cbcd781c185d38dcd9560577c45', href: "#" }, h("img", { key: '22dc0f1d222df7f2508eee40fc64df5c21e3e9ed', src: getAssetPath('assets/images/triangles-combined.svg') }), h("span", { key: 'fde2f491296cb56670ab2f37b880995225f33e43', class: "text" }, "Back to top"))));
     }
     static get is() { return "biggive-back-to-top"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-back-to-top.js","sourceRoot":"","sources":["../../../src/components/biggive-back-to-top/biggive-back-to-top.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO3D,MAAM,OAAO,gBAAgB;IAC3B,MAAM;QACJ,OAAO,CACL,~~WAAK~~,KAAK,EAAC,WAAW;YACpB,~~SAAG~~,IAAI,EAAC,GAAG;gBACT,~~WAAK~~,GAAG,EAAE,YAAY,CAAC,sCAAsC,CAAC,GAAI;gBAClE,~~YAAM~~,KAAK,EAAC,MAAM,kBAAmB,CACnC,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, getAssetPath, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-back-to-top',\n styleUrl: 'biggive-back-to-top.scss',\n shadow: true,\n})\nexport class BiggiveBackToTop {\n render() {\n return (\n <div class=\"container\">\n <a href=\"#\">\n <img src={getAssetPath('assets/images/triangles-combined.svg')} />\n <span class=\"text\">Back to top</span>\n </a>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-back-to-top.js","sourceRoot":"","sources":["../../../src/components/biggive-back-to-top/biggive-back-to-top.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO3D,MAAM,OAAO,gBAAgB;IAC3B,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,0DAAG,IAAI,EAAC,GAAG;gBACT,4DAAK,GAAG,EAAE,YAAY,CAAC,sCAAsC,CAAC,GAAI;gBAClE,6DAAM,KAAK,EAAC,MAAM,kBAAmB,CACnC,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, getAssetPath, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-back-to-top',\n styleUrl: 'biggive-back-to-top.scss',\n shadow: true,\n})\nexport class BiggiveBackToTop {\n render() {\n return (\n <div class=\"container\">\n <a href=\"#\">\n <img src={getAssetPath('assets/images/triangles-combined.svg')} />\n <span class=\"text\">Back to top</span>\n </a>\n </div>\n );\n }\n}\n"]}

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

@@ -25,7 +25,7 @@ export class BiggiveBasicCard {
     }
     render() {
         const HeadingTag = `h${this.headingLevel}`;
-        return (h("div", { class: 'container space-below-' +
+        return (h("div", { key: 'e2845d8a967604cc97a24dae26893c86ee05ca5f', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -34,7 +34,7 @@ export class BiggiveBasicCard {
                 ' clip-top-right-corner-' +
                 this.clipTopRightCorner +
                 ' add-animation-' +
-                this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { href: this.buttonUrl }, h("div", { class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { class: "content-wrap" }, this.icon == true ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, h(HeadingTag, { class: "title" }, this.mainTitle), h("div", { class: "subtitle" }, this.subtitle), h("div", { class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel }))) : null)))));
+                this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { key: '970ae918ea3554bc577708280c839eaa506c8cb0', href: this.buttonUrl }, h("div", { key: '7d4f3e9ebc683c50c3aa025aa0e71e56ccfb8bce', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { key: '671b23834d802a9995077f3af7956a2ab2dd5f84', class: "content-wrap" }, this.icon == true ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, h(HeadingTag, { key: '9c45c6f167bbfb3a7264d016ff10ad5c5a027c6e', class: "title" }, this.mainTitle), h("div", { key: 'cd99e6157174f18756816af6497152416cede8b3', class: "subtitle" }, this.subtitle), h("div", { key: 'dd804e05abfbd5e6bfbe00fc8c5b7c7c79baca29', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel }))) : null)))));
     }
     static get is() { return "biggive-basic-card"; }
     static get encapsulation() { return "shadow"; }

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,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,OAAO,CACL,~~WACE~~,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,~~SAAG~~,IAAI,EAAE,IAAI,CAAC,SAAS;gBACrB,~~WAAK~~,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;oBAC3F,~~WAAK~~,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,~~IAAC~~,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAc;wBACvD,~~WAAK~~,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAO;wBAC3C,~~WAAK~~,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"]}
1	+ {"version":3,"file":"biggive-basic-card.js","sourceRoot":"","sources":["../../../src/components/biggive-basic-card/biggive-basic-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-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

@@ -13,7 +13,7 @@ export class BiggiveBeneficiaryIcon {
         return icon;
     }
     render() {
-        return (h("div", { class: "container" }, h("div", { class: 'beneficiary-icon-item background-colour-' + this.backgroundColour }, h("a", { href: this.url }, h("svg", { width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] }, h("path", { d: this.getBeneficiaryIcon().icon[4].toString() })))), h("div", { class: "label" }, this.label)));
+        return (h("div", { key: 'b50e06c7174f4aa160b9c2f34b842bb5a630d010', class: "container" }, h("div", { key: '28e605d66f5c46b3252526a0cdb29eeac60f06e9', class: 'beneficiary-icon-item background-colour-' + this.backgroundColour }, h("a", { key: '163ecc6844f7769f2e8696565d3d36ddeaba9cba', href: this.url }, h("svg", { key: 'e03796a2782a4b89d0c6be73ac8c2a546b23388f', width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] }, h("path", { key: '93b8b98a4c79be0d376cfe8b14e2977c8c792e59', d: this.getBeneficiaryIcon().icon[4].toString() })))), h("div", { key: '364bb552681ed80b68116162dde43633719e1fa5', class: "label" }, this.label)));
     }
     static get is() { return "biggive-beneficiary-icon"; }
     static get originalStyleUrls() {

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,~~WAAK~~,KAAK,EAAC,WAAW;YACpB,~~WAAK~~,KAAK,EAAE,0CAA0C,GAAG,IAAI,CAAC,gBAAgB;gBAC5E,~~SAAG~~,IAAI,EAAE,IAAI,CAAC,GAAG;oBACf,~~WACE~~,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,~~YAAM~~,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CACrD,CACJ,CACA;YACN,~~WAAK~~,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;;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"]}

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

@@ -8,7 +8,7 @@ export class BiggiveBoxedContent {
         this.shadow = true;
     }
     render() {
-        return (h("div", { class: 'container background-colour-' +
+        return (h("div", { key: '514a5edbfeee33509e63941484400b8fb99d57f9', class: 'container background-colour-' +
                 this.backgroundColour +
                 ' space-below-' +
                 this.spaceBelow +
@@ -17,7 +17,7 @@ export class BiggiveBoxedContent {
                 ' vertical-padding-' +
                 this.verticalPadding +
                 ' shadow-' +
-                this.shadow }, h("slot", null)));
+                this.shadow }, h("slot", { key: 'b2f653b6f1e3aed050264a3dc4fae71a31a80a43' })));
     }
     static get is() { return "biggive-boxed-content"; }
     static get encapsulation() { return "shadow"; }

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,~~WACE~~,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,~~eAAa~~,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;;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"]}

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

@@ -10,7 +10,7 @@ export class BiggiveBrandedImage {
         this.charityUrl = undefined;
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { 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));
+        return (h("div", { key: '45bb58ecd06507d67e0e3607f60dbbb1d2a76fd6', class: 'container space-below-' + this.spaceBelow }, h("div", { 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));
     }
     static get is() { return "biggive-branded-image"; }
     static get encapsulation() { return "shadow"; }

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,~~WAAK~~,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU;YACnD,WAAK,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;;0BAID,CAAC;wBAIH,EAAE;uBAKH,EAAE;;;;;;IAuB5B,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU;YACnD,WAAK,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

@@ -20,7 +20,7 @@ export class BiggiveButton {
         // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard
         // interaction separately.
         const href = this.url || 'javascript:void(0);';
-        return (h("div", { class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered }, h("a", { role: "button", href: href, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { onClick: this.handleButtonClick }, this.label))));
+        return (h("div", { key: 'd55858059bea2eb86fd5d80e92af9fcc9fbc25ea', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered }, h("a", { key: '73db1a2a239985f3480a695e0c9529fa5896dec1', role: "button", href: href, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { key: '043bd6a0bb4a930cc5ef87fab0544b97dc0c1ddd', onClick: this.handleButtonClick }, this.label))));
     }
     static get is() { return "biggive-button"; }
     static get encapsulation() { return "shadow"; }

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,~~WAAK~~,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ;YACnF,~~SACE~~,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,~~YAAM~~,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;;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"]}

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

@@ -23,7 +23,7 @@ export class BiggiveCallToAction {
         this.secondaryButtonColourScheme = 'primary';
     }
     render() {
-        return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
+        return (h("div", { key: 'e60e86429ceb4d0cf805d43a2ef3698097e88f68', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '91e0334b2185a214d5eb46b10f2879b0a5c22199', class: "sleeve" }, h("div", { key: 'd631b0c1750d6e8c54d15223d67f4e8389b73496', class: "content-wrap" }, h("div", { key: 'd04b5f1c4b424cf8105d84f5883ef4191ce98bb7', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: '3fe4d64ae4236ee956082b2552d34ece60e4bb68', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '731f531a5d78ed5f939e7ca4d0785239fe966935', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: 'eea5215a144aa6364411c631d8db59ddc45f6b45', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
     }
     static get is() { return "biggive-call-to-action"; }
     static get encapsulation() { return "shadow"; }

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,~~WAAK~~,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YACnI,~~WAAK~~,KAAK,EAAC,QAAQ;gBACjB,~~WAAK~~,KAAK,EAAC,cAAc;oBACvB,~~WAAK~~,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAAG,IAAI,CAAC,IAAI,CAAO;oBAClG,~~UAAI~~,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC,aAAa,GAAG,eAAe,GAAG,IAAI,CAAC,eAAe,IAAG,IAAI,CAAC,SAAS,CAAM;oBAChH,~~WAAK~~,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,IAAI,CAAC,cAAc,IAAG,IAAI,CAAC,QAAQ,CAAO;oBAC9G,~~WAAK~~,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":"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"]}

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

@@ -28,7 +28,7 @@ export class BiggiveCampaignCard {
         return value === undefined || value === null || value === '';
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, h("div", { onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
+        return (h("div", { key: '8383f816181ea902732fc490d348e0b5960ff432', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '31fb7a6a11a347a7a4bb4755ba5d9a09a26be9a7', class: "sleeve" }, h("div", { key: '28b948056d296e1bf9387864433906a5c96976e6', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: '1b316684a436c019936307ac86753dde6c073092', class: "title-wrap" }, h("h3", { key: '6c5794bc18d0f6f7977a24410f8038300fa46f04' }, this.campaignTitle), h("div", { key: 'd42b4fd4800d162d8ad83daddb2198e6a097acbc', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: '95444c045dfadb58f02584accd5013abf9fa8006', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: 'e261bcc2c51296da7db737ada806bbc297d7d7fc', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
     }
     static get is() { return "biggive-campaign-card"; }
     static get encapsulation() { return "shadow"; }

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,OAAO,CAAC,KAA8B;QAC5C,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;IAC/D,CAAC;IAMD,MAAM;QACJ,OAAO,CACL,~~WAAK~~,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE;YAC/D,~~WAAK~~,KAAK,EAAC,QAAQ;gBACjB,~~WAAK~~,OAAO,EAAE,IAAI,CAAC,sBAAsB,EAAE,KAAK,EAAC,mBAAmB;oBACjE,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CAC5B,WAAK,KAAK,EAAC,eAAe;wBACxB,gBAAO,IAAI,CAAC,YAAY,CAAQ,CAC5B,CACP,CAAC,CAAC,CAAC,IAAI;oBAEP,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CACtB,WAAK,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,EAAE,GAAQ,CACrH,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,mBAAmB,GAAO,CACtC;oBAED,~~WAAK~~,KAAK,EAAC,YAAY;wBACrB,~~cAAK~~,IAAI,CAAC,aAAa,CAAM;wBAC7B,~~WAAK~~,KAAK,EAAC,mBAAmB;;4BAAK,IAAI,CAAC,gBAAgB,CAAO,CAC3D;oBAEL,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3F,WAAK,KAAK,EAAC,WAAW;wBACnB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/C,WAAK,KAAK,EAAC,WAAW;4BACpB,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,kBAAkB,CAAQ;4BACpD,YAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,mBAAmB,CAAQ,CAChD,CACP;wBACA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjD,WAAK,KAAK,EAAC,WAAW;4BACpB,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,oBAAoB,CAAQ;4BACtD,YAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,qBAAqB,CAAQ,CAClD,CACP,CACG,CACP;oBACA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC9C,WAAK,KAAK,EAAC,mBAAmB;wBAC5B,4BAAsB,OAAO,EAAE,IAAI,CAAC,kBAAkB,mBAAgB,SAAS,GAAwB,CACnG,CACP,CACG;gBACN,~~WAAK~~,KAAK,EAAC,aAAa;oBACrB,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAC9C,WAAK,KAAK,EAAC,aAAa;wBACtB,8CAAqC,OAAO,iBAAa,OAAO,EAAC,IAAI,EAAC,OAAO,GAAqB;wBACjG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;;4BAAa,IAAI,CAAC,QAAQ,CAAK,CAAC,CAAC,CAAC;;4BAAW,IAAI,CAAC,QAAQ,CAAK,CACpF,CACP,CAAC,CAAC,CAAC,CACF,oCAA2B,MAAM,mBAAgB,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,GAAmB,CAC5J;oBACD,~~oCAA2B~~,MAAM,mBAAgB,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,mBAAmB,GAAmB,CAC7J,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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 ? (\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 ? (\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"]}

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

@@ -169,10 +169,10 @@ export class BiggiveCampaignCardFilterGrid {
     }
     render() {
         var _a;
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { class: "select-wrapper-1" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, selectedValue: this.selectedFilterCategory, options: this.optionsToArray(this.categoryOptions || []), selectionChanged: this.categoryFilterSelectionChanged, id: "categories", "space-below": "2" })), h("div", { class: "select-wrapper-2" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, selectedValue: this.selectedFilterBeneficiary, options: this.optionsToArray(this.beneficiaryOptions || []), selectionChanged: this.beneficiarySelectionChanged, id: "beneficiaries", "space-below": "2" })), h("div", { class: "select-wrapper-3" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, selectedValue: this.selectedFilterLocation, options: this.optionsToArray(this.locationOptions || []), selectionChanged: this.locationSelectionChanged, id: "locations", "space-below": "2" })), h("div", { class: "select-wrapper-4" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Funding", placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, selectedValue: this.selectedFilterFunding, options: this.optionsToArray(this.fundingOptions || []), selectionChanged: this.fundingSelectionChanged, id: "funding", "space-below": "2" })), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { options: [
+        return (h("div", { key: 'a350ebc1ee5ca6ac46bd86282e17bac979509ad6', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'a4383e299d558fa49603652d72d8ea64e725ec5c', class: "sleeve" }, h("div", { key: '2e4604e9ed71877dd3d50034f46275b01e51e429', class: "search-wrap" }, h("h4", { key: 'e48c6c83d83e53414993792f0ee355f04ff89ca1' }, this.intro), h("div", { key: 'ab439d6d61efda938234ee78ef7a70177b529dd9', class: "field-wrap" }, h("div", { key: 'fa4c6bb7b1edcebd14414ae22b9b82356f75eb87', class: "input-wrap" }, h("svg", { key: '9d7729d070462356c53f20e4e2ba263af82d5862', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { key: '0e5789bb4a1db2a3df0cd20a131d5e59d838599a', d: faMagnifyingGlass.icon[4].toString() })), h("input", { key: '51eec0d43126625deb91b7e10e41ea998c86343c', type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { key: '56bb6438f976e88bb3ceeeba4047fd43cea4c610', onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { key: 'b579fbc0101dd50bf579bbfc8cdb5de5e5037db0', class: "sort-filter-wrap" }, h("div", { key: 'fd39b0dbffd93d6372669ec1c87a7bc4910752b3', class: "filter-wrap" }, h("biggive-button", { key: '44b08294f5c6896e9d46809bb7853797a8373ec6', class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { key: 'f2dcb9e7748791976925636150a54ee53113e410', id: "filter-popup" }, h("h4", { key: '8272e2b3509fa6646450d452d7715d6ccd56baaa', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { key: '0ee3ef2e80c93a93b4d0252fd4d3fd90f45693c4', class: "select-wrapper-1" }, h("biggive-form-field-select", { key: '1bfdbb00fc46c5eee0fd64761d76f9905453f27a', backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, selectedValue: this.selectedFilterCategory, options: this.optionsToArray(this.categoryOptions || []), selectionChanged: this.categoryFilterSelectionChanged, id: "categories", "space-below": "2" })), h("div", { key: '4cd93a981100d234b09fc0d268a365ff9b12ddac', class: "select-wrapper-2" }, h("biggive-form-field-select", { key: 'fed6335919bef115cd3baf092fb3862935bdeb25', backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, selectedValue: this.selectedFilterBeneficiary, options: this.optionsToArray(this.beneficiaryOptions || []), selectionChanged: this.beneficiarySelectionChanged, id: "beneficiaries", "space-below": "2" })), h("div", { key: '8dd57b330fc04fad24fbb34114198cba8fe1c5e4', class: "select-wrapper-3" }, h("biggive-form-field-select", { key: '284f95dd5f5890572f0385d61d1d117b9a0e194c', backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, selectedValue: this.selectedFilterLocation, options: this.optionsToArray(this.locationOptions || []), selectionChanged: this.locationSelectionChanged, id: "locations", "space-below": "2" })), h("div", { key: '1ad854d19d151b4f1729ddf624668f3b93199d6e', class: "select-wrapper-4" }, h("biggive-form-field-select", { key: 'f444bb17e37560723049a1bd2bf6cfb459be3258', backgroundColour: "white", prompt: "Funding", placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, selectedValue: this.selectedFilterFunding, options: this.optionsToArray(this.fundingOptions || []), selectionChanged: this.fundingSelectionChanged, id: "funding", "space-below": "2" })), h("div", { key: 'bac86ef9c2d2af40844764301b9cb4a468281082', class: "align-right" }, h("biggive-button", { key: 'ba7fa078d238fb2e7f2685a98d785d805a4bab46', label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { key: 'bffe3ada7c07f1cbab8562233b5e54ae22b46baf', class: "sort-wrap" }, h("biggive-form-field-select", { key: 'd0cd9537f58de77df880e51c8a93ba1cae077b56', options: [
                 { value: 'amountRaised', label: 'Most raised' },
                 { value: 'matchFundsRemaining', label: 'Match funds remaining' },
-            ], prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }, this.selectedFilterCategory && (h("span", { class: "button", onClick: () => {
+            ], prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { key: 'c10b4837e1649779d84a12058e50cbb819612b56', value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { key: 'f763852c725cc9170b92228dc41760eb6e2b26ac', value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { key: 'd328a038936d42996fec5f795eb7184587cfa264', class: "selected-filter-wrap" }, h("div", { key: 'cfc88a3dea4c383d3c4c00c8d7bc9bc85b936b60', class: "selected-filters" }, this.selectedFilterCategory && (h("span", { class: "button", onClick: () => {
                 this.removeFilter('categories');
             } }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { class: "button", onClick: () => {
                 this.removeFilter('beneficiaries');
@@ -180,7 +180,7 @@ export class BiggiveCampaignCardFilterGrid {
                 this.removeFilter('locations');
             } }, this.selectedFilterLocation)), this.selectedFilterFunding && (h("span", { class: "button", onClick: () => {
                 this.removeFilter('funding');
-            } }, this.selectedFilterFunding))), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
+            } }, this.selectedFilterFunding))), h("div", { key: 'e739816ea15b344b5296b8fc749187157eb636c1', class: "clear-all" }, h("a", { key: '266d43091edbc0e5bc787f10bc68a218a30976f3', onClick: this.handleClearAll }, "Clear all"))), h("div", { key: '3da7c5784499a276eb9257db7530c641f4829feb', class: "campaign-grid" }, h("slot", { key: '1535a29f17ea02d9a0e439bc89005ae806212a5d', name: "campaign-grid" })))));
     }
     optionsToArray(options) {
         if (typeof options === 'string') {