@biggive/components 202609171342.0.0 → 202609210628.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-1790c4dd.entry.js +1 -0
- package/dist/biggive/{p-ff834a57.entry.js → p-77a72fd2.entry.js} +1 -1
- package/dist/biggive/p-798a18da.entry.js +1 -0
- package/dist/biggive/{p-524f1490.entry.js → p-8e8f7131.entry.js} +1 -1
- package/dist/biggive/p-90i3G9RC.js +14 -0
- package/dist/biggive/p-925984f8.entry.js +1 -0
- package/dist/biggive/p-CuYXZlSd.js +1 -0
- package/dist/biggive/{p-45fca1e3.entry.js → p-ac7c2b16.entry.js} +1 -1
- package/dist/biggive/{p-23840cdd.entry.js → p-aede2663.entry.js} +1 -1
- package/dist/biggive/{p-95d24a15.entry.js → p-c419c0bf.entry.js} +1 -1
- package/dist/biggive/{p-0c3dd528.entry.js → p-c76fb957.entry.js} +1 -1
- package/dist/biggive/{p-c1dc8561.entry.js → p-d82b7540.entry.js} +1 -1
- package/dist/cjs/biggive-basic-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-biography-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-heading.cjs.entry.js +1 -1
- package/dist/cjs/biggive-misc-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js +1 -1
- package/dist/cjs/biggive-sheet.cjs.entry.js +1 -1
- package/dist/cjs/biggive-social-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-text-input.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video-feature.cjs.entry.js +6 -2
- package/dist/cjs/biggive-video.cjs.entry.js +6 -2
- package/dist/cjs/player.es-DT-PZQl4.js +2827 -0
- package/dist/cjs/{video-qNjCG6FR.js → video-PjaKf-Z8.js} +9 -1
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.css +3 -7
- package/dist/collection/components/biggive-biography-card/biggive-biography-card.css +6 -6
- package/dist/collection/components/biggive-heading/biggive-heading.css +8 -8
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.css +4 -8
- package/dist/collection/components/biggive-quote/biggive-quote.css +5 -7
- package/dist/collection/components/biggive-sheet/biggive-sheet.css +4 -4
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.css +6 -10
- package/dist/collection/components/biggive-text-input/biggive-text-input.css +8 -10
- package/dist/collection/components/biggive-video/biggive-video.js +5 -1
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +5 -1
- package/dist/collection/util/video.js +9 -1
- package/dist/components/biggive-basic-card.js +1 -1
- package/dist/components/biggive-biography-card.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-quote.js +1 -1
- package/dist/components/biggive-sheet.js +1 -1
- package/dist/components/biggive-social-icon2.js +1 -1
- package/dist/components/biggive-text-input.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/components/biggive-video.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/player.es.js +14 -0
- package/dist/components/video.js +1 -1
- package/dist/esm/biggive-basic-card.entry.js +1 -1
- package/dist/esm/biggive-biography-card.entry.js +1 -1
- package/dist/esm/biggive-heading.entry.js +1 -1
- package/dist/esm/biggive-misc-icon.entry.js +1 -1
- package/dist/esm/biggive-quote.entry.js +1 -1
- package/dist/esm/biggive-sheet.entry.js +1 -1
- package/dist/esm/biggive-social-icon.entry.js +1 -1
- package/dist/esm/biggive-text-input.entry.js +1 -1
- package/dist/esm/biggive-video-feature.entry.js +7 -3
- package/dist/esm/biggive-video.entry.js +7 -3
- package/dist/esm/player.es-90i3G9RC.js +2825 -0
- package/dist/esm/{video-B6inbmak.js → video-qHIVw5tB.js} +9 -1
- package/dist/types/components/biggive-video/biggive-video.d.ts +2 -0
- package/dist/types/components/biggive-video-feature/biggive-video-feature.d.ts +2 -0
- package/dist/types/util/video.d.ts +1 -0
- package/hydrate/index.js +2856 -11
- package/hydrate/index.mjs +2856 -11
- package/package.json +6 -5
- package/dist/biggive/p-2f773874.entry.js +0 -1
- package/dist/biggive/p-43a82f03.entry.js +0 -1
- package/dist/biggive/p-B6inbmak.js +0 -1
- package/dist/biggive/p-df7c482e.entry.js +0 -1
|
@@ -8,12 +8,20 @@ class VideoService {
|
|
|
8
8
|
}
|
|
9
9
|
else if (url.match(/player\.vimeo\.com/g)) {
|
|
10
10
|
const titlePart = title !== null && title.length > 0 ? ` title="${title}"` : '';
|
|
11
|
-
return `<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${url}?badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${titlePart}></iframe></div
|
|
11
|
+
return `<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${url}?badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${titlePart}></iframe></div>`;
|
|
12
12
|
}
|
|
13
13
|
else {
|
|
14
14
|
return `<video controls src="${url}"></video>`;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
+
static async initializeVimeoPlayer(container) {
|
|
18
|
+
const iframe = container.querySelector('iframe[src*="player.vimeo.com"]');
|
|
19
|
+
if (iframe !== null && iframe.dataset.vimeoPlayerInitialized !== 'true') {
|
|
20
|
+
const { default: VimeoPlayer } = await Promise.resolve().then(function () { return require('./player.es-DT-PZQl4.js'); });
|
|
21
|
+
new VimeoPlayer(iframe);
|
|
22
|
+
iframe.dataset.vimeoPlayerInitialized = 'true';
|
|
23
|
+
}
|
|
24
|
+
}
|
|
17
25
|
/**
|
|
18
26
|
* If the user supplied a URL to view a page video in a page on youtube or vimeo,
|
|
19
27
|
* we replace it with the URL to the related embedabble iframe.
|
|
@@ -612,6 +612,8 @@
|
|
|
612
612
|
background-size: cover;
|
|
613
613
|
background-position: center center;
|
|
614
614
|
padding: 30px;
|
|
615
|
+
height: 100%;
|
|
616
|
+
white-space: pre-wrap;
|
|
615
617
|
}
|
|
616
618
|
.container.philco {
|
|
617
619
|
font-family: "Bitter", serif;
|
|
@@ -624,6 +626,7 @@
|
|
|
624
626
|
text-align: left;
|
|
625
627
|
height: auto;
|
|
626
628
|
box-shadow: 0 0 24px 0 #BBBBBB;
|
|
629
|
+
border-top: 12px solid #f18a00;
|
|
627
630
|
}
|
|
628
631
|
.container.philco .title {
|
|
629
632
|
font-family: "Garage Gothic", sans-serif;
|
|
@@ -644,13 +647,6 @@
|
|
|
644
647
|
.container.philco .subtitle .divider {
|
|
645
648
|
color: #f18a00;
|
|
646
649
|
}
|
|
647
|
-
.container.philco {
|
|
648
|
-
border-top: 12px solid #f18a00;
|
|
649
|
-
}
|
|
650
|
-
.container {
|
|
651
|
-
height: 100%;
|
|
652
|
-
white-space: pre-wrap;
|
|
653
|
-
}
|
|
654
650
|
.container a,
|
|
655
651
|
.container a:hover {
|
|
656
652
|
text-decoration: none;
|
|
@@ -368,6 +368,9 @@
|
|
|
368
368
|
display: block;
|
|
369
369
|
}
|
|
370
370
|
|
|
371
|
+
.container {
|
|
372
|
+
text-align: left;
|
|
373
|
+
}
|
|
371
374
|
.container.background-colour-primary .image-wrap {
|
|
372
375
|
background-color: #2C089B;
|
|
373
376
|
}
|
|
@@ -458,9 +461,6 @@
|
|
|
458
461
|
.container.background-colour-philco-gray-20 .image-wrap {
|
|
459
462
|
background-color: #F6F6F6;
|
|
460
463
|
}
|
|
461
|
-
.container {
|
|
462
|
-
text-align: left;
|
|
463
|
-
}
|
|
464
464
|
.container.text-align-center {
|
|
465
465
|
text-align: center;
|
|
466
466
|
}
|
|
@@ -478,6 +478,9 @@
|
|
|
478
478
|
font-size: font-size-small();
|
|
479
479
|
margin: 0;
|
|
480
480
|
}
|
|
481
|
+
.container .sleeve {
|
|
482
|
+
margin-bottom: 10px;
|
|
483
|
+
}
|
|
481
484
|
.container .sleeve.border-width-1.border-colour-primary {
|
|
482
485
|
border: 5px solid #2C089B;
|
|
483
486
|
}
|
|
@@ -1018,9 +1021,6 @@
|
|
|
1018
1021
|
.container .sleeve.border-width-6.border-colour-philco-gray-20 {
|
|
1019
1022
|
border: 60px solid #F6F6F6;
|
|
1020
1023
|
}
|
|
1021
|
-
.container .sleeve {
|
|
1022
|
-
margin-bottom: 10px;
|
|
1023
|
-
}
|
|
1024
1024
|
.container .sleeve.circle-true {
|
|
1025
1025
|
overflow: hidden;
|
|
1026
1026
|
border-radius: 50%;
|
|
@@ -79,6 +79,14 @@
|
|
|
79
79
|
display: contents;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
+
.container {
|
|
83
|
+
display: flex;
|
|
84
|
+
}
|
|
85
|
+
.container.biggive {
|
|
86
|
+
font-family: "Euclid Triangle", sans-serif;
|
|
87
|
+
font-size: 17px;
|
|
88
|
+
line-height: 24px;
|
|
89
|
+
}
|
|
82
90
|
.container.biggive h1, .container.biggive .heading-1 {
|
|
83
91
|
font-size: 47px;
|
|
84
92
|
line-height: 60px;
|
|
@@ -104,11 +112,6 @@
|
|
|
104
112
|
line-height: 24px;
|
|
105
113
|
font-weight: bold;
|
|
106
114
|
}
|
|
107
|
-
.container.biggive {
|
|
108
|
-
font-family: "Euclid Triangle", sans-serif;
|
|
109
|
-
font-size: 17px;
|
|
110
|
-
line-height: 24px;
|
|
111
|
-
}
|
|
112
115
|
.container.philco h1, .container.philco .heading-1, .container.philco h2, .container.philco .heading-2, .container.philco h3, .container.philco .heading-3 {
|
|
113
116
|
font-family: "Garage Gothic", sans-serif;
|
|
114
117
|
font-weight: 700;
|
|
@@ -217,9 +220,6 @@
|
|
|
217
220
|
.container .heading-colour-philco-gray-20 {
|
|
218
221
|
color: #F6F6F6;
|
|
219
222
|
}
|
|
220
|
-
.container {
|
|
221
|
-
display: flex;
|
|
222
|
-
}
|
|
223
223
|
.container h1, .container h2, .container h3, .container h4, .container h5 {
|
|
224
224
|
margin: 0;
|
|
225
225
|
padding: 0;
|
|
@@ -380,6 +380,10 @@
|
|
|
380
380
|
transition: all ease-in-out 0.5s;
|
|
381
381
|
display: inline-block;
|
|
382
382
|
margin-right: 10px;
|
|
383
|
+
width: 30px;
|
|
384
|
+
height: 30px;
|
|
385
|
+
margin-right: 6px;
|
|
386
|
+
margin: auto;
|
|
383
387
|
}
|
|
384
388
|
.misc-icon-item.colour-scheme-primary {
|
|
385
389
|
background-color: #2C089B;
|
|
@@ -464,17 +468,9 @@
|
|
|
464
468
|
width: 100%;
|
|
465
469
|
height: 100%;
|
|
466
470
|
}
|
|
467
|
-
.misc-icon-item {
|
|
468
|
-
width: 30px;
|
|
469
|
-
height: 30px;
|
|
470
|
-
margin-right: 6px;
|
|
471
|
-
}
|
|
472
471
|
.misc-icon-item a {
|
|
473
472
|
padding: 6px;
|
|
474
473
|
}
|
|
475
|
-
.misc-icon-item {
|
|
476
|
-
margin: auto;
|
|
477
|
-
}
|
|
478
474
|
.misc-icon-item a {
|
|
479
475
|
margin: auto;
|
|
480
476
|
}
|
|
@@ -224,6 +224,11 @@
|
|
|
224
224
|
line-height: 24px;
|
|
225
225
|
height: 100%;
|
|
226
226
|
background-color: white;
|
|
227
|
+
text-align: center;
|
|
228
|
+
margin-left: auto;
|
|
229
|
+
margin-right: auto;
|
|
230
|
+
max-width: 600px;
|
|
231
|
+
padding: 60px;
|
|
227
232
|
}
|
|
228
233
|
.container.philco {
|
|
229
234
|
font-family: "Bitter", serif;
|
|
@@ -238,13 +243,6 @@
|
|
|
238
243
|
width: 100px;
|
|
239
244
|
height: 90px; /* = 86/96*100 */
|
|
240
245
|
}
|
|
241
|
-
.container {
|
|
242
|
-
text-align: center;
|
|
243
|
-
margin-left: auto;
|
|
244
|
-
margin-right: auto;
|
|
245
|
-
max-width: 600px;
|
|
246
|
-
padding: 60px;
|
|
247
|
-
}
|
|
248
246
|
.container .image-wrap {
|
|
249
247
|
text-align: center;
|
|
250
248
|
margin-bottom: 15px;
|
|
@@ -462,6 +462,10 @@
|
|
|
462
462
|
display: flex;
|
|
463
463
|
font-size: 14px;
|
|
464
464
|
}
|
|
465
|
+
.container .popup .header .back-link .svg-wrap {
|
|
466
|
+
display: flex;
|
|
467
|
+
margin: 5px 15px auto 0;
|
|
468
|
+
}
|
|
465
469
|
.container .popup .header .back-link .svg-wrap.colour-primary svg path {
|
|
466
470
|
fill: #2C089B;
|
|
467
471
|
}
|
|
@@ -552,10 +556,6 @@
|
|
|
552
556
|
.container .popup .header .back-link .svg-wrap.colour-philco-gray-20 svg path {
|
|
553
557
|
fill: #F6F6F6;
|
|
554
558
|
}
|
|
555
|
-
.container .popup .header .back-link .svg-wrap {
|
|
556
|
-
display: flex;
|
|
557
|
-
margin: 5px 15px auto 0;
|
|
558
|
-
}
|
|
559
559
|
.container .popup .header .back-link .svg-wrap svg {
|
|
560
560
|
height: 14px;
|
|
561
561
|
width: auto;
|
|
@@ -389,6 +389,9 @@
|
|
|
389
389
|
transition: all ease-in-out 0.5s;
|
|
390
390
|
display: inline-block;
|
|
391
391
|
margin-right: 10px;
|
|
392
|
+
width: 30px;
|
|
393
|
+
height: 30px;
|
|
394
|
+
margin-right: 6px;
|
|
392
395
|
}
|
|
393
396
|
.social-icon-item.colour-scheme-primary {
|
|
394
397
|
background-color: #2C089B;
|
|
@@ -473,11 +476,6 @@
|
|
|
473
476
|
width: 100%;
|
|
474
477
|
height: 100%;
|
|
475
478
|
}
|
|
476
|
-
.social-icon-item {
|
|
477
|
-
width: 30px;
|
|
478
|
-
height: 30px;
|
|
479
|
-
margin-right: 6px;
|
|
480
|
-
}
|
|
481
479
|
.social-icon-item a {
|
|
482
480
|
padding: 6px;
|
|
483
481
|
}
|
|
@@ -490,6 +488,9 @@
|
|
|
490
488
|
transition: all ease-in-out 0.5s;
|
|
491
489
|
display: inline-block;
|
|
492
490
|
margin-right: 10px;
|
|
491
|
+
width: 30px;
|
|
492
|
+
height: 30px;
|
|
493
|
+
margin-right: 6px;
|
|
493
494
|
}
|
|
494
495
|
.social-icon-item.wide.colour-scheme-primary {
|
|
495
496
|
background-color: #2C089B;
|
|
@@ -574,11 +575,6 @@
|
|
|
574
575
|
width: 100%;
|
|
575
576
|
height: 100%;
|
|
576
577
|
}
|
|
577
|
-
.social-icon-item.wide {
|
|
578
|
-
width: 30px;
|
|
579
|
-
height: 30px;
|
|
580
|
-
margin-right: 6px;
|
|
581
|
-
}
|
|
582
578
|
.social-icon-item.wide a {
|
|
583
579
|
padding: 6px;
|
|
584
580
|
}
|
|
@@ -68,11 +68,16 @@
|
|
|
68
68
|
line-height: 1.2;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.text-input .currency-symbol {
|
|
72
|
-
position: absolute;
|
|
73
|
-
}
|
|
74
71
|
.text-input {
|
|
75
72
|
position: relative;
|
|
73
|
+
font-family: "Euclid Triangle", sans-serif;
|
|
74
|
+
font-size: 17px;
|
|
75
|
+
line-height: 24px;
|
|
76
|
+
position: relative;
|
|
77
|
+
text-align: left;
|
|
78
|
+
}
|
|
79
|
+
.text-input .currency-symbol {
|
|
80
|
+
position: absolute;
|
|
76
81
|
}
|
|
77
82
|
.text-input .prompt {
|
|
78
83
|
position: relative;
|
|
@@ -95,13 +100,6 @@
|
|
|
95
100
|
.text-input.philco .prompt > span {
|
|
96
101
|
background-color: #FFFFFF;
|
|
97
102
|
}
|
|
98
|
-
.text-input {
|
|
99
|
-
font-family: "Euclid Triangle", sans-serif;
|
|
100
|
-
font-size: 17px;
|
|
101
|
-
line-height: 24px;
|
|
102
|
-
position: relative;
|
|
103
|
-
text-align: left;
|
|
104
|
-
}
|
|
105
103
|
.text-input.select-style-bordered.biggive .sleeve {
|
|
106
104
|
font-size: 24px;
|
|
107
105
|
line-height: 30px;
|
|
@@ -16,7 +16,10 @@ export class BiggiveVideo {
|
|
|
16
16
|
this.videoUrl = '';
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h("div", { key: '
|
|
19
|
+
return (h("div", { key: '19016f17a21455d8a3b48415f76ead3bdc65b0b4', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'a66e437f1316b47704283e01dbe1023992651bfb', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
|
|
20
|
+
}
|
|
21
|
+
componentDidRender() {
|
|
22
|
+
void VideoService.initializeVimeoPlayer(this.host);
|
|
20
23
|
}
|
|
21
24
|
static get is() { return "biggive-video"; }
|
|
22
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -94,4 +97,5 @@ export class BiggiveVideo {
|
|
|
94
97
|
}
|
|
95
98
|
};
|
|
96
99
|
}
|
|
100
|
+
static get elementRef() { return "host"; }
|
|
97
101
|
}
|
|
@@ -37,7 +37,10 @@ export class BiggiveVideoFeature {
|
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
39
|
const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
|
|
40
|
-
return (h("div", { key: '
|
|
40
|
+
return (h("div", { key: '9fc267609031ded8342a70bdec2c257d305bfe14', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'd566c77b874ee03424462fe2292361629d136235', class: "sleeve" }, h("div", { key: 'e6405b33a58e680d7f87fc91d97718b1a6482ce1', class: "content-wrap" }, h("div", { key: '676d5e83650364637a3a8dfe723cc01681091dff', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'd8b1f143ce429e5cf2640b65c5937ece054df9a8', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '23b52399945a63a5c2bad94747715bd026990cf8', 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: 'b3342d10bf71273aa79ea9bcd2b78bd1ce274580', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
|
|
41
|
+
}
|
|
42
|
+
componentDidRender() {
|
|
43
|
+
void VideoService.initializeVimeoPlayer(this.host);
|
|
41
44
|
}
|
|
42
45
|
static get is() { return "biggive-video-feature"; }
|
|
43
46
|
static get encapsulation() { return "shadow"; }
|
|
@@ -310,4 +313,5 @@ export class BiggiveVideoFeature {
|
|
|
310
313
|
}
|
|
311
314
|
};
|
|
312
315
|
}
|
|
316
|
+
static get elementRef() { return "host"; }
|
|
313
317
|
}
|
|
@@ -6,12 +6,20 @@ export class VideoService {
|
|
|
6
6
|
}
|
|
7
7
|
else if (url.match(/player\.vimeo\.com/g)) {
|
|
8
8
|
const titlePart = title !== null && title.length > 0 ? ` title="${title}"` : '';
|
|
9
|
-
return `<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${url}?badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${titlePart}></iframe></div
|
|
9
|
+
return `<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="${url}?badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;"${titlePart}></iframe></div>`;
|
|
10
10
|
}
|
|
11
11
|
else {
|
|
12
12
|
return `<video controls src="${url}"></video>`;
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
+
static async initializeVimeoPlayer(container) {
|
|
16
|
+
const iframe = container.querySelector('iframe[src*="player.vimeo.com"]');
|
|
17
|
+
if (iframe !== null && iframe.dataset.vimeoPlayerInitialized !== 'true') {
|
|
18
|
+
const { default: VimeoPlayer } = await import('@vimeo/player');
|
|
19
|
+
new VimeoPlayer(iframe);
|
|
20
|
+
iframe.dataset.vimeoPlayerInitialized = 'true';
|
|
21
|
+
}
|
|
22
|
+
}
|
|
15
23
|
/**
|
|
16
24
|
* If the user supplied a URL to view a page video in a page on youtube or vimeo,
|
|
17
25
|
* we replace it with the URL to the related embedabble iframe.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as l}from"@stencil/core/internal/client";import{d as c}from"./biggive-button2.js";const a=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.siteDesign="biggive",this.backgroundColour="primary",this.backgroundImageUrl="",this.cardColour="white",this.textColour="black",this.mainImageUrl=void 0,this.subtitle="",this.author="",this.date="",this.icon=!0,this.iconColour="primary",this.buttonAlign="center",this.buttonStyle="standard",this.buttonColourScheme="clear-primary",this.clipBottomLeftCorner=!0,this.clipTopRightCorner=!0,this.headingLevel=3,this.addAnimation=!1}render(){var o,r;const l="h"+this.headingLevel;return e("div",{key:"77625fe2036a2a4831aa958feaabcbe30e452cc8",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+("philco"===this.siteDesign?" border-colour-"+this.backgroundColour:"")+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation+" "+this.siteDesign,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},e("a",{key:"6ce6265e60d5e05e07476f045c97e125fdca6a15",href:this.buttonUrl},e("div",{key:"eadcf17bbcda23aa35973d9a81d5fe26440b1374",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},e("div",{key:"447e61dd93234d64b2d7e743aa79d1ab632f3476",class:"content-wrap"},this.icon?e("div",{class:"icon"},e("svg",{width:"53",height:"39",viewBox:"0 0 53 39",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z",class:"fill-black"}),e("path",{d:"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z",class:"fill-"+this.iconColour}))):null,0===(null!==(r=null===(o=this.mainImageUrl)||void 0===o?void 0:o.length)&&void 0!==r?r:0)?null:e("div",{class:"main-image-container"},e("div",{class:"image-wrap"},e("img",{src:this.mainImageUrl,alt:this.mainImageAltText}))),e(l,{key:"bee85236ab2b178e9e076993e4bad7d686b17e17",class:"title"},this.mainTitle),""!==this.author||""!==this.date?e("div",{class:"subtitle"},this.author," ",e("span",{class:"divider"},"|")," ",this.date):null,""!==this.subtitle?e("div",{class:"subtitle"},this.subtitle):null,e("div",{key:"ce177be88383ca7ee2b41a648239002f0c1886d3",class:"teaser"},this.teaser),null!=this.buttonLabel&&null!=this.buttonUrl&&""!=this.buttonUrl?e("div",{class:"button-wrap align-"+this.buttonAlign},e("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel,rounded:"philco"===this.siteDesign})):null))))}static get style(){return'.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-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-er-green{border-color:#50B400}.border-colour-brand-er-dark-green{border-color:#002413}.border-colour-brand-er-dark-blue{border-color:#0c0068}.border-colour-brand-er-teal{border-color:#00a76d}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.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}.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-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px}.container.philco{font-family:"Bitter", serif;font-size:16px;line-height:1.2rem;border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB}.container.philco .title{font-family:"Garage Gothic", sans-serif;font-weight:700;margin-top:0.1rem;margin-bottom:0.1rem;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{font-family:"Bitter", serif;line-height:1.2rem;color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container.philco{border-top:12px solid #f18a00}.container{height:100%;white-space:pre-wrap}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}'}},[1,"biggive-basic-card",{spaceBelow:[2,"space-below"],siteDesign:[1,"site-design"],backgroundColour:[1,"background-colour"],backgroundImageUrl:[1,"background-image-url"],cardColour:[1,"card-colour"],textColour:[1,"text-colour"],mainImageUrl:[1,"main-image-url"],mainImageAltText:[1,"main-image-alt-text"],mainTitle:[1,"main-title"],subtitle:[1],author:[1],date:[1],teaser:[1],icon:[4],iconColour:[1,"icon-colour"],buttonAlign:[1,"button-align"],buttonStyle:[1,"button-style"],buttonLabel:[1,"button-label"],buttonUrl:[1,"button-url"],buttonColourScheme:[1,"button-colour-scheme"],clipBottomLeftCorner:[4,"clip-bottom-left-corner"],clipTopRightCorner:[4,"clip-top-right-corner"],headingLevel:[2,"heading-level"],addAnimation:[4,"add-animation"]}]),t=a,i=function(){"undefined"!=typeof customElements&&["biggive-basic-card","biggive-button"].forEach((o=>{switch(o){case"biggive-basic-card":customElements.get(l(o))||customElements.define(l(o),a);break;case"biggive-button":customElements.get(l(o))||c()}}))};export{t as BiggiveBasicCard,i as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as l}from"@stencil/core/internal/client";import{d as c}from"./biggive-button2.js";const a=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.siteDesign="biggive",this.backgroundColour="primary",this.backgroundImageUrl="",this.cardColour="white",this.textColour="black",this.mainImageUrl=void 0,this.subtitle="",this.author="",this.date="",this.icon=!0,this.iconColour="primary",this.buttonAlign="center",this.buttonStyle="standard",this.buttonColourScheme="clear-primary",this.clipBottomLeftCorner=!0,this.clipTopRightCorner=!0,this.headingLevel=3,this.addAnimation=!1}render(){var o,r;const l="h"+this.headingLevel;return e("div",{key:"77625fe2036a2a4831aa958feaabcbe30e452cc8",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+("philco"===this.siteDesign?" border-colour-"+this.backgroundColour:"")+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation+" "+this.siteDesign,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},e("a",{key:"6ce6265e60d5e05e07476f045c97e125fdca6a15",href:this.buttonUrl},e("div",{key:"eadcf17bbcda23aa35973d9a81d5fe26440b1374",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},e("div",{key:"447e61dd93234d64b2d7e743aa79d1ab632f3476",class:"content-wrap"},this.icon?e("div",{class:"icon"},e("svg",{width:"53",height:"39",viewBox:"0 0 53 39",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z",class:"fill-black"}),e("path",{d:"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z",class:"fill-"+this.iconColour}))):null,0===(null!==(r=null===(o=this.mainImageUrl)||void 0===o?void 0:o.length)&&void 0!==r?r:0)?null:e("div",{class:"main-image-container"},e("div",{class:"image-wrap"},e("img",{src:this.mainImageUrl,alt:this.mainImageAltText}))),e(l,{key:"bee85236ab2b178e9e076993e4bad7d686b17e17",class:"title"},this.mainTitle),""!==this.author||""!==this.date?e("div",{class:"subtitle"},this.author," ",e("span",{class:"divider"},"|")," ",this.date):null,""!==this.subtitle?e("div",{class:"subtitle"},this.subtitle):null,e("div",{key:"ce177be88383ca7ee2b41a648239002f0c1886d3",class:"teaser"},this.teaser),null!=this.buttonLabel&&null!=this.buttonUrl&&""!=this.buttonUrl?e("div",{class:"button-wrap align-"+this.buttonAlign},e("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel,rounded:"philco"===this.siteDesign})):null))))}static get style(){return'.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-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-er-green{border-color:#50B400}.border-colour-brand-er-dark-green{border-color:#002413}.border-colour-brand-er-dark-blue{border-color:#0c0068}.border-colour-brand-er-teal{border-color:#00a76d}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}.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}.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-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{font-family:"Bitter", serif;font-size:16px;line-height:1.2rem;border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:"Garage Gothic", sans-serif;font-weight:700;margin-top:0.1rem;margin-bottom:0.1rem;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{font-family:"Bitter", serif;line-height:1.2rem;color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}'}},[1,"biggive-basic-card",{spaceBelow:[2,"space-below"],siteDesign:[1,"site-design"],backgroundColour:[1,"background-colour"],backgroundImageUrl:[1,"background-image-url"],cardColour:[1,"card-colour"],textColour:[1,"text-colour"],mainImageUrl:[1,"main-image-url"],mainImageAltText:[1,"main-image-alt-text"],mainTitle:[1,"main-title"],subtitle:[1],author:[1],date:[1],teaser:[1],icon:[4],iconColour:[1,"icon-colour"],buttonAlign:[1,"button-align"],buttonStyle:[1,"button-style"],buttonLabel:[1,"button-label"],buttonUrl:[1,"button-url"],buttonColourScheme:[1,"button-colour-scheme"],clipBottomLeftCorner:[4,"clip-bottom-left-corner"],clipTopRightCorner:[4,"clip-top-right-corner"],headingLevel:[2,"heading-level"],addAnimation:[4,"add-animation"]}]),t=a,i=function(){"undefined"!=typeof customElements&&["biggive-basic-card","biggive-button"].forEach((o=>{switch(o){case"biggive-basic-card":customElements.get(l(o))||customElements.define(l(o),a);break;case"biggive-button":customElements.get(l(o))||c()}}))};export{t as BiggiveBasicCard,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as r,HTMLElement as o,h as e,transformTag as d}from"@stencil/core/internal/client";const c=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.borderWidth=0,this.imageUrl="",this.imageStyle="cover",this.textColour="black",this.backgroundColour="white",this.fullName="",this.jobTitle="",this.textAlign="left",this.ratio="1,1.5",this.circle=!1,this.circleColour="light",this.rounded=!1,this.url=""}render(){return""!=this.url?e("div",{class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" text-align-"+this.textAlign},e("a",{href:this.url},e("div",{class:"sleeve circle-"+this.circle+" border-colour-"+this.backgroundColour+" background-colour-"+this.backgroundColour+" border-width-"+this.borderWidth},""!=this.imageUrl?e("div",{"data-ratio":this.ratio,class:"image-wrap image-style-"+this.imageStyle+" rounded-"+this.rounded,style:{"background-image":"url('"+this.imageUrl+"')"}},e("img",{src:this.imageUrl,alt:this.fullName,title:this.fullName}),e("div",{class:"circle "+this.circleColour},e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e("path",{"stroke-color":"1",d:"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z"})))):null),e("h3",{class:"full-name"},this.fullName),e("div",{class:"job-title"},this.jobTitle))):e("div",{class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" text-align-"+this.textAlign},e("div",{class:"sleeve circle-"+this.circle+" border-colour-"+this.backgroundColour+" background-colour-"+this.backgroundColour+" border-width-"+this.borderWidth},""!=this.imageUrl?e("div",{"data-ratio":this.ratio,class:"image-wrap image-style-"+this.imageStyle+" rounded-"+this.rounded,style:{"background-image":"url('"+this.imageUrl+"')"}},e("img",{src:this.imageUrl,alt:this.fullName,title:this.fullName})):null),e("h3",{class:"full-name"},this.fullName),e("div",{class:"job-title"},this.jobTitle))}static get style(){return'.image-wrap img{width:100%;height:auto}.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}.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-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.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-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:block}.container.background-colour-primary .image-wrap{background-color:#2C089B}.container.background-colour-secondary .image-wrap{background-color:#2AF135}.container.background-colour-tertiary .image-wrap{background-color:#FF7272}.container.background-colour-brand-cc-red .image-wrap{background-color:#B30510}.container.background-colour-brand-wgmf-purple .image-wrap{background-color:#6E0887}.container.background-colour-brand-gmf-green .image-wrap{background-color:#50B400}.container.background-colour-brand-er-green .image-wrap{background-color:#50B400}.container.background-colour-brand-er-dark-green .image-wrap{background-color:#002413}.container.background-colour-brand-er-dark-blue .image-wrap{background-color:#0c0068}.container.background-colour-brand-er-teal .image-wrap{background-color:#00a76d}.container.background-colour-brand-emf-yellow .image-wrap{background-color:#FFE500}.container.background-colour-brand-c4c-orange .image-wrap{background-color:#F07D00}.container.background-colour-brand-afa-pink .image-wrap{background-color:#BF387D}.container.background-colour-brand-scw-magenta .image-wrap{background-color:#EE2C65}.container.background-colour-brand-mhf-turquoise .image-wrap{background-color:#62CFC9}.container.background-colour-brand-grey .image-wrap{background-color:#CBC8C8}.container.background-colour-white .image-wrap{background-color:#FFFFFF}.container.background-colour-black .image-wrap{background-color:#000000}.container.background-colour-grey-extra-light .image-wrap{background-color:#D7D7D7}.container.background-colour-grey-light .image-wrap{background-color:#E8E8E8}.container.background-colour-grey-medium .image-wrap{background-color:#8A8A8A}.container.background-colour-grey-dark .image-wrap{background-color:#4A4A4A}.container.background-colour-philco-orange .image-wrap{background-color:#f18a00}.container.background-colour-philco-gray-90 .image-wrap{background-color:#1d1d1B}.container.background-colour-philco-gray-70 .image-wrap{background-color:#7D7D7D}.container.background-colour-philco-white .image-wrap{background-color:#FFFFFF}.container.background-colour-philco-success-green .image-wrap{background-color:#1Ec691}.container.background-colour-philco-error-coral .image-wrap{background-color:#F54242}.container.background-colour-philco-gray-30 .image-wrap{background-color:#BBBBBB}.container.background-colour-philco-gray-20 .image-wrap{background-color:#F6F6F6}.container{text-align:left}.container.text-align-center{text-align:center}.container.text-align-right{text-align:right}.container a{text-decoration:none}.container h3.full-name{font-size:font-size-medium();margin:0}.container div.job-title{font-size:font-size-small();margin:0}.container .sleeve.border-width-1.border-colour-primary{border:5px solid #2C089B}.container .sleeve.border-width-2.border-colour-primary{border:10px solid #2C089B}.container .sleeve.border-width-3.border-colour-primary{border:15px solid #2C089B}.container .sleeve.border-width-4.border-colour-primary{border:30px solid #2C089B}.container .sleeve.border-width-5.border-colour-primary{border:45px solid #2C089B}.container .sleeve.border-width-6.border-colour-primary{border:60px solid #2C089B}.container .sleeve.border-width-1.border-colour-secondary{border:5px solid #2AF135}.container .sleeve.border-width-2.border-colour-secondary{border:10px solid #2AF135}.container .sleeve.border-width-3.border-colour-secondary{border:15px solid #2AF135}.container .sleeve.border-width-4.border-colour-secondary{border:30px solid #2AF135}.container .sleeve.border-width-5.border-colour-secondary{border:45px solid #2AF135}.container .sleeve.border-width-6.border-colour-secondary{border:60px solid #2AF135}.container .sleeve.border-width-1.border-colour-tertiary{border:5px solid #FF7272}.container .sleeve.border-width-2.border-colour-tertiary{border:10px solid #FF7272}.container .sleeve.border-width-3.border-colour-tertiary{border:15px solid #FF7272}.container .sleeve.border-width-4.border-colour-tertiary{border:30px solid #FF7272}.container .sleeve.border-width-5.border-colour-tertiary{border:45px solid #FF7272}.container .sleeve.border-width-6.border-colour-tertiary{border:60px solid #FF7272}.container .sleeve.border-width-1.border-colour-brand-cc-red{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-cc-red{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-cc-red{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-cc-red{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-cc-red{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-cc-red{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-wgmf-purple{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-wgmf-purple{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-wgmf-purple{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-wgmf-purple{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-wgmf-purple{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-wgmf-purple{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-gmf-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-gmf-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-gmf-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-gmf-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-gmf-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-gmf-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-er-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-er-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-er-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-er-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-er-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-er-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-er-dark-green{border:5px solid #002413}.container .sleeve.border-width-2.border-colour-brand-er-dark-green{border:10px solid #002413}.container .sleeve.border-width-3.border-colour-brand-er-dark-green{border:15px solid #002413}.container .sleeve.border-width-4.border-colour-brand-er-dark-green{border:30px solid #002413}.container .sleeve.border-width-5.border-colour-brand-er-dark-green{border:45px solid #002413}.container .sleeve.border-width-6.border-colour-brand-er-dark-green{border:60px solid #002413}.container .sleeve.border-width-1.border-colour-brand-er-dark-blue{border:5px solid #0c0068}.container .sleeve.border-width-2.border-colour-brand-er-dark-blue{border:10px solid #0c0068}.container .sleeve.border-width-3.border-colour-brand-er-dark-blue{border:15px solid #0c0068}.container .sleeve.border-width-4.border-colour-brand-er-dark-blue{border:30px solid #0c0068}.container .sleeve.border-width-5.border-colour-brand-er-dark-blue{border:45px solid #0c0068}.container .sleeve.border-width-6.border-colour-brand-er-dark-blue{border:60px solid #0c0068}.container .sleeve.border-width-1.border-colour-brand-er-teal{border:5px solid #00a76d}.container .sleeve.border-width-2.border-colour-brand-er-teal{border:10px solid #00a76d}.container .sleeve.border-width-3.border-colour-brand-er-teal{border:15px solid #00a76d}.container .sleeve.border-width-4.border-colour-brand-er-teal{border:30px solid #00a76d}.container .sleeve.border-width-5.border-colour-brand-er-teal{border:45px solid #00a76d}.container .sleeve.border-width-6.border-colour-brand-er-teal{border:60px solid #00a76d}.container .sleeve.border-width-1.border-colour-brand-emf-yellow{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-emf-yellow{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-emf-yellow{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-emf-yellow{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-emf-yellow{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-emf-yellow{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-c4c-orange{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-c4c-orange{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-c4c-orange{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-c4c-orange{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-c4c-orange{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-c4c-orange{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-afa-pink{border:5px solid #BF387D}.container .sleeve.border-width-2.border-colour-brand-afa-pink{border:10px solid #BF387D}.container .sleeve.border-width-3.border-colour-brand-afa-pink{border:15px solid #BF387D}.container .sleeve.border-width-4.border-colour-brand-afa-pink{border:30px solid #BF387D}.container .sleeve.border-width-5.border-colour-brand-afa-pink{border:45px solid #BF387D}.container .sleeve.border-width-6.border-colour-brand-afa-pink{border:60px solid #BF387D}.container .sleeve.border-width-1.border-colour-brand-scw-magenta{border:5px solid #EE2C65}.container .sleeve.border-width-2.border-colour-brand-scw-magenta{border:10px solid #EE2C65}.container .sleeve.border-width-3.border-colour-brand-scw-magenta{border:15px solid #EE2C65}.container .sleeve.border-width-4.border-colour-brand-scw-magenta{border:30px solid #EE2C65}.container .sleeve.border-width-5.border-colour-brand-scw-magenta{border:45px solid #EE2C65}.container .sleeve.border-width-6.border-colour-brand-scw-magenta{border:60px solid #EE2C65}.container .sleeve.border-width-1.border-colour-brand-mhf-turquoise{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-mhf-turquoise{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-mhf-turquoise{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-mhf-turquoise{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-mhf-turquoise{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-mhf-turquoise{border:60px solid #62CFC9}.container .sleeve.border-width-1.border-colour-brand-grey{border:5px solid #CBC8C8}.container .sleeve.border-width-2.border-colour-brand-grey{border:10px solid #CBC8C8}.container .sleeve.border-width-3.border-colour-brand-grey{border:15px solid #CBC8C8}.container .sleeve.border-width-4.border-colour-brand-grey{border:30px solid #CBC8C8}.container .sleeve.border-width-5.border-colour-brand-grey{border:45px solid #CBC8C8}.container .sleeve.border-width-6.border-colour-brand-grey{border:60px solid #CBC8C8}.container .sleeve.border-width-1.border-colour-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-black{border:5px solid #000000}.container .sleeve.border-width-2.border-colour-black{border:10px solid #000000}.container .sleeve.border-width-3.border-colour-black{border:15px solid #000000}.container .sleeve.border-width-4.border-colour-black{border:30px solid #000000}.container .sleeve.border-width-5.border-colour-black{border:45px solid #000000}.container .sleeve.border-width-6.border-colour-black{border:60px solid #000000}.container .sleeve.border-width-1.border-colour-grey-extra-light{border:5px solid #D7D7D7}.container .sleeve.border-width-2.border-colour-grey-extra-light{border:10px solid #D7D7D7}.container .sleeve.border-width-3.border-colour-grey-extra-light{border:15px solid #D7D7D7}.container .sleeve.border-width-4.border-colour-grey-extra-light{border:30px solid #D7D7D7}.container .sleeve.border-width-5.border-colour-grey-extra-light{border:45px solid #D7D7D7}.container .sleeve.border-width-6.border-colour-grey-extra-light{border:60px solid #D7D7D7}.container .sleeve.border-width-1.border-colour-grey-light{border:5px solid #E8E8E8}.container .sleeve.border-width-2.border-colour-grey-light{border:10px solid #E8E8E8}.container .sleeve.border-width-3.border-colour-grey-light{border:15px solid #E8E8E8}.container .sleeve.border-width-4.border-colour-grey-light{border:30px solid #E8E8E8}.container .sleeve.border-width-5.border-colour-grey-light{border:45px solid #E8E8E8}.container .sleeve.border-width-6.border-colour-grey-light{border:60px solid #E8E8E8}.container .sleeve.border-width-1.border-colour-grey-medium{border:5px solid #8A8A8A}.container .sleeve.border-width-2.border-colour-grey-medium{border:10px solid #8A8A8A}.container .sleeve.border-width-3.border-colour-grey-medium{border:15px solid #8A8A8A}.container .sleeve.border-width-4.border-colour-grey-medium{border:30px solid #8A8A8A}.container .sleeve.border-width-5.border-colour-grey-medium{border:45px solid #8A8A8A}.container .sleeve.border-width-6.border-colour-grey-medium{border:60px solid #8A8A8A}.container .sleeve.border-width-1.border-colour-grey-dark{border:5px solid #4A4A4A}.container .sleeve.border-width-2.border-colour-grey-dark{border:10px solid #4A4A4A}.container .sleeve.border-width-3.border-colour-grey-dark{border:15px solid #4A4A4A}.container .sleeve.border-width-4.border-colour-grey-dark{border:30px solid #4A4A4A}.container .sleeve.border-width-5.border-colour-grey-dark{border:45px solid #4A4A4A}.container .sleeve.border-width-6.border-colour-grey-dark{border:60px solid #4A4A4A}.container .sleeve.border-width-1.border-colour-philco-orange{border:5px solid #f18a00}.container .sleeve.border-width-2.border-colour-philco-orange{border:10px solid #f18a00}.container .sleeve.border-width-3.border-colour-philco-orange{border:15px solid #f18a00}.container .sleeve.border-width-4.border-colour-philco-orange{border:30px solid #f18a00}.container .sleeve.border-width-5.border-colour-philco-orange{border:45px solid #f18a00}.container .sleeve.border-width-6.border-colour-philco-orange{border:60px solid #f18a00}.container .sleeve.border-width-1.border-colour-philco-gray-90{border:5px solid #1d1d1B}.container .sleeve.border-width-2.border-colour-philco-gray-90{border:10px solid #1d1d1B}.container .sleeve.border-width-3.border-colour-philco-gray-90{border:15px solid #1d1d1B}.container .sleeve.border-width-4.border-colour-philco-gray-90{border:30px solid #1d1d1B}.container .sleeve.border-width-5.border-colour-philco-gray-90{border:45px solid #1d1d1B}.container .sleeve.border-width-6.border-colour-philco-gray-90{border:60px solid #1d1d1B}.container .sleeve.border-width-1.border-colour-philco-gray-70{border:5px solid #7D7D7D}.container .sleeve.border-width-2.border-colour-philco-gray-70{border:10px solid #7D7D7D}.container .sleeve.border-width-3.border-colour-philco-gray-70{border:15px solid #7D7D7D}.container .sleeve.border-width-4.border-colour-philco-gray-70{border:30px solid #7D7D7D}.container .sleeve.border-width-5.border-colour-philco-gray-70{border:45px solid #7D7D7D}.container .sleeve.border-width-6.border-colour-philco-gray-70{border:60px solid #7D7D7D}.container .sleeve.border-width-1.border-colour-philco-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-philco-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-philco-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-philco-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-philco-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-philco-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-philco-success-green{border:5px solid #1Ec691}.container .sleeve.border-width-2.border-colour-philco-success-green{border:10px solid #1Ec691}.container .sleeve.border-width-3.border-colour-philco-success-green{border:15px solid #1Ec691}.container .sleeve.border-width-4.border-colour-philco-success-green{border:30px solid #1Ec691}.container .sleeve.border-width-5.border-colour-philco-success-green{border:45px solid #1Ec691}.container .sleeve.border-width-6.border-colour-philco-success-green{border:60px solid #1Ec691}.container .sleeve.border-width-1.border-colour-philco-error-coral{border:5px solid #F54242}.container .sleeve.border-width-2.border-colour-philco-error-coral{border:10px solid #F54242}.container .sleeve.border-width-3.border-colour-philco-error-coral{border:15px solid #F54242}.container .sleeve.border-width-4.border-colour-philco-error-coral{border:30px solid #F54242}.container .sleeve.border-width-5.border-colour-philco-error-coral{border:45px solid #F54242}.container .sleeve.border-width-6.border-colour-philco-error-coral{border:60px solid #F54242}.container .sleeve.border-width-1.border-colour-philco-gray-30{border:5px solid #BBBBBB}.container .sleeve.border-width-2.border-colour-philco-gray-30{border:10px solid #BBBBBB}.container .sleeve.border-width-3.border-colour-philco-gray-30{border:15px solid #BBBBBB}.container .sleeve.border-width-4.border-colour-philco-gray-30{border:30px solid #BBBBBB}.container .sleeve.border-width-5.border-colour-philco-gray-30{border:45px solid #BBBBBB}.container .sleeve.border-width-6.border-colour-philco-gray-30{border:60px solid #BBBBBB}.container .sleeve.border-width-1.border-colour-philco-gray-20{border:5px solid #F6F6F6}.container .sleeve.border-width-2.border-colour-philco-gray-20{border:10px solid #F6F6F6}.container .sleeve.border-width-3.border-colour-philco-gray-20{border:15px solid #F6F6F6}.container .sleeve.border-width-4.border-colour-philco-gray-20{border:30px solid #F6F6F6}.container .sleeve.border-width-5.border-colour-philco-gray-20{border:45px solid #F6F6F6}.container .sleeve.border-width-6.border-colour-philco-gray-20{border:60px solid #F6F6F6}.container .sleeve{margin-bottom:10px}.container .sleeve.circle-true{overflow:hidden;border-radius:50%}.container .sleeve .image-wrap{position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat}.container .sleeve .image-wrap.image-style-cover{background-size:cover}.container .sleeve .image-wrap.image-style-contain{background-size:contain}.container .sleeve .image-wrap[data-ratio="1,1"]{padding-bottom:100%}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-1{padding-bottom:calc(100% - 10px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-2{padding-bottom:calc(100% - 20px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-3{padding-bottom:calc(100% - 30px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-4{padding-bottom:calc(100% - 60px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-5{padding-bottom:calc(100% - 90px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-6{padding-bottom:calc(100% - 120px)}.container .sleeve .image-wrap[data-ratio="1,1.5"]{padding-bottom:150%}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-1{padding-bottom:calc(150% - 10px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-2{padding-bottom:calc(150% - 20px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-3{padding-bottom:calc(150% - 30px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-4{padding-bottom:calc(150% - 60px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-5{padding-bottom:calc(150% - 90px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-6{padding-bottom:calc(150% - 120px)}.container .sleeve .image-wrap[data-ratio="1,2"]{padding-bottom:200%}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-1{padding-bottom:calc(200% - 10px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-2{padding-bottom:calc(200% - 20px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-3{padding-bottom:calc(200% - 30px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-4{padding-bottom:calc(200% - 60px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-5{padding-bottom:calc(200% - 90px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-6{padding-bottom:calc(200% - 120px)}.container .sleeve .image-wrap.rounded-true{overflow:hidden;border-radius:10px}.container .sleeve .image-wrap .circle{position:absolute;width:30px;height:30px;background-color:#FFFFFF;bottom:15px;right:15px;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .sleeve .image-wrap .circle svg path{stroke:#000000}.container .sleeve .image-wrap .circle.dark{background-color:#000000}.container .sleeve .image-wrap .circle.dark svg path{stroke:#FFFFFF}.container .sleeve .image-wrap .circle svg{position:relative;display:inline-block;top:-1px;height:15px;width:15px}.container .sleeve .image-wrap img{display:none}'}},[1,"biggive-biography-card",{spaceBelow:[2,"space-below"],borderWidth:[2,"border-width"],imageUrl:[1,"image-url"],imageStyle:[1,"image-style"],textColour:[1,"text-colour"],backgroundColour:[1,"background-colour"],fullName:[1,"full-name"],jobTitle:[1,"job-title"],textAlign:[1,"text-align"],ratio:[1],circle:[4],circleColour:[1,"circle-colour"],rounded:[4],url:[1]}]),a=c,l=function(){"undefined"!=typeof customElements&&["biggive-biography-card"].forEach((r=>{"biggive-biography-card"===r&&(customElements.get(d(r))||customElements.define(d(r),c))}))};export{a as BiggiveBiographyCard,l as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as r,HTMLElement as o,h as e,transformTag as d}from"@stencil/core/internal/client";const c=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.borderWidth=0,this.imageUrl="",this.imageStyle="cover",this.textColour="black",this.backgroundColour="white",this.fullName="",this.jobTitle="",this.textAlign="left",this.ratio="1,1.5",this.circle=!1,this.circleColour="light",this.rounded=!1,this.url=""}render(){return""!=this.url?e("div",{class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" text-align-"+this.textAlign},e("a",{href:this.url},e("div",{class:"sleeve circle-"+this.circle+" border-colour-"+this.backgroundColour+" background-colour-"+this.backgroundColour+" border-width-"+this.borderWidth},""!=this.imageUrl?e("div",{"data-ratio":this.ratio,class:"image-wrap image-style-"+this.imageStyle+" rounded-"+this.rounded,style:{"background-image":"url('"+this.imageUrl+"')"}},e("img",{src:this.imageUrl,alt:this.fullName,title:this.fullName}),e("div",{class:"circle "+this.circleColour},e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e("path",{"stroke-color":"1",d:"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z"})))):null),e("h3",{class:"full-name"},this.fullName),e("div",{class:"job-title"},this.jobTitle))):e("div",{class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" text-align-"+this.textAlign},e("div",{class:"sleeve circle-"+this.circle+" border-colour-"+this.backgroundColour+" background-colour-"+this.backgroundColour+" border-width-"+this.borderWidth},""!=this.imageUrl?e("div",{"data-ratio":this.ratio,class:"image-wrap image-style-"+this.imageStyle+" rounded-"+this.rounded,style:{"background-image":"url('"+this.imageUrl+"')"}},e("img",{src:this.imageUrl,alt:this.fullName,title:this.fullName})):null),e("h3",{class:"full-name"},this.fullName),e("div",{class:"job-title"},this.jobTitle))}static get style(){return'.image-wrap img{width:100%;height:auto}.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}.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-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.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-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:block}.container{text-align:left}.container.background-colour-primary .image-wrap{background-color:#2C089B}.container.background-colour-secondary .image-wrap{background-color:#2AF135}.container.background-colour-tertiary .image-wrap{background-color:#FF7272}.container.background-colour-brand-cc-red .image-wrap{background-color:#B30510}.container.background-colour-brand-wgmf-purple .image-wrap{background-color:#6E0887}.container.background-colour-brand-gmf-green .image-wrap{background-color:#50B400}.container.background-colour-brand-er-green .image-wrap{background-color:#50B400}.container.background-colour-brand-er-dark-green .image-wrap{background-color:#002413}.container.background-colour-brand-er-dark-blue .image-wrap{background-color:#0c0068}.container.background-colour-brand-er-teal .image-wrap{background-color:#00a76d}.container.background-colour-brand-emf-yellow .image-wrap{background-color:#FFE500}.container.background-colour-brand-c4c-orange .image-wrap{background-color:#F07D00}.container.background-colour-brand-afa-pink .image-wrap{background-color:#BF387D}.container.background-colour-brand-scw-magenta .image-wrap{background-color:#EE2C65}.container.background-colour-brand-mhf-turquoise .image-wrap{background-color:#62CFC9}.container.background-colour-brand-grey .image-wrap{background-color:#CBC8C8}.container.background-colour-white .image-wrap{background-color:#FFFFFF}.container.background-colour-black .image-wrap{background-color:#000000}.container.background-colour-grey-extra-light .image-wrap{background-color:#D7D7D7}.container.background-colour-grey-light .image-wrap{background-color:#E8E8E8}.container.background-colour-grey-medium .image-wrap{background-color:#8A8A8A}.container.background-colour-grey-dark .image-wrap{background-color:#4A4A4A}.container.background-colour-philco-orange .image-wrap{background-color:#f18a00}.container.background-colour-philco-gray-90 .image-wrap{background-color:#1d1d1B}.container.background-colour-philco-gray-70 .image-wrap{background-color:#7D7D7D}.container.background-colour-philco-white .image-wrap{background-color:#FFFFFF}.container.background-colour-philco-success-green .image-wrap{background-color:#1Ec691}.container.background-colour-philco-error-coral .image-wrap{background-color:#F54242}.container.background-colour-philco-gray-30 .image-wrap{background-color:#BBBBBB}.container.background-colour-philco-gray-20 .image-wrap{background-color:#F6F6F6}.container.text-align-center{text-align:center}.container.text-align-right{text-align:right}.container a{text-decoration:none}.container h3.full-name{font-size:font-size-medium();margin:0}.container div.job-title{font-size:font-size-small();margin:0}.container .sleeve{margin-bottom:10px}.container .sleeve.border-width-1.border-colour-primary{border:5px solid #2C089B}.container .sleeve.border-width-2.border-colour-primary{border:10px solid #2C089B}.container .sleeve.border-width-3.border-colour-primary{border:15px solid #2C089B}.container .sleeve.border-width-4.border-colour-primary{border:30px solid #2C089B}.container .sleeve.border-width-5.border-colour-primary{border:45px solid #2C089B}.container .sleeve.border-width-6.border-colour-primary{border:60px solid #2C089B}.container .sleeve.border-width-1.border-colour-secondary{border:5px solid #2AF135}.container .sleeve.border-width-2.border-colour-secondary{border:10px solid #2AF135}.container .sleeve.border-width-3.border-colour-secondary{border:15px solid #2AF135}.container .sleeve.border-width-4.border-colour-secondary{border:30px solid #2AF135}.container .sleeve.border-width-5.border-colour-secondary{border:45px solid #2AF135}.container .sleeve.border-width-6.border-colour-secondary{border:60px solid #2AF135}.container .sleeve.border-width-1.border-colour-tertiary{border:5px solid #FF7272}.container .sleeve.border-width-2.border-colour-tertiary{border:10px solid #FF7272}.container .sleeve.border-width-3.border-colour-tertiary{border:15px solid #FF7272}.container .sleeve.border-width-4.border-colour-tertiary{border:30px solid #FF7272}.container .sleeve.border-width-5.border-colour-tertiary{border:45px solid #FF7272}.container .sleeve.border-width-6.border-colour-tertiary{border:60px solid #FF7272}.container .sleeve.border-width-1.border-colour-brand-cc-red{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-cc-red{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-cc-red{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-cc-red{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-cc-red{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-cc-red{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-wgmf-purple{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-wgmf-purple{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-wgmf-purple{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-wgmf-purple{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-wgmf-purple{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-wgmf-purple{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-gmf-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-gmf-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-gmf-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-gmf-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-gmf-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-gmf-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-er-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-er-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-er-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-er-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-er-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-er-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-er-dark-green{border:5px solid #002413}.container .sleeve.border-width-2.border-colour-brand-er-dark-green{border:10px solid #002413}.container .sleeve.border-width-3.border-colour-brand-er-dark-green{border:15px solid #002413}.container .sleeve.border-width-4.border-colour-brand-er-dark-green{border:30px solid #002413}.container .sleeve.border-width-5.border-colour-brand-er-dark-green{border:45px solid #002413}.container .sleeve.border-width-6.border-colour-brand-er-dark-green{border:60px solid #002413}.container .sleeve.border-width-1.border-colour-brand-er-dark-blue{border:5px solid #0c0068}.container .sleeve.border-width-2.border-colour-brand-er-dark-blue{border:10px solid #0c0068}.container .sleeve.border-width-3.border-colour-brand-er-dark-blue{border:15px solid #0c0068}.container .sleeve.border-width-4.border-colour-brand-er-dark-blue{border:30px solid #0c0068}.container .sleeve.border-width-5.border-colour-brand-er-dark-blue{border:45px solid #0c0068}.container .sleeve.border-width-6.border-colour-brand-er-dark-blue{border:60px solid #0c0068}.container .sleeve.border-width-1.border-colour-brand-er-teal{border:5px solid #00a76d}.container .sleeve.border-width-2.border-colour-brand-er-teal{border:10px solid #00a76d}.container .sleeve.border-width-3.border-colour-brand-er-teal{border:15px solid #00a76d}.container .sleeve.border-width-4.border-colour-brand-er-teal{border:30px solid #00a76d}.container .sleeve.border-width-5.border-colour-brand-er-teal{border:45px solid #00a76d}.container .sleeve.border-width-6.border-colour-brand-er-teal{border:60px solid #00a76d}.container .sleeve.border-width-1.border-colour-brand-emf-yellow{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-emf-yellow{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-emf-yellow{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-emf-yellow{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-emf-yellow{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-emf-yellow{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-c4c-orange{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-c4c-orange{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-c4c-orange{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-c4c-orange{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-c4c-orange{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-c4c-orange{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-afa-pink{border:5px solid #BF387D}.container .sleeve.border-width-2.border-colour-brand-afa-pink{border:10px solid #BF387D}.container .sleeve.border-width-3.border-colour-brand-afa-pink{border:15px solid #BF387D}.container .sleeve.border-width-4.border-colour-brand-afa-pink{border:30px solid #BF387D}.container .sleeve.border-width-5.border-colour-brand-afa-pink{border:45px solid #BF387D}.container .sleeve.border-width-6.border-colour-brand-afa-pink{border:60px solid #BF387D}.container .sleeve.border-width-1.border-colour-brand-scw-magenta{border:5px solid #EE2C65}.container .sleeve.border-width-2.border-colour-brand-scw-magenta{border:10px solid #EE2C65}.container .sleeve.border-width-3.border-colour-brand-scw-magenta{border:15px solid #EE2C65}.container .sleeve.border-width-4.border-colour-brand-scw-magenta{border:30px solid #EE2C65}.container .sleeve.border-width-5.border-colour-brand-scw-magenta{border:45px solid #EE2C65}.container .sleeve.border-width-6.border-colour-brand-scw-magenta{border:60px solid #EE2C65}.container .sleeve.border-width-1.border-colour-brand-mhf-turquoise{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-mhf-turquoise{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-mhf-turquoise{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-mhf-turquoise{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-mhf-turquoise{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-mhf-turquoise{border:60px solid #62CFC9}.container .sleeve.border-width-1.border-colour-brand-grey{border:5px solid #CBC8C8}.container .sleeve.border-width-2.border-colour-brand-grey{border:10px solid #CBC8C8}.container .sleeve.border-width-3.border-colour-brand-grey{border:15px solid #CBC8C8}.container .sleeve.border-width-4.border-colour-brand-grey{border:30px solid #CBC8C8}.container .sleeve.border-width-5.border-colour-brand-grey{border:45px solid #CBC8C8}.container .sleeve.border-width-6.border-colour-brand-grey{border:60px solid #CBC8C8}.container .sleeve.border-width-1.border-colour-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-black{border:5px solid #000000}.container .sleeve.border-width-2.border-colour-black{border:10px solid #000000}.container .sleeve.border-width-3.border-colour-black{border:15px solid #000000}.container .sleeve.border-width-4.border-colour-black{border:30px solid #000000}.container .sleeve.border-width-5.border-colour-black{border:45px solid #000000}.container .sleeve.border-width-6.border-colour-black{border:60px solid #000000}.container .sleeve.border-width-1.border-colour-grey-extra-light{border:5px solid #D7D7D7}.container .sleeve.border-width-2.border-colour-grey-extra-light{border:10px solid #D7D7D7}.container .sleeve.border-width-3.border-colour-grey-extra-light{border:15px solid #D7D7D7}.container .sleeve.border-width-4.border-colour-grey-extra-light{border:30px solid #D7D7D7}.container .sleeve.border-width-5.border-colour-grey-extra-light{border:45px solid #D7D7D7}.container .sleeve.border-width-6.border-colour-grey-extra-light{border:60px solid #D7D7D7}.container .sleeve.border-width-1.border-colour-grey-light{border:5px solid #E8E8E8}.container .sleeve.border-width-2.border-colour-grey-light{border:10px solid #E8E8E8}.container .sleeve.border-width-3.border-colour-grey-light{border:15px solid #E8E8E8}.container .sleeve.border-width-4.border-colour-grey-light{border:30px solid #E8E8E8}.container .sleeve.border-width-5.border-colour-grey-light{border:45px solid #E8E8E8}.container .sleeve.border-width-6.border-colour-grey-light{border:60px solid #E8E8E8}.container .sleeve.border-width-1.border-colour-grey-medium{border:5px solid #8A8A8A}.container .sleeve.border-width-2.border-colour-grey-medium{border:10px solid #8A8A8A}.container .sleeve.border-width-3.border-colour-grey-medium{border:15px solid #8A8A8A}.container .sleeve.border-width-4.border-colour-grey-medium{border:30px solid #8A8A8A}.container .sleeve.border-width-5.border-colour-grey-medium{border:45px solid #8A8A8A}.container .sleeve.border-width-6.border-colour-grey-medium{border:60px solid #8A8A8A}.container .sleeve.border-width-1.border-colour-grey-dark{border:5px solid #4A4A4A}.container .sleeve.border-width-2.border-colour-grey-dark{border:10px solid #4A4A4A}.container .sleeve.border-width-3.border-colour-grey-dark{border:15px solid #4A4A4A}.container .sleeve.border-width-4.border-colour-grey-dark{border:30px solid #4A4A4A}.container .sleeve.border-width-5.border-colour-grey-dark{border:45px solid #4A4A4A}.container .sleeve.border-width-6.border-colour-grey-dark{border:60px solid #4A4A4A}.container .sleeve.border-width-1.border-colour-philco-orange{border:5px solid #f18a00}.container .sleeve.border-width-2.border-colour-philco-orange{border:10px solid #f18a00}.container .sleeve.border-width-3.border-colour-philco-orange{border:15px solid #f18a00}.container .sleeve.border-width-4.border-colour-philco-orange{border:30px solid #f18a00}.container .sleeve.border-width-5.border-colour-philco-orange{border:45px solid #f18a00}.container .sleeve.border-width-6.border-colour-philco-orange{border:60px solid #f18a00}.container .sleeve.border-width-1.border-colour-philco-gray-90{border:5px solid #1d1d1B}.container .sleeve.border-width-2.border-colour-philco-gray-90{border:10px solid #1d1d1B}.container .sleeve.border-width-3.border-colour-philco-gray-90{border:15px solid #1d1d1B}.container .sleeve.border-width-4.border-colour-philco-gray-90{border:30px solid #1d1d1B}.container .sleeve.border-width-5.border-colour-philco-gray-90{border:45px solid #1d1d1B}.container .sleeve.border-width-6.border-colour-philco-gray-90{border:60px solid #1d1d1B}.container .sleeve.border-width-1.border-colour-philco-gray-70{border:5px solid #7D7D7D}.container .sleeve.border-width-2.border-colour-philco-gray-70{border:10px solid #7D7D7D}.container .sleeve.border-width-3.border-colour-philco-gray-70{border:15px solid #7D7D7D}.container .sleeve.border-width-4.border-colour-philco-gray-70{border:30px solid #7D7D7D}.container .sleeve.border-width-5.border-colour-philco-gray-70{border:45px solid #7D7D7D}.container .sleeve.border-width-6.border-colour-philco-gray-70{border:60px solid #7D7D7D}.container .sleeve.border-width-1.border-colour-philco-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-philco-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-philco-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-philco-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-philco-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-philco-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-philco-success-green{border:5px solid #1Ec691}.container .sleeve.border-width-2.border-colour-philco-success-green{border:10px solid #1Ec691}.container .sleeve.border-width-3.border-colour-philco-success-green{border:15px solid #1Ec691}.container .sleeve.border-width-4.border-colour-philco-success-green{border:30px solid #1Ec691}.container .sleeve.border-width-5.border-colour-philco-success-green{border:45px solid #1Ec691}.container .sleeve.border-width-6.border-colour-philco-success-green{border:60px solid #1Ec691}.container .sleeve.border-width-1.border-colour-philco-error-coral{border:5px solid #F54242}.container .sleeve.border-width-2.border-colour-philco-error-coral{border:10px solid #F54242}.container .sleeve.border-width-3.border-colour-philco-error-coral{border:15px solid #F54242}.container .sleeve.border-width-4.border-colour-philco-error-coral{border:30px solid #F54242}.container .sleeve.border-width-5.border-colour-philco-error-coral{border:45px solid #F54242}.container .sleeve.border-width-6.border-colour-philco-error-coral{border:60px solid #F54242}.container .sleeve.border-width-1.border-colour-philco-gray-30{border:5px solid #BBBBBB}.container .sleeve.border-width-2.border-colour-philco-gray-30{border:10px solid #BBBBBB}.container .sleeve.border-width-3.border-colour-philco-gray-30{border:15px solid #BBBBBB}.container .sleeve.border-width-4.border-colour-philco-gray-30{border:30px solid #BBBBBB}.container .sleeve.border-width-5.border-colour-philco-gray-30{border:45px solid #BBBBBB}.container .sleeve.border-width-6.border-colour-philco-gray-30{border:60px solid #BBBBBB}.container .sleeve.border-width-1.border-colour-philco-gray-20{border:5px solid #F6F6F6}.container .sleeve.border-width-2.border-colour-philco-gray-20{border:10px solid #F6F6F6}.container .sleeve.border-width-3.border-colour-philco-gray-20{border:15px solid #F6F6F6}.container .sleeve.border-width-4.border-colour-philco-gray-20{border:30px solid #F6F6F6}.container .sleeve.border-width-5.border-colour-philco-gray-20{border:45px solid #F6F6F6}.container .sleeve.border-width-6.border-colour-philco-gray-20{border:60px solid #F6F6F6}.container .sleeve.circle-true{overflow:hidden;border-radius:50%}.container .sleeve .image-wrap{position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat}.container .sleeve .image-wrap.image-style-cover{background-size:cover}.container .sleeve .image-wrap.image-style-contain{background-size:contain}.container .sleeve .image-wrap[data-ratio="1,1"]{padding-bottom:100%}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-1{padding-bottom:calc(100% - 10px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-2{padding-bottom:calc(100% - 20px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-3{padding-bottom:calc(100% - 30px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-4{padding-bottom:calc(100% - 60px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-5{padding-bottom:calc(100% - 90px)}.container .sleeve .image-wrap[data-ratio="1,1"].border-width-6{padding-bottom:calc(100% - 120px)}.container .sleeve .image-wrap[data-ratio="1,1.5"]{padding-bottom:150%}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-1{padding-bottom:calc(150% - 10px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-2{padding-bottom:calc(150% - 20px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-3{padding-bottom:calc(150% - 30px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-4{padding-bottom:calc(150% - 60px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-5{padding-bottom:calc(150% - 90px)}.container .sleeve .image-wrap[data-ratio="1,1.5"].border-width-6{padding-bottom:calc(150% - 120px)}.container .sleeve .image-wrap[data-ratio="1,2"]{padding-bottom:200%}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-1{padding-bottom:calc(200% - 10px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-2{padding-bottom:calc(200% - 20px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-3{padding-bottom:calc(200% - 30px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-4{padding-bottom:calc(200% - 60px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-5{padding-bottom:calc(200% - 90px)}.container .sleeve .image-wrap[data-ratio="1,2"].border-width-6{padding-bottom:calc(200% - 120px)}.container .sleeve .image-wrap.rounded-true{overflow:hidden;border-radius:10px}.container .sleeve .image-wrap .circle{position:absolute;width:30px;height:30px;background-color:#FFFFFF;bottom:15px;right:15px;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .sleeve .image-wrap .circle svg path{stroke:#000000}.container .sleeve .image-wrap .circle.dark{background-color:#000000}.container .sleeve .image-wrap .circle.dark svg path{stroke:#FFFFFF}.container .sleeve .image-wrap .circle svg{position:relative;display:inline-block;top:-1px;height:15px;width:15px}.container .sleeve .image-wrap img{display:none}'}},[1,"biggive-biography-card",{spaceBelow:[2,"space-below"],borderWidth:[2,"border-width"],imageUrl:[1,"image-url"],imageStyle:[1,"image-style"],textColour:[1,"text-colour"],backgroundColour:[1,"background-colour"],fullName:[1,"full-name"],jobTitle:[1,"job-title"],textAlign:[1,"text-align"],ratio:[1],circle:[4],circleColour:[1,"circle-colour"],rounded:[4],url:[1]}]),a=c,l=function(){"undefined"!=typeof customElements&&["biggive-biography-card"].forEach((r=>{"biggive-biography-card"===r&&(customElements.get(d(r))||customElements.define(d(r),c))}))};export{a as BiggiveBiographyCard,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as n,h as i,transformTag as e}from"@stencil/core/internal/client";const c=o(class extends n{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=2,this.spaceBelow=4,this.colour="primary",this.htmlElement="h1",this.size=1,this.align="left",this.text="",this.icon=!1,this.iconColour="primary",this.siteDesign="biggive"}render(){return i("div",{key:"34b70b714607239349589912041fbd19d15de117",class:"container "+this.siteDesign+" align-"+this.align+" space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},i(this.htmlElement,{key:"784a1ee03ee7c68899f2807ff7eadc5fb7b9b185",class:"heading-colour-"+this.colour+" icon-colour-"+this.iconColour+" heading-"+this.size},this.icon?i("svg",{viewBox:"0 0 102 88"},i("path",{class:"st0",d:"M51.2,0l-51,88h102L51.2,0z"}),i("path",{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"})):null,this.text))}static get style(){return'.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.container.biggive h1,.container.biggive .heading-1{font-size:47px;line-height:60px;font-weight:bold}.container.biggive h2,.container.biggive .heading-2{font-size:38px;line-height:45px;font-weight:bold}.container.biggive h3,.container.biggive .heading-3{font-size:25px;line-height:32px;font-weight:bold}.container.biggive h4,.container.biggive .heading-4{font-size:20px;line-height:24px;font-weight:bold}.container.biggive h5,.container.biggive .heading-5{font-size:17px;line-height:24px;font-weight:bold}.container.
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as n,h as i,transformTag as e}from"@stencil/core/internal/client";const c=o(class extends n{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=2,this.spaceBelow=4,this.colour="primary",this.htmlElement="h1",this.size=1,this.align="left",this.text="",this.icon=!1,this.iconColour="primary",this.siteDesign="biggive"}render(){return i("div",{key:"34b70b714607239349589912041fbd19d15de117",class:"container "+this.siteDesign+" align-"+this.align+" space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},i(this.htmlElement,{key:"784a1ee03ee7c68899f2807ff7eadc5fb7b9b185",class:"heading-colour-"+this.colour+" icon-colour-"+this.iconColour+" heading-"+this.size},this.icon?i("svg",{viewBox:"0 0 102 88"},i("path",{class:"st0",d:"M51.2,0l-51,88h102L51.2,0z"}),i("path",{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"})):null,this.text))}static get style(){return'.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.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}.container{display:flex}.container.biggive{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container.biggive h1,.container.biggive .heading-1{font-size:47px;line-height:60px;font-weight:bold}.container.biggive h2,.container.biggive .heading-2{font-size:38px;line-height:45px;font-weight:bold}.container.biggive h3,.container.biggive .heading-3{font-size:25px;line-height:32px;font-weight:bold}.container.biggive h4,.container.biggive .heading-4{font-size:20px;line-height:24px;font-weight:bold}.container.biggive h5,.container.biggive .heading-5{font-size:17px;line-height:24px;font-weight:bold}.container.philco h1,.container.philco .heading-1,.container.philco h2,.container.philco .heading-2,.container.philco h3,.container.philco .heading-3{font-family:"Garage Gothic", sans-serif;font-weight:700;margin-top:0.1rem;margin-bottom:0.1rem;line-height:1.1;font-weight:700;text-transform:uppercase}.container.philco h1,.container.philco .heading-1{font-size:4rem}.container.philco h2,.container.philco .heading-2{font-size:2.5rem}.container.philco h3,.container.philco .heading-3{font-size:1.8rem}.container .heading-colour-primary{color:#2C089B}.container .heading-colour-secondary{color:#2AF135}.container .heading-colour-tertiary{color:#FF7272}.container .heading-colour-brand-cc-red{color:#B30510}.container .heading-colour-brand-wgmf-purple{color:#6E0887}.container .heading-colour-brand-gmf-green{color:#50B400}.container .heading-colour-brand-er-green{color:#50B400}.container .heading-colour-brand-er-dark-green{color:#002413}.container .heading-colour-brand-er-dark-blue{color:#0c0068}.container .heading-colour-brand-er-teal{color:#00a76d}.container .heading-colour-brand-emf-yellow{color:#FFE500}.container .heading-colour-brand-c4c-orange{color:#F07D00}.container .heading-colour-brand-afa-pink{color:#BF387D}.container .heading-colour-brand-scw-magenta{color:#EE2C65}.container .heading-colour-brand-mhf-turquoise{color:#62CFC9}.container .heading-colour-brand-grey{color:#CBC8C8}.container .heading-colour-white{color:#FFFFFF}.container .heading-colour-black{color:#000000}.container .heading-colour-grey-extra-light{color:#D7D7D7}.container .heading-colour-grey-light{color:#E8E8E8}.container .heading-colour-grey-medium{color:#8A8A8A}.container .heading-colour-grey-dark{color:#4A4A4A}.container .heading-colour-philco-orange{color:#f18a00}.container .heading-colour-philco-gray-90{color:#1d1d1B}.container .heading-colour-philco-gray-70{color:#7D7D7D}.container .heading-colour-philco-white{color:#FFFFFF}.container .heading-colour-philco-success-green{color:#1Ec691}.container .heading-colour-philco-error-coral{color:#F54242}.container .heading-colour-philco-gray-30{color:#BBBBBB}.container .heading-colour-philco-gray-20{color:#F6F6F6}.container h1,.container h2,.container h3,.container h4,.container h5{margin:0;padding:0;width:100%}.container h1 svg,.container h2 svg,.container h3 svg,.container h4 svg,.container h5 svg{height:0.7em;margin-right:0.2em}.container .icon-colour-primary svg path{fill:#2C089B}.container .icon-colour-secondary svg path{fill:#2AF135}.container .icon-colour-tertiary svg path{fill:#FF7272}.container .icon-colour-brand-cc-red svg path{fill:#B30510}.container .icon-colour-brand-wgmf-purple svg path{fill:#6E0887}.container .icon-colour-brand-gmf-green svg path{fill:#50B400}.container .icon-colour-brand-er-green svg path{fill:#50B400}.container .icon-colour-brand-er-dark-green svg path{fill:#002413}.container .icon-colour-brand-er-dark-blue svg path{fill:#0c0068}.container .icon-colour-brand-er-teal svg path{fill:#00a76d}.container .icon-colour-brand-emf-yellow svg path{fill:#FFE500}.container .icon-colour-brand-c4c-orange svg path{fill:#F07D00}.container .icon-colour-brand-afa-pink svg path{fill:#BF387D}.container .icon-colour-brand-scw-magenta svg path{fill:#EE2C65}.container .icon-colour-brand-mhf-turquoise svg path{fill:#62CFC9}.container .icon-colour-brand-grey svg path{fill:#CBC8C8}.container .icon-colour-white svg path{fill:#FFFFFF}.container .icon-colour-black svg path{fill:#000000}.container .icon-colour-grey-extra-light svg path{fill:#D7D7D7}.container .icon-colour-grey-light svg path{fill:#E8E8E8}.container .icon-colour-grey-medium svg path{fill:#8A8A8A}.container .icon-colour-grey-dark svg path{fill:#4A4A4A}.container .icon-colour-philco-orange svg path{fill:#f18a00}.container .icon-colour-philco-gray-90 svg path{fill:#1d1d1B}.container .icon-colour-philco-gray-70 svg path{fill:#7D7D7D}.container .icon-colour-philco-white svg path{fill:#FFFFFF}.container .icon-colour-philco-success-green svg path{fill:#1Ec691}.container .icon-colour-philco-error-coral svg path{fill:#F54242}.container .icon-colour-philco-gray-30 svg path{fill:#BBBBBB}.container .icon-colour-philco-gray-20 svg path{fill:#F6F6F6}'}},[1,"biggive-heading",{spaceAbove:[2,"space-above"],spaceBelow:[2,"space-below"],colour:[1],htmlElement:[1,"html-element"],size:[2],align:[1],text:[1],icon:[4],iconColour:[1,"icon-colour"],siteDesign:[1,"site-design"]}]),r=c,a=function(){"undefined"!=typeof customElements&&["biggive-heading"].forEach((o=>{"biggive-heading"===o&&(customElements.get(e(o))||customElements.define(e(o),c))}))};export{r as BiggiveHeading,a as defineCustomElement}
|