npm - @biggive/components - Versions diffs - 202505201323.0.0 → 202505211514.0.0 - Mend

@biggive/components 202505201323.0.0 → 202505211514.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 (361) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-accordion.entry.esm.js","sources":["src/components/biggive-accordion/biggive-accordion.scss?tag=biggive-accordion&encapsulation=shadow","src/components/biggive-accordion/biggive-accordion.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n\n\n .entry {\n h3.heading {\n position: relative;\n margin: 25px 0 0 0;\n padding: 15px 60px 10px 20px;\n border-bottom: 1px solid $colour-black;\n cursor: pointer;\n span.arrow {\n display: block;\n position: absolute;\n right: 20px;\n top: 10px;\n width: 40px;\n height: 20px;\n text-align: center;\n }\n }\n .content {\n overflow: hidden;\n max-height: 0;\n padding: 0 20px;\n }\n &.expanded {\n .content {\n max-height: 100%;\n }\n span.arrow {\n transform: rotate(-180deg);\n }\n }\n }\n\n @each $key, $colour in $brandColours {\n &.heading-colour-#{$key} .entry h3.heading svg path { stroke: $colour; }\n &.heading-colour-#{$key} h3.heading { color: $colour; }\n &.text-colour-#{$key} .content { color: $colour; }\n }\n\n\n}\n\n\n","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"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,~~22QAA22Q~~;;~~MCS13Q~~,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAa,CAAA,aAAA,GAAgB,SAAS;AA6C/C;IAzCC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAA4C;;AAGnF,IAAA,aAAa,CAAC,CAAa,EAAA;AACjC,QAAA,MAAM,MAAM,GAAI,CAAC,CAAC,MAAmB;QACrC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAE;QACvC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAE;QAE5C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AACxC,YAAA,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;AAClC,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC;;aACxC;AACL,YAAA,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AAC/B,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC;;;IAInD,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAA,EACvI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAChB,IAAI,CAAC,QAAQ,KAAK;AACjB,cAAE;AACF,cAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,KACrB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,gBAAgB,EAAA,EACpE,KAAK,CAAC,OAAO,EACd,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACjB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC1F,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,OAAO,EAAA,cAAA,EAAc,GAAG,EAAA,CAAG,CAC3F,CACD,CACJ,EACL,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAQ,CACnD,CACP,CAAC,CACF,CACF;;;;;;;;"}
1	+ {"version":3,"file":"biggive-accordion.entry.esm.js","sources":["src/components/biggive-accordion/biggive-accordion.scss?tag=biggive-accordion&encapsulation=shadow","src/components/biggive-accordion/biggive-accordion.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n\n\n .entry {\n h3.heading {\n position: relative;\n margin: 25px 0 0 0;\n padding: 15px 60px 10px 20px;\n border-bottom: 1px solid $colour-black;\n cursor: pointer;\n span.arrow {\n display: block;\n position: absolute;\n right: 20px;\n top: 10px;\n width: 40px;\n height: 20px;\n text-align: center;\n }\n }\n .content {\n overflow: hidden;\n max-height: 0;\n padding: 0 20px;\n }\n &.expanded {\n .content {\n max-height: 100%;\n }\n span.arrow {\n transform: rotate(-180deg);\n }\n }\n }\n\n @each $key, $colour in $brandColours {\n &.heading-colour-#{$key} .entry h3.heading svg path { stroke: $colour; }\n &.heading-colour-#{$key} h3.heading { color: $colour; }\n &.text-colour-#{$key} .content { color: $colour; }\n }\n\n\n}\n\n\n","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"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,suSAAsuS;;MCSrvS,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAa,CAAA,aAAA,GAAgB,SAAS;AA6C/C;IAzCC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAA4C;;AAGnF,IAAA,aAAa,CAAC,CAAa,EAAA;AACjC,QAAA,MAAM,MAAM,GAAI,CAAC,CAAC,MAAmB;QACrC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAE;QACvC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAE;QAE5C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AACxC,YAAA,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;AAClC,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC;;aACxC;AACL,YAAA,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AAC/B,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC;;;IAInD,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAA,EACvI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAChB,IAAI,CAAC,QAAQ,KAAK;AACjB,cAAE;AACF,cAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,KACrB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,gBAAgB,EAAA,EACpE,KAAK,CAAC,OAAO,EACd,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACjB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC1F,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,OAAO,EAAA,cAAA,EAAc,GAAG,EAAA,CAAG,CAC3F,CACD,CACJ,EACL,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAQ,CACnD,CACP,CAAC,CACF,CACF;;;;;;;;"}

package/dist/biggive/biggive-article-card.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-article-card.entry.esm.js","sources":["src/components/biggive-article-card/biggive-article-card.scss?tag=biggive-article-card&encapsulation=shadow","src/components/biggive-article-card/biggive-article-card.tsx"],"sourcesContent":["@include backgrounds();\n@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.align-right {\n text-align: right;\n}\n\n.container {\n height: 100%;\n width: 100%;\n @include standard-font();\n position: relative;\n text-align: left;\n @include lower-shadow();\n .sleeve {\n height: 100%;\n box-sizing: border-box;\n background-size: cover;\n padding: $spacer-3 $spacer-3 $spacer-2 $spacer-3;\n .content-wrap {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n .meta {\n margin-bottom: $spacer-2;\n }\n .meta .slug {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n .meta .date {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n h3 {\n @include heading-4();\n padding-bottom: $spacer-3;\n margin-bottom: auto;\n a,\n a:hover {\n text-decoration: none;\n }\n }\n .main-image-container {\n img {\n width: 100%;\n height: auto;\n display: inline-block;\n }\n }\n .image-group {\n display: flex;\n margin-bottom: $spacer-3;\n .image-container {\n margin-right: 15px;\n .image-wrap {\n border-radius: 50%;\n width: 60px;\n height: 60px;\n background-size: cover;\n background-position: center center;\n margin-bottom: $spacer-1;\n img {\n display: none;\n }\n }\n }\n }\n .image-label {\n @include font-size-x-small();\n }\n\n\n .clip-bottom-left-corner-false.clip-top-right-corner-true {\n\n @include corner-clip-medium-top-right();\n\n }\n .clip-bottom-left-corner-true.clip-top-right-corner-false {\n @include corner-clip-medium-bottom-left();\n }\n\n .clip-bottom-left-corner-true.clip-top-right-corner-true {\n @include corner-clip-medium-bottom-left-top-right();\n\n }\n\n\n\n @each $key, $colour in $brandColours {\n .main-title-colour-#{$key} h3 { color: $colour; }\n .slug-colour-#{$key} .slug { color: $colour; }\n .date-colour-#{$key} .date { color: $colour; }\n .image-label-colour-#{$key} .image-label { color: $colour; }\n }\n\n\n\n\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-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 private isEmpty(value: string \| undefined \| null): boolean {\n return value === undefined \|\| value === null \|\| value === '';\n }\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={{\n ...(this.backgroundImageUrl.length > 0 ? { 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" } : {}),\n }}\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.isEmpty(this.mainImageUrl) ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n\n <h3 class=\"title\">\n <a href={this.buttonUrl}>{this.mainTitle}</a>\n </h3>\n {!this.isEmpty(this.image1Url) \|\| !this.isEmpty(this.image2Url) ? (\n <div class=\"image-group\">\n {this.isEmpty(this.image1Url) ? null : (\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 )}\n\n {this.isEmpty(this.image2Url) ? null : (\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 )}\n </div>\n ) : null}\n\n {this.isEmpty(this.imageLabel) ? null : <div class=\"image-label\">{this.imageLabel}</div>}\n\n {!this.isEmpty(this.buttonLabel) && !this.isEmpty(this.buttonUrl) ? (\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"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"biggive-article-card.entry.esm.js","sources":["src/components/biggive-article-card/biggive-article-card.scss?tag=biggive-article-card&encapsulation=shadow","src/components/biggive-article-card/biggive-article-card.tsx"],"sourcesContent":["@include backgrounds();\n@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.align-right {\n text-align: right;\n}\n\n.container {\n height: 100%;\n width: 100%;\n @include standard-font();\n position: relative;\n text-align: left;\n @include lower-shadow();\n .sleeve {\n height: 100%;\n box-sizing: border-box;\n background-size: cover;\n padding: $spacer-3 $spacer-3 $spacer-2 $spacer-3;\n .content-wrap {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n .meta {\n margin-bottom: $spacer-2;\n }\n .meta .slug {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n .meta .date {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n h3 {\n @include heading-4();\n padding-bottom: $spacer-3;\n margin-bottom: auto;\n a,\n a:hover {\n text-decoration: none;\n }\n }\n .main-image-container {\n img {\n width: 100%;\n height: auto;\n display: inline-block;\n }\n }\n .image-group {\n display: flex;\n margin-bottom: $spacer-3;\n .image-container {\n margin-right: 15px;\n .image-wrap {\n border-radius: 50%;\n width: 60px;\n height: 60px;\n background-size: cover;\n background-position: center center;\n margin-bottom: $spacer-1;\n img {\n display: none;\n }\n }\n }\n }\n .image-label {\n @include font-size-x-small();\n }\n\n\n .clip-bottom-left-corner-false.clip-top-right-corner-true {\n\n @include corner-clip-medium-top-right();\n\n }\n .clip-bottom-left-corner-true.clip-top-right-corner-false {\n @include corner-clip-medium-bottom-left();\n }\n\n .clip-bottom-left-corner-true.clip-top-right-corner-true {\n @include corner-clip-medium-bottom-left-top-right();\n\n }\n\n\n\n @each $key, $colour in $brandColours {\n .main-title-colour-#{$key} h3 { color: $colour; }\n .slug-colour-#{$key} .slug { color: $colour; }\n .date-colour-#{$key} .date { color: $colour; }\n .image-label-colour-#{$key} .image-label { color: $colour; }\n }\n\n\n\n\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-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 private isEmpty(value: string \| undefined \| null): boolean {\n return value === undefined \|\| value === null \|\| value === '';\n }\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={{\n ...(this.backgroundImageUrl.length > 0 ? { 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" } : {}),\n }}\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.isEmpty(this.mainImageUrl) ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n\n <h3 class=\"title\">\n <a href={this.buttonUrl}>{this.mainTitle}</a>\n </h3>\n {!this.isEmpty(this.image1Url) \|\| !this.isEmpty(this.image2Url) ? (\n <div class=\"image-group\">\n {this.isEmpty(this.image1Url) ? null : (\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 )}\n\n {this.isEmpty(this.image2Url) ? null : (\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 )}\n </div>\n ) : null}\n\n {this.isEmpty(this.imageLabel) ? null : <div class=\"image-label\">{this.imageLabel}</div>}\n\n {!this.isEmpty(this.buttonLabel) && !this.isEmpty(this.buttonUrl) ? (\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"],"names":[],"mappings":"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"}

package/dist/biggive/biggive-basic-card.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-basic-card.entry.esm.js","sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' \|\| this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">\|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,~~qtSAAqtS~~;;~~MCSpuS~~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"}
1	+ {"version":3,"file":"biggive-basic-card.entry.esm.js","sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' \|\| this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">\|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/biggive/biggive-biography-card.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-biography-card.entry.esm.js","sources":["src/components/biggive-biography-card/biggive-biography-card.scss?tag=biggive-biography-card&encapsulation=shadow","src/components/biggive-biography-card/biggive-biography-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include backgrounds();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n\n @each $key, $colour in $brandColours {\n &.background-colour-#{$key} .image-wrap { background-color: $colour; }\n }\n\n text-align: left;\n &.text-align-center {\n text-align: center;\n }\n &.text-align-right {\n text-align: right;\n }\n\n a {\n text-decoration: none;\n }\n\n h3.full-name {\n font-size: font-size-medium();\n margin: 0;\n }\n\n div.job-title {\n font-size: font-size-small();\n margin: 0;\n }\n\n\n .sleeve {\n\n\n @each $key, $colour in $brandColours {\n\n &.border-width-1.border-colour-#{$key} { border: $spacer-1 solid $colour; }\n &.border-width-2.border-colour-#{$key} { border: $spacer-2 solid $colour; }\n &.border-width-3.border-colour-#{$key} { border: $spacer-3 solid $colour; }\n &.border-width-4.border-colour-#{$key} { border: $spacer-4 solid $colour; }\n &.border-width-5.border-colour-#{$key} { border: $spacer-5 solid $colour; }\n &.border-width-6.border-colour-#{$key} { border: $spacer-6 solid $colour; }\n }\n\n\n margin-bottom: $spacer-2;\n\n &.circle-true {\n overflow: hidden;\n border-radius: 50%;\n }\n\n\n .image-wrap {\n position: relative;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n\n &.image-style-cover {\n background-size: cover;\n }\n &.image-style-contain {\n background-size: contain;\n }\n\n &[data-ratio=\"1,1\"] { padding-bottom: 100%; }\n &[data-ratio=\"1,1\"].border-width-1 { padding-bottom: calc(100% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-2 { padding-bottom: calc(100% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-3 { padding-bottom: calc(100% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-4 { padding-bottom: calc(100% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-5 { padding-bottom: calc(100% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-6 { padding-bottom: calc(100% - ( $spacer-6 * 2 )); }\n\n &[data-ratio=\"1,1.5\"] { padding-bottom: 150%; }\n &[data-ratio=\"1,1.5\"].border-width-1 { padding-bottom: calc(150% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-2 { padding-bottom: calc(150% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-3 { padding-bottom: calc(150% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-4 { padding-bottom: calc(150% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-5 { padding-bottom: calc(150% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-6 { padding-bottom: calc(150% - ( $spacer-6 * 2 )); }\n\n &[data-ratio=\"1,2\"] { padding-bottom: 200%; }\n &[data-ratio=\"1,2\"].border-width-1 { padding-bottom: calc(200% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-2 { padding-bottom: calc(200% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-3 { padding-bottom: calc(200% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-4 { padding-bottom: calc(200% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-5 { padding-bottom: calc(200% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-6 { padding-bottom: calc(200% - ( $spacer-6 * 2 )); }\n\n\n\n\n\n\n &.rounded-true {\n overflow: hidden;\n border-radius: 10px;\n }\n\n\n\n\n .circle {\n position: absolute;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n bottom: 15px;\n right: 15px;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg path {\n stroke: #000000;\n }\n &.dark {\n background-color: #000000;\n svg path {\n stroke: #FFFFFF;\n }\n }\n svg {\n position: relative;\n display: inline-block;\n top: -1px;\n height: 15px;\n width: 15px;\n }\n }\n\n\n\n img {\n display: none;\n }\n\n\n }\n\n\n\n }\n\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' \| 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' \| 'left' \| 'right' = 'left';\n\n @Prop() ratio: '1,1' \| '1,1.5' \| '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' \| 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"biggive-biography-card.entry.esm.js","sources":["src/components/biggive-biography-card/biggive-biography-card.scss?tag=biggive-biography-card&encapsulation=shadow","src/components/biggive-biography-card/biggive-biography-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include backgrounds();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n\n @each $key, $colour in $brandColours {\n &.background-colour-#{$key} .image-wrap { background-color: $colour; }\n }\n\n text-align: left;\n &.text-align-center {\n text-align: center;\n }\n &.text-align-right {\n text-align: right;\n }\n\n a {\n text-decoration: none;\n }\n\n h3.full-name {\n font-size: font-size-medium();\n margin: 0;\n }\n\n div.job-title {\n font-size: font-size-small();\n margin: 0;\n }\n\n\n .sleeve {\n\n\n @each $key, $colour in $brandColours {\n\n &.border-width-1.border-colour-#{$key} { border: $spacer-1 solid $colour; }\n &.border-width-2.border-colour-#{$key} { border: $spacer-2 solid $colour; }\n &.border-width-3.border-colour-#{$key} { border: $spacer-3 solid $colour; }\n &.border-width-4.border-colour-#{$key} { border: $spacer-4 solid $colour; }\n &.border-width-5.border-colour-#{$key} { border: $spacer-5 solid $colour; }\n &.border-width-6.border-colour-#{$key} { border: $spacer-6 solid $colour; }\n }\n\n\n margin-bottom: $spacer-2;\n\n &.circle-true {\n overflow: hidden;\n border-radius: 50%;\n }\n\n\n .image-wrap {\n position: relative;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n\n &.image-style-cover {\n background-size: cover;\n }\n &.image-style-contain {\n background-size: contain;\n }\n\n &[data-ratio=\"1,1\"] { padding-bottom: 100%; }\n &[data-ratio=\"1,1\"].border-width-1 { padding-bottom: calc(100% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-2 { padding-bottom: calc(100% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-3 { padding-bottom: calc(100% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-4 { padding-bottom: calc(100% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-5 { padding-bottom: calc(100% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-6 { padding-bottom: calc(100% - ( $spacer-6 * 2 )); }\n\n &[data-ratio=\"1,1.5\"] { padding-bottom: 150%; }\n &[data-ratio=\"1,1.5\"].border-width-1 { padding-bottom: calc(150% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-2 { padding-bottom: calc(150% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-3 { padding-bottom: calc(150% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-4 { padding-bottom: calc(150% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-5 { padding-bottom: calc(150% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-6 { padding-bottom: calc(150% - ( $spacer-6 * 2 )); }\n\n &[data-ratio=\"1,2\"] { padding-bottom: 200%; }\n &[data-ratio=\"1,2\"].border-width-1 { padding-bottom: calc(200% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-2 { padding-bottom: calc(200% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-3 { padding-bottom: calc(200% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-4 { padding-bottom: calc(200% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-5 { padding-bottom: calc(200% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-6 { padding-bottom: calc(200% - ( $spacer-6 * 2 )); }\n\n\n\n\n\n\n &.rounded-true {\n overflow: hidden;\n border-radius: 10px;\n }\n\n\n\n\n .circle {\n position: absolute;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n bottom: 15px;\n right: 15px;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg path {\n stroke: #000000;\n }\n &.dark {\n background-color: #000000;\n svg path {\n stroke: #FFFFFF;\n }\n }\n svg {\n position: relative;\n display: inline-block;\n top: -1px;\n height: 15px;\n width: 15px;\n }\n }\n\n\n\n img {\n display: none;\n }\n\n\n }\n\n\n\n }\n\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' \| 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' \| 'left' \| 'right' = 'left';\n\n @Prop() ratio: '1,1' \| '1,1.5' \| '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' \| 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/biggive/biggive-boxed-content.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-boxed-content.entry.esm.js","sources":["src/components/biggive-boxed-content/biggive-boxed-content.scss?tag=biggive-boxed-content&encapsulation=shadow","src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"sourcesContent":["@include backgrounds();\n\n:host {\n display: content;\n}\n\n.container {\n @include standard-font();\n &.shadow-true {\n @include lower-shadow();\n } \n}\n\n.horizontal-padding-1 { padding-left: $spacer-1; padding-right: $spacer-1; }\n.horizontal-padding-2 { padding-left: $spacer-2; padding-right: $spacer-2; }\n.horizontal-padding-3 { padding-left: $spacer-3; padding-right: $spacer-3; }\n.horizontal-padding-4 { padding-left: $spacer-4; padding-right: $spacer-4; }\n.horizontal-padding-5 { padding-left: $spacer-5; padding-right: $spacer-5; }\n.horizontal-padding-6 { padding-left: $spacer-6; padding-right: $spacer-6; }\n\n.vertical-padding-1 { padding-top: $spacer-1; padding-bottom: $spacer-1; }\n.vertical-padding-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }\n.vertical-padding-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }\n.vertical-padding-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }\n.vertical-padding-5 { padding-top: $spacer-5; padding-bottom: $spacer-5; }\n.vertical-padding-6 { padding-top: $spacer-6; padding-bottom: $spacer-6; }","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"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,~~09GAA09G~~;;~~MCO5+G~~,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAAW,CAAC;AACnC;;AAEG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAW,CAAC;AACrC;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAW,OAAO;AAC1C;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,IAAI;AAsB/B;IApBC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,8BAA8B;AAC9B,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU;gBACf,sBAAsB;AACtB,gBAAA,IAAI,CAAC,iBAAiB;gBACtB,oBAAoB;AACpB,gBAAA,IAAI,CAAC,eAAe;gBACpB,UAAU;AACV,gBAAA,IAAI,CAAC,MAAM,EAAA,EAGb,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}
1	+ {"version":3,"file":"biggive-boxed-content.entry.esm.js","sources":["src/components/biggive-boxed-content/biggive-boxed-content.scss?tag=biggive-boxed-content&encapsulation=shadow","src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"sourcesContent":["@include backgrounds();\n\n:host {\n display: content;\n}\n\n.container {\n @include standard-font();\n &.shadow-true {\n @include lower-shadow();\n } \n}\n\n.horizontal-padding-1 { padding-left: $spacer-1; padding-right: $spacer-1; }\n.horizontal-padding-2 { padding-left: $spacer-2; padding-right: $spacer-2; }\n.horizontal-padding-3 { padding-left: $spacer-3; padding-right: $spacer-3; }\n.horizontal-padding-4 { padding-left: $spacer-4; padding-right: $spacer-4; }\n.horizontal-padding-5 { padding-left: $spacer-5; padding-right: $spacer-5; }\n.horizontal-padding-6 { padding-left: $spacer-6; padding-right: $spacer-6; }\n\n.vertical-padding-1 { padding-top: $spacer-1; padding-bottom: $spacer-1; }\n.vertical-padding-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }\n.vertical-padding-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }\n.vertical-padding-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }\n.vertical-padding-5 { padding-top: $spacer-5; padding-bottom: $spacer-5; }\n.vertical-padding-6 { padding-top: $spacer-6; padding-bottom: $spacer-6; }","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"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,2xHAA2xH;;MCO7yH,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAAW,CAAC;AACnC;;AAEG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAW,CAAC;AACrC;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAW,OAAO;AAC1C;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,IAAI;AAsB/B;IApBC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,8BAA8B;AAC9B,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU;gBACf,sBAAsB;AACtB,gBAAA,IAAI,CAAC,iBAAiB;gBACtB,oBAAoB;AACpB,gBAAA,IAAI,CAAC,eAAe;gBACpB,UAAU;AACV,gBAAA,IAAI,CAAC,MAAM,EAAA,EAGb,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/biggive/biggive-button.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-button.entry.esm.js","sources":["src/components/biggive-button/biggive-button.scss?tag=biggive-button&encapsulation=shadow","src/components/biggive-button/biggive-button.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n font-family: inherit;\n a {\n display: inline-block;\n &.full-width-true {\n display: block;\n }\n }\n &.centered-true {\n text-align: center;\n }\n}\n\n.button {\n @include button();\n &.size-small {\n @include button-small();\n }\n\n &.button.rounded-true {\n @include button-rounded();\n }\n}\n\n@each $brand, $colour in $brandColours {\n .button-#{$brand} {\n color: $colour-white; // may be overridden by following rules. Later CSS rules have priority.\n background-color: $colour;\n border-color: $colour;\n &:hover {\n color: $colour;\n background-color: $colour-white; // may be overriden by following rules\n }\n }\n}\n\n.button-secondary {\n color: $colour-black;\n &:hover {\n color: $colour-black;\n background-color: $colour-white;\n border-color: $colour-black;\n }\n}\n\n.button-brand-grey {\n color: $colour-white;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-mhf-turquoise {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-afa-pink {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-white {\n color: $colour-primary-blue;\n &:hover {\n color: $colour-black;\n background-color: $colour-secondary-green;\n }\n}\n\n.button-philco-gray-90 {\n @include font-size-philco-medium();\n color: $colour-philco-white;\n &:hover {\n color: $colour-philco-gray-90;\n background-color: $colour-philco-orange;\n }\n}\n\n.button-philco-orange {\n @include font-size-philco-medium();\n color: $colour-philco-gray-90;\n &:hover {\n color: $colour-philco-white;\n background-color: $colour-philco-gray-90;\n }\n}\n\n.button-philco-white {\n @include font-size-philco-medium();\n color: $colour-philco-gray-90;\n &:hover {\n color: $colour-philco-gray-90 !important;\n background-color: $colour-philco-orange !important;\n }\n}\n\n.container.philco a {\n border-color: transparent;\n}\n\n.container.disabled.philco .button {\n cursor: not-allowed;\n background-color: $colour-philco-gray-30 !important;\n\n color: $colour-philco-white;\n &:hover {\n background-color: $colour-philco-gray-30;\n color: $colour-philco-white;\n }\n}\n\n.button-black {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-extra-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-grey-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }}\n\n.button-grey-medium {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-dark {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-rounded {\n @include button-rounded();\n }\n\n @each $brand, $colour in $brandColours {\n .button-clear-#{$brand} {\n color: $colour;\n background-color: transparent;\n text-decoration: underline;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n &:hover {\n color: $colour;\n text-decoration: none;\n background-color: transparent;\n }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\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: brandColour = '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 @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n /\n For use only in philco site - the Big Give site does not use disabled\n * buttons and does not have a design for such.\n */\n @Prop() disabled = false;\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 + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '')}>\n <a\n pointer-events={this.disabled ? 'none' : 'auto'}\n aria-disabled={this.disabled}\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.disabled ? () => {} : this.handleButtonClick}>{this.label}</span>\n </a>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,~~q5YAAq5Y~~;;~~MCQj6Y~~,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAE9B;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAgB,SAAS;AAE7C;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,UAAU;AAOlC;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAErC;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAElC;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAW,QAAQ;AAE/B;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAEhC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEzB,QAAA,IAAQ,CAAA,QAAA,GAAuB,SAAS;AAExC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAEpD;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAU,KAAI;YACzC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;AACjF,SAAC;AAwBF;IAtBC,MAAM,GAAA;;;;AAIJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,qBAAqB;AAE9C,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,EAAA,EAChJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAA,EACkB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAA,eAAA,EAChC,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,CAAC,YAAY,GAAG,QAAQ,GAAG,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,EAAA,EAEvJ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAO,GAAC,GAAG,IAAI,CAAC,iBAAiB,EAAG,EAAA,IAAI,CAAC,KAAK,CAAQ,CACnF,CACA;;;;;;;"}
1	+ {"version":3,"file":"biggive-button.entry.esm.js","sources":["src/components/biggive-button/biggive-button.scss?tag=biggive-button&encapsulation=shadow","src/components/biggive-button/biggive-button.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n font-family: inherit;\n a {\n display: inline-block;\n &.full-width-true {\n display: block;\n }\n }\n &.centered-true {\n text-align: center;\n }\n}\n\n.button {\n @include button();\n &.size-small {\n @include button-small();\n }\n\n &.button.rounded-true {\n @include button-rounded();\n }\n}\n\n@each $brand, $colour in $brandColours {\n .button-#{$brand} {\n color: $colour-white; // may be overridden by following rules. Later CSS rules have priority.\n background-color: $colour;\n border-color: $colour;\n &:hover {\n color: $colour;\n background-color: $colour-white; // may be overriden by following rules\n }\n }\n}\n\n.button-secondary {\n color: $colour-black;\n &:hover {\n color: $colour-black;\n background-color: $colour-white;\n border-color: $colour-black;\n }\n}\n\n.button-brand-grey {\n color: $colour-white;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-mhf-turquoise {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-afa-pink {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-white {\n color: $colour-primary-blue;\n &:hover {\n color: $colour-black;\n background-color: $colour-secondary-green;\n }\n}\n\n.button-philco-gray-90 {\n @include font-size-philco-medium();\n color: $colour-philco-white;\n &:hover {\n color: $colour-philco-gray-90;\n background-color: $colour-philco-orange;\n }\n}\n\n.button-philco-orange {\n @include font-size-philco-medium();\n color: $colour-philco-gray-90;\n &:hover {\n color: $colour-philco-white;\n background-color: $colour-philco-gray-90;\n }\n}\n\n.button-philco-white {\n @include font-size-philco-medium();\n color: $colour-philco-gray-90;\n &:hover {\n color: $colour-philco-gray-90 !important;\n background-color: $colour-philco-orange !important;\n }\n}\n\n.container.philco a {\n border-color: transparent;\n}\n\n.container.disabled.philco .button {\n cursor: not-allowed;\n background-color: $colour-philco-gray-30 !important;\n\n color: $colour-philco-white;\n &:hover {\n background-color: $colour-philco-gray-30;\n color: $colour-philco-white;\n }\n}\n\n.button-black {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-extra-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-grey-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }}\n\n.button-grey-medium {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-dark {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-rounded {\n @include button-rounded();\n }\n\n @each $brand, $colour in $brandColours {\n .button-clear-#{$brand} {\n color: $colour;\n background-color: transparent;\n text-decoration: underline;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n &:hover {\n color: $colour;\n text-decoration: none;\n background-color: transparent;\n }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\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: brandColour = '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 @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n /\n For use only in philco site - the Big Give site does not use disabled\n * buttons and does not have a design for such.\n */\n @Prop() disabled = false;\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 + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '')}>\n <a\n pointer-events={this.disabled ? 'none' : 'auto'}\n aria-disabled={this.disabled}\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.disabled ? () => {} : this.handleButtonClick}>{this.label}</span>\n </a>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,6ibAA6ib;;MCQzjb,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAE9B;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAgB,SAAS;AAE7C;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,UAAU;AAOlC;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAErC;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAElC;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAW,QAAQ;AAE/B;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAEhC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEzB,QAAA,IAAQ,CAAA,QAAA,GAAuB,SAAS;AAExC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAEpD;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAU,KAAI;YACzC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;AACjF,SAAC;AAwBF;IAtBC,MAAM,GAAA;;;;AAIJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,qBAAqB;AAE9C,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,EAAA,EAChJ,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAA,EACkB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAA,eAAA,EAChC,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,CAAC,YAAY,GAAG,QAAQ,GAAG,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,EAAA,EAEvJ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAO,GAAC,GAAG,IAAI,CAAC,iBAAiB,EAAG,EAAA,IAAI,CAAC,KAAK,CAAQ,CACnF,CACA;;;;;;;"}

package/dist/biggive/biggive-call-to-action.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-call-to-action.entry.esm.js","sources":["src/components/biggive-call-to-action/biggive-call-to-action.scss?tag=biggive-call-to-action&encapsulation=shadow","src/components/biggive-call-to-action/biggive-call-to-action.tsx"],"sourcesContent":["@include headings-biggive();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n.container {\n @include section-container();\n position: relative;\n text-align: center;\n}\n\n\n.content-wrap {\n .slug {\n margin: 0;\n padding: 0;\n }\n h2 {\n margin: 0 0 $spacer-1 0;\n padding: 0;\n }\n .subtitle {\n margin: 0 0 $spacer-1 0;\n padding: 0;\n }\n .teaser {\n margin: $spacer-3 auto $spacer-3 auto;\n max-width: 400px;\n padding: 0;\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .content-wrap {\n text-align: right\n }\n h2 {\n padding: 40px 0;\n }\n}\n","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"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,~~g3GAAg3G~~;;~~MCOl4G~~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"}
1	+ {"version":3,"file":"biggive-call-to-action.entry.esm.js","sources":["src/components/biggive-call-to-action/biggive-call-to-action.scss?tag=biggive-call-to-action&encapsulation=shadow","src/components/biggive-call-to-action/biggive-call-to-action.tsx"],"sourcesContent":["@include headings-biggive();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n.container {\n @include section-container();\n position: relative;\n text-align: center;\n}\n\n\n.content-wrap {\n .slug {\n margin: 0;\n padding: 0;\n }\n h2 {\n margin: 0 0 $spacer-1 0;\n padding: 0;\n }\n .subtitle {\n margin: 0 0 $spacer-1 0;\n padding: 0;\n }\n .teaser {\n margin: $spacer-3 auto $spacer-3 auto;\n max-width: 400px;\n padding: 0;\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .content-wrap {\n text-align: right\n }\n h2 {\n padding: 40px 0;\n }\n}\n","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"],"names":[],"mappings":"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"}

package/dist/biggive/biggive-container-card.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-container-card.entry.esm.js","sources":["src/components/biggive-container-card/biggive-container-card.scss?tag=biggive-container-card&encapsulation=shadow","src/components/biggive-container-card/biggive-container-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n background-size: cover;\n background-position: center center;\n padding: $spacer-3;\n height: 100%;\n white-space: pre-wrap;\n .sleeve {\n padding: $spacer-5 $spacer-3;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-container-card',\n styleUrl: 'biggive-container-card.scss',\n shadow: true,\n})\nexport class BiggiveContainerCard {\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() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 3;\n\n render() {\n return (\n <div\n class={'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour}\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,~~6gNAA6gN~~;;~~MCShiN~~,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAgB,CAAA,gBAAA,GAAgB,SAAS;AAEzC,QAAA,IAAkB,CAAA,kBAAA,GAAW,EAAE;AAE/B,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAoB,CAAA,oBAAA,GAAY,IAAI;AAEpC,QAAA,IAAkB,CAAA,kBAAA,GAAY,IAAI;AAElC,QAAA,IAAY,CAAA,YAAA,GAA0B,CAAC;AAchD;IAZC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EACjG,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE,EAAA,EAEvE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EAC3F,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;"}
1	+ {"version":3,"file":"biggive-container-card.entry.esm.js","sources":["src/components/biggive-container-card/biggive-container-card.scss?tag=biggive-container-card&encapsulation=shadow","src/components/biggive-container-card/biggive-container-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n background-size: cover;\n background-position: center center;\n padding: $spacer-3;\n height: 100%;\n white-space: pre-wrap;\n .sleeve {\n padding: $spacer-5 $spacer-3;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-container-card',\n styleUrl: 'biggive-container-card.scss',\n shadow: true,\n})\nexport class BiggiveContainerCard {\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() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 3;\n\n render() {\n return (\n <div\n class={'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour}\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,mrOAAmrO;;MCStsO,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAgB,CAAA,gBAAA,GAAgB,SAAS;AAEzC,QAAA,IAAkB,CAAA,kBAAA,GAAW,EAAE;AAE/B,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAoB,CAAA,oBAAA,GAAY,IAAI;AAEpC,QAAA,IAAkB,CAAA,kBAAA,GAAY,IAAI;AAElC,QAAA,IAAY,CAAA,YAAA,GAA0B,CAAC;AAchD;IAZC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EACjG,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE,EAAA,EAEvE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EAC3F,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;"}

package/dist/biggive/biggive-cookie-banner.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-cookie-banner.entry.esm.js","sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\nh2:first-child {\n // padding of the container is enough, a top margin would make the banner unsymmetrical.\n margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n @include standard-font();\n @include font-size-small();\n border-radius: 10px;\n background: white;\n border: 1px solid black;\n max-width: 650px;\n padding: 1em;\n}\n\ndiv.button-group {\n margin-top: 1em;\n display: flex;\n justify-content: space-evenly;\n width: 100%;\n flex-direction: column;\n gap: 1em;\n\n @media screen and (min-width: $screen-mobile-medium) {\n flex-direction: row-reverse;\n }\n}\n\nbiggive-popup {\n @include font-size-medium();\n div.content {\n max-height: 95vh;\n overflow: auto;\n h5 {\n border-bottom: 2px solid black;\n max-width: 25em;\n margin-bottom: 5px;\n }\n\n p {\n margin-top: 5px;\n margin-bottom: 8px;\n }\n\n div.radio-group {\n margin-bottom: 30px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n tag: 'biggive-cookie-banner',\n styleUrl: 'biggive-cookie-banner.scss',\n shadow: true,\n})\nexport class BiggiveCookieBanner {\n /*\n If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n * preferences\n /\n @Prop() autoOpenPreferences: boolean = false;\n @Prop() blogUriPrefix!: string;\n\n /\n This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n * but afaik there isn't a nice way to share a type.\n \n When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n * there caused build problems.\n \n When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n * to avoid the duplication.\n /\n @Prop() previouslyAgreedCookiePreferences:\n \| {\n analyticsAndTesting: boolean;\n thirdParty: boolean;\n }\n \| undefined = undefined;\n @Element() el: HTMLBiggiveCookieBannerElement;\n\n @Event({\n eventName: 'preferenceModalClosed',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n preferenceModalClosed: EventEmitter<void>;\n\n /\n Indicates that the user accepts cookies for any purpose, without discrimination.\n /\n @Event({\n eventName: 'cookieBannerAcceptAllSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n /\n Indicates that the user has made a selection of cookies purpose to accept.\n \n Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n \n When updating this type please also update the type of previouslyAgreedCookiePreferences.\n /\n @Event({\n eventName: 'cookieBannerSavePreferencesSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerSavePreferencesSelected: EventEmitter<{\n analyticsAndTesting: boolean;\n thirdParty: boolean;\n }>;\n\n componentDidLoad() {\n this.autoOpenPreferencesIfRequested();\n }\n\n @Watch('autoOpenPreferences')\n private autoOpenPreferencesIfRequested() {\n if (this.autoOpenPreferences) {\n this.handleChoosePrefencesClick();\n }\n }\n\n private handleChoosePrefencesClick = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.openFromOutside();\n };\n\n private handleAcceptSelectedCookies = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n\n const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n elementById.closeFromOutside();\n };\n\n /\n Emits the same event as if the user had gone into preferences and said no to every option.\n */\n private handleRejectAllClicked = () => {\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n };\n\n private handleAcceptAllClick = () => {\n // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n // and make this component disappear.\n\n this.cookieBannerAcceptAllSelected.emit();\n };\n\n render() {\n // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n // declined.\n const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences \|\| {};\n\n return (\n <div class=\"cooke-consent-container\">\n <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n <div class=\"content\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n <form>\n <div class=\"radio-group\">\n <h5>Essential Cookies</h5>\n <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n <label htmlFor=\"necassary-on\">Off</label>\n\n <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n <label htmlFor=\"necassary-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Analytics & Testing Cookies</h5>\n <p>\n We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n used. This allows us to personalise and improve our content.\n </p>\n\n <p>\n We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance\n your user experience.\n </p>\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n <label htmlFor=\"a-and-t-off\">Off</label>\n\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n <label htmlFor=\"a-and-t-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Third-party Cookies </h5>\n <p>\n These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n donation experience survey.\n </p>\n <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n <label htmlFor=\"third-party-off\">Off</label>\n\n <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n <label htmlFor=\"third-party-on\">On</label>\n </div>\n\n <biggive-button\n space-below=\"0\"\n space-above=\"2\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept Selected Cookies\"\n open-in-new-tab=\"false\"\n full-width=\"false\"\n size=\"small\"\n rounded={false}\n centered={false}\n button-id=\"accept-selected-button\"\n onClick={this.handleAcceptSelectedCookies}\n ></biggive-button>\n </form>\n\n <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n </div>\n </biggive-popup>\n\n <h2>Our website uses cookies</h2>\n\n <p>\n We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the\n website and make improvements.\n </p>\n\n <p>\n <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n Find out more in our Cookies Statement\n </a>\n </p>\n\n <div class=\"button-group\">\n <biggive-button\n onClick={this.handleAcceptAllClick}\n space-below=\"0\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept All\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"accept-all-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleRejectAllClicked}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Essential Cookies Only\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleChoosePrefencesClick}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Choose Preferences\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n </div>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"biggive-cookie-banner.entry.esm.js","sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\nh2:first-child {\n // padding of the container is enough, a top margin would make the banner unsymmetrical.\n margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n @include standard-font();\n @include font-size-small();\n border-radius: 10px;\n background: white;\n border: 1px solid black;\n max-width: 650px;\n padding: 1em;\n}\n\ndiv.button-group {\n margin-top: 1em;\n display: flex;\n justify-content: space-evenly;\n width: 100%;\n flex-direction: column;\n gap: 1em;\n\n @media screen and (min-width: $screen-mobile-medium) {\n flex-direction: row-reverse;\n }\n}\n\nbiggive-popup {\n @include font-size-medium();\n div.content {\n max-height: 95vh;\n overflow: auto;\n h5 {\n border-bottom: 2px solid black;\n max-width: 25em;\n margin-bottom: 5px;\n }\n\n p {\n margin-top: 5px;\n margin-bottom: 8px;\n }\n\n div.radio-group {\n margin-bottom: 30px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n tag: 'biggive-cookie-banner',\n styleUrl: 'biggive-cookie-banner.scss',\n shadow: true,\n})\nexport class BiggiveCookieBanner {\n /*\n If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n * preferences\n /\n @Prop() autoOpenPreferences: boolean = false;\n @Prop() blogUriPrefix!: string;\n\n /\n This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n * but afaik there isn't a nice way to share a type.\n \n When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n * there caused build problems.\n \n When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n * to avoid the duplication.\n /\n @Prop() previouslyAgreedCookiePreferences:\n \| {\n analyticsAndTesting: boolean;\n thirdParty: boolean;\n }\n \| undefined = undefined;\n @Element() el: HTMLBiggiveCookieBannerElement;\n\n @Event({\n eventName: 'preferenceModalClosed',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n preferenceModalClosed: EventEmitter<void>;\n\n /\n Indicates that the user accepts cookies for any purpose, without discrimination.\n /\n @Event({\n eventName: 'cookieBannerAcceptAllSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n /\n Indicates that the user has made a selection of cookies purpose to accept.\n \n Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n \n When updating this type please also update the type of previouslyAgreedCookiePreferences.\n /\n @Event({\n eventName: 'cookieBannerSavePreferencesSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerSavePreferencesSelected: EventEmitter<{\n analyticsAndTesting: boolean;\n thirdParty: boolean;\n }>;\n\n componentDidLoad() {\n this.autoOpenPreferencesIfRequested();\n }\n\n @Watch('autoOpenPreferences')\n private autoOpenPreferencesIfRequested() {\n if (this.autoOpenPreferences) {\n this.handleChoosePrefencesClick();\n }\n }\n\n private handleChoosePrefencesClick = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.openFromOutside();\n };\n\n private handleAcceptSelectedCookies = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n\n const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n elementById.closeFromOutside();\n };\n\n /\n Emits the same event as if the user had gone into preferences and said no to every option.\n */\n private handleRejectAllClicked = () => {\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n };\n\n private handleAcceptAllClick = () => {\n // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n // and make this component disappear.\n\n this.cookieBannerAcceptAllSelected.emit();\n };\n\n render() {\n // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n // declined.\n const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences \|\| {};\n\n return (\n <div class=\"cooke-consent-container\">\n <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n <div class=\"content\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n <form>\n <div class=\"radio-group\">\n <h5>Essential Cookies</h5>\n <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n <label htmlFor=\"necassary-on\">Off</label>\n\n <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n <label htmlFor=\"necassary-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Analytics & Testing Cookies</h5>\n <p>\n We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n used. This allows us to personalise and improve our content.\n </p>\n\n <p>\n We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance\n your user experience.\n </p>\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n <label htmlFor=\"a-and-t-off\">Off</label>\n\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n <label htmlFor=\"a-and-t-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Third-party Cookies </h5>\n <p>\n These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n donation experience survey.\n </p>\n <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n <label htmlFor=\"third-party-off\">Off</label>\n\n <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n <label htmlFor=\"third-party-on\">On</label>\n </div>\n\n <biggive-button\n space-below=\"0\"\n space-above=\"2\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept Selected Cookies\"\n open-in-new-tab=\"false\"\n full-width=\"false\"\n size=\"small\"\n rounded={false}\n centered={false}\n button-id=\"accept-selected-button\"\n onClick={this.handleAcceptSelectedCookies}\n ></biggive-button>\n </form>\n\n <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n </div>\n </biggive-popup>\n\n <h2>Our website uses cookies</h2>\n\n <p>\n We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the\n website and make improvements.\n </p>\n\n <p>\n <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n Find out more in our Cookies Statement\n </a>\n </p>\n\n <div class=\"button-group\">\n <biggive-button\n onClick={this.handleAcceptAllClick}\n space-below=\"0\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept All\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"accept-all-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleRejectAllClicked}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Essential Cookies Only\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleChoosePrefencesClick}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Choose Preferences\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n </div>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/biggive/biggive-formatted-text.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-formatted-text.entry.esm.js","sources":["src/components/biggive-formatted-text/biggive-formatted-text.scss?tag=biggive-formatted-text&encapsulation=shadow","src/components/biggive-formatted-text/biggive-formatted-text.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n &.biggive {\n @include headings-biggive();\n }\n\n &.philco {\n @include headings-philco();\n }\n\n img {\n width: 100%;\n height: auto;\n }\n a {\n color: inherit;\n text-decoration: underline;\n }\n &.max-width-10 .sleeve { @include max-width-10(); }\n &.max-width-15 .sleeve { @include max-width-15(); }\n &.max-width-20 .sleeve { @include max-width-20(); }\n &.max-width-25 .sleeve { @include max-width-25(); }\n &.max-width-30 .sleeve { @include max-width-30(); }\n &.max-width-35 .sleeve { @include max-width-35(); }\n &.max-width-40 .sleeve { @include max-width-40(); }\n &.max-width-45 .sleeve { @include max-width-45(); }\n &.max-width-50 .sleeve { @include max-width-50(); }\n &.max-width-55 .sleeve { @include max-width-55(); }\n &.max-width-60 .sleeve { @include max-width-60(); }\n &.max-width-65 .sleeve { @include max-width-65(); }\n &.max-width-70 .sleeve { @include max-width-70(); }\n &.max-width-75 .sleeve { @include max-width-75(); }\n &.max-width-80 .sleeve { @include max-width-80(); }\n &.max-width-85 .sleeve { @include max-width-85(); }\n &.max-width-90 .sleeve { @include max-width-90(); }\n &.max-width-95 .sleeve { @include max-width-95(); }\n}\n\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-formatted-text',\n styleUrl: 'biggive-formatted-text.scss',\n shadow: true,\n})\nexport class BiggiveFormattedText {\n @Prop() spaceBelow: number = 0;\n /*\n Text colour. If undefined or blank colour will be inherited as normal from containing element.\n */\n @Prop() defaultTextColour: brandColour \| undefined;\n @Prop() maxWidth: number = 100;\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n render() {\n const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';\n const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';\n\n return (\n <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,~~4gKAA4gK~~;;~~MCQ/hK~~,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAKtB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAYrD;IAVC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3G,QAAA,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE;QAE9F,QACE,4DAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACpI,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}
1	+ {"version":3,"file":"biggive-formatted-text.entry.esm.js","sources":["src/components/biggive-formatted-text/biggive-formatted-text.scss?tag=biggive-formatted-text&encapsulation=shadow","src/components/biggive-formatted-text/biggive-formatted-text.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n &.biggive {\n @include headings-biggive();\n }\n\n &.philco {\n @include headings-philco();\n }\n\n img {\n width: 100%;\n height: auto;\n }\n a {\n color: inherit;\n text-decoration: underline;\n }\n &.max-width-10 .sleeve { @include max-width-10(); }\n &.max-width-15 .sleeve { @include max-width-15(); }\n &.max-width-20 .sleeve { @include max-width-20(); }\n &.max-width-25 .sleeve { @include max-width-25(); }\n &.max-width-30 .sleeve { @include max-width-30(); }\n &.max-width-35 .sleeve { @include max-width-35(); }\n &.max-width-40 .sleeve { @include max-width-40(); }\n &.max-width-45 .sleeve { @include max-width-45(); }\n &.max-width-50 .sleeve { @include max-width-50(); }\n &.max-width-55 .sleeve { @include max-width-55(); }\n &.max-width-60 .sleeve { @include max-width-60(); }\n &.max-width-65 .sleeve { @include max-width-65(); }\n &.max-width-70 .sleeve { @include max-width-70(); }\n &.max-width-75 .sleeve { @include max-width-75(); }\n &.max-width-80 .sleeve { @include max-width-80(); }\n &.max-width-85 .sleeve { @include max-width-85(); }\n &.max-width-90 .sleeve { @include max-width-90(); }\n &.max-width-95 .sleeve { @include max-width-95(); }\n}\n\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-formatted-text',\n styleUrl: 'biggive-formatted-text.scss',\n shadow: true,\n})\nexport class BiggiveFormattedText {\n @Prop() spaceBelow: number = 0;\n /*\n Text colour. If undefined or blank colour will be inherited as normal from containing element.\n */\n @Prop() defaultTextColour: brandColour \| undefined;\n @Prop() maxWidth: number = 100;\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n render() {\n const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';\n const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';\n\n return (\n <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow}>\n <slot></slot>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,wwKAAwwK;;MCQ3xK,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAKtB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAYrD;IAVC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3G,QAAA,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE;QAE9F,QACE,4DAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACpI,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/biggive/biggive-heading.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-heading.entry.esm.js","sources":["src/components/biggive-heading/biggive-heading.scss?tag=biggive-heading&encapsulation=shadow","src/components/biggive-heading/biggive-heading.tsx"],"sourcesContent":["@include alignments();\n@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n &.biggive {\n @include headings-biggive();\n // We reset size here but then rely on something else to make it bigger. Confusing\n // but not worth refactoring rn.\n @include standard-font();\n }\n\n &.philco {\n @include headings-philco();\n }\n\n @each $key, $colour in $brandColours {\n .heading-colour-#{$key} { color: $colour; }\n }\n display: flex;\n\n h1,h2,h3,h4,h5 {\n margin: 0;\n padding: 0;\n width: 100%;\n svg {\n height: 0.7em;\n margin-right: 0.2em;\n }\n }\n\n @each $key, $colour in $brandColours {\n .icon-colour-#{$key} svg path { fill: $colour; }\n }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { headingTag } from '../../globals/heading-tag';\nimport { headingSize } from '../../globals/heading-size';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-heading',\n styleUrl: 'biggive-heading.scss',\n shadow: true,\n})\nexport class BiggiveHeading {\n @Prop() spaceAbove: spacingOption = 2;\n @Prop() spaceBelow: spacingOption = 4;\n @Prop() colour: brandColour = 'primary';\n @Prop() htmlElement: headingTag = 'h1';\n @Prop() size: headingSize = 1;\n @Prop() align: string = 'left';\n @Prop() text: string = '';\n @Prop() icon: boolean = false;\n @Prop() iconColour: brandColour = 'primary';\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n render() {\n const Tag = this.htmlElement;\n return (\n <div class={'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n <Tag class={'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size}>\n {this.icon ? (\n <svg viewBox=\"0 0 102 88\">\n <path class=\"st0\" d=\"M51.2,0l-51,88h102L51.2,0z\" />\n <path\n d=\"M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z\"\n />\n </svg>\n ) : null}\n\n {this.text}\n </Tag>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,~~i2JAAi2J~~;;~~MCW92J~~,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAC7B,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAC7B,QAAA,IAAM,CAAA,MAAA,GAAgB,SAAS;AAC/B,QAAA,IAAW,CAAA,WAAA,GAAe,IAAI;AAC9B,QAAA,IAAI,CAAA,IAAA,GAAgB,CAAC;AACrB,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;AACtB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AACrB,QAAA,IAAU,CAAA,UAAA,GAAgB,SAAS;AACnC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAgCrD;IA9BC,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW;QAC5B,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACzI,CAAC,CAAA,GAAG,qDAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC,MAAM,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,IAAI,CAAC,IAAI,EAAA,EACtG,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,YAAY,EAAA,EACvB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,KAAK,EAAC,CAAC,EAAC,4BAA4B,EAAG,CAAA,EACnD,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,47CAW6C,EAAA,CAC/C,CACE,IACJ,IAAI,EAEP,IAAI,CAAC,IAAI,CACN,CACF;;;;;;;"}
1	+ {"version":3,"file":"biggive-heading.entry.esm.js","sources":["src/components/biggive-heading/biggive-heading.scss?tag=biggive-heading&encapsulation=shadow","src/components/biggive-heading/biggive-heading.tsx"],"sourcesContent":["@include alignments();\n@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n &.biggive {\n @include headings-biggive();\n // We reset size here but then rely on something else to make it bigger. Confusing\n // but not worth refactoring rn.\n @include standard-font();\n }\n\n &.philco {\n @include headings-philco();\n }\n\n @each $key, $colour in $brandColours {\n .heading-colour-#{$key} { color: $colour; }\n }\n display: flex;\n\n h1,h2,h3,h4,h5 {\n margin: 0;\n padding: 0;\n width: 100%;\n svg {\n height: 0.7em;\n margin-right: 0.2em;\n }\n }\n\n @each $key, $colour in $brandColours {\n .icon-colour-#{$key} svg path { fill: $colour; }\n }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { headingTag } from '../../globals/heading-tag';\nimport { headingSize } from '../../globals/heading-size';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-heading',\n styleUrl: 'biggive-heading.scss',\n shadow: true,\n})\nexport class BiggiveHeading {\n @Prop() spaceAbove: spacingOption = 2;\n @Prop() spaceBelow: spacingOption = 4;\n @Prop() colour: brandColour = 'primary';\n @Prop() htmlElement: headingTag = 'h1';\n @Prop() size: headingSize = 1;\n @Prop() align: string = 'left';\n @Prop() text: string = '';\n @Prop() icon: boolean = false;\n @Prop() iconColour: brandColour = 'primary';\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n render() {\n const Tag = this.htmlElement;\n return (\n <div class={'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n <Tag class={'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size}>\n {this.icon ? (\n <svg viewBox=\"0 0 102 88\">\n <path class=\"st0\" d=\"M51.2,0l-51,88h102L51.2,0z\" />\n <path\n d=\"M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z\"\n />\n </svg>\n ) : null}\n\n {this.text}\n </Tag>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,ssKAAssK;;MCWntK,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAC7B,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAC7B,QAAA,IAAM,CAAA,MAAA,GAAgB,SAAS;AAC/B,QAAA,IAAW,CAAA,WAAA,GAAe,IAAI;AAC9B,QAAA,IAAI,CAAA,IAAA,GAAgB,CAAC;AACrB,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;AACtB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AACrB,QAAA,IAAU,CAAA,UAAA,GAAgB,SAAS;AACnC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAgCrD;IA9BC,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW;QAC5B,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACzI,CAAC,CAAA,GAAG,qDAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC,MAAM,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,IAAI,CAAC,IAAI,EAAA,EACtG,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,YAAY,EAAA,EACvB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,KAAK,EAAC,CAAC,EAAC,4BAA4B,EAAG,CAAA,EACnD,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,47CAW6C,EAAA,CAC/C,CACE,IACJ,IAAI,EAEP,IAAI,CAAC,IAAI,CACN,CACF;;;;;;;"}

package/dist/biggive/biggive-hero-image.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-hero-image.entry.esm.js","sources":["src/components/biggive-hero-image/biggive-hero-image.scss?tag=biggive-hero-image&encapsulation=shadow","src/components/biggive-hero-image/biggive-hero-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n.container {\n @include standard-font();\n overflow: hidden;\n position: relative;\n margin-bottom: $spacer-4;\n min-height: 32.5vw;\n @each $key, $colour in $brandColours {\n &.colour-scheme-#{$key} { color: $colour; }\n }\n .sleeve {\n @include flex-container-row();\n max-width: $screen-desktop-max;\n margin-left: auto;\n margin-right: auto;\n }\n .content-wrap {\n width: 40%;\n position: relative;\n z-index: 1;\n padding: $spacer-8 $spacer-6 $spacer-6 $spacer-0;\n\n .logo, .logo-space {\n height: 75px;\n &.logo-height-1 { height: 50px; }\n &.logo-height-2 { height: 75px; }\n &.logo-height-3 { height: 100px; }\n &.logo-height-4 { height: 125px; }\n &.logo-height-5 { height: 150px; }\n &.logo-height-6 { height: 175px; }\n &.logo-height-7 { height: 200px; }\n &.logo-height-8 { height: 225px; }\n &.logo-height-9 { height: 250px; }\n &.logo-height-10 { height: 275px; }\n }\n\n .logo {\n background-size: contain;\n background-repeat: no-repeat;\n background-position: left center;\n\n img {\n width: auto;\n height: 100%;\n position: relative;\n }\n }\n .slug {\n @include heading-4;\n min-height: 24px; // Sort layout when there is no slug.\n margin: 0;\n padding: 0;\n }\n h1 {\n @include heading-1;\n margin: 0 0 $spacer-3 0;\n padding: 0;\n\n @media (max-width: $screen-desktop-max) {\n @include heading-2;\n }\n }\n .teaser {\n margin: 0;\n padding: 0;\n }\n .teaser-with-space {\n margin: 0 0 $spacer-5 0;\n }\n }\n\n .graphic-wrap {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n padding-bottom: 32.5vw;\n background-color: #F1F1F1;\n margin-left: 20vw;\n clip-path: polygon(0 0, 100% 0, 100% 100%);\n .image-wrap {\n @include absolute-fill();\n background-size: cover;\n img {\n display: none;\n }\n }\n }\n}\n\n@media screen and (max-width: $screen-desktop-max) {\n .container {\n min-height: 50vw;\n .sleeve {\n flex-wrap: wrap;\n .content-wrap {\n width: 60%;\n padding: 18vw $spacer-3 $spacer-3 $spacer-3;\n margin-bottom: 50px;\n }\n .graphic-wrap {\n margin-left: 0;\n bottom: auto;\n padding-bottom: 50vw;\n }\n }\n }\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n .container {\n .sleeve {\n .content-wrap {\n width: 70%;\n padding-top: $spacer-8;\n }\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .container {\n .sleeve {\n .content-wrap {\n width: 80%;\n }\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n .container {\n .sleeve {\n .content-wrap {\n width: 100%;\n }\n }\n }\n}\n","/* eslint-disable prettier/prettier /\nimport {Component, h, Prop} from '@stencil/core';\nimport {brandColour} from '../../globals/brand-colour';\nimport {spacingOption} from '../../globals/spacing-option';\n\n\n@Component({\n tag: 'biggive-hero-image',\n styleUrl: 'biggive-hero-image.scss',\n shadow: true,\n})\nexport class BiggiveHeroImage {\n /\n Space below component\n /\n @Prop() spaceBelow: spacingOption = 0;\n\n /\n Colour Scheme\n /\n @Prop() colourScheme: brandColour = 'primary';\n\n /\n Header slug\n /\n @Prop() slug: string;\n\n /\n Header slug colour\n /\n @Prop() slugColour: brandColour;\n\n /\n Full URL of a logo image.\n /\n @Prop() logo: string = '';\n\n /\n Logo container height selection. Numbers are not measurements.\n /\n @Prop() logoHeight: 1\|2\|3\|4\|5\|6\|7\|8\|9\|10 = 3;\n\n /\n Logo alt text\n /\n @Prop() logoAltText: string = '';\n\n /\n Full URL of a main hero image.\n /\n @Prop() mainImage: string\|null = null;\n\n /\n Determines whether the main image is clipped to a triangle shape (default) or used as\n * a background for the entire component. Clipping can leave a lot of blank space.\n /\n @Prop() mainImageShape: 'triangle'\|'rectangle' = 'triangle';\n\n /\n Horizontal alignment of image\n /\n @Prop() mainImageAlignHorizontal: string = 'center';\n\n /\n Vertical alignment of image\n /\n @Prop() mainImageAlignVertical: string = 'center';\n\n /\n Hero image title, typically the page.\n /\n @Prop() mainTitle: string;\n /\n Main title colour\n /\n @Prop() mainTitleColour?: brandColour;\n /\n Introductory teaser text\n /\n @Prop() teaser: string\|undefined;\n /\n Teaser colour\n /\n @Prop() teaserColour?: brandColour;\n /\n Button Url\n /\n @Prop() buttonUrl: string;\n\n /\n Button Label\n /\n @Prop() buttonLabel: string;\n\n /\n Button Colour Scheme\n /\n @Prop() buttonColourScheme: brandColour = 'primary';\n\n\n render() {\n const mainTitleClasses = 'main-title ' + (typeof this.mainTitleColour === 'string' && this.mainTitleColour.length > 0 ? `text-colour-${this.mainTitleColour}` : '');\n const teaserClasses = 'teaser ' +\n (this.buttonLabel?.length > 0 ? 'teaser-with-space ' : '') +\n (typeof this.teaserColour === 'string' && this.teaserColour.length > 0 ? `text-colour-${this.teaserColour}` : '');\n\n // Charities can use line breaks in their copy so we convert them to BR tags to display. Using this rather than\n // `pre` or `pre-wrap` so that literal whitespace inserted into the rendered output doesn't affect the layout.\n // Assuming that this is needed only for the teaser, and the main title would never contain a line break.\n const teaserLines = this.lineBreakToBr(this.teaser);\n\n return (\n <div class={'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow}\n style={this.mainImageShape === 'rectangle' ? {'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover'} : {}}\n >\n <div class=\"sleeve\">\n <div class=\"content-wrap\" >\n {this.logo !== undefined && this.logo !== null ? (\n <div class={'logo image-wrap logo-height-'+this.logoHeight}>\n <img src={this.logo} alt={this.logoAltText} title={this.logoAltText}/>\n </div>\n ) : <div class={'logo-space logo-height-'+this.logoHeight}></div>}\n {this.logo?.length > 0 \|\| this.slug?.length > 0\n ? (<div class={'slug text-colour-'+this.slugColour}>{this.slug}</div>)\n : null\n }\n <h1 class={mainTitleClasses}>{this.mainTitle}</h1>\n <div class={teaserClasses}>{teaserLines}</div>\n {this.buttonLabel != null && this.buttonUrl != null\n ? <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n : null\n }\n </div>\n {this.mainImageShape === 'triangle' && this.mainImage !== null ? (\n <div class=\"graphic-wrap\">\n <div\n class=\"image-wrap\"\n role=\"presentation\"\n style={{ 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical }}\n >\n </div>\n </div>\n ) : null}\n </div>\n </div>\n );\n }\n\n /\n Takes a string that may contain any form of newlines, and returns an array that alternates\n * between substrings found between the newlines and <br/> elements as objects.\n */\n private lineBreakToBr(string: string\|undefined): unknown[] {\n if (string == undefined) {\n return [];\n }\n\n return string.split(/\\r?\\n\|\\r\|\\n/g)\n .map(line => [line, <br/>])\n .flat()\n .slice(0, -1);\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"biggive-hero-image.entry.esm.js","sources":["src/components/biggive-hero-image/biggive-hero-image.scss?tag=biggive-hero-image&encapsulation=shadow","src/components/biggive-hero-image/biggive-hero-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n.container {\n @include standard-font();\n overflow: hidden;\n position: relative;\n margin-bottom: $spacer-4;\n min-height: 32.5vw;\n @each $key, $colour in $brandColours {\n &.colour-scheme-#{$key} { color: $colour; }\n }\n .sleeve {\n @include flex-container-row();\n max-width: $screen-desktop-max;\n margin-left: auto;\n margin-right: auto;\n }\n .content-wrap {\n width: 40%;\n position: relative;\n z-index: 1;\n padding: $spacer-8 $spacer-6 $spacer-6 $spacer-0;\n\n .logo, .logo-space {\n height: 75px;\n &.logo-height-1 { height: 50px; }\n &.logo-height-2 { height: 75px; }\n &.logo-height-3 { height: 100px; }\n &.logo-height-4 { height: 125px; }\n &.logo-height-5 { height: 150px; }\n &.logo-height-6 { height: 175px; }\n &.logo-height-7 { height: 200px; }\n &.logo-height-8 { height: 225px; }\n &.logo-height-9 { height: 250px; }\n &.logo-height-10 { height: 275px; }\n }\n\n .logo {\n background-size: contain;\n background-repeat: no-repeat;\n background-position: left center;\n\n img {\n width: auto;\n height: 100%;\n position: relative;\n }\n }\n .slug {\n @include heading-4;\n min-height: 24px; // Sort layout when there is no slug.\n margin: 0;\n padding: 0;\n }\n h1 {\n @include heading-1;\n margin: 0 0 $spacer-3 0;\n padding: 0;\n\n @media (max-width: $screen-desktop-max) {\n @include heading-2;\n }\n }\n .teaser {\n margin: 0;\n padding: 0;\n }\n .teaser-with-space {\n margin: 0 0 $spacer-5 0;\n }\n }\n\n .graphic-wrap {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n padding-bottom: 32.5vw;\n background-color: #F1F1F1;\n margin-left: 20vw;\n clip-path: polygon(0 0, 100% 0, 100% 100%);\n .image-wrap {\n @include absolute-fill();\n background-size: cover;\n img {\n display: none;\n }\n }\n }\n}\n\n@media screen and (max-width: $screen-desktop-max) {\n .container {\n min-height: 50vw;\n .sleeve {\n flex-wrap: wrap;\n .content-wrap {\n width: 60%;\n padding: 18vw $spacer-3 $spacer-3 $spacer-3;\n margin-bottom: 50px;\n }\n .graphic-wrap {\n margin-left: 0;\n bottom: auto;\n padding-bottom: 50vw;\n }\n }\n }\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n .container {\n .sleeve {\n .content-wrap {\n width: 70%;\n padding-top: $spacer-8;\n }\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .container {\n .sleeve {\n .content-wrap {\n width: 80%;\n }\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n .container {\n .sleeve {\n .content-wrap {\n width: 100%;\n }\n }\n }\n}\n","/* eslint-disable prettier/prettier /\nimport {Component, h, Prop} from '@stencil/core';\nimport {brandColour} from '../../globals/brand-colour';\nimport {spacingOption} from '../../globals/spacing-option';\n\n\n@Component({\n tag: 'biggive-hero-image',\n styleUrl: 'biggive-hero-image.scss',\n shadow: true,\n})\nexport class BiggiveHeroImage {\n /\n Space below component\n /\n @Prop() spaceBelow: spacingOption = 0;\n\n /\n Colour Scheme\n /\n @Prop() colourScheme: brandColour = 'primary';\n\n /\n Header slug\n /\n @Prop() slug: string;\n\n /\n Header slug colour\n /\n @Prop() slugColour: brandColour;\n\n /\n Full URL of a logo image.\n /\n @Prop() logo: string = '';\n\n /\n Logo container height selection. Numbers are not measurements.\n /\n @Prop() logoHeight: 1\|2\|3\|4\|5\|6\|7\|8\|9\|10 = 3;\n\n /\n Logo alt text\n /\n @Prop() logoAltText: string = '';\n\n /\n Full URL of a main hero image.\n /\n @Prop() mainImage: string\|null = null;\n\n /\n Determines whether the main image is clipped to a triangle shape (default) or used as\n * a background for the entire component. Clipping can leave a lot of blank space.\n /\n @Prop() mainImageShape: 'triangle'\|'rectangle' = 'triangle';\n\n /\n Horizontal alignment of image\n /\n @Prop() mainImageAlignHorizontal: string = 'center';\n\n /\n Vertical alignment of image\n /\n @Prop() mainImageAlignVertical: string = 'center';\n\n /\n Hero image title, typically the page.\n /\n @Prop() mainTitle: string;\n /\n Main title colour\n /\n @Prop() mainTitleColour?: brandColour;\n /\n Introductory teaser text\n /\n @Prop() teaser: string\|undefined;\n /\n Teaser colour\n /\n @Prop() teaserColour?: brandColour;\n /\n Button Url\n /\n @Prop() buttonUrl: string;\n\n /\n Button Label\n /\n @Prop() buttonLabel: string;\n\n /\n Button Colour Scheme\n /\n @Prop() buttonColourScheme: brandColour = 'primary';\n\n\n render() {\n const mainTitleClasses = 'main-title ' + (typeof this.mainTitleColour === 'string' && this.mainTitleColour.length > 0 ? `text-colour-${this.mainTitleColour}` : '');\n const teaserClasses = 'teaser ' +\n (this.buttonLabel?.length > 0 ? 'teaser-with-space ' : '') +\n (typeof this.teaserColour === 'string' && this.teaserColour.length > 0 ? `text-colour-${this.teaserColour}` : '');\n\n // Charities can use line breaks in their copy so we convert them to BR tags to display. Using this rather than\n // `pre` or `pre-wrap` so that literal whitespace inserted into the rendered output doesn't affect the layout.\n // Assuming that this is needed only for the teaser, and the main title would never contain a line break.\n const teaserLines = this.lineBreakToBr(this.teaser);\n\n return (\n <div class={'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow}\n style={this.mainImageShape === 'rectangle' ? {'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover'} : {}}\n >\n <div class=\"sleeve\">\n <div class=\"content-wrap\" >\n {this.logo !== undefined && this.logo !== null ? (\n <div class={'logo image-wrap logo-height-'+this.logoHeight}>\n <img src={this.logo} alt={this.logoAltText} title={this.logoAltText}/>\n </div>\n ) : <div class={'logo-space logo-height-'+this.logoHeight}></div>}\n {this.logo?.length > 0 \|\| this.slug?.length > 0\n ? (<div class={'slug text-colour-'+this.slugColour}>{this.slug}</div>)\n : null\n }\n <h1 class={mainTitleClasses}>{this.mainTitle}</h1>\n <div class={teaserClasses}>{teaserLines}</div>\n {this.buttonLabel != null && this.buttonUrl != null\n ? <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n : null\n }\n </div>\n {this.mainImageShape === 'triangle' && this.mainImage !== null ? (\n <div class=\"graphic-wrap\">\n <div\n class=\"image-wrap\"\n role=\"presentation\"\n style={{ 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical }}\n >\n </div>\n </div>\n ) : null}\n </div>\n </div>\n );\n }\n\n /\n Takes a string that may contain any form of newlines, and returns an array that alternates\n * between substrings found between the newlines and <br/> elements as objects.\n */\n private lineBreakToBr(string: string\|undefined): unknown[] {\n if (string == undefined) {\n return [];\n }\n\n return string.split(/\\r?\\n\|\\r\|\\n/g)\n .map(line => [line, <br/>])\n .flat()\n .slice(0, -1);\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/biggive/biggive-icon-button.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-icon-button.entry.esm.js","sources":["src/components/biggive-icon-button/biggive-icon-button.scss?tag=biggive-icon-button&encapsulation=shadow","src/components/biggive-icon-button/biggive-icon-button.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n a {\n display: block;\n text-decoration: none;\n &.full-width-true {\n display: block;\n }\n }\n &.centered-true {\n text-align: center;\n }\n &.shadow-true {\n filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.25));\n }\n &.rounded-true {\n border-radius: 10px;\n }\n &.background-padding-1 { padding: $spacer-1; }\n &.background-padding-2 { padding: $spacer-2; }\n &.background-padding-3 { padding: $spacer-3; }\n &.background-padding-4 { padding: $spacer-4; }\n &.background-padding-5 { padding: $spacer-5; }\n &.background-padding-6 { padding: $spacer-6; }\n\n .sleeve {\n display: flex;\n .text-wrap {\n margin: auto 0;\n text-decoration: none;\n &.text-padding-1 { padding: 0 $spacer-1; }\n &.text-padding-2 { padding: 0 $spacer-2; }\n &.text-padding-3 { padding: 0 $spacer-3; }\n &.text-padding-4 { padding: 0 $spacer-4; }\n &.text-padding-5 { padding: 0 $spacer-5; }\n &.text-padding-6 { padding: 0 $spacer-6; }\n }\n\n .arrow-wrap {\n margin: auto 0 auto auto;\n @each $key, $colour in $brandColours {\n &.arrow-colour-#{$key} .arrow-wrap svg path { stroke: $colour; }\n }\n }\n }\n\n .icon-wrap {\n background-position: center center;\n background-size: cover;\n\n &.circle-true {\n border-radius: 50%;\n overflow: hidden;\n }\n\n &.size-small {\n width: 30px;\n height: 30px;\n }\n &.size-medium {\n width: 45px;\n height: 45px;\n }\n &.size-large {\n width: 60px;\n height: 60px;\n }\n &.size-x-large {\n width: 75px;\n height: 75px;\n }\n &.size-xx-large {\n width: 90px;\n height: 90px;\n }\n\n .misc-icon-item {\n width: 100%;\n height: 100%;\n }\n\n .misc-icon-item a {\n padding: 20%;\n }\n\n }\n\n @each $key, $colour in $brandColours {\n &.arrow-colour-#{$key} .arrow-wrap svg path { stroke: $colour; }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-icon-button',\n styleUrl: 'biggive-icon-button.scss',\n shadow: true,\n})\nexport class BiggiveIconButton {\n @Event({\n eventName: 'doButtonClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n @Prop() spaceBelow: spacingOption = 1;\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() backgroundPadding: spacingOption = 0;\n\n @Prop() text: string;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() icon: string;\n\n @Prop() url: string;\n\n @Prop() openInNewTab: boolean = false;\n\n @Prop() size: 'small' \| 'medium' \| 'large' \| 'x-large' \| 'xx-large' = 'medium';\n\n @Prop() arrow: boolean = false;\n\n @Prop() arrowColour: brandColour = 'black';\n\n @Prop() circle: boolean = false;\n\n @Prop() shadow: boolean = false;\n\n @Prop() centered: boolean = false;\n\n @Prop() rounded: 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 return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n ' background-padding-' +\n this.backgroundPadding +\n ' centered-' +\n this.centered +\n ' rounded-' +\n this.rounded +\n ' shadow-' +\n this.shadow\n }\n >\n <a href={this.url} target={this.openInNewTab ? '_blank' : '_self'} id={this.buttonId}>\n <div class=\"sleeve\" onClick={this.handleButtonClick}>\n <div class={'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString()}>\n <biggive-misc-icon icon={this.icon}></biggive-misc-icon>\n </div>\n\n {this.text != '' ? <div class={'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding}>{this.text}</div> : null}\n\n {this.arrow ? (\n <div class={'arrow-wrap arrow-colour-' + this.arrowColour}>\n <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174\" stroke=\"black\" stroke-width=\"2\" />\n </svg>\n </div>\n ) : null}\n </div>\n </a>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,~~ojWAAojW~~;;~~MCSpkW~~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"}
1	+ {"version":3,"file":"biggive-icon-button.entry.esm.js","sources":["src/components/biggive-icon-button/biggive-icon-button.scss?tag=biggive-icon-button&encapsulation=shadow","src/components/biggive-icon-button/biggive-icon-button.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n a {\n display: block;\n text-decoration: none;\n &.full-width-true {\n display: block;\n }\n }\n &.centered-true {\n text-align: center;\n }\n &.shadow-true {\n filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.25));\n }\n &.rounded-true {\n border-radius: 10px;\n }\n &.background-padding-1 { padding: $spacer-1; }\n &.background-padding-2 { padding: $spacer-2; }\n &.background-padding-3 { padding: $spacer-3; }\n &.background-padding-4 { padding: $spacer-4; }\n &.background-padding-5 { padding: $spacer-5; }\n &.background-padding-6 { padding: $spacer-6; }\n\n .sleeve {\n display: flex;\n .text-wrap {\n margin: auto 0;\n text-decoration: none;\n &.text-padding-1 { padding: 0 $spacer-1; }\n &.text-padding-2 { padding: 0 $spacer-2; }\n &.text-padding-3 { padding: 0 $spacer-3; }\n &.text-padding-4 { padding: 0 $spacer-4; }\n &.text-padding-5 { padding: 0 $spacer-5; }\n &.text-padding-6 { padding: 0 $spacer-6; }\n }\n\n .arrow-wrap {\n margin: auto 0 auto auto;\n @each $key, $colour in $brandColours {\n &.arrow-colour-#{$key} .arrow-wrap svg path { stroke: $colour; }\n }\n }\n }\n\n .icon-wrap {\n background-position: center center;\n background-size: cover;\n\n &.circle-true {\n border-radius: 50%;\n overflow: hidden;\n }\n\n &.size-small {\n width: 30px;\n height: 30px;\n }\n &.size-medium {\n width: 45px;\n height: 45px;\n }\n &.size-large {\n width: 60px;\n height: 60px;\n }\n &.size-x-large {\n width: 75px;\n height: 75px;\n }\n &.size-xx-large {\n width: 90px;\n height: 90px;\n }\n\n .misc-icon-item {\n width: 100%;\n height: 100%;\n }\n\n .misc-icon-item a {\n padding: 20%;\n }\n\n }\n\n @each $key, $colour in $brandColours {\n &.arrow-colour-#{$key} .arrow-wrap svg path { stroke: $colour; }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-icon-button',\n styleUrl: 'biggive-icon-button.scss',\n shadow: true,\n})\nexport class BiggiveIconButton {\n @Event({\n eventName: 'doButtonClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n @Prop() spaceBelow: spacingOption = 1;\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() backgroundPadding: spacingOption = 0;\n\n @Prop() text: string;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() icon: string;\n\n @Prop() url: string;\n\n @Prop() openInNewTab: boolean = false;\n\n @Prop() size: 'small' \| 'medium' \| 'large' \| 'x-large' \| 'xx-large' = 'medium';\n\n @Prop() arrow: boolean = false;\n\n @Prop() arrowColour: brandColour = 'black';\n\n @Prop() circle: boolean = false;\n\n @Prop() shadow: boolean = false;\n\n @Prop() centered: boolean = false;\n\n @Prop() rounded: 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 return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n ' background-padding-' +\n this.backgroundPadding +\n ' centered-' +\n this.centered +\n ' rounded-' +\n this.rounded +\n ' shadow-' +\n this.shadow\n }\n >\n <a href={this.url} target={this.openInNewTab ? '_blank' : '_self'} id={this.buttonId}>\n <div class=\"sleeve\" onClick={this.handleButtonClick}>\n <div class={'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString()}>\n <biggive-misc-icon icon={this.icon}></biggive-misc-icon>\n </div>\n\n {this.text != '' ? <div class={'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding}>{this.text}</div> : null}\n\n {this.arrow ? (\n <div class={'arrow-wrap arrow-colour-' + this.arrowColour}>\n <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174\" stroke=\"black\" stroke-width=\"2\" />\n </svg>\n </div>\n ) : null}\n </div>\n </a>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}