Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,891 @@
1
+<?php
2
+// rsce_my_element_config.php
3
+return array(
4
+    'label' => array('Custom | Boxen mit Icon / Bild, Link, Text & Button (kachelfeld)', ''),
5
+    'types' => array('content'),
6
+    'contentCategory' => 'texts',
7
+    'moduleCategory' => 'miscellaneous',
8
+    'standardFields' => array('headline', 'cssID'),
9
+    'wrapper' => array(
10
+        'type' => 'none',
11
+    ),
12
+    'fields' => array(
13
+        'topline' => array(
14
+            'label' => array('Topline', 'Text oberhalb der Überschrift'),
15
+            'inputType' => 'text',
16
+        ), 'subline' => array(
17
+            'label' => array('Subline', 'Text unterhalb der Überschrift'),
18
+            'inputType' => 'text',
19
+        ),
20
+        'animation_type' => array(
21
+            'label' => array(
22
+                'de' => array('Art der Einblendeanimation', 'Siehe https://animate.style/ für Beispiele'),
23
+            ),
24
+            'inputType' => 'select',
25
+            'options' => array(
26
+                /* Fading entrances  */
27
+                'animate__fadeInUp' => 'fadeInUp (Meistens Standard)',
28
+                'no-animation' => 'Keine Animation',
29
+                'animate__fadeIn' => 'fadeIn',
30
+                'animate__fadeInDown' => 'fadeInDown',
31
+                'animate__fadeInDownBig' => 'fadeInDownBig',
32
+                'animate__fadeInLeft' => 'fadeInLeft',
33
+                'animate__fadeInLeftBig' => 'fadeInLeftBig',
34
+                'animate__fadeInRight' => 'fadeInRight',
35
+                'animate__fadeInRightBig' => 'fadeInRightBig',
36
+                'animate__fadeInUpBig' => 'fadeInUpBig',
37
+                'animate__fadeInTopLeft' => 'fadeInTopLeft',
38
+                'animate__fadeInTopRight' => 'fadeInTopRight',
39
+                'animate__fadeInBottomLeft' => 'fadeInBottomLeft',
40
+                'animate__fadeInBottomRight' => 'fadeInBottomRight',
41
+                /* Attention seekers  */
42
+                'animate__bounce' => 'bounce',
43
+                'animate__flash' => 'flash',
44
+                'animate__pulse' => 'pulse',
45
+                'animate__rubberBand' => 'rubberBand',
46
+                'animate__shakeX' => 'shakeX',
47
+                'animate__shakeY' => 'shakeY',
48
+                'animate__headShake' => 'headShake',
49
+                'animate__swing' => 'swing',
50
+                'animate__tada' => 'tada',
51
+                'animate__wobble' => 'wobble',
52
+                'animate__jello' => 'jello',
53
+                'animate__heartBeat' => 'heartBeat',
54
+                /* Back entrances */
55
+                'animate__backInDown' => 'backInDown',
56
+                'animate__backInLeft' => 'backInLeft',
57
+                'animate__backInRight' => 'backInRight',
58
+                'animate__backInUp' => 'backInUp',
59
+                /* Back exits */
60
+                'animate__backOutDown' => 'backOutDown',
61
+                'animate__backOutLeft' => 'backOutLeft',
62
+                'animate__backOutRight' => 'backOutRight',
63
+                'animate__backOutUp' => 'backOutUp',
64
+                /* Bouncing entrances  */
65
+                'animate__bounceIn' => 'bounceIn',
66
+                'animate__bounceInDown' => 'bounceInDown',
67
+                'animate__bounceInLeft' => 'bounceInLeft',
68
+                'animate__bounceInRight' => 'bounceInRight',
69
+                'animate__bounceInUp' => 'bounceInUp',
70
+                /* Bouncing exits  */
71
+                'animate__bounceOut' => 'bounceOut',
72
+                'animate__bounceOutDown' => 'bounceOutDown',
73
+                'animate__bounceOutLeft' => 'bounceOutLeft',
74
+                'animate__bounceOutRight' => 'bounceOutRight',
75
+                'animate__bounceOutUp' => 'bounceOutUp',
76
+                /* Fading exits */
77
+                'animate__fadeOut' => 'fadeOut',
78
+                'animate__fadeOutDown' => 'fadeOutDown',
79
+                'animate__fadeOutDownBig' => 'fadeOutDownBig',
80
+                'animate__fadeOutLeft' => 'fadeOutLeft',
81
+                'animate__fadeOutLeftBig' => 'fadeOutLeftBig',
82
+                'animate__fadeOutRight' => 'fadeOutRight',
83
+                'animate__fadeOutRightBig' => 'fadeOutRightBig',
84
+                'animate__fadeOutUp' => 'fadeOutUp',
85
+                'animate__fadeOutUpBig' => 'fadeOutUpBig',
86
+                'animate__fadeOutTopLeft' => 'fadeOutTopLeft',
87
+                'animate__fadeOutTopRight' => 'fadeOutTopRight',
88
+                'animate__fadeOutBottomRight' => 'fadeOutBottomRight',
89
+                'animate__fadeOutBottomLeft' => 'fadeOutBottomLeft',
90
+                /* Flippers */
91
+                'animate__flip' => 'flip',
92
+                'animate__flipInX' => 'flipInX',
93
+                'animate__flipInY' => 'flipInY',
94
+                'animate__flipOutX' => 'flipOutX',
95
+                'animate__flipOutY' => 'flipOutY',
96
+                /* Lightspeed */
97
+                'animate__lightSpeedInRight' => 'lightSpeedInRight',
98
+                'animate__lightSpeedInLeft' => 'lightSpeedInLeft',
99
+                'animate__lightSpeedOutRight' => 'lightSpeedOutRight',
100
+                'animate__lightSpeedOutLeft' => 'lightSpeedOutLeft',
101
+                /* Rotating entrances */
102
+                'animate__rotateIn' => 'rotateIn',
103
+                'animate__rotateInDownLeft' => 'rotateInDownLeft',
104
+                'animate__rotateInDownRight' => 'rotateInDownRight',
105
+                'animate__rotateInUpLeft' => 'rotateInUpLeft',
106
+                'animate__rotateInUpRight' => 'rotateInUpRight',
107
+                /* Rotating exits */
108
+                'animate__rotateOut' => 'rotateOut',
109
+                'animate__rotateOutDownLeft' => 'rotateOutDownLeft',
110
+                'animate__rotateOutDownRight' => 'rotateOutDownRight',
111
+                'animate__rotateOutUpLeft' => 'rotateOutUpLeft',
112
+                'animate__rotateOutUpRight' => 'rotateOutUpRight',
113
+                /* Specials */
114
+                'animate__hinge' => 'hinge',
115
+                'animate__jackInTheBox' => 'jackInTheBox',
116
+                'animate__rollIn' => 'rollIn',
117
+                'animate__rollOut' => 'rollOut',
118
+                /* Zooming entrances */
119
+                'animate__zoomIn' => 'zoomIn',
120
+                'animate__zoomInDown' => 'zoomInDown',
121
+                'animate__zoomInLeft' => 'zoomInLeft',
122
+                'animate__zoomInRight' => 'zoomInRight',
123
+                'animate__zoomInUp' => 'zoomInUp',
124
+                /* Zooming exits */
125
+                'animate__zoomOut' => 'zoomOut',
126
+                'animate__zoomOutDown' => 'zoomOutDown',
127
+                'animate__zoomOutLeft' => 'zoomOutLeft',
128
+                'animate__zoomOutRight' => 'zoomOutRight',
129
+                'animate__zoomOutUp' => 'zoomOutUp',
130
+                /* Sliding entrances */
131
+                'animate__slideInDown' => 'slideInDown',
132
+                'animate__slideInLeft' => 'slideInLeft',
133
+                'animate__slideInRight' => 'slideInRight',
134
+                'animate__slideInUp' => 'slideInUp',
135
+                /* Sliding exits */
136
+                'animate__slideOutDown' => 'slideOutDown',
137
+                'animate__slideOutLeft' => 'slideOutLeft',
138
+                'animate__slideOutRight' => 'slideOutRight',
139
+                'animate__slideOutUp' => 'slideOutUp',
140
+            ),
141
+            'eval' => array('chosen' => 'true')
142
+        ),
143
+
144
+
145
+        'size' => array(
146
+            'label' => array('Bildbreite und Bildhöhe', ''),
147
+            'inputType' => 'imageSize',
148
+            'options' => System::getImageSizes(),
149
+            'reference' => &$GLOBALS['TL_LANG']['MSC'],
150
+            'eval' => array(
151
+                'rgxp' => 'digit',
152
+                'tl_class' => 'w50',
153
+                'includeBlankOption' => true,
154
+            ),
155
+        ),
156
+
157
+
158
+        'column_gap' => array(
159
+            'label' => array(
160
+                'de' => array('Spaltenabstand', ''),
161
+            ),
162
+            'inputType' => 'select',
163
+            'options' => array(
164
+                '' => 'Standard',
165
+                'gx-0' => 'kein Abstand',
166
+                'gx-1' => 'XS',
167
+                'gx-2' => 'SM',
168
+                'gx-3' => 'MD',
169
+                'gx-4' => 'LG',
170
+                'gx-5' => 'XL',
171
+            ),
172
+            'eval' => array('tl_class' => 'clr'),
173
+        ),
174
+
175
+        'columns_evenly' => array(
176
+            'label' => array('Boxhöhen gleichmäßig auf 100% Höhe verteilen', ''),
177
+            'inputType' => 'checkbox',
178
+        ),
179
+
180
+        'kachel' => array(
181
+            'label' => array('Kacheln', ''),
182
+            'elementLabel' => '%s. Kachel',
183
+            'inputType' => 'list',
184
+            'minItems' => 1,
185
+            'maxItems' => 10,
186
+            'eval' => array('tl_class' => 'clr',),
187
+            'fields' => array(
188
+
189
+
190
+                'settings_1' => array(
191
+                    'label' => array('Einstellungen', ''),
192
+                    'inputType' => 'group',
193
+                ),
194
+
195
+                'animation_type' => array(
196
+                    'label' => array(
197
+                        'de' => array('Art der Einblendeanimation', 'Siehe https://animate.style/ für Beispiele'),
198
+                    ),
199
+                    'inputType' => 'select',
200
+                    'options' => array(
201
+                        /* Fading entrances  */
202
+                        'animate__fadeInUp' => 'fadeInUp (Meistens Standard)',
203
+                        'no-animation' => 'Keine Animation',
204
+                        'animate__fadeIn' => 'fadeIn',
205
+                        'animate__fadeInDown' => 'fadeInDown',
206
+                        'animate__fadeInDownBig' => 'fadeInDownBig',
207
+                        'animate__fadeInLeft' => 'fadeInLeft',
208
+                        'animate__fadeInLeftBig' => 'fadeInLeftBig',
209
+                        'animate__fadeInRight' => 'fadeInRight',
210
+                        'animate__fadeInRightBig' => 'fadeInRightBig',
211
+                        'animate__fadeInUpBig' => 'fadeInUpBig',
212
+                        'animate__fadeInTopLeft' => 'fadeInTopLeft',
213
+                        'animate__fadeInTopRight' => 'fadeInTopRight',
214
+                        'animate__fadeInBottomLeft' => 'fadeInBottomLeft',
215
+                        'animate__fadeInBottomRight' => 'fadeInBottomRight',
216
+                        /* Attention seekers  */
217
+                        'animate__bounce' => 'bounce',
218
+                        'animate__flash' => 'flash',
219
+                        'animate__pulse' => 'pulse',
220
+                        'animate__rubberBand' => 'rubberBand',
221
+                        'animate__shakeX' => 'shakeX',
222
+                        'animate__shakeY' => 'shakeY',
223
+                        'animate__headShake' => 'headShake',
224
+                        'animate__swing' => 'swing',
225
+                        'animate__tada' => 'tada',
226
+                        'animate__wobble' => 'wobble',
227
+                        'animate__jello' => 'jello',
228
+                        'animate__heartBeat' => 'heartBeat',
229
+                        /* Back entrances */
230
+                        'animate__backInDown' => 'backInDown',
231
+                        'animate__backInLeft' => 'backInLeft',
232
+                        'animate__backInRight' => 'backInRight',
233
+                        'animate__backInUp' => 'backInUp',
234
+                        /* Back exits */
235
+                        'animate__backOutDown' => 'backOutDown',
236
+                        'animate__backOutLeft' => 'backOutLeft',
237
+                        'animate__backOutRight' => 'backOutRight',
238
+                        'animate__backOutUp' => 'backOutUp',
239
+                        /* Bouncing entrances  */
240
+                        'animate__bounceIn' => 'bounceIn',
241
+                        'animate__bounceInDown' => 'bounceInDown',
242
+                        'animate__bounceInLeft' => 'bounceInLeft',
243
+                        'animate__bounceInRight' => 'bounceInRight',
244
+                        'animate__bounceInUp' => 'bounceInUp',
245
+                        /* Bouncing exits  */
246
+                        'animate__bounceOut' => 'bounceOut',
247
+                        'animate__bounceOutDown' => 'bounceOutDown',
248
+                        'animate__bounceOutLeft' => 'bounceOutLeft',
249
+                        'animate__bounceOutRight' => 'bounceOutRight',
250
+                        'animate__bounceOutUp' => 'bounceOutUp',
251
+                        /* Fading exits */
252
+                        'animate__fadeOut' => 'fadeOut',
253
+                        'animate__fadeOutDown' => 'fadeOutDown',
254
+                        'animate__fadeOutDownBig' => 'fadeOutDownBig',
255
+                        'animate__fadeOutLeft' => 'fadeOutLeft',
256
+                        'animate__fadeOutLeftBig' => 'fadeOutLeftBig',
257
+                        'animate__fadeOutRight' => 'fadeOutRight',
258
+                        'animate__fadeOutRightBig' => 'fadeOutRightBig',
259
+                        'animate__fadeOutUp' => 'fadeOutUp',
260
+                        'animate__fadeOutUpBig' => 'fadeOutUpBig',
261
+                        'animate__fadeOutTopLeft' => 'fadeOutTopLeft',
262
+                        'animate__fadeOutTopRight' => 'fadeOutTopRight',
263
+                        'animate__fadeOutBottomRight' => 'fadeOutBottomRight',
264
+                        'animate__fadeOutBottomLeft' => 'fadeOutBottomLeft',
265
+                        /* Flippers */
266
+                        'animate__flip' => 'flip',
267
+                        'animate__flipInX' => 'flipInX',
268
+                        'animate__flipInY' => 'flipInY',
269
+                        'animate__flipOutX' => 'flipOutX',
270
+                        'animate__flipOutY' => 'flipOutY',
271
+                        /* Lightspeed */
272
+                        'animate__lightSpeedInRight' => 'lightSpeedInRight',
273
+                        'animate__lightSpeedInLeft' => 'lightSpeedInLeft',
274
+                        'animate__lightSpeedOutRight' => 'lightSpeedOutRight',
275
+                        'animate__lightSpeedOutLeft' => 'lightSpeedOutLeft',
276
+                        /* Rotating entrances */
277
+                        'animate__rotateIn' => 'rotateIn',
278
+                        'animate__rotateInDownLeft' => 'rotateInDownLeft',
279
+                        'animate__rotateInDownRight' => 'rotateInDownRight',
280
+                        'animate__rotateInUpLeft' => 'rotateInUpLeft',
281
+                        'animate__rotateInUpRight' => 'rotateInUpRight',
282
+                        /* Rotating exits */
283
+                        'animate__rotateOut' => 'rotateOut',
284
+                        'animate__rotateOutDownLeft' => 'rotateOutDownLeft',
285
+                        'animate__rotateOutDownRight' => 'rotateOutDownRight',
286
+                        'animate__rotateOutUpLeft' => 'rotateOutUpLeft',
287
+                        'animate__rotateOutUpRight' => 'rotateOutUpRight',
288
+                        /* Specials */
289
+                        'animate__hinge' => 'hinge',
290
+                        'animate__jackInTheBox' => 'jackInTheBox',
291
+                        'animate__rollIn' => 'rollIn',
292
+                        'animate__rollOut' => 'rollOut',
293
+                        /* Zooming entrances */
294
+                        'animate__zoomIn' => 'zoomIn',
295
+                        'animate__zoomInDown' => 'zoomInDown',
296
+                        'animate__zoomInLeft' => 'zoomInLeft',
297
+                        'animate__zoomInRight' => 'zoomInRight',
298
+                        'animate__zoomInUp' => 'zoomInUp',
299
+                        /* Zooming exits */
300
+                        'animate__zoomOut' => 'zoomOut',
301
+                        'animate__zoomOutDown' => 'zoomOutDown',
302
+                        'animate__zoomOutLeft' => 'zoomOutLeft',
303
+                        'animate__zoomOutRight' => 'zoomOutRight',
304
+                        'animate__zoomOutUp' => 'zoomOutUp',
305
+                        /* Sliding entrances */
306
+                        'animate__slideInDown' => 'slideInDown',
307
+                        'animate__slideInLeft' => 'slideInLeft',
308
+                        'animate__slideInRight' => 'slideInRight',
309
+                        'animate__slideInUp' => 'slideInUp',
310
+                        /* Sliding exits */
311
+                        'animate__slideOutDown' => 'slideOutDown',
312
+                        'animate__slideOutLeft' => 'slideOutLeft',
313
+                        'animate__slideOutRight' => 'slideOutRight',
314
+                        'animate__slideOutUp' => 'slideOutUp',
315
+                    ),
316
+                    'eval' => array('chosen' => 'true')
317
+                ),
318
+                'column_width' => array(
319
+                    'label' => array(
320
+                        'de' => array('Spaltenbreite', ''),
321
+                    ),
322
+                    'inputType' => 'select',
323
+                    'options' => array(
324
+                        'col-12 col-md-6 col-lg-3' => '25%',
325
+                        'col-12 col-md-6 col-lg-4' => '33%',
326
+                        'col-12 col-md-6' => '50%',
327
+                        'col-12 col-md-6 col-lg-8' => '66.66%',
328
+                        'col-12 col-md-6 col-lg-9' => '75%',
329
+                        'col-12' => 'Volle Breite',
330
+                        'col-12 col-md' => 'Automatische Breite (füllend)',
331
+                        'col-12 col-md-auto' => 'Breite anhand des Inhalts',
332
+                    ),
333
+                ),
334
+
335
+                'column_background_color' => array(
336
+                    'label' => array('Hintergrundfarbe', 'In HEX oder rgb(a) angeben'),
337
+                    'inputType' => 'text',
338
+                    'eval' => array('tl_class' => 'w50',),
339
+                ),
340
+                'column_text_color' => array(
341
+                    'label' => array('Textfarbe', 'In HEX oder rgb(a) angeben'),
342
+                    'inputType' => 'text',
343
+                    'eval' => array('tl_class' => 'w50',),
344
+                ),
345
+
346
+                'column_background_hover_color' => array(
347
+                    'label' => array('Hintergrundfarbe (hover)', 'In HEX oder rgb(a) angeben, Standard: Hauptfarbe'),
348
+                    'inputType' => 'text',
349
+                    'eval' => array('tl_class' => 'w50',),
350
+                ),
351
+                'column_text_hover_color' => array(
352
+                    'label' => array('Textfarbe (hover)', 'In HEX oder rgb(a) angeben, Standard: Weiß'),
353
+                    'inputType' => 'text',
354
+                    'eval' => array('tl_class' => 'w50',),
355
+                ),
356
+
357
+                'settings_2' => array(
358
+                    'label' => array('Oberer Bereich', ''),
359
+                    'inputType' => 'group',
360
+                ),
361
+
362
+
363
+                'topType' => array(
364
+                    'label' => array('Icon oder Bild in den oberen Bereich hinzufügen', ''),
365
+                    'inputType' => 'radio',
366
+                    'options' => array(
367
+                        '1' => 'Bild hinzufügen',
368
+                        '2' => 'Icon hinzufügen',
369
+                    ),
370
+                ),
371
+
372
+                'image' => array(
373
+                    'label' => array('Bild', ''),
374
+                    'inputType' => 'fileTree',
375
+                    'eval' => array(
376
+                        'multiple' => false,
377
+                        'fieldType' => 'radio',
378
+                        'filesOnly' => true,
379
+                        'extensions' => 'jpg,jpeg,png,svg',
380
+                    ),
381
+                    'dependsOn' => array(
382
+                        'field' => 'topType',
383
+                        'value' => '1',
384
+                    ),
385
+                ),
386
+
387
+                'image_as_bg' => array(
388
+                    'label' => array('Bild als Hintergrund mit fester Höhe einbinden', 'Bild wird dadurch möglicherweise beschnitten'),
389
+                    'inputType' => 'checkbox',
390
+                    'dependsOn' => array(
391
+                        'field' => 'topType',
392
+                        'value' => '1',
393
+                    ),
394
+                ),
395
+
396
+
397
+                'image_height' => array(
398
+                    'label' => array('Alternative Bildhöhe in px', ''),
399
+                    'inputType' => 'text',
400
+                    'dependsOn' => array(
401
+                        'field' => 'image_as_bg',
402
+                    ),
403
+                ),
404
+
405
+
406
+                'icon' => array(
407
+                    'label' => array('Alternativ zum Bild Font-Awesome Klasse angeben', 'überschreibt das Bild, z. B. fa-facebook fab'),
408
+                    'inputType' => 'text',
409
+                    'dependsOn' => array(
410
+                        'field' => 'topType',
411
+                        'value' => '2',
412
+                    ),
413
+                ),
414
+
415
+
416
+                'kachelTop' => array(
417
+                    'label' => array('Icon oder Bild in den oberen Bereich hinzufügen', ''),
418
+                    'inputType' => 'checkbox',
419
+                    'options' => array(
420
+                        '1' => 'quadratische Kachel in den oberen Bereich hinzufügen',
421
+                    ),
422
+                ),
423
+
424
+                'settings_6' => array(
425
+                    'label' => array('Kacheleinstellungen', ''),
426
+                    'inputType' => 'group',
427
+                    'dependsOn' => array(
428
+                        'field' => 'kachelTop',
429
+                        'value' => '1',
430
+                    ),
431
+                ),
432
+                'animation_type_top_kachel' => array(
433
+                    'label' => array(
434
+                        'de' => array('Art der Einblendeanimation', 'Siehe https://animate.style/ für Beispiele'),
435
+                    ),
436
+                    'inputType' => 'select',
437
+                    'options' => array(
438
+                        /* Fading entrances  */
439
+                        'animate__fadeInUp' => 'fadeInUp (Meistens Standard)',
440
+                        'no-animation' => 'Keine Animation',
441
+                        'animate__fadeIn' => 'fadeIn',
442
+                        'animate__fadeInDown' => 'fadeInDown',
443
+                        'animate__fadeInDownBig' => 'fadeInDownBig',
444
+                        'animate__fadeInLeft' => 'fadeInLeft',
445
+                        'animate__fadeInLeftBig' => 'fadeInLeftBig',
446
+                        'animate__fadeInRight' => 'fadeInRight',
447
+                        'animate__fadeInRightBig' => 'fadeInRightBig',
448
+                        'animate__fadeInUpBig' => 'fadeInUpBig',
449
+                        'animate__fadeInTopLeft' => 'fadeInTopLeft',
450
+                        'animate__fadeInTopRight' => 'fadeInTopRight',
451
+                        'animate__fadeInBottomLeft' => 'fadeInBottomLeft',
452
+                        'animate__fadeInBottomRight' => 'fadeInBottomRight',
453
+                        /* Attention seekers  */
454
+                        'animate__bounce' => 'bounce',
455
+                        'animate__flash' => 'flash',
456
+                        'animate__pulse' => 'pulse',
457
+                        'animate__rubberBand' => 'rubberBand',
458
+                        'animate__shakeX' => 'shakeX',
459
+                        'animate__shakeY' => 'shakeY',
460
+                        'animate__headShake' => 'headShake',
461
+                        'animate__swing' => 'swing',
462
+                        'animate__tada' => 'tada',
463
+                        'animate__wobble' => 'wobble',
464
+                        'animate__jello' => 'jello',
465
+                        'animate__heartBeat' => 'heartBeat',
466
+                        /* Back entrances */
467
+                        'animate__backInDown' => 'backInDown',
468
+                        'animate__backInLeft' => 'backInLeft',
469
+                        'animate__backInRight' => 'backInRight',
470
+                        'animate__backInUp' => 'backInUp',
471
+                        /* Back exits */
472
+                        'animate__backOutDown' => 'backOutDown',
473
+                        'animate__backOutLeft' => 'backOutLeft',
474
+                        'animate__backOutRight' => 'backOutRight',
475
+                        'animate__backOutUp' => 'backOutUp',
476
+                        /* Bouncing entrances  */
477
+                        'animate__bounceIn' => 'bounceIn',
478
+                        'animate__bounceInDown' => 'bounceInDown',
479
+                        'animate__bounceInLeft' => 'bounceInLeft',
480
+                        'animate__bounceInRight' => 'bounceInRight',
481
+                        'animate__bounceInUp' => 'bounceInUp',
482
+                        /* Bouncing exits  */
483
+                        'animate__bounceOut' => 'bounceOut',
484
+                        'animate__bounceOutDown' => 'bounceOutDown',
485
+                        'animate__bounceOutLeft' => 'bounceOutLeft',
486
+                        'animate__bounceOutRight' => 'bounceOutRight',
487
+                        'animate__bounceOutUp' => 'bounceOutUp',
488
+                        /* Fading exits */
489
+                        'animate__fadeOut' => 'fadeOut',
490
+                        'animate__fadeOutDown' => 'fadeOutDown',
491
+                        'animate__fadeOutDownBig' => 'fadeOutDownBig',
492
+                        'animate__fadeOutLeft' => 'fadeOutLeft',
493
+                        'animate__fadeOutLeftBig' => 'fadeOutLeftBig',
494
+                        'animate__fadeOutRight' => 'fadeOutRight',
495
+                        'animate__fadeOutRightBig' => 'fadeOutRightBig',
496
+                        'animate__fadeOutUp' => 'fadeOutUp',
497
+                        'animate__fadeOutUpBig' => 'fadeOutUpBig',
498
+                        'animate__fadeOutTopLeft' => 'fadeOutTopLeft',
499
+                        'animate__fadeOutTopRight' => 'fadeOutTopRight',
500
+                        'animate__fadeOutBottomRight' => 'fadeOutBottomRight',
501
+                        'animate__fadeOutBottomLeft' => 'fadeOutBottomLeft',
502
+                        /* Flippers */
503
+                        'animate__flip' => 'flip',
504
+                        'animate__flipInX' => 'flipInX',
505
+                        'animate__flipInY' => 'flipInY',
506
+                        'animate__flipOutX' => 'flipOutX',
507
+                        'animate__flipOutY' => 'flipOutY',
508
+                        /* Lightspeed */
509
+                        'animate__lightSpeedInRight' => 'lightSpeedInRight',
510
+                        'animate__lightSpeedInLeft' => 'lightSpeedInLeft',
511
+                        'animate__lightSpeedOutRight' => 'lightSpeedOutRight',
512
+                        'animate__lightSpeedOutLeft' => 'lightSpeedOutLeft',
513
+                        /* Rotating entrances */
514
+                        'animate__rotateIn' => 'rotateIn',
515
+                        'animate__rotateInDownLeft' => 'rotateInDownLeft',
516
+                        'animate__rotateInDownRight' => 'rotateInDownRight',
517
+                        'animate__rotateInUpLeft' => 'rotateInUpLeft',
518
+                        'animate__rotateInUpRight' => 'rotateInUpRight',
519
+                        /* Rotating exits */
520
+                        'animate__rotateOut' => 'rotateOut',
521
+                        'animate__rotateOutDownLeft' => 'rotateOutDownLeft',
522
+                        'animate__rotateOutDownRight' => 'rotateOutDownRight',
523
+                        'animate__rotateOutUpLeft' => 'rotateOutUpLeft',
524
+                        'animate__rotateOutUpRight' => 'rotateOutUpRight',
525
+                        /* Specials */
526
+                        'animate__hinge' => 'hinge',
527
+                        'animate__jackInTheBox' => 'jackInTheBox',
528
+                        'animate__rollIn' => 'rollIn',
529
+                        'animate__rollOut' => 'rollOut',
530
+                        /* Zooming entrances */
531
+                        'animate__zoomIn' => 'zoomIn',
532
+                        'animate__zoomInDown' => 'zoomInDown',
533
+                        'animate__zoomInLeft' => 'zoomInLeft',
534
+                        'animate__zoomInRight' => 'zoomInRight',
535
+                        'animate__zoomInUp' => 'zoomInUp',
536
+                        /* Zooming exits */
537
+                        'animate__zoomOut' => 'zoomOut',
538
+                        'animate__zoomOutDown' => 'zoomOutDown',
539
+                        'animate__zoomOutLeft' => 'zoomOutLeft',
540
+                        'animate__zoomOutRight' => 'zoomOutRight',
541
+                        'animate__zoomOutUp' => 'zoomOutUp',
542
+                        /* Sliding entrances */
543
+                        'animate__slideInDown' => 'slideInDown',
544
+                        'animate__slideInLeft' => 'slideInLeft',
545
+                        'animate__slideInRight' => 'slideInRight',
546
+                        'animate__slideInUp' => 'slideInUp',
547
+                        /* Sliding exits */
548
+                        'animate__slideOutDown' => 'slideOutDown',
549
+                        'animate__slideOutLeft' => 'slideOutLeft',
550
+                        'animate__slideOutRight' => 'slideOutRight',
551
+                        'animate__slideOutUp' => 'slideOutUp',
552
+                    ),
553
+                    'eval' => array('chosen' => 'true')
554
+                ),
555
+
556
+                'kachel_top_position' => array(
557
+                    'label' => array(
558
+                        'de' => array('Kachel-Position', ''),
559
+                    ),
560
+                    'inputType' => 'select',
561
+                    'options' => array(
562
+                        'pos-centered' => 'Mittig',
563
+                        'pos-centered-right' => 'Mittig rechts',
564
+                        'pos-centered-left' => 'Mittig links',
565
+                        'pos-bottom-right' => 'Unten rechts',
566
+                        'pos-bottom-left' => 'Unten links',
567
+                        'pos-bottom-center' => 'Unten mittig',
568
+                        'pos-top-right' => 'Oben rechts',
569
+                        'pos-top-left' => 'Oben links',
570
+                        'pos-top-center' => 'Oben mittig'
571
+                    ),
572
+                    'eval' => array('tl_class' => 'w50'),
573
+                ),
574
+
575
+                'kachel_top_text_position' => array(
576
+                    'label' => array(
577
+                        'de' => array('Textausrichtung innerhalb der Kachel', ''),
578
+                    ),
579
+                    'inputType' => 'select',
580
+                    'options' => array(
581
+                        'justify-content-center align-items-center' => 'Mittig',
582
+                        'justify-content-center align-items-end' => 'Mittig rechts',
583
+                        'justify-content-center' => 'Mittig links',
584
+                        'align-items-end' => 'Oben rechts',
585
+                        'text-center' => 'Oben zentriert',
586
+                        'justify-content-end align-items-end' => 'Unten rechts',
587
+                        'justify-content-end' => 'Unten links',
588
+                        'justify-content-end text-center' => 'Unten zentriert',
589
+                        '' => 'Oben links'
590
+                    ),
591
+                    'eval' => array('tl_class' => 'w50'),
592
+                ),
593
+
594
+
595
+                'kachel_top_background_color' => array(
596
+                    'label' => array('Hintergrundfarbe', 'In HEX oder rgb(a) angeben'),
597
+                    'inputType' => 'text',
598
+                    'eval' => array('tl_class' => 'w50',),
599
+                ),
600
+                'kachel_top_text_color' => array(
601
+                    'label' => array('Textfarbe', 'In HEX oder rgb(a) angeben'),
602
+                    'inputType' => 'text',
603
+                    'eval' => array('tl_class' => 'w50',),
604
+                ),
605
+                'kachel_top_text' => array(
606
+                    'label' => array('Text für Kachel', 'HTML ist erlaubt'),
607
+                    'inputType' => 'text',
608
+                    'eval' => array('allowHtml' => true, 'tl_class' => 'clr w50'),
609
+                ),
610
+
611
+
612
+                'kachel_top_url' => array(
613
+                    'label' => array('Verlinkung der Kachel', ''),
614
+                    'inputType' => 'url',
615
+                    'eval' => array('tl_class' => 'w50'),
616
+                ),
617
+
618
+
619
+                'kachel_new_tab' => array(
620
+                    'label' => array('Link in neuen Tab öffnen', ''),
621
+                    'inputType' => 'checkbox',
622
+                    'eval' => array('tl_class' => 'w50'),
623
+                ),
624
+
625
+                'kachel_hovereffect' => array(
626
+                    'label' => array('Kachel nach Hover mit Effekt vergrößern', 'Ermöglicht die Eingabe von zusätzlichem Text'),
627
+                    'inputType' => 'checkbox',
628
+                    'eval' => array('tl_class' => 'clr'),
629
+                ),
630
+
631
+                'kachel_hover_text' => array(
632
+                    'label' => array('Hover-Text für Kachel (optional)', ''),
633
+                    'inputType' => 'textarea',
634
+                    'eval' => array('tl_class' => 'clr', 'rte' => 'tinyMCE'),
635
+                    'dependsOn' => array(
636
+                        'field' => 'kachel_hovereffect',
637
+                    ),
638
+
639
+                ),
640
+
641
+                'settings_3' => array(
642
+                    'label' => array('Inhalte', ''),
643
+                    'inputType' => 'group',
644
+                ),
645
+
646
+                'headline_type' => array(
647
+                    'label' => array(
648
+                        'de' => array('Typ der Überschrift', ''),
649
+                    ),
650
+                    'inputType' => 'select',
651
+                    'options' => array(
652
+                        'h1' => 'H1',
653
+                        'h2' => 'H2',
654
+                        'h3' => 'H3',
655
+                        'h4' => 'H4',
656
+                        'h5' => 'H5',
657
+                    ),
658
+                    'eval' => array('tl_class' => 'w50'),
659
+                ),
660
+
661
+                'headline' => array(
662
+                    'label' => array('Überschrift', ''),
663
+                    'inputType' => 'text',
664
+                    'eval' => array('tl_class' => 'w50'),
665
+                ),
666
+                'text' => array(
667
+                    'label' => array('Text', ''),
668
+                    'inputType' => 'text',
669
+                    'eval' => array(
670
+                        'allowHtml' => true,
671
+                        'rte' => 'tinyMCE',
672
+                        'tl_class' => 'clr'
673
+                    ),
674
+                ),
675
+
676
+                'textalign' => array(
677
+                    'label' => array(
678
+                        'de' => array('Text-Ausrichtung', ''),
679
+                    ),
680
+                    'inputType' => 'select',
681
+                    'options' => array(
682
+                        'text-start' => 'Linksbündig',
683
+                        'text-center' => 'Zentriert',
684
+                        'text-end' => 'Rechtsbündig',
685
+                    ),
686
+                    'eval' => array('tl_class' => 'w50'),
687
+                ),
688
+
689
+                'add_buttons' => array(
690
+                    'label' => array('Buttons hinzufügen', ''),
691
+                    'inputType' => 'checkbox',
692
+                    'eval' => array('tl_class' => 'clr'),
693
+                    'options' => array(
694
+                        '1' => 'Buttons hinzufügen',
695
+                    ),
696
+                ),
697
+
698
+                'buttons' => array(
699
+                    'label' => array('Buttons', ''),
700
+                    'elementLabel' => '%s. Button',
701
+                    'inputType' => 'list',
702
+                    'minItems' => 1,
703
+                    'maxItems' => 20,
704
+
705
+                    'dependsOn' => array(
706
+                        'field' => 'add_buttons',
707
+                        'value' => '1',
708
+                    ),
709
+
710
+                    'fields' => array(
711
+                        'animation_type' => array(
712
+                            'label' => array(
713
+                                'de' => array('Art der Einblendeanimation', 'Siehe https://animate.style/ für Beispiele'),
714
+                            ),
715
+                            'inputType' => 'select',
716
+                            'options' => array(
717
+                                /* Fading entrances  */
718
+                                'animate__fadeInUp' => 'fadeInUp (Meistens Standard)',
719
+                                'no-animation' => 'Keine Animation',
720
+                                'animate__fadeIn' => 'fadeIn',
721
+                                'animate__fadeInDown' => 'fadeInDown',
722
+                                'animate__fadeInDownBig' => 'fadeInDownBig',
723
+                                'animate__fadeInLeft' => 'fadeInLeft',
724
+                                'animate__fadeInLeftBig' => 'fadeInLeftBig',
725
+                                'animate__fadeInRight' => 'fadeInRight',
726
+                                'animate__fadeInRightBig' => 'fadeInRightBig',
727
+                                'animate__fadeInUpBig' => 'fadeInUpBig',
728
+                                'animate__fadeInTopLeft' => 'fadeInTopLeft',
729
+                                'animate__fadeInTopRight' => 'fadeInTopRight',
730
+                                'animate__fadeInBottomLeft' => 'fadeInBottomLeft',
731
+                                'animate__fadeInBottomRight' => 'fadeInBottomRight',
732
+                                /* Attention seekers  */
733
+                                'animate__bounce' => 'bounce',
734
+                                'animate__flash' => 'flash',
735
+                                'animate__pulse' => 'pulse',
736
+                                'animate__rubberBand' => 'rubberBand',
737
+                                'animate__shakeX' => 'shakeX',
738
+                                'animate__shakeY' => 'shakeY',
739
+                                'animate__headShake' => 'headShake',
740
+                                'animate__swing' => 'swing',
741
+                                'animate__tada' => 'tada',
742
+                                'animate__wobble' => 'wobble',
743
+                                'animate__jello' => 'jello',
744
+                                'animate__heartBeat' => 'heartBeat',
745
+                                /* Back entrances */
746
+                                'animate__backInDown' => 'backInDown',
747
+                                'animate__backInLeft' => 'backInLeft',
748
+                                'animate__backInRight' => 'backInRight',
749
+                                'animate__backInUp' => 'backInUp',
750
+                                /* Back exits */
751
+                                'animate__backOutDown' => 'backOutDown',
752
+                                'animate__backOutLeft' => 'backOutLeft',
753
+                                'animate__backOutRight' => 'backOutRight',
754
+                                'animate__backOutUp' => 'backOutUp',
755
+                                /* Bouncing entrances  */
756
+                                'animate__bounceIn' => 'bounceIn',
757
+                                'animate__bounceInDown' => 'bounceInDown',
758
+                                'animate__bounceInLeft' => 'bounceInLeft',
759
+                                'animate__bounceInRight' => 'bounceInRight',
760
+                                'animate__bounceInUp' => 'bounceInUp',
761
+                                /* Bouncing exits  */
762
+                                'animate__bounceOut' => 'bounceOut',
763
+                                'animate__bounceOutDown' => 'bounceOutDown',
764
+                                'animate__bounceOutLeft' => 'bounceOutLeft',
765
+                                'animate__bounceOutRight' => 'bounceOutRight',
766
+                                'animate__bounceOutUp' => 'bounceOutUp',
767
+                                /* Fading exits */
768
+                                'animate__fadeOut' => 'fadeOut',
769
+                                'animate__fadeOutDown' => 'fadeOutDown',
770
+                                'animate__fadeOutDownBig' => 'fadeOutDownBig',
771
+                                'animate__fadeOutLeft' => 'fadeOutLeft',
772
+                                'animate__fadeOutLeftBig' => 'fadeOutLeftBig',
773
+                                'animate__fadeOutRight' => 'fadeOutRight',
774
+                                'animate__fadeOutRightBig' => 'fadeOutRightBig',
775
+                                'animate__fadeOutUp' => 'fadeOutUp',
776
+                                'animate__fadeOutUpBig' => 'fadeOutUpBig',
777
+                                'animate__fadeOutTopLeft' => 'fadeOutTopLeft',
778
+                                'animate__fadeOutTopRight' => 'fadeOutTopRight',
779
+                                'animate__fadeOutBottomRight' => 'fadeOutBottomRight',
780
+                                'animate__fadeOutBottomLeft' => 'fadeOutBottomLeft',
781
+                                /* Flippers */
782
+                                'animate__flip' => 'flip',
783
+                                'animate__flipInX' => 'flipInX',
784
+                                'animate__flipInY' => 'flipInY',
785
+                                'animate__flipOutX' => 'flipOutX',
786
+                                'animate__flipOutY' => 'flipOutY',
787
+                                /* Lightspeed */
788
+                                'animate__lightSpeedInRight' => 'lightSpeedInRight',
789
+                                'animate__lightSpeedInLeft' => 'lightSpeedInLeft',
790
+                                'animate__lightSpeedOutRight' => 'lightSpeedOutRight',
791
+                                'animate__lightSpeedOutLeft' => 'lightSpeedOutLeft',
792
+                                /* Rotating entrances */
793
+                                'animate__rotateIn' => 'rotateIn',
794
+                                'animate__rotateInDownLeft' => 'rotateInDownLeft',
795
+                                'animate__rotateInDownRight' => 'rotateInDownRight',
796
+                                'animate__rotateInUpLeft' => 'rotateInUpLeft',
797
+                                'animate__rotateInUpRight' => 'rotateInUpRight',
798
+                                /* Rotating exits */
799
+                                'animate__rotateOut' => 'rotateOut',
800
+                                'animate__rotateOutDownLeft' => 'rotateOutDownLeft',
801
+                                'animate__rotateOutDownRight' => 'rotateOutDownRight',
802
+                                'animate__rotateOutUpLeft' => 'rotateOutUpLeft',
803
+                                'animate__rotateOutUpRight' => 'rotateOutUpRight',
804
+                                /* Specials */
805
+                                'animate__hinge' => 'hinge',
806
+                                'animate__jackInTheBox' => 'jackInTheBox',
807
+                                'animate__rollIn' => 'rollIn',
808
+                                'animate__rollOut' => 'rollOut',
809
+                                /* Zooming entrances */
810
+                                'animate__zoomIn' => 'zoomIn',
811
+                                'animate__zoomInDown' => 'zoomInDown',
812
+                                'animate__zoomInLeft' => 'zoomInLeft',
813
+                                'animate__zoomInRight' => 'zoomInRight',
814
+                                'animate__zoomInUp' => 'zoomInUp',
815
+                                /* Zooming exits */
816
+                                'animate__zoomOut' => 'zoomOut',
817
+                                'animate__zoomOutDown' => 'zoomOutDown',
818
+                                'animate__zoomOutLeft' => 'zoomOutLeft',
819
+                                'animate__zoomOutRight' => 'zoomOutRight',
820
+                                'animate__zoomOutUp' => 'zoomOutUp',
821
+                                /* Sliding entrances */
822
+                                'animate__slideInDown' => 'slideInDown',
823
+                                'animate__slideInLeft' => 'slideInLeft',
824
+                                'animate__slideInRight' => 'slideInRight',
825
+                                'animate__slideInUp' => 'slideInUp',
826
+                                /* Sliding exits */
827
+                                'animate__slideOutDown' => 'slideOutDown',
828
+                                'animate__slideOutLeft' => 'slideOutLeft',
829
+                                'animate__slideOutRight' => 'slideOutRight',
830
+                                'animate__slideOutUp' => 'slideOutUp',
831
+                            ),
832
+                            'eval' => array('chosen' => 'true')
833
+                        ),
834
+                        'link_text' => array(
835
+                            'label' => array('Link-Beschriftung', ''),
836
+                            'inputType' => 'text',
837
+                            'eval' => array('allowHtml' => true),
838
+                        ),
839
+                        'link_betreff' => array(
840
+                            'label' => array('Betreffzeile für "mailto:"-Buttons', '(optional, falls Link eine neue Email öffnen soll)'),
841
+                            'inputType' => 'text',
842
+                            'eval' => array('tl_class' => 'w50'),
843
+                        ),
844
+                        'link_url' => array(
845
+                            'label' => array('Verlinkung', ''),
846
+                            'inputType' => 'url',
847
+                            'eval' => array('tl_class' => 'w50'),
848
+                        ),
849
+
850
+                        'link_type' => array(
851
+                            'label' => array(
852
+                                'de' => array('Optik des Buttons', ''),
853
+                            ),
854
+                            'inputType' => 'select',
855
+                            'options' => array(
856
+                                'btn-primary' => 'Hauptfarbe',
857
+                                'btn-outline-primary' => 'Hauptfarbe(Outline)',
858
+                                'btn-secondary' => 'Sekundär - Farbe',
859
+                                'btn-outline-secondary' => 'Sekundär - Farbe(Outline)',
860
+                                'btn-link with-arrow' => 'Link - Optik mit Pfeilen',
861
+                                'btn-outline-black' => 'Transparenter Button mit schwarzer Schrift und Rahmen', 'btn-outline-white' => 'Transparenter Button mit weißer Schrift und Rahmen',
862
+                                'btn-white' => 'Weißer Button mit schwarzer Schrift',
863
+                            ),
864
+                            'eval' => array('tl_class' => 'w50'),
865
+                        ),
866
+                        'link_size' => array(
867
+                            'label' => array(
868
+                                'de' => array('Größe des Buttons', ''),
869
+                            ),
870
+                            'inputType' => 'select',
871
+                            'options' => array(
872
+                                '' => 'Standard',
873
+                                'btn-sm' => 'Klein',
874
+                                'btn-lg' => 'Groß',
875
+                            ),
876
+                            'eval' => array('tl_class' => 'w50'),
877
+                        ),
878
+
879
+                        'new_tab' => array(
880
+                            'label' => array('Link in neuen Tab öffnen', ''),
881
+                            'inputType' => 'checkbox',
882
+                            'eval' => array('tl_class' => 'clr'),
883
+                        ),
884
+                    ),
885
+                ),
886
+
887
+
888
+            ),
889
+        ),
890
+    ),
891
+);