@biggive/components 1.0.133 → 1.0.135

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.
@@ -11,7 +11,7 @@ const BiggivePopupStandalone = class {
11
11
  index.registerInstance(this, hostRef);
12
12
  }
13
13
  render() {
14
- return (index.h("div", { class: "popup" }, index.h("div", { class: "sleeve" }, index.h("div", { class: "header" }, index.h("div", { class: "close" })), index.h("div", { class: "content" }, index.h("slot", null)))));
14
+ return (index.h("div", { class: "popup", "data-visible": "true" }, index.h("div", { class: "sleeve" }, index.h("div", { class: "header" }, index.h("div", { class: "close" })), index.h("div", { class: "content" }, index.h("slot", null)))));
15
15
  }
16
16
  };
17
17
  BiggivePopupStandalone.style = biggivePopupStandaloneCss;
@@ -10,6 +10,8 @@ export class BiggiveFormFieldSelect {
10
10
  this.selectedValue = event.detail.value;
11
11
  this.selectedLabel = event.detail.label;
12
12
  this.doSelectChange.emit({ value: this.selectedValue, label: this.selectedLabel });
13
+ const dropdown = this.el.shadowRoot.querySelector('.dropdown');
14
+ dropdown.classList.remove('active');
13
15
  }
14
16
  toggleFocus(event) {
15
17
  const dropdown = event.target.parentElement.parentElement;
@@ -1,7 +1,7 @@
1
1
  import { h } from '@stencil/core';
2
2
  export class BiggivePopupStandalone {
3
3
  render() {
4
- return (h("div", { class: "popup" }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close" })), h("div", { class: "content" }, h("slot", null)))));
4
+ return (h("div", { class: "popup", "data-visible": "true" }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close" })), h("div", { class: "content" }, h("slot", null)))));
5
5
  }
6
6
  static get is() { return "biggive-popup-standalone"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -17,6 +17,8 @@ const BiggiveFormFieldSelect = /*@__PURE__*/ proxyCustomElement(class extends HT
17
17
  this.selectedValue = event.detail.value;
18
18
  this.selectedLabel = event.detail.label;
19
19
  this.doSelectChange.emit({ value: this.selectedValue, label: this.selectedLabel });
20
+ const dropdown = this.el.shadowRoot.querySelector('.dropdown');
21
+ dropdown.classList.remove('active');
20
22
  }
21
23
  toggleFocus(event) {
22
24
  const dropdown = event.target.parentElement.parentElement;
@@ -9,7 +9,7 @@ const BiggivePopupStandalone$1 = /*@__PURE__*/ proxyCustomElement(class extends
9
9
  this.__attachShadow();
10
10
  }
11
11
  render() {
12
- return (h("div", { class: "popup" }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close" })), h("div", { class: "content" }, h("slot", null)))));
12
+ return (h("div", { class: "popup", "data-visible": "true" }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close" })), h("div", { class: "content" }, h("slot", null)))));
13
13
  }
14
14
  static get style() { return biggivePopupStandaloneCss; }
15
15
  }, [1, "biggive-popup-standalone"]);
@@ -251,6 +251,8 @@ const BiggiveFormFieldSelect = class {
251
251
  this.selectedValue = event.detail.value;
252
252
  this.selectedLabel = event.detail.label;
253
253
  this.doSelectChange.emit({ value: this.selectedValue, label: this.selectedLabel });
254
+ const dropdown = this.el.shadowRoot.querySelector('.dropdown');
255
+ dropdown.classList.remove('active');
254
256
  }
255
257
  toggleFocus(event) {
256
258
  const dropdown = event.target.parentElement.parentElement;
@@ -7,7 +7,7 @@ const BiggivePopupStandalone = class {
7
7
  registerInstance(this, hostRef);
8
8
  }
9
9
  render() {
10
- return (h("div", { class: "popup" }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close" })), h("div", { class: "content" }, h("slot", null)))));
10
+ return (h("div", { class: "popup", "data-visible": "true" }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close" })), h("div", { class: "content" }, h("slot", null)))));
11
11
  }
12
12
  };
13
13
  BiggivePopupStandalone.style = biggivePopupStandaloneCss;
package/hydrate/index.js CHANGED
@@ -6764,6 +6764,8 @@ class BiggiveFormFieldSelect {
6764
6764
  this.selectedValue = event.detail.value;
6765
6765
  this.selectedLabel = event.detail.label;
6766
6766
  this.doSelectChange.emit({ value: this.selectedValue, label: this.selectedLabel });
6767
+ const dropdown = this.el.shadowRoot.querySelector('.dropdown');
6768
+ dropdown.classList.remove('active');
6767
6769
  }
6768
6770
  toggleFocus(event) {
6769
6771
  const dropdown = event.target.parentElement.parentElement;
@@ -7328,7 +7330,7 @@ class BiggivePopupStandalone {
7328
7330
  registerInstance(this, hostRef);
7329
7331
  }
7330
7332
  render() {
7331
- return (hAsync("div", { class: "popup" }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "header" }, hAsync("div", { class: "close" })), hAsync("div", { class: "content" }, hAsync("slot", null)))));
7333
+ return (hAsync("div", { class: "popup", "data-visible": "true" }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "header" }, hAsync("div", { class: "close" })), hAsync("div", { class: "content" }, hAsync("slot", null)))));
7332
7334
  }
7333
7335
  static get style() { return biggivePopupStandaloneCss; }
7334
7336
  static get cmpMeta() { return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
- "version": "1.0.133",
3
+ "version": "1.0.135",
4
4
  "description": "Big Give Components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1 +0,0 @@
1
- import{r as o,h as r}from"./p-49fa9ecb.js";const t=class{constructor(r){o(this,r)}render(){return r("div",{class:"popup"},r("div",{class:"sleeve"},r("div",{class:"header"},r("div",{class:"close"})),r("div",{class:"content"},r("slot",null))))}};t.style='body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:"";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.popup{position:fixed;display:none;z-index:100;top:0;bottom:0;left:0;right:0;padding:15px;background-color:rgba(0, 0, 0, 0.75);transition:all 0.5s ease-in-out}.popup .sleeve{position:relative;max-width:600px;padding:30px;box-sizing:border-box;position:relative;margin-left:auto;margin-right:auto;top:50%;transform:translateY(-50%);background-color:#FFFFFF;text-align:left}.popup .header .close{width:25px;height:25px;position:absolute;top:10px;right:10px;background-color:#2C089B;background-image:url("assets/images/cross.svg?1");background-size:50% 50%;background-position:center center;background-repeat:no-repeat;border-radius:50%;cursor:pointer}.popup[data-visible=true]{display:block}';export{t as biggive_popup_standalone}