@biggive/components 1.0.145 → 1.0.146

package/dist/cjs/biggive-back-to-top_26.cjs.entry.js

@@ -44,6 +44,9 @@ const BiggiveButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.doButtonClick = index.createEvent(this, "doButtonClick", 7);
+    this.handleButtonClick = (event) => {
+      this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
+    };
     this.spaceBelow = 1;
     this.colourScheme = 'primary';
     this.label = 'Click me';
@@ -52,9 +55,6 @@ const BiggiveButton = class {
     this.size = 'medium';
     this.rounded = false;
   }
-  handleButtonClick(event) {
-    this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
-  }
   render() {
     return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("a", { href: this.url, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, index.h("span", { onClick: this.handleButtonClick }, this.label))));
   }
@@ -454,7 +454,7 @@ const BiggiveImageFeature = class {
     this.buttonColourScheme = 'primary';
   }
   render() {
-    return (index.h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (index.h("div", { class: "image-wrap" }, index.h("img", { src: this.imageUrl, alt: this.imageAltText, title: this.imageAltText }))) : null))));
+    return (index.h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "content-wrap" }, index.h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (index.h("div", { class: "image-wrap" }, index.h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
   }
 };
 BiggiveImageFeature.style = biggiveImageFeatureCss;

package/dist/cjs/biggive-image.cjs.entry.js

@@ -32,7 +32,7 @@ const BiggiveImage = class {
     return height;
   }
   render() {
-    return (index.h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, index.h("div", { class: "image-wrap" }, index.h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText, title: this.imageAltText }))));
+    return (index.h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, index.h("div", { class: "image-wrap" }, index.h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
   }
 };
 BiggiveImage.style = biggiveImageCss;

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

@@ -1,6 +1,9 @@
 import { h } from '@stencil/core';
 export class BiggiveButton {
   constructor() {
+    this.handleButtonClick = (event) => {
+      this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
+    };
     this.spaceBelow = 1;
     this.colourScheme = 'primary';
     this.label = 'Click me';
@@ -9,9 +12,6 @@ export class BiggiveButton {
     this.size = 'medium';
     this.rounded = false;
   }
-  handleButtonClick(event) {
-    this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
-  }
   render() {
     return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("a", { href: this.url, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { onClick: this.handleButtonClick }, this.label))));
   }

package/dist/collection/components/biggive-image/biggive-image.js

@@ -24,7 +24,7 @@ export class BiggiveImage {
     return height;
   }
   render() {
-    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText, title: this.imageAltText }))));
+    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
   }
   static get is() { return "biggive-image"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-image-feature/biggive-image-feature.js

@@ -16,7 +16,7 @@ export class BiggiveImageFeature {
     this.buttonColourScheme = 'primary';
   }
   render() {
-    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText, title: this.imageAltText }))) : null))));
+    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
   }
   static get is() { return "biggive-image-feature"; }
   static get encapsulation() { return "shadow"; }

package/dist/components/biggive-button2.js

@@ -8,6 +8,9 @@ const BiggiveButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.__attachShadow();
     this.doButtonClick = createEvent(this, "doButtonClick", 7);
+    this.handleButtonClick = (event) => {
+      this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
+    };
     this.spaceBelow = 1;
     this.colourScheme = 'primary';
     this.label = 'Click me';
@@ -16,9 +19,6 @@ const BiggiveButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.size = 'medium';
     this.rounded = false;
   }
-  handleButtonClick(event) {
-    this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
-  }
   render() {
     return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("a", { href: this.url, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { onClick: this.handleButtonClick }, this.label))));
   }

package/dist/components/biggive-image-feature.js

@@ -23,7 +23,7 @@ const BiggiveImageFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.buttonColourScheme = 'primary';
   }
   render() {
-    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText, title: this.imageAltText }))) : null))));
+    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
   }
   static get style() { return biggiveImageFeatureCss; }
 }, [1, "biggive-image-feature", {

package/dist/components/biggive-image.js

@@ -30,7 +30,7 @@ const BiggiveImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     return height;
   }
   render() {
-    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText, title: this.imageAltText }))));
+    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
   }
   static get style() { return biggiveImageCss; }
 }, [1, "biggive-image", {

package/dist/esm/biggive-back-to-top_26.entry.js

@@ -40,6 +40,9 @@ const BiggiveButton = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.doButtonClick = createEvent(this, "doButtonClick", 7);
+    this.handleButtonClick = (event) => {
+      this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
+    };
     this.spaceBelow = 1;
     this.colourScheme = 'primary';
     this.label = 'Click me';
@@ -48,9 +51,6 @@ const BiggiveButton = class {
     this.size = 'medium';
     this.rounded = false;
   }
-  handleButtonClick(event) {
-    this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
-  }
   render() {
     return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("a", { href: this.url, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { onClick: this.handleButtonClick }, this.label))));
   }
@@ -450,7 +450,7 @@ const BiggiveImageFeature = class {
     this.buttonColourScheme = 'primary';
   }
   render() {
-    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText, title: this.imageAltText }))) : null))));
+    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
   }
 };
 BiggiveImageFeature.style = biggiveImageFeatureCss;

package/dist/esm/biggive-image.entry.js

@@ -28,7 +28,7 @@ const BiggiveImage = class {
     return height;
   }
   render() {
-    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText, title: this.imageAltText }))));
+    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
   }
 };
 BiggiveImage.style = biggiveImageCss;

package/dist/types/components/biggive-button/biggive-button.d.ts

@@ -32,6 +32,6 @@ export declare class BiggiveButton {
    * Rounded corners
    */
   rounded: boolean;
-  handleButtonClick(event: any): void;
+  private handleButtonClick;
   render(): any;
 }

package/hydrate/index.js

@@ -6385,6 +6385,9 @@ class BiggiveButton {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.doButtonClick = createEvent(this, "doButtonClick", 7);
+    this.handleButtonClick = (event) => {
+      this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
+    };
     this.spaceBelow = 1;
     this.colourScheme = 'primary';
     this.label = 'Click me';
@@ -6393,9 +6396,6 @@ class BiggiveButton {
     this.size = 'medium';
     this.rounded = false;
   }
-  handleButtonClick(event) {
-    this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
-  }
   render() {
     return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("a", { href: this.url, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, hAsync("span", { onClick: this.handleButtonClick }, this.label))));
   }
@@ -7122,7 +7122,7 @@ class BiggiveImage {
     return height;
   }
   render() {
-    return (hAsync("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText, title: this.imageAltText }))));
+    return (hAsync("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
   }
   static get style() { return biggiveImageCss; }
   static get cmpMeta() { return {
@@ -7163,7 +7163,7 @@ class BiggiveImageFeature {
     this.buttonColourScheme = 'primary';
   }
   render() {
-    return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl, alt: this.imageAltText, title: this.imageAltText }))) : null))));
+    return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
   }
   static get style() { return biggiveImageFeatureCss; }
   static get cmpMeta() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biggive/components",
-  "version": "1.0.145",
+  "version": "1.0.146",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",