@biggive/components 202407011358.0.0 → 202407051353.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.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/{p-b4282163.entry.js → p-38d75d70.entry.js} +2 -2
- package/dist/biggive/{p-6ad95202.entry.js → p-f7b4e792.entry.js} +2 -2
- package/dist/biggive/{p-6ad95202.entry.js.map → p-f7b4e792.entry.js.map} +1 -1
- package/dist/cjs/biggive-accordion_40.cjs.entry.js +7 -7
- package/dist/cjs/biggive-accordion_40.cjs.entry.js.map +1 -1
- package/dist/cjs/biggive-video.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-text-input/biggive-text-input.css +8 -6
- package/dist/collection/components/biggive-text-input/biggive-text-input.js +1 -1
- package/dist/collection/components/biggive-text-input/biggive-text-input.js.map +1 -1
- package/dist/collection/components/biggive-timeline/biggive-timeline.js +2 -2
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +1 -1
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +1 -1
- package/dist/collection/components/biggive-video/biggive-video.js +1 -1
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +1 -1
- package/dist/components/biggive-text-input.js +2 -2
- package/dist/components/biggive-text-input.js.map +1 -1
- package/dist/components/biggive-timeline.js +2 -2
- package/dist/components/biggive-totalizer-ticker-item.js +1 -1
- package/dist/components/biggive-totalizer.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/components/biggive-video.js +1 -1
- package/dist/esm/biggive-accordion_40.entry.js +7 -7
- package/dist/esm/biggive-accordion_40.entry.js.map +1 -1
- package/dist/esm/biggive-video.entry.js +1 -1
- package/hydrate/index.js +8 -8
- package/package.json +1 -1
- /package/dist/biggive/{p-b4282163.entry.js.map → p-38d75d70.entry.js.map} +0 -0
|
@@ -16,7 +16,7 @@ const BiggiveVideo = class {
|
|
|
16
16
|
this.videoUrl = '';
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h("div", { key: '
|
|
19
|
+
return (index.h("div", { key: '2f45734791082583b92524301e96c2d83200a133', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { key: 'dd6b41cb1449af2b1dcf81b8f58794ac87847f70', class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, null) })));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
BiggiveVideo.style = BiggiveVideoStyle0;
|
|
@@ -74,9 +74,7 @@ a:hover {
|
|
|
74
74
|
|
|
75
75
|
::slotted([slot=label]) {
|
|
76
76
|
display: inline-block;
|
|
77
|
-
overflow: hidden;
|
|
78
77
|
line-height: 1.2;
|
|
79
|
-
max-height: 2rem;
|
|
80
78
|
}
|
|
81
79
|
|
|
82
80
|
.text-input {
|
|
@@ -91,15 +89,19 @@ a:hover {
|
|
|
91
89
|
position: absolute;
|
|
92
90
|
}
|
|
93
91
|
.text-input .prompt {
|
|
94
|
-
position:
|
|
92
|
+
position: relative;
|
|
95
93
|
z-index: 2;
|
|
96
94
|
font-size: small;
|
|
97
|
-
top:
|
|
98
|
-
background-color: #F6F6F6;
|
|
95
|
+
top: 1em;
|
|
99
96
|
left: 4em;
|
|
97
|
+
color: #2C089B;
|
|
98
|
+
max-width: calc(100% - 10em);
|
|
99
|
+
display: inline-block;
|
|
100
|
+
}
|
|
101
|
+
.text-input .prompt > span {
|
|
100
102
|
padding-left: 1em;
|
|
101
103
|
padding-right: 1em;
|
|
102
|
-
color: #
|
|
104
|
+
background-color: #F6F6F6;
|
|
103
105
|
}
|
|
104
106
|
.text-input.select-style-bordered .sleeve {
|
|
105
107
|
font-size: 24px;
|
|
@@ -14,7 +14,7 @@ export class BiggiveTextInput {
|
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
16
|
const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
|
|
17
|
-
return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "
|
|
17
|
+
return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "prompt" }, h("span", { key: 'cf5709fd0523b21f1394644f6b0ec95f4069b3d1' }, h("slot", { key: 'e2eb724b1d687b200b295c2b6b4fcf59bfd73b28', name: "label" }))), h("div", { key: 'd49549bef8a7781c94d51741721fe550e2ae6944', class: "sleeve" }, h("div", { key: '32f5213fa9a550c898023097b8333c8b3dacbbe4', class: "inner-sleave" }, currencySymbol && h("span", { key: '31b5ef3de41e506e5c80cc3e8320041a83c061a6', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'e9b67fe16688e94c48545d5d247900b0ce7f90c0', name: "input" }), h("div", { key: '18571720cfaaafecbc6ff5888f86dae5f1a68b1a', style: { clear: 'both' } })))));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "biggive-text-input"; }
|
|
20
20
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"biggive-text-input.js","sourceRoot":"","sources":["../../../src/components/biggive-text-input/biggive-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;GAKG;AAMH,MAAM,OAAO,gBAAgB;;;;0BAME,CAAC;2BACmB,UAAU;;IAE3D,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QACjG,OAAO,CACL,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW;YAC3F,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,cAAc;oBACtB,cAAc,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,cAAc,CAAQ;oBACxE,6DAAM,IAAI,EAAC,OAAO,GAAG;oBACrB,4DAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,CACjC,CACF
|
|
1
|
+
{"version":3,"file":"biggive-text-input.js","sourceRoot":"","sources":["../../../src/components/biggive-text-input/biggive-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;GAKG;AAMH,MAAM,OAAO,gBAAgB;;;;0BAME,CAAC;2BACmB,UAAU;;IAE3D,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QACjG,OAAO,CACL,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW;YAC3F,4DAAK,KAAK,EAAC,QAAQ;gBACjB;oBACE,6DAAM,IAAI,EAAC,OAAO,GAAG,CAChB,CACH;YACN,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,cAAc;oBACtB,cAAc,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,cAAc,CAAQ;oBACxE,6DAAM,IAAI,EAAC,OAAO,GAAG;oBACrB,4DAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,CACjC,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n */\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Prop() value!: string;\n /**\n * ISO-4217 currency code if input is for a money value\n */\n @Prop() currency: 'GBP' | 'USD' | undefined;\n @Prop() spaceBelow: number = 0;\n @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n render() {\n const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n return (\n <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle}>\n <div class=\"prompt\">\n <span>\n <slot name=\"label\" />\n </span>\n </div>\n <div class=\"sleeve\">\n <div class=\"inner-sleave\">\n {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n <slot name=\"input\" />\n <div style={{ clear: 'both' }}></div>\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
|
|
@@ -106,7 +106,7 @@ export class BiggiveTimeline {
|
|
|
106
106
|
});
|
|
107
107
|
}
|
|
108
108
|
render() {
|
|
109
|
-
return (h("div", { key: '
|
|
109
|
+
return (h("div", { key: 'a57df2794d8055ce13518c748935a4f44933ea60', class: 'container space-below-' +
|
|
110
110
|
this.spaceBelow +
|
|
111
111
|
' text-colour-' +
|
|
112
112
|
this.textColour +
|
|
@@ -129,7 +129,7 @@ export class BiggiveTimeline {
|
|
|
129
129
|
' entry-title-colour-' +
|
|
130
130
|
this.entryTitleColour +
|
|
131
131
|
' entry-text-colour-' +
|
|
132
|
-
this.entryTextColour }, h("div", { key: '
|
|
132
|
+
this.entryTextColour }, h("div", { key: '53ad5ad6059aaa115f64d42d1731fce34e1c46ef', class: "navigation" }, h("div", { key: 'eae1b0def646a91b30040d7ab05c01600a482644', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '40b32928ff3177d5e3506f3a9c7a3d58d2280506', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ab8683532aa056324f06d41ee01b7304752531a8', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '2011d417b4e60e81527858e2e5e22dfb36a53ffb', class: "sleeve" }, h("ul", { key: '4b4ef5d98bfcd52c615c741631ec911b932e0345' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'd6e7e7ff1394336771e347a478ec06072a227322', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '20120afb075a25f07ee5024236b7ee50ec8d588f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4c0ee26f7f38377cf5447c8ae0874f155fcd73e5', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: 'f273403a0a687014dc17a109adb2bbf51b942e16', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
|
|
133
133
|
}
|
|
134
134
|
static get is() { return "biggive-timeline"; }
|
|
135
135
|
static get encapsulation() { return "shadow"; }
|
|
@@ -82,7 +82,7 @@ export class BiggiveTotalizer {
|
|
|
82
82
|
});
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
|
-
return (h("div", { key: '
|
|
85
|
+
return (h("div", { key: '0a641bcc948659a2d6b6587d5efdd23ff6da7705', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'c0e2028f8e7ec5305352dd3fab47f5c493744cb1' }, h("div", { key: '87151730dff0b6f75aa74e4fb115cac5d3377f04', class: "banner" }, h("div", { key: '9cb1831926391a6921f4de0214713b3c6af9c7ca', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '1bc43d9a74377bee92bc2194ffba9289b81a612b', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'e7cc45b5e947d8efd3dcf852b1fdaeb2f6c986f0', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '36e49a0f66953419f0697af3cfac3c02edcb386b', name: "ticker-items" })), h("div", { key: 'd1a0416c893816a97644d2230b0cd860594cc032', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '5b4337fa1cc0a7ac1f4142b42061642b2f005c49', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '40d9274a8354e4f8611cdc3d95e6697a6aa02e2c', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
|
|
86
86
|
}
|
|
87
87
|
static get is() { return "biggive-totalizer"; }
|
|
88
88
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js
CHANGED
|
@@ -5,7 +5,7 @@ export class BiggiveTotalizerTickerItem {
|
|
|
5
5
|
this.label = undefined;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h("div", { key: '
|
|
8
|
+
return (h("div", { key: '92caa81db03fc9871cc7f6c0e5e75ef30bf29e4d', class: "ticker-item" }, h("strong", { key: '494dee81a7ff6b6dcca2aeb96f8f3d4b26e5bc40' }, this.figure), " ", this.label));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "biggive-totalizer-ticker-item"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ export class BiggiveVideo {
|
|
|
7
7
|
this.videoUrl = '';
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '2f45734791082583b92524301e96c2d83200a133', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'dd6b41cb1449af2b1dcf81b8f58794ac87847f70', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "biggive-video"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,7 +18,7 @@ export class BiggiveVideoFeature {
|
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
20
|
const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
|
|
21
|
-
return (h("div", { key: '
|
|
21
|
+
return (h("div", { key: 'ca1e7e592f4bee2865b0e90150ac798b35d3f38c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '71d0b0630cc2038115126e07cbe1f6825dfe78bd', class: "sleeve" }, h("div", { key: 'e7b4d335f1ea2730fa31184bff3ffc9e4455f5b1', class: "content-wrap" }, h("div", { key: '075dc776d1ed6ef1e144d5697cd8269397fb6486', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'f0fbd716c44291e3edf29c2decd58d8a93124207', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '7f70d22683ea00f100173e3e4034fc51468efffa', 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", { key: '842ee1a7ad83124ab52172ee17ac160944801a85', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "biggive-video-feature"; }
|
|
24
24
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const biggiveTextInputCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.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}.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}:host{display:contents}::slotted([slot=label]){display:inline-block;
|
|
3
|
+
const biggiveTextInputCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.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}.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}:host{display:contents}::slotted([slot=label]){display:inline-block;line-height:1.2}.text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:relative;z-index:2;font-size:small;top:1em;left:4em;color:#2C089B;max-width:calc(100% - 10em);display:inline-block}.text-input .prompt>span{padding-left:1em;padding-right:1em;background-color:#F6F6F6}.text-input.select-style-bordered .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
|
|
4
4
|
const BiggiveTextInputStyle0 = biggiveTextInputCss;
|
|
5
5
|
|
|
6
6
|
const BiggiveTextInput$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTextInput extends HTMLElement {
|
|
@@ -15,7 +15,7 @@ const BiggiveTextInput$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTextInp
|
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
17
|
const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
|
|
18
|
-
return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "
|
|
18
|
+
return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "prompt" }, h("span", { key: 'cf5709fd0523b21f1394644f6b0ec95f4069b3d1' }, h("slot", { key: 'e2eb724b1d687b200b295c2b6b4fcf59bfd73b28', name: "label" }))), h("div", { key: 'd49549bef8a7781c94d51741721fe550e2ae6944', class: "sleeve" }, h("div", { key: '32f5213fa9a550c898023097b8333c8b3dacbbe4', class: "inner-sleave" }, currencySymbol && h("span", { key: '31b5ef3de41e506e5c80cc3e8320041a83c061a6', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'e9b67fe16688e94c48545d5d247900b0ce7f90c0', name: "input" }), h("div", { key: '18571720cfaaafecbc6ff5888f86dae5f1a68b1a', style: { clear: 'both' } })))));
|
|
19
19
|
}
|
|
20
20
|
static get style() { return BiggiveTextInputStyle0; }
|
|
21
21
|
}, [1, "biggive-text-input", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"biggive-text-input.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,
|
|
1
|
+
{"file":"biggive-text-input.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,quDAAquD,CAAC;AAClwD,+BAAe,mBAAmB;;MCYrBA,kBAAgB;;;;;;;0BAME,CAAC;2BACmB,UAAU;;IAE3D,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,SAAS,CAAC;QACjG,QACE,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,IAC3F,4DAAK,KAAK,EAAC,QAAQ,IACjB,+DACE,6DAAM,IAAI,EAAC,OAAO,GAAG,CAChB,CACH,EACN,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,cAAc,IACtB,cAAc,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,cAAc,CAAQ,EACxE,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,4DAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,CACjC,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTextInput"],"sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n::slotted([slot=label]) {\n display: inline-block;\n line-height: 1.2; // Slightly less than other text to help with long charity names.\n}\n\n.text-input {\n .currency-symbol {\n position: absolute;\n }\n position: relative;\n .prompt {\n position: relative;\n z-index: 2;\n font-size: small;\n top: 1em;\n left: 4em;\n color: $colour-primary-blue;\n max-width: calc(100% - 10em);\n display: inline-block;\n\n > span {\n padding-left: 1em;\n padding-right: 1em;\n background-color: $colour-grey-background;\n }\n }\n\n @include standard-font();\n position: relative;\n text-align: left;\n &.select-style-bordered {\n .sleeve {\n @include font-size-large();\n font-weight: bolder;\n padding: 2px;\n position: relative;\n background-color: $colour-primary-blue;\n @include corner-clip-small-top-right();\n .inner-sleave {\n background-color: $colour-grey-background;\n color: $colour-primary-blue;\n display: block;\n position: relative;\n padding: 10px 30px 10px 10px;\n clip-path:\n polygon(\n 0% 0%, /* top left */\n 0% 0%, /* top left */\n calc(100% - 14px) 0%, /* top right */\n 100% 14px, /* top right */\n 100% 100%, /* bottom right */\n 100% 100%, /* bottom right */\n 0 100%, /* bottom left */\n 0 100% /* bottom left */\n );\n &:after {\n content: '';\n display: block;\n position: absolute;\n right: 20px;\n top: 18px;\n width: 10px;\n height: 10px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n }\n }\n }\n }\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n */\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Prop() value!: string;\n /**\n * ISO-4217 currency code if input is for a money value\n */\n @Prop() currency: 'GBP' | 'USD' | undefined;\n @Prop() spaceBelow: number = 0;\n @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n render() {\n const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n return (\n <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle}>\n <div class=\"prompt\">\n <span>\n <slot name=\"label\" />\n </span>\n </div>\n <div class=\"sleeve\">\n <div class=\"inner-sleave\">\n {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n <slot name=\"input\" />\n <div style={{ clear: 'both' }}></div>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -113,7 +113,7 @@ const BiggiveTimeline$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTimeline
|
|
|
113
113
|
});
|
|
114
114
|
}
|
|
115
115
|
render() {
|
|
116
|
-
return (h("div", { key: '
|
|
116
|
+
return (h("div", { key: 'a57df2794d8055ce13518c748935a4f44933ea60', class: 'container space-below-' +
|
|
117
117
|
this.spaceBelow +
|
|
118
118
|
' text-colour-' +
|
|
119
119
|
this.textColour +
|
|
@@ -136,7 +136,7 @@ const BiggiveTimeline$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTimeline
|
|
|
136
136
|
' entry-title-colour-' +
|
|
137
137
|
this.entryTitleColour +
|
|
138
138
|
' entry-text-colour-' +
|
|
139
|
-
this.entryTextColour }, h("div", { key: '
|
|
139
|
+
this.entryTextColour }, h("div", { key: '53ad5ad6059aaa115f64d42d1731fce34e1c46ef', class: "navigation" }, h("div", { key: 'eae1b0def646a91b30040d7ab05c01600a482644', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '40b32928ff3177d5e3506f3a9c7a3d58d2280506', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ab8683532aa056324f06d41ee01b7304752531a8', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '2011d417b4e60e81527858e2e5e22dfb36a53ffb', class: "sleeve" }, h("ul", { key: '4b4ef5d98bfcd52c615c741631ec911b932e0345' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'd6e7e7ff1394336771e347a478ec06072a227322', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '20120afb075a25f07ee5024236b7ee50ec8d588f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4c0ee26f7f38377cf5447c8ae0874f155fcd73e5', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: 'f273403a0a687014dc17a109adb2bbf51b942e16', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
|
|
140
140
|
}
|
|
141
141
|
get host() { return this; }
|
|
142
142
|
static get style() { return BiggiveTimelineStyle0; }
|
|
@@ -12,7 +12,7 @@ const BiggiveTotalizerTickerItem$1 = /*@__PURE__*/ proxyCustomElement(class Bigg
|
|
|
12
12
|
this.label = undefined;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: '92caa81db03fc9871cc7f6c0e5e75ef30bf29e4d', class: "ticker-item" }, h("strong", { key: '494dee81a7ff6b6dcca2aeb96f8f3d4b26e5bc40' }, this.figure), " ", this.label));
|
|
16
16
|
}
|
|
17
17
|
static get style() { return BiggiveTotalizerTickerItemStyle0; }
|
|
18
18
|
}, [1, "biggive-totalizer-ticker-item", {
|
|
@@ -89,7 +89,7 @@ const BiggiveTotalizer$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTotaliz
|
|
|
89
89
|
});
|
|
90
90
|
}
|
|
91
91
|
render() {
|
|
92
|
-
return (h("div", { key: '
|
|
92
|
+
return (h("div", { key: '0a641bcc948659a2d6b6587d5efdd23ff6da7705', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'c0e2028f8e7ec5305352dd3fab47f5c493744cb1' }, h("div", { key: '87151730dff0b6f75aa74e4fb115cac5d3377f04', class: "banner" }, h("div", { key: '9cb1831926391a6921f4de0214713b3c6af9c7ca', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '1bc43d9a74377bee92bc2194ffba9289b81a612b', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'e7cc45b5e947d8efd3dcf852b1fdaeb2f6c986f0', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '36e49a0f66953419f0697af3cfac3c02edcb386b', name: "ticker-items" })), h("div", { key: 'd1a0416c893816a97644d2230b0cd860594cc032', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '5b4337fa1cc0a7ac1f4142b42061642b2f005c49', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '40d9274a8354e4f8611cdc3d95e6697a6aa02e2c', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
|
|
93
93
|
}
|
|
94
94
|
get host() { return this; }
|
|
95
95
|
static get style() { return BiggiveTotalizerStyle0; }
|
|
@@ -26,7 +26,7 @@ const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveVide
|
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
28
|
const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
|
|
29
|
-
return (h("div", { key: '
|
|
29
|
+
return (h("div", { key: 'ca1e7e592f4bee2865b0e90150ac798b35d3f38c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '71d0b0630cc2038115126e07cbe1f6825dfe78bd', class: "sleeve" }, h("div", { key: 'e7b4d335f1ea2730fa31184bff3ffc9e4455f5b1', class: "content-wrap" }, h("div", { key: '075dc776d1ed6ef1e144d5697cd8269397fb6486', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'f0fbd716c44291e3edf29c2decd58d8a93124207', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '7f70d22683ea00f100173e3e4034fc51468efffa', 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", { key: '842ee1a7ad83124ab52172ee17ac160944801a85', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
|
|
30
30
|
}
|
|
31
31
|
static get style() { return BiggiveVideoFeatureStyle0; }
|
|
32
32
|
}, [1, "biggive-video-feature", {
|
|
@@ -14,7 +14,7 @@ const BiggiveVideo$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveVideo exten
|
|
|
14
14
|
this.videoUrl = '';
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h("div", { key: '
|
|
17
|
+
return (h("div", { key: '2f45734791082583b92524301e96c2d83200a133', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'dd6b41cb1449af2b1dcf81b8f58794ac87847f70', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
|
|
18
18
|
}
|
|
19
19
|
static get style() { return BiggiveVideoStyle0; }
|
|
20
20
|
}, [1, "biggive-video", {
|
|
@@ -1344,7 +1344,7 @@ const BiggiveTabbedContent = class {
|
|
|
1344
1344
|
};
|
|
1345
1345
|
BiggiveTabbedContent.style = BiggiveTabbedContentStyle0;
|
|
1346
1346
|
|
|
1347
|
-
const biggiveTextInputCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.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}.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}:host{display:contents}::slotted([slot=label]){display:inline-block;
|
|
1347
|
+
const biggiveTextInputCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.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}.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}:host{display:contents}::slotted([slot=label]){display:inline-block;line-height:1.2}.text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:relative;z-index:2;font-size:small;top:1em;left:4em;color:#2C089B;max-width:calc(100% - 10em);display:inline-block}.text-input .prompt>span{padding-left:1em;padding-right:1em;background-color:#F6F6F6}.text-input.select-style-bordered .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
|
|
1348
1348
|
const BiggiveTextInputStyle0 = biggiveTextInputCss;
|
|
1349
1349
|
|
|
1350
1350
|
const BiggiveTextInput = class {
|
|
@@ -1357,7 +1357,7 @@ const BiggiveTextInput = class {
|
|
|
1357
1357
|
}
|
|
1358
1358
|
render() {
|
|
1359
1359
|
const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
|
|
1360
|
-
return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "
|
|
1360
|
+
return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "prompt" }, h("span", { key: 'cf5709fd0523b21f1394644f6b0ec95f4069b3d1' }, h("slot", { key: 'e2eb724b1d687b200b295c2b6b4fcf59bfd73b28', name: "label" }))), h("div", { key: 'd49549bef8a7781c94d51741721fe550e2ae6944', class: "sleeve" }, h("div", { key: '32f5213fa9a550c898023097b8333c8b3dacbbe4', class: "inner-sleave" }, currencySymbol && h("span", { key: '31b5ef3de41e506e5c80cc3e8320041a83c061a6', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'e9b67fe16688e94c48545d5d247900b0ce7f90c0', name: "input" }), h("div", { key: '18571720cfaaafecbc6ff5888f86dae5f1a68b1a', style: { clear: 'both' } })))));
|
|
1361
1361
|
}
|
|
1362
1362
|
};
|
|
1363
1363
|
BiggiveTextInput.style = BiggiveTextInputStyle0;
|
|
@@ -1473,7 +1473,7 @@ const BiggiveTimeline = class {
|
|
|
1473
1473
|
});
|
|
1474
1474
|
}
|
|
1475
1475
|
render() {
|
|
1476
|
-
return (h("div", { key: '
|
|
1476
|
+
return (h("div", { key: 'a57df2794d8055ce13518c748935a4f44933ea60', class: 'container space-below-' +
|
|
1477
1477
|
this.spaceBelow +
|
|
1478
1478
|
' text-colour-' +
|
|
1479
1479
|
this.textColour +
|
|
@@ -1496,7 +1496,7 @@ const BiggiveTimeline = class {
|
|
|
1496
1496
|
' entry-title-colour-' +
|
|
1497
1497
|
this.entryTitleColour +
|
|
1498
1498
|
' entry-text-colour-' +
|
|
1499
|
-
this.entryTextColour }, h("div", { key: '
|
|
1499
|
+
this.entryTextColour }, h("div", { key: '53ad5ad6059aaa115f64d42d1731fce34e1c46ef', class: "navigation" }, h("div", { key: 'eae1b0def646a91b30040d7ab05c01600a482644', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '40b32928ff3177d5e3506f3a9c7a3d58d2280506', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ab8683532aa056324f06d41ee01b7304752531a8', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '2011d417b4e60e81527858e2e5e22dfb36a53ffb', class: "sleeve" }, h("ul", { key: '4b4ef5d98bfcd52c615c741631ec911b932e0345' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'd6e7e7ff1394336771e347a478ec06072a227322', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '20120afb075a25f07ee5024236b7ee50ec8d588f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4c0ee26f7f38377cf5447c8ae0874f155fcd73e5', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: 'f273403a0a687014dc17a109adb2bbf51b942e16', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
|
|
1500
1500
|
}
|
|
1501
1501
|
get host() { return getElement(this); }
|
|
1502
1502
|
};
|
|
@@ -1604,7 +1604,7 @@ const BiggiveTotalizer = class {
|
|
|
1604
1604
|
});
|
|
1605
1605
|
}
|
|
1606
1606
|
render() {
|
|
1607
|
-
return (h("div", { key: '
|
|
1607
|
+
return (h("div", { key: '0a641bcc948659a2d6b6587d5efdd23ff6da7705', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'c0e2028f8e7ec5305352dd3fab47f5c493744cb1' }, h("div", { key: '87151730dff0b6f75aa74e4fb115cac5d3377f04', class: "banner" }, h("div", { key: '9cb1831926391a6921f4de0214713b3c6af9c7ca', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '1bc43d9a74377bee92bc2194ffba9289b81a612b', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'e7cc45b5e947d8efd3dcf852b1fdaeb2f6c986f0', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '36e49a0f66953419f0697af3cfac3c02edcb386b', name: "ticker-items" })), h("div", { key: 'd1a0416c893816a97644d2230b0cd860594cc032', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '5b4337fa1cc0a7ac1f4142b42061642b2f005c49', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '40d9274a8354e4f8611cdc3d95e6697a6aa02e2c', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
|
|
1608
1608
|
}
|
|
1609
1609
|
get host() { return getElement(this); }
|
|
1610
1610
|
};
|
|
@@ -1620,7 +1620,7 @@ const BiggiveTotalizerTickerItem = class {
|
|
|
1620
1620
|
this.label = undefined;
|
|
1621
1621
|
}
|
|
1622
1622
|
render() {
|
|
1623
|
-
return (h("div", { key: '
|
|
1623
|
+
return (h("div", { key: '92caa81db03fc9871cc7f6c0e5e75ef30bf29e4d', class: "ticker-item" }, h("strong", { key: '494dee81a7ff6b6dcca2aeb96f8f3d4b26e5bc40' }, this.figure), " ", this.label));
|
|
1624
1624
|
}
|
|
1625
1625
|
};
|
|
1626
1626
|
BiggiveTotalizerTickerItem.style = BiggiveTotalizerTickerItemStyle0;
|
|
@@ -1647,7 +1647,7 @@ const BiggiveVideoFeature = class {
|
|
|
1647
1647
|
}
|
|
1648
1648
|
render() {
|
|
1649
1649
|
const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
|
|
1650
|
-
return (h("div", { key: '
|
|
1650
|
+
return (h("div", { key: 'ca1e7e592f4bee2865b0e90150ac798b35d3f38c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '71d0b0630cc2038115126e07cbe1f6825dfe78bd', class: "sleeve" }, h("div", { key: 'e7b4d335f1ea2730fa31184bff3ffc9e4455f5b1', class: "content-wrap" }, h("div", { key: '075dc776d1ed6ef1e144d5697cd8269397fb6486', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'f0fbd716c44291e3edf29c2decd58d8a93124207', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '7f70d22683ea00f100173e3e4034fc51468efffa', 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", { key: '842ee1a7ad83124ab52172ee17ac160944801a85', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
|
|
1651
1651
|
}
|
|
1652
1652
|
};
|
|
1653
1653
|
BiggiveVideoFeature.style = BiggiveVideoFeatureStyle0;
|