@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.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-127b8c36.entry.js +1 -0
- package/dist/biggive/p-4b763d57.entry.js +1 -0
- package/dist/cjs/biggive-back-to-top_26.cjs.entry.js +2 -0
- package/dist/cjs/biggive-popup-standalone.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +2 -0
- package/dist/collection/components/biggive-popup-standalone/biggive-popup-standalone.js +1 -1
- package/dist/components/biggive-form-field-select2.js +2 -0
- package/dist/components/biggive-popup-standalone.js +1 -1
- package/dist/esm/biggive-back-to-top_26.entry.js +2 -0
- package/dist/esm/biggive-popup-standalone.entry.js +1 -1
- package/hydrate/index.js +3 -1
- package/package.json +1 -1
- package/dist/biggive/p-243f9b5f.entry.js +0 -1
- package/dist/biggive/p-833ac4db.entry.js +0 -1
|
@@ -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 +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}
|