1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
export default {
relations: (relation) => ({
switcher:
relation('generateInterpageDotSwitcher'),
previousLink:
relation('generatePreviousLink'),
nextLink:
relation('generateNextLink'),
}),
slots: {
showPreviousNext: {
type: 'boolean',
default: true,
},
id: {
type: 'boolean',
default: false,
},
attributes: {
type: 'attributes',
mutable: false,
},
colorStyle: {
type: 'html',
mutable: true,
},
mainLink: {
type: 'html',
mutable: true,
},
previousLink: {
type: 'html',
mutable: false,
},
nextLink: {
type: 'html',
mutable: false,
},
stringsKey: {
type: 'string',
},
mainLinkOption: {
type: 'string',
},
},
generate: (relations, slots, {html, language}) =>
html.tag('span',
{[html.onlyIfContent]: true},
{[html.noEdgeWhitespace]: true},
slots.attributes,
!html.isBlank(slots.colorStyle) &&
slots.colorStyle
.slot('context', 'primary-only'),
language.encapsulate(slots.stringsKey, workingCapsule => {
const workingOptions = {
[language.onlyIfOptions]: [slots.mainLinkOption],
};
workingOptions[slots.mainLinkOption] =
(html.isBlank(slots.mainLink)
? null
: slots.mainLink
.slot('color', false));
if (slots.showPreviousNext) addPreviousNext: {
if (html.isBlank(slots.previousLink) && html.isBlank(slots.nextLink)) {
break addPreviousNext;
}
workingCapsule += '.withPreviousNext';
workingOptions.previousNext =
relations.switcher.slots({
links: [
relations.previousLink.slots({
id: slots.id,
link: slots.previousLink,
}),
relations.nextLink.slots({
id: slots.id,
link: slots.nextLink,
}),
],
});
}
return language.$(workingCapsule, workingOptions);
})),
};
|
