@everymatrix/general-footer-template 1.77.15 → 1.77.17

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.
@@ -0,0 +1,225 @@
1
+ /**
2
+ * custom rules for component types
3
+ */
4
+ const isMobile = () => {
5
+ let userAgent = window.navigator.userAgent;
6
+ return !!(userAgent.toLowerCase().match(/android/i) ||
7
+ userAgent.toLowerCase().match(/blackberry|bb/i) ||
8
+ userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
9
+ userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
10
+ };
11
+ const getDevice = () => {
12
+ let userAgent = window.navigator.userAgent;
13
+ if (userAgent.toLowerCase().match(/android/i)) {
14
+ return 'Android';
15
+ }
16
+ if (userAgent.toLowerCase().match(/iphone/i)) {
17
+ return 'iPhone';
18
+ }
19
+ if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
20
+ return 'iPad';
21
+ }
22
+ return 'PC';
23
+ };
24
+ const getDevicePlatform = () => {
25
+ const device = getDevice();
26
+ if (device) {
27
+ if (device === 'PC') {
28
+ return 'dk';
29
+ }
30
+ else if (device === 'iPad' || device === 'iPhone') {
31
+ return 'ios';
32
+ }
33
+ else {
34
+ return 'mtWeb';
35
+ }
36
+ }
37
+ };
38
+ const componentRules = {
39
+ "downloadApp": {
40
+ component: 'custom-content-section'
41
+ },
42
+ "link-section": {
43
+ component: 'link-section-list'
44
+ },
45
+ "copyright": {
46
+ component: 'custom-content-section'
47
+ },
48
+ "download": {
49
+ component: 'custom-content-section'
50
+ },
51
+ "helpLinks": {
52
+ component: 'image-list'
53
+ },
54
+ "license-description": {
55
+ component: 'custom-content-section'
56
+ },
57
+ "licenses": {
58
+ component: 'image-list',
59
+ },
60
+ "payment": {
61
+ component: 'image-list',
62
+ },
63
+ "social": {
64
+ component: 'image-list',
65
+ },
66
+ "sponsors": {
67
+ component: 'image-list',
68
+ },
69
+ "vendors": {
70
+ component: 'image-list',
71
+ },
72
+ "clock": {
73
+ component: 'custom-clock',
74
+ },
75
+ "logo": {
76
+ component: 'footer-logo'
77
+ }
78
+ };
79
+ // This method takes repeater content and changes it to fit an uniform standard for property names in order to be treated in a general case by the footer
80
+ // ex. if helpLinks repeaters use "helpImage" and socialLinks repeaters use "socialImage", both will use "image" after the normalization
81
+ const normalizeRepeaterContent = (data) => {
82
+ const repeaterResponse = {
83
+ repeaters: {
84
+ vendors: {
85
+ categoryTitle: data.gameVendorsLinksTitle,
86
+ content: []
87
+ },
88
+ "link-section": {
89
+ categoryTitle: data.helpLinksTitle,
90
+ content: []
91
+ },
92
+ helpLinks: {
93
+ categoryTitle: data.helpLinksTitle,
94
+ content: []
95
+ },
96
+ licenses: {
97
+ categoryTitle: data.licensesLinksTitle,
98
+ content: []
99
+ },
100
+ sponsors: {
101
+ categoryTitle: data.sponsorsLinksTitle,
102
+ content: []
103
+ },
104
+ payment: {
105
+ categoryTitle: data.paymentLinksTitle,
106
+ content: []
107
+ },
108
+ social: {
109
+ categoryTitle: data.socialLinksTitle,
110
+ content: []
111
+ },
112
+ downloadApp: {
113
+ categoryTitle: data.downloadAppLinksTitle,
114
+ content: []
115
+ }
116
+ },
117
+ wysiwyg: {
118
+ copyright: {
119
+ categoryTitle: 'test',
120
+ content: 'test'
121
+ },
122
+ customCSS: {
123
+ categoryTitle: 'test',
124
+ content: 'test'
125
+ },
126
+ download: {
127
+ categoryTitle: 'test',
128
+ content: 'test'
129
+ },
130
+ downloadApp: {
131
+ categoryTitle: 'test',
132
+ content: 'test'
133
+ },
134
+ "license-description": {
135
+ categoryTitle: 'test',
136
+ content: 'test'
137
+ }
138
+ }
139
+ };
140
+ const propertyNamesMap = {
141
+ helpLinks: {
142
+ repeaterName: 'helpLinksRepeater',
143
+ isExternalLink: 'helpLinkType',
144
+ image: 'helpLinkImage',
145
+ title: 'helpLinkTitle',
146
+ url: 'helpLinkUrl',
147
+ target: 'target'
148
+ },
149
+ "link-section": {
150
+ repeaterName: 'helpLinksRepeater',
151
+ isExternalLink: 'helpLinkType',
152
+ linkCategory: 'helpLinkCategory',
153
+ image: 'helpLinkImage',
154
+ title: 'helpLinkTitle',
155
+ url: 'helpLinkUrl',
156
+ target: 'target'
157
+ },
158
+ social: {
159
+ repeaterName: 'socialLinksRepeater',
160
+ isExternalLink: 'isExternalLink',
161
+ image: 'socialLinkImage',
162
+ title: 'socialLinkTitle',
163
+ url: 'socialLinkUrl',
164
+ target: 'target'
165
+ },
166
+ vendors: {
167
+ repeaterName: 'gameVendorsRepeater',
168
+ isExternalLink: 'isExternalLink',
169
+ image: 'gameVendorImage',
170
+ title: 'gameVendorTitle',
171
+ url: 'gameVendorUrl',
172
+ target: 'target'
173
+ },
174
+ licenses: {
175
+ repeaterName: 'licensesRepeater',
176
+ isExternalLink: 'isExternalLink',
177
+ image: 'licenseImage',
178
+ title: 'licenseTitle',
179
+ url: 'licenseUrl',
180
+ target: 'target'
181
+ },
182
+ payment: {
183
+ repeaterName: 'paymentMethodsRepeater',
184
+ isExternalLink: 'isExternalLink',
185
+ image: 'paymentMethodImage',
186
+ title: 'paymentTitle',
187
+ url: 'paymentMethodUrl',
188
+ target: 'target'
189
+ },
190
+ sponsors: {
191
+ repeaterName: 'sponsorsRepeater',
192
+ isExternalLink: 'isExternalLink',
193
+ image: 'sponsorImage',
194
+ title: 'sponsorTitle',
195
+ url: 'sponsorUrl',
196
+ target: 'target'
197
+ }
198
+ };
199
+ // this goes through all of the repeater content sections and uniformize their property names so that the footer can treat them generally instead of case-by-case
200
+ Object.entries(repeaterResponse.repeaters).forEach(repeater => {
201
+ var _a, _b, _c;
202
+ if (propertyNamesMap[repeater[0]] && data[(_a = propertyNamesMap[repeater[0]]) === null || _a === void 0 ? void 0 : _a.repeaterName]) {
203
+ repeater[1].content = (_c = data[(_b = propertyNamesMap[repeater[0]]) === null || _b === void 0 ? void 0 : _b.repeaterName]) === null || _c === void 0 ? void 0 : _c.map(content => {
204
+ var _a, _b, _c, _d, _e, _f;
205
+ return {
206
+ // all properties have a null fallback - avoid undefined propagation
207
+ isExternalLink: (_a = content[propertyNamesMap[repeater[0]].isExternalLink]) !== null && _a !== void 0 ? _a : null,
208
+ linkCategory: (_b = content[propertyNamesMap[repeater[0]].linkCategory]) !== null && _b !== void 0 ? _b : null,
209
+ image: (_c = content[propertyNamesMap[repeater[0]].image]) !== null && _c !== void 0 ? _c : null,
210
+ title: (_d = content[propertyNamesMap[repeater[0]].title]) !== null && _d !== void 0 ? _d : null,
211
+ url: (_e = content[propertyNamesMap[repeater[0]].url]) !== null && _e !== void 0 ? _e : null,
212
+ target: (_f = content[propertyNamesMap[repeater[0]].target]) !== null && _f !== void 0 ? _f : null,
213
+ };
214
+ });
215
+ }
216
+ });
217
+ repeaterResponse.repeaters.downloadApp.content = data.downloadInfos.imageArea || [];
218
+ repeaterResponse.wysiwyg.downloadApp.content = data.downloadInfos.downloadDescription || '';
219
+ repeaterResponse.wysiwyg.copyright.content = data.copyright;
220
+ repeaterResponse.wysiwyg.customCSS.content = data.customCSS;
221
+ repeaterResponse.wysiwyg["license-description"].content = data.licenseDesc;
222
+ return repeaterResponse;
223
+ };
224
+
225
+ export { componentRules as c, getDevicePlatform as g, isMobile as i, normalizeRepeaterContent as n };
@@ -1 +1 @@
1
- import{r as e,h as n,g as t}from"./index-4b819858.js";const o={downloadApp:{component:"custom-content-section"},"link-section":{component:"link-section-list"},copyright:{component:"custom-content-section"},download:{component:"custom-content-section"},helpLinks:{component:"image-list"},"license-description":{component:"custom-content-section"},licenses:{component:"image-list"},payment:{component:"image-list"},social:{component:"image-list"},sponsors:{component:"image-list"},vendors:{component:"image-list"},clock:{component:"custom-clock"},logo:{component:"footer-logo"}};function i(e,n){if(e){const t=document.createElement("style");t.innerHTML=n,e.appendChild(t)}}const r=class{constructor(n){e(this,n),this.platform=(()=>{const e=(()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(e)return"PC"===e?"dk":"iPad"===e||"iPhone"===e?"ios":"mtWeb"})(),this.MANDATORY_FIELDS=["endpoint","language","sections"],this.language=void 0,this.sections=void 0,this.endpoint=void 0,this.env="stage",this.userRoles="everyone",this.userid=void 0,this.session=void 0,this.baseUrl=void 0,this.navigateViaEvent="false",this.postMessageEvent="NavigateTo",this.clientStyling="",this.clientStylingUrl="",this.customCss=void 0,this.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.mbSource=void 0,this.dropdownLinks=!1,this.hasErrors=!1,this.footerContent=void 0}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((e=>{this[e]||(console.error(`Mandatory parameter ${e} not received`),this.hasErrors=!0)}))}watchLanguage(e,n){e&&n&&e!=n&&this.setFooterData()}setFooterData(){this.sectionsList=this.sections.split(",").map((e=>e.trim()));const e=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return e.searchParams.append("env",this.env),e.searchParams.append("device",this.platform),e.searchParams.append("userRoles",this.userRoles),this.validateMandatoryFields(),fetch(e.href).then((e=>e.json())).then((e=>{0===Object.keys(e).length?this.hasErrors=!0:this.footerContent=(e=>{const n={repeaters:{vendors:{categoryTitle:e.gameVendorsLinksTitle,content:[]},"link-section":{categoryTitle:e.helpLinksTitle,content:[]},helpLinks:{categoryTitle:e.helpLinksTitle,content:[]},licenses:{categoryTitle:e.licensesLinksTitle,content:[]},sponsors:{categoryTitle:e.sponsorsLinksTitle,content:[]},payment:{categoryTitle:e.paymentLinksTitle,content:[]},social:{categoryTitle:e.socialLinksTitle,content:[]},downloadApp:{categoryTitle:e.downloadAppLinksTitle,content:[]}},wysiwyg:{copyright:{categoryTitle:"test",content:"test"},customCSS:{categoryTitle:"test",content:"test"},download:{categoryTitle:"test",content:"test"},downloadApp:{categoryTitle:"test",content:"test"},"license-description":{categoryTitle:"test",content:"test"}}},t={helpLinks:{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},"link-section":{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",linkCategory:"helpLinkCategory",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},social:{repeaterName:"socialLinksRepeater",isExternalLink:"isExternalLink",image:"socialLinkImage",title:"socialLinkTitle",url:"socialLinkUrl",target:"target"},vendors:{repeaterName:"gameVendorsRepeater",isExternalLink:"isExternalLink",image:"gameVendorImage",title:"gameVendorTitle",url:"gameVendorUrl",target:"target"},licenses:{repeaterName:"licensesRepeater",isExternalLink:"isExternalLink",image:"licenseImage",title:"licenseTitle",url:"licenseUrl",target:"target"},payment:{repeaterName:"paymentMethodsRepeater",isExternalLink:"isExternalLink",image:"paymentMethodImage",title:"paymentTitle",url:"paymentMethodUrl",target:"target"},sponsors:{repeaterName:"sponsorsRepeater",isExternalLink:"isExternalLink",image:"sponsorImage",title:"sponsorTitle",url:"sponsorUrl",target:"target"}};return Object.entries(n.repeaters).forEach((n=>{var o,i,r;t[n[0]]&&e[null===(o=t[n[0]])||void 0===o?void 0:o.repeaterName]&&(n[1].content=null===(r=e[null===(i=t[n[0]])||void 0===i?void 0:i.repeaterName])||void 0===r?void 0:r.map((e=>{var o,i,r,a,s,l;return{isExternalLink:null!==(o=e[t[n[0]].isExternalLink])&&void 0!==o?o:null,linkCategory:null!==(i=e[t[n[0]].linkCategory])&&void 0!==i?i:null,image:null!==(r=e[t[n[0]].image])&&void 0!==r?r:null,title:null!==(a=e[t[n[0]].title])&&void 0!==a?a:null,url:null!==(s=e[t[n[0]].url])&&void 0!==s?s:null,target:null!==(l=e[t[n[0]].target])&&void 0!==l?l:null}})))})),n.repeaters.downloadApp.content=e.downloadInfos.imageArea||[],n.wysiwyg.downloadApp.content=e.downloadInfos.downloadDescription||"",n.wysiwyg.copyright.content=e.copyright,n.wysiwyg.customCSS.content=e.customCSS,n.wysiwyg["license-description"].content=e.licenseDesc,n})(e)}))}async componentWillLoad(){await this.setFooterData()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){null!=window.emMessageBus?function(e,n){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(n,(n=>{t.innerHTML=n,e&&e.appendChild(t)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&i(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&function(e,n){const t=new URL(n);fetch(t.href).then((e=>e.text())).then((n=>{const t=document.createElement("style");t.innerHTML=n,e&&e.appendChild(t)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}(this.stylingContainer,this.clientStylingUrl),this.customCss=this.footerContent.wysiwyg.customCSS.content,this.customCss&&i(this.hostEl.shadowRoot,this.customCss))}render(){if(this.hasErrors)return n("div",null,"There was an error while bootstraping the widget");{const e=this.sectionsList.map(((e,t)=>{const i=o[e].component,r=this.footerContent.repeaters.hasOwnProperty(e),a=this.footerContent.wysiwyg.hasOwnProperty(e);return n(i,{class:`${e} FooterSectionContainer FooterSectionContainer${t+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,endpoint:this.endpoint,language:this.language,"navigate-via-event":this.navigateViaEvent,"post-message-event":this.postMessageEvent,ruleset:o[e],repeaterContent:r?this.footerContent.repeaters[e]:null,customContent:a?this.footerContent.wysiwyg[e].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat,"time-zone":this.timeZone,"dropdown-links":this.dropdownLinks})}));return n("footer",{class:"FooterContainer",ref:e=>this.stylingContainer=e},n("div",{class:"FooterGrid customStyle"},e))}}get hostEl(){return t(this)}static get watchers(){return{language:["watchLanguage"]}}};r.style=':host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n padding: 15px 20px 0;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.FooterGrid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n}\n\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n}\n\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n}\n\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n}\n\n.FooterSectionContainer5 {\n grid-area: five;\n}\n\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n@container (max-width: 750px) {\n .FooterSectionContainer3:after,\n .FooterSectionContainer2:after {\n position: absolute;\n content: "";\n height: 1px;\n width: 90%;\n background-color: var(--emw--color-gray-100, #444);\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #060706);\n padding: 30px 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n justify-self: center;\n }\n}\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-template-areas: "one two two two" "one three three three" "one four four four" "one five five five" "one six six six" "seven seven seven seven" "eight eight eight eight" "nine nine nine nine";\n }\n .FooterSectionContainer1 {\n padding: 30px 40px;\n grid-area: one;\n background: var(--emw--color-background, #000000);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n min-height: var(--emw--size-4x-medium, 500px);\n }\n .FooterSectionContainer3 {\n grid-area: three;\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #091217);\n padding: var(--emw--spacing-x-large, 30px) 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: left;\n align-items: center;\n padding-left: var(--emw--spacing-large, 20px);\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: var(--emw--spacing-2x-small, 5px);\n text-align: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n font-size: var(--emw--font-size-small, 14px);\n }\n}';export{r as general_footer_template}
1
+ import{r as n,h as e,g as t}from"./index-4b819858.js";import{g as o,n as i,c as r}from"./utils-904e2462.js";function a(n,e){if(n){const t=document.createElement("style");t.innerHTML=e,n.appendChild(t)}}const s=class{constructor(e){n(this,e),this.platform=o(),this.MANDATORY_FIELDS=["endpoint","language","sections"],this.language=void 0,this.sections=void 0,this.endpoint=void 0,this.env="stage",this.userRoles="everyone",this.userid=void 0,this.session=void 0,this.baseUrl=void 0,this.navigateViaEvent="false",this.postMessageEvent="NavigateTo",this.clientStyling="",this.clientStylingUrl="",this.customCss=void 0,this.translationUrl="",this.clockFormat="HH:MM:ss",this.timeZone="",this.mbSource=void 0,this.accordionLinks=!1,this.hasErrors=!1,this.footerContent=void 0}validateMandatoryFields(){this.MANDATORY_FIELDS.forEach((n=>{this[n]||(console.error(`Mandatory parameter ${n} not received`),this.hasErrors=!0)}))}watchLanguage(n,e){n&&e&&n!=e&&this.setFooterData()}setFooterData(){this.sectionsList=this.sections.split(",").map((n=>n.trim()));const n=new URL(`${this.endpoint}/${this.language}/footer-raw-data`);return n.searchParams.append("env",this.env),n.searchParams.append("device",this.platform),n.searchParams.append("userRoles",this.userRoles),this.validateMandatoryFields(),fetch(n.href).then((n=>n.json())).then((n=>{0===Object.keys(n).length?this.hasErrors=!0:this.footerContent=i(n)}))}async componentWillLoad(){await this.setFooterData()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){null!=window.emMessageBus?function(n,e){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(e,(e=>{t.innerHTML=e,n&&n.appendChild(t)}))}}(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&function(n,e){const t=new URL(e);fetch(t.href).then((n=>n.text())).then((e=>{const t=document.createElement("style");t.innerHTML=e,n&&n.appendChild(t)})).catch((n=>{console.error("There was an error while trying to load client styling from URL",n)}))}(this.stylingContainer,this.clientStylingUrl),this.customCss=this.footerContent.wysiwyg.customCSS.content,this.customCss&&a(this.hostEl.shadowRoot,this.customCss))}render(){if(this.hasErrors)return e("div",null,"There was an error while bootstraping the widget");{const n=this.sectionsList.map(((n,t)=>{const o=r[n].component,i=this.footerContent.repeaters.hasOwnProperty(n),a=this.footerContent.wysiwyg.hasOwnProperty(n);return e(o,{class:`${n} FooterSectionContainer FooterSectionContainer${t+1}`,userid:this.userid,session:this.session,"base-url":this.baseUrl,endpoint:this.endpoint,language:this.language,"navigate-via-event":this.navigateViaEvent,"post-message-event":this.postMessageEvent,ruleset:r[n],repeaterContent:i?this.footerContent.repeaters[n]:null,customContent:a?this.footerContent.wysiwyg[n].content:null,"translation-url":this.translationUrl,"clock-format":this.clockFormat,"time-zone":this.timeZone,"accordion-links":this.accordionLinks})}));return e("footer",{class:"FooterContainer",ref:n=>this.stylingContainer=n},e("div",{class:"FooterGrid customStyle"},n))}}get hostEl(){return t(this)}static get watchers(){return{language:["watchLanguage"]}}};s.style=':host {\n display: block;\n}\n\n/* $-background-primary: #14202d; */\n* {\n font-family: sans-serif;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: inherit;\n}\n\n.FooterSectionContainer {\n color: var(--emw--footer-typography, var(--emw--color-thpography, #fff));\n padding: 15px 20px 0;\n}\n\n/* // FOOTER CONTAINER - only serves to be read as a container */\n.FooterContainer {\n container-type: inline-size;\n container-name: footerContainer;\n}\n\n.FooterGrid {\n background-color: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n grid-template-rows: repeat(9, auto);\n grid-template-areas: "one" "two" "three" "four" "five" "six" "seven";\n}\n\n.FooterSectionContainer1 {\n position: relative;\n grid-area: one;\n}\n\n.FooterSectionContainer2 {\n position: relative;\n grid-area: two;\n}\n\n.FooterSectionContainer3 {\n position: relative;\n grid-area: three;\n}\n\n.FooterSectionContainer4 {\n position: relative;\n grid-area: four;\n}\n\n.FooterSectionContainer5 {\n grid-area: five;\n}\n\n.FooterSectionContainer6 {\n padding-top: 22px;\n grid-area: six;\n}\n\n.FooterSectionContainer7 {\n grid-area: seven;\n}\n\n/* // remove paddings */\n.FooterSectionContainer7 div {\n padding: 0;\n}\n\n@container (max-width: 750px) {\n .FooterSectionContainer3:after,\n .FooterSectionContainer2:after {\n position: absolute;\n content: "";\n height: 1px;\n width: 90%;\n background-color: var(--emw--color-gray-100, #444);\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #060706);\n padding: 30px 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n justify-self: center;\n }\n}\n/* // STYLES FOR TABLET / DESKTOP */\n@container (min-width: 750px) {\n .FooterGrid {\n background: var(--emw--footer-color-bg, var(--emw--color-background, #0E1511));\n display: grid;\n border-top: 5px solid var(--emw--footer-color-primary, var(--emw--color-primary, #22B04E));\n grid-template-rows: repeat(5, auto);\n grid-template-columns: 1fr 1fr 1fr 1fr;\n grid-template-areas: "one two two two" "one three three three" "one four four four" "one five five five" "one six six six" "seven seven seven seven" "eight eight eight eight" "nine nine nine nine";\n }\n .FooterSectionContainer1 {\n padding: 30px 40px;\n grid-area: one;\n background: var(--emw--color-background, #000000);\n }\n .FooterSectionContainer2 {\n grid-area: two;\n min-height: var(--emw--size-4x-medium, 500px);\n }\n .FooterSectionContainer3 {\n grid-area: three;\n }\n .FooterSectionContainer4 {\n grid-area: four;\n }\n .FooterSectionContainer5 {\n grid-area: five;\n background-color: var(--emw--color-background-secondary, #091217);\n padding: var(--emw--spacing-x-large, 30px) 0;\n font-size: var(--emw--font-size-medium, 16px);\n min-height: var(--emw--size-medium-plus, 100px);\n }\n .FooterSectionContainer6 {\n grid-area: six;\n padding: 0;\n }\n .FooterSectionContainer7 {\n grid-area: seven;\n padding: 0;\n }\n /* // remove paddings */\n .FooterSectionContainer5 .CustomContentSectionWrapper {\n padding: 0;\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div {\n display: flex;\n flex-direction: left;\n align-items: center;\n padding-left: var(--emw--spacing-large, 20px);\n }\n .FooterSectionContainer5 .CustomContentSectionWrapper div p {\n margin: var(--emw--spacing-2x-small, 5px);\n text-align: center;\n }\n .FooterSectionContainer6 .CustomContentSectionWrapper div p {\n text-align: center;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer6 .ImageListWrapper {\n padding: 0;\n }\n .FooterSectionContainer7 .CustomContentSectionWrapper {\n padding: 0;\n padding-bottom: var(--emw--spacing-large, 22px);\n font-size: var(--emw--font-size-small, 14px);\n }\n}';export{s as general_footer_template}
@@ -1 +1 @@
1
- import{p as e,b as t}from"./index-4b819858.js";export{s as setNonce}from"./index-4b819858.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["custom-content-section",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],dropdownLinks:[516,"dropdown-links"],openCategory:[32]}]]],["custom-clock",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["footer-logo",[[2,"footer-logo",{endpoint:[513],language:[513],logoContent:[32]},null,{endpoint:["onConfigChange"],language:["onConfigChange"]}]]],["general-footer-template",[[1,"general-footer-template",{language:[513],sections:[513],endpoint:[513],env:[513],userRoles:[513,"user-roles"],userid:[513],session:[513],baseUrl:[513,"base-url"],navigateViaEvent:[513,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],customCss:[513,"custom-css"],translationUrl:[513,"translation-url"],clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],mbSource:[513,"mb-source"],dropdownLinks:[516,"dropdown-links"],hasErrors:[32],footerContent:[32]},null,{language:["watchLanguage"]}]]],["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]],["image-list",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));
1
+ import{p as e,b as t}from"./index-4b819858.js";export{s as setNonce}from"./index-4b819858.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["custom-content-section",[[2,"custom-content-section",{customContent:[1,"custom-content"],repeaterContent:[8,"repeater-content"],navigateViaEvent:[516,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]],["link-section-list",[[0,"link-section-list",{repeaterContent:[8,"repeater-content"],baseUrl:[513,"base-url"],language:[513],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],accordionLinks:[516,"accordion-links"],openCategory:[32]}]]],["custom-clock",[[2,"custom-clock",{clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],translationUrl:[513,"translation-url"],language:[513],timeString:[32]},null,{translationUrl:["handleNewTranslations"]}]]],["footer-logo",[[2,"footer-logo",{endpoint:[513],language:[513],logoContent:[32]},null,{endpoint:["onConfigChange"],language:["onConfigChange"]}]]],["general-footer-template",[[1,"general-footer-template",{language:[513],sections:[513],endpoint:[513],env:[513],userRoles:[513,"user-roles"],userid:[513],session:[513],baseUrl:[513,"base-url"],navigateViaEvent:[513,"navigate-via-event"],postMessageEvent:[513,"post-message-event"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],customCss:[513,"custom-css"],translationUrl:[513,"translation-url"],clockFormat:[513,"clock-format"],timeZone:[513,"time-zone"],mbSource:[513,"mb-source"],accordionLinks:[516,"accordion-links"],hasErrors:[32],footerContent:[32]},null,{language:["watchLanguage"]}]]],["ui-image_2",[[0,"ui-image",{src:[1],width:[1],height:[1],alt:[1],styles:[8],detectDistance:[1,"detect-distance"],imgLoaded:[32],shouldLoad:[32]},null,{src:["handleSrc"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]],["image-list",[[2,"image-list",{repeaterContent:[8,"repeater-content"],navigateViaEvent:[4,"navigate-via-event"],postMessageEvent:[513,"post-message-event"]}]]]],e))));
@@ -1 +1 @@
1
- import{r as n,h as i}from"./index-4b819858.js";const t=class{constructor(i){n(this,i),this.repeaterContent=void 0,this.baseUrl=void 0,this.language=void 0,this.navigateViaEvent=!1,this.postMessageEvent="",this.dropdownLinks=!1,this.openCategory=null}navigateLink(n){window.postMessage({type:this.postMessageEvent,path:n.linkUrl,url:n.linkUrl,target:n.target,externalLink:n.externalLink},window.location.href)}toggleCategory(n){this.openCategory=this.openCategory===n?null:n}createHrefLink(n){return n.externalLink?n.linkUrl:`${this.baseUrl}/${this.language}${n.linkUrl}`}render(){var n,t;const e=null===(t=null===(n=this.repeaterContent)||void 0===n?void 0:n.content)||void 0===t?void 0:t.reduce(((n,i)=>{const t=i.linkCategory,e=i.image,s=n.find((n=>n.categoryTitle===t));return s?s.links.push({linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}):n.push({categoryTitle:t,links:[{linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}]}),n}),[]);return i("div",{class:"LinkSectionListContainer"},i("div",{class:"LinkSectionListWrapper"},this.repeaterContent.categoryTitle&&i("h2",{class:"LinkSectionListTitle"},this.repeaterContent.categoryTitle),e.map((n=>this.dropdownLinks?i("div",{class:"LinkSectionListDropdown"},i("button",{type:"button",class:"LinkSectionListDropdownHeader "+(this.openCategory===n.categoryTitle?"IsOpen":""),onClick:()=>this.toggleCategory(n.categoryTitle)},n.categoryTitle,i("span",{class:this.openCategory===n.categoryTitle?"TriangleActive":"TriangleInactive"},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"6.835",viewBox:"0 0 14 6.835"},i("path",{id:"arrow",d:"M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z",transform:"translate(-274.511 -441.088)"})))),i("ul",{class:{LinkSectionListDropdownList:!0,open:this.openCategory===n.categoryTitle}},n.links.map((n=>i("li",{class:"LinkSectionListLink",key:n.linkName},!0===this.navigateViaEvent?i("span",null,n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})),i("span",{class:""},n.linkName," ")):i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},n.linkName?i("span",null,n.linkName," "):i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})))):i("a",{class:"LinkSectionListLink",href:this.createHrefLink(n),target:n.target||"_blank"},n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText"},i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})),i("span",null,n.linkName)):i("span",{class:"LinkSectionListLinkText"},n.linkName?i("span",null,n.linkName):i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"}))))))))):i("ul",null,n.categoryTitle&&i("p",null,n.categoryTitle),n.links.map((n=>i("li",{class:"LinkSectionListLink",key:n.linkName},!0===this.navigateViaEvent?i("span",null,n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})),i("span",{class:""},n.linkName," ")):i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},n.linkName?i("span",null,n.linkName," "):i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})))):i("a",{class:"LinkSectionListLink",href:this.createHrefLink(n),target:n.target||"_blank"},n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText"},i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})),i("span",null,n.linkName)):i("span",{class:"LinkSectionListLinkText"},n.linkName?i("span",null,n.linkName):i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"}))))))))))))}};t.style=":host {\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.SkeletonWrapper {\n width: 25px;\n height: 25px;\n}\n\n.LinkSectionListContainer {\n display: block;\n container-type: inline-size;\n}\n.LinkSectionListWrapper {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n grid-template-columns: 1fr;\n}\n.LinkSectionListTitle {\n font-weight: var(--emw--font-weight-semibold, 500);\n text-transform: uppercase;\n}\n.LinkSectionListDropdownHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: var(--emw--color-primary, #184026);\n color: var(--emw--color-typography, #FFFFFF);\n text-align: left;\n padding: 10px;\n border: none;\n border-radius: var(--emw--button-border-radius, 4px);\n margin-bottom: 3px;\n cursor: pointer;\n font-size: 1rem;\n}\n.LinkSectionListDropdownHeader:hover {\n color: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader:hover svg {\n fill: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader.IsOpen {\n color: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader.IsOpen svg {\n fill: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader .TriangleActive {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.LinkSectionListDropdownHeader svg {\n fill: var(--emw--color-typography, #FFFFFF);\n margin-left: 8px;\n width: 16px;\n transform: rotate(-90deg);\n -webkit-transform: rotate(-90deg);\n}\n.LinkSectionListDropdownList {\n list-style: none;\n display: none;\n}\n.LinkSectionListDropdownList.open {\n display: flex;\n margin: 5px 0;\n}\n.LinkSectionListLink {\n font-weight: var(--emw--font-weight-light, 300);\n}\n\nul {\n width: fit-content;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: var(--emw--spacing-medium, 16px);\n padding-left: var(--emw--spacing-small-minus, 10px);\n font-size: var(--emw--font-size-small, 16px);\n text-transform: uppercase;\n}\nul li {\n list-style: disc;\n display: flex;\n align-items: center;\n position: relative;\n}\nul li .LinkSectionListLinkText {\n display: flex;\n gap: 5px;\n flex-direction: row;\n align-items: center;\n}\nul li .LinkSectionListLinkText span {\n text-align: center;\n cursor: pointer;\n}\n\na {\n color: inherit;\n}\n\n@container (min-width: 280px) {\n .LinkSectionListWrapper {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n@container (min-width: 650px) {\n .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: 1fr;\n }\n}";export{t as link_section_list}
1
+ import{r as n,h as i}from"./index-4b819858.js";import{i as t}from"./utils-904e2462.js";const e=class{constructor(i){n(this,i),this.isMobile=t(),this.repeaterContent=void 0,this.baseUrl=void 0,this.language=void 0,this.navigateViaEvent=!1,this.postMessageEvent="",this.accordionLinks=!1,this.openCategory=null}navigateLink(n){window.postMessage({type:this.postMessageEvent,path:n.linkUrl,url:n.linkUrl,target:n.target,externalLink:n.externalLink},window.location.href)}toggleCategory(n){this.isMobile&&(this.openCategory=this.openCategory===n?null:n)}isCategoryOpen(n){return!this.isMobile||this.openCategory===n}createHrefLink(n){return n.externalLink?n.linkUrl:`${this.baseUrl}/${this.language}${n.linkUrl}`}render(){var n,t;const e=null===(t=null===(n=this.repeaterContent)||void 0===n?void 0:n.content)||void 0===t?void 0:t.reduce(((n,i)=>{const t=i.linkCategory,e=i.image,s=n.find((n=>n.categoryTitle===t));return s?s.links.push({linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}):n.push({categoryTitle:t,links:[{linkName:i.title,linkUrl:i.url,target:i.target,externalLink:i.isExternalLink,icon:e}]}),n}),[]),s=n=>n.links.map((n=>i("li",{class:"LinkSectionListLink",key:n.linkName},!0===this.navigateViaEvent?i("span",null,n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})),i("span",{class:""},n.linkName," ")):i("span",{class:"LinkSectionListLinkText",onClick:()=>this.navigateLink(n)},n.linkName?i("span",null,n.linkName," "):i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})))):i("a",{class:"LinkSectionListLink",href:this.createHrefLink(n),target:n.target||"_blank"},n.linkName&&n.icon?i("span",{class:"LinkSectionListLinkText"},i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})),i("span",null,n.linkName)):i("span",{class:"LinkSectionListLinkText"},n.linkName?i("span",null,n.linkName):i("div",{class:"ContainerImage"},i("ui-image",{class:"LinkSectionIcon",src:n.icon,alt:"icon"})))))));return i("div",{class:"LinkSectionListContainer"},i("div",{class:"LinkSectionListWrapper "+(this.accordionLinks?this.isMobile?"is-mobile":"is-desktop":"")},this.repeaterContent.categoryTitle&&i("h2",{class:"LinkSectionListTitle"},this.repeaterContent.categoryTitle),e.map((n=>this.accordionLinks?i("div",{class:"LinkSectionListDropdown"},i("button",{type:"button",class:"LinkSectionListDropdownHeader "+(this.openCategory===n.categoryTitle?"IsOpen":""),onClick:()=>this.toggleCategory(n.categoryTitle)},n.categoryTitle,i("span",{class:this.isCategoryOpen(n.categoryTitle)?"TriangleActive":"TriangleInactive"},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"6.835",viewBox:"0 0 14 6.835"},i("path",{id:"arrow",d:"M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z",transform:"translate(-274.511 -441.088)"})))),i("ul",{class:{LinkSectionListDropdownList:!0,open:this.isCategoryOpen(n.categoryTitle)}},s(n))):i("ul",null,n.categoryTitle&&i("p",null,n.categoryTitle),s(n))))))}};e.style=":host {\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.SkeletonWrapper {\n width: 25px;\n height: 25px;\n}\n\n.LinkSectionListContainer {\n display: block;\n container-type: inline-size;\n}\n.LinkSectionListWrapper {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n grid-template-columns: 1fr;\n}\n.LinkSectionListTitle {\n font-weight: var(--emw--font-weight-semibold, 500);\n text-transform: uppercase;\n}\n.LinkSectionListDropdownHeader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background: var(--emw--color-primary, #184026);\n color: var(--emw--color-typography, #FFFFFF);\n text-align: left;\n padding: 10px;\n border: none;\n border-radius: var(--emw--button-border-radius, 4px);\n margin-bottom: 3px;\n cursor: pointer;\n font-size: 1rem;\n}\n.LinkSectionListDropdownHeader:hover {\n color: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader:hover svg {\n fill: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader.IsOpen {\n color: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader.IsOpen svg {\n fill: var(--emw--color-secondary, #52d004);\n}\n.LinkSectionListDropdownHeader .TriangleActive {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.LinkSectionListDropdownHeader svg {\n fill: var(--emw--color-typography, #FFFFFF);\n margin-left: 8px;\n width: 16px;\n transform: rotate(-90deg);\n -webkit-transform: rotate(-90deg);\n}\n.LinkSectionListDropdownList {\n list-style: none;\n display: none;\n}\n.LinkSectionListDropdownList.open {\n display: flex;\n margin: 5px 0;\n}\n.LinkSectionListLink {\n font-weight: var(--emw--font-weight-light, 300);\n}\n\nul {\n width: fit-content;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: var(--emw--spacing-medium, 16px);\n padding-left: var(--emw--spacing-small-minus, 10px);\n font-size: var(--emw--font-size-small, 16px);\n text-transform: uppercase;\n}\nul li {\n list-style: disc;\n display: flex;\n align-items: center;\n position: relative;\n}\nul li .LinkSectionListLinkText {\n display: flex;\n gap: 5px;\n flex-direction: row;\n align-items: center;\n}\nul li .LinkSectionListLinkText span {\n text-align: center;\n cursor: pointer;\n}\n\na {\n color: inherit;\n}\n\n@container (min-width: 280px) {\n .LinkSectionListWrapper {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n@container (min-width: 650px) {\n .LinkSectionListWrapper {\n grid-gap: 2rem;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: 1fr;\n }\n}";export{e as link_section_list}
@@ -0,0 +1 @@
1
+ const e=()=>{let e=window.navigator.userAgent;return!!(e.toLowerCase().match(/android/i)||e.toLowerCase().match(/blackberry|bb/i)||e.toLowerCase().match(/iphone|ipad|ipod/i)||e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i))},t=()=>{const e=(()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"})();if(e)return"PC"===e?"dk":"iPad"===e||"iPhone"===e?"ios":"mtWeb"},n={downloadApp:{component:"custom-content-section"},"link-section":{component:"link-section-list"},copyright:{component:"custom-content-section"},download:{component:"custom-content-section"},helpLinks:{component:"image-list"},"license-description":{component:"custom-content-section"},licenses:{component:"image-list"},payment:{component:"image-list"},social:{component:"image-list"},sponsors:{component:"image-list"},vendors:{component:"image-list"},clock:{component:"custom-clock"},logo:{component:"footer-logo"}},i=e=>{const t={repeaters:{vendors:{categoryTitle:e.gameVendorsLinksTitle,content:[]},"link-section":{categoryTitle:e.helpLinksTitle,content:[]},helpLinks:{categoryTitle:e.helpLinksTitle,content:[]},licenses:{categoryTitle:e.licensesLinksTitle,content:[]},sponsors:{categoryTitle:e.sponsorsLinksTitle,content:[]},payment:{categoryTitle:e.paymentLinksTitle,content:[]},social:{categoryTitle:e.socialLinksTitle,content:[]},downloadApp:{categoryTitle:e.downloadAppLinksTitle,content:[]}},wysiwyg:{copyright:{categoryTitle:"test",content:"test"},customCSS:{categoryTitle:"test",content:"test"},download:{categoryTitle:"test",content:"test"},downloadApp:{categoryTitle:"test",content:"test"},"license-description":{categoryTitle:"test",content:"test"}}},n={helpLinks:{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},"link-section":{repeaterName:"helpLinksRepeater",isExternalLink:"helpLinkType",linkCategory:"helpLinkCategory",image:"helpLinkImage",title:"helpLinkTitle",url:"helpLinkUrl",target:"target"},social:{repeaterName:"socialLinksRepeater",isExternalLink:"isExternalLink",image:"socialLinkImage",title:"socialLinkTitle",url:"socialLinkUrl",target:"target"},vendors:{repeaterName:"gameVendorsRepeater",isExternalLink:"isExternalLink",image:"gameVendorImage",title:"gameVendorTitle",url:"gameVendorUrl",target:"target"},licenses:{repeaterName:"licensesRepeater",isExternalLink:"isExternalLink",image:"licenseImage",title:"licenseTitle",url:"licenseUrl",target:"target"},payment:{repeaterName:"paymentMethodsRepeater",isExternalLink:"isExternalLink",image:"paymentMethodImage",title:"paymentTitle",url:"paymentMethodUrl",target:"target"},sponsors:{repeaterName:"sponsorsRepeater",isExternalLink:"isExternalLink",image:"sponsorImage",title:"sponsorTitle",url:"sponsorUrl",target:"target"}};return Object.entries(t.repeaters).forEach((t=>{var i,o,l;n[t[0]]&&e[null===(i=n[t[0]])||void 0===i?void 0:i.repeaterName]&&(t[1].content=null===(l=e[null===(o=n[t[0]])||void 0===o?void 0:o.repeaterName])||void 0===l?void 0:l.map((e=>{var i,o,l,a,r,s;return{isExternalLink:null!==(i=e[n[t[0]].isExternalLink])&&void 0!==i?i:null,linkCategory:null!==(o=e[n[t[0]].linkCategory])&&void 0!==o?o:null,image:null!==(l=e[n[t[0]].image])&&void 0!==l?l:null,title:null!==(a=e[n[t[0]].title])&&void 0!==a?a:null,url:null!==(r=e[n[t[0]].url])&&void 0!==r?r:null,target:null!==(s=e[n[t[0]].target])&&void 0!==s?s:null}})))})),t.repeaters.downloadApp.content=e.downloadInfos.imageArea||[],t.wysiwyg.downloadApp.content=e.downloadInfos.downloadDescription||"",t.wysiwyg.copyright.content=e.copyright,t.wysiwyg.customCSS.content=e.customCSS,t.wysiwyg["license-description"].content=e.licenseDesc,t};export{n as c,t as g,e as i,i as n}
@@ -72,7 +72,7 @@ export declare class GeneralFooterTemplate {
72
72
  /**
73
73
  * whether dropdown behavior is enabled for the link-section-list
74
74
  */
75
- dropdownLinks: boolean;
75
+ accordionLinks: boolean;
76
76
  private hasErrors;
77
77
  /**
78
78
  * clean / formatted section list to be used for rendering footer components
@@ -23,10 +23,12 @@ export declare class LinkSectionList {
23
23
  /**
24
24
  * If is true then this component will look like a dropdown
25
25
  */
26
- dropdownLinks: boolean;
26
+ accordionLinks: boolean;
27
27
  openCategory: string | null;
28
+ private isMobile;
28
29
  navigateLink(link: any): void;
29
- toggleCategory(cat: string): void;
30
+ toggleCategory(category: string): void;
31
+ isCategoryOpen(category: string): boolean;
30
32
  createHrefLink(link: any): any;
31
33
  render(): any;
32
34
  }
@@ -53,6 +53,10 @@ export namespace Components {
53
53
  "language": string;
54
54
  }
55
55
  interface GeneralFooterTemplate {
56
+ /**
57
+ * whether dropdown behavior is enabled for the link-section-list
58
+ */
59
+ "accordionLinks": boolean;
56
60
  /**
57
61
  * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
58
62
  */
@@ -73,10 +77,6 @@ export namespace Components {
73
77
  * styling set by operator in CMS
74
78
  */
75
79
  "customCss": string;
76
- /**
77
- * whether dropdown behavior is enabled for the link-section-list
78
- */
79
- "dropdownLinks": boolean;
80
80
  /**
81
81
  * endpoint for data retrieval
82
82
  */
@@ -142,13 +142,13 @@ export namespace Components {
142
142
  }
143
143
  interface LinkSectionList {
144
144
  /**
145
- * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
145
+ * If is true then this component will look like a dropdown
146
146
  */
147
- "baseUrl": string;
147
+ "accordionLinks": boolean;
148
148
  /**
149
- * If is true then this component will look like a dropdown
149
+ * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
150
150
  */
151
- "dropdownLinks": boolean;
151
+ "baseUrl": string;
152
152
  /**
153
153
  * the language of the footer
154
154
  */
@@ -261,6 +261,10 @@ declare namespace LocalJSX {
261
261
  "language"?: string;
262
262
  }
263
263
  interface GeneralFooterTemplate {
264
+ /**
265
+ * whether dropdown behavior is enabled for the link-section-list
266
+ */
267
+ "accordionLinks"?: boolean;
264
268
  /**
265
269
  * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
266
270
  */
@@ -281,10 +285,6 @@ declare namespace LocalJSX {
281
285
  * styling set by operator in CMS
282
286
  */
283
287
  "customCss": string;
284
- /**
285
- * whether dropdown behavior is enabled for the link-section-list
286
- */
287
- "dropdownLinks"?: boolean;
288
288
  /**
289
289
  * endpoint for data retrieval
290
290
  */
@@ -350,13 +350,13 @@ declare namespace LocalJSX {
350
350
  }
351
351
  interface LinkSectionList {
352
352
  /**
353
- * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
353
+ * If is true then this component will look like a dropdown
354
354
  */
355
- "baseUrl"?: string;
355
+ "accordionLinks"?: boolean;
356
356
  /**
357
- * If is true then this component will look like a dropdown
357
+ * If this is present, then the footer will attach the baseurl inside src for all HelperLinks present in the footer (so it will be baseurl + helper_link) - This is needed when the footer is integrated inside an iframe it can’t take the parent host to create the right anchors.
358
358
  */
359
- "dropdownLinks"?: boolean;
359
+ "baseUrl"?: string;
360
360
  /**
361
361
  * the language of the footer
362
362
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-footer-template",
3
- "version": "1.77.15",
3
+ "version": "1.77.17",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",