PageSourceSearch

https://ru-digital.de/build/_shared/chunk-LTL4HYOU.js

js ru-digital.de collected 2026-10-06 05:22:51 UTC 234,944 bytes, 4,688 lines download raw bytes

1import {
2  C,
3  I,
4  Ke,
5  Le,
6  T,
7  V,
8  X,
9  e,
10  f,
11  j,
12  l,
13  l2,
14  m,
15  o,
16  o2,
17  p,
18  p2,
19  r,
20  s,
21  s2,
22  s3,
23  s4,
24  t,
25  u,
26  y
27} from "/build/_shared/chunk-EY65NO2V.js";
28import {
29  Ie,
30  _t
31} from "/build/_shared/chunk-C3KA4SO6.js";
32import {
33  logomain_default
34} from "/build/_shared/chunk-XYPXCSVK.js";
35import {
36  ArrowDownTrayIcon_default,
37  ArrowRightIcon_default,
38  ArrowUpOnSquareIcon_default,
39  AtSymbolIcon_default,
40  CheckBox,
41  ChevronUpIcon_default,
42  CustomSelect,
43  InklusionCard,
44  Link as Link2,
45  ListItem,
46  Modal,
47  PhotoIcon_default,
48  Section,
49  StarIcon_default,
50  VideoCameraIcon_default,
51  XCircleIcon_default,
52  XMarkIcon_default,
53  default_default,
54  es_default,
55  require_lib,
56  tabs_default,
57  wave_bg_top_white_default
58} from "/build/_shared/chunk-Y6OIBGDA.js";
59import {
60  ChevronUpIcon_default as ChevronUpIcon_default2,
61  GetScreenSize,
62  StarIcon_default as StarIcon_default2,
63  class_names_default,
64  copy_to_clipboard_default,
65  dateFormat,
66  get_client_side_config_default,
67  get_image_url_default,
68  require_lodash,
69  to_safe_path_segment_default
70} from "/build/_shared/chunk-P4WFY3UR.js";
71import {
72  require_react_dom
73} from "/build/_shared/chunk-VIU3M2OR.js";
74import {
75  Link,
76  init_esm,
77  useFetcher,
78  useNavigate,
79  useParams
80} from "/build/_shared/chunk-46RNFGVL.js";
81import {
82  React,
83  __commonJS,
84  __toESM,
85  init_react,
86  require_react
87} from "/build/_shared/chunk-BNRLY3XL.js";
88
vendor: 75,025 bytes, lines 89-1111
89// node_modules/react-image-gallery/build/image-gallery.js
90var require_image_gallery = __commonJS({
91  "node_modules/react-image-gallery/build/image-gallery.js"(exports, module) {
92    init_react();
93    !function(e3, t5) {
94      typeof exports == "object" && typeof module == "object" ? module.exports = t5(require_react()) : typeof define == "function" && define.amd ? define(["react"], t5) : typeof exports == "object" ? exports.ImageGallery = t5(require_react()) : e3.ImageGallery = t5(e3.React);
95    }(exports, function(e3) {
96      return (() => {
97        var t5 = { 703: (e4, t6, n4) => {
98          "use strict";
99          var i3 = n4(414);
100          function r5() {
101          }
102          function a3() {
103          }
104          a3.resetWarningCache = r5, e4.exports = function() {
105            function e5(e6, t8, n6, r6, a4, s12) {
106              if (s12 !== i3) {
107                var o4 = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
108                throw o4.name = "Invariant Violation", o4;
109              }
110            }
111            function t7() {
112              return e5;
113            }
114            e5.isRequired = e5;
115            var n5 = { array: e5, bool: e5, func: e5, number: e5, object: e5, string: e5, symbol: e5, any: e5, arrayOf: t7, element: e5, elementType: e5, instanceOf: t7, node: e5, objectOf: t7, oneOf: t7, oneOfType: t7, shape: t7, exact: t7, checkPropTypes: a3, resetWarningCache: r5 };
116            return n5.PropTypes = n5, n5;
117          };
118        }, 697: (e4, t6, n4) => {
119          e4.exports = n4(703)();
120        }, 414: (e4) => {
121          "use strict";
122          e4.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
123        }, 590: (e4) => {
124          var t6 = typeof Element != "undefined", n4 = typeof Map == "function", i3 = typeof Set == "function", r5 = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
125          function a3(e5, s12) {
126            if (e5 === s12)
127              return true;
128            if (e5 && s12 && typeof e5 == "object" && typeof s12 == "object") {
129              if (e5.constructor !== s12.constructor)
130                return false;
131              var o4, l6, u4, c3;
132              if (Array.isArray(e5)) {
133                if ((o4 = e5.length) != s12.length)
134                  return false;
135                for (l6 = o4; l6-- != 0; )
136                  if (!a3(e5[l6], s12[l6]))
137                    return false;
138                return true;
139              }
140              if (n4 && e5 instanceof Map && s12 instanceof Map) {
141                if (e5.size !== s12.size)
142                  return false;
143                for (c3 = e5.entries(); !(l6 = c3.next()).done; )
144                  if (!s12.has(l6.value[0]))
145                    return false;
146                for (c3 = e5.entries(); !(l6 = c3.next()).done; )
147                  if (!a3(l6.value[1], s12.get(l6.value[0])))
148                    return false;
149                return true;
150              }
151              if (i3 && e5 instanceof Set && s12 instanceof Set) {
152                if (e5.size !== s12.size)
153                  return false;
154                for (c3 = e5.entries(); !(l6 = c3.next()).done; )
155                  if (!s12.has(l6.value[0]))
156                    return false;
157                return true;
158              }
159              if (r5 && ArrayBuffer.isView(e5) && ArrayBuffer.isView(s12)) {
160                if ((o4 = e5.length) != s12.length)
161                  return false;
162                for (l6 = o4; l6-- != 0; )
163                  if (e5[l6] !== s12[l6])
164                    return false;
165                return true;
166              }
167              if (e5.constructor === RegExp)
168                return e5.source === s12.source && e5.flags === s12.flags;
169              if (e5.valueOf !== Object.prototype.valueOf)
170                return e5.valueOf() === s12.valueOf();
171              if (e5.toString !== Object.prototype.toString)
172                return e5.toString() === s12.toString();
173              if ((o4 = (u4 = Object.keys(e5)).length) !== Object.keys(s12).length)
174                return false;
175              for (l6 = o4; l6-- != 0; )
176                if (!Object.prototype.hasOwnProperty.call(s12, u4[l6]))
177                  return false;
178              if (t6 && e5 instanceof Element)
179                return false;
180              for (l6 = o4; l6-- != 0; )
181                if ((u4[l6] !== "_owner" && u4[l6] !== "__v" && u4[l6] !== "__o" || !e5.$$typeof) && !a3(e5[u4[l6]], s12[u4[l6]]))
182                  return false;
183              return true;
184            }
185            return e5 != e5 && s12 != s12;
186          }
187          e4.exports = function(e5, t7) {
188            try {
189              return a3(e5, t7);
190            } catch (e6) {
191              if ((e6.message || "").match(/stack|recursion/i))
192                return console.warn("react-fast-compare cannot handle circular refs"), false;
193              throw e6;
194            }
195          };
196        }, 37: function(e4, t6, n4) {
197          !function(e5, t7) {
198            function n5() {
199              return (n5 = Object.assign || function(e6) {
200                for (var t8 = 1; t8 < arguments.length; t8++) {
201                  var n6 = arguments[t8];
202                  for (var i4 in n6)
203                    Object.prototype.hasOwnProperty.call(n6, i4) && (e6[i4] = n6[i4]);
204                }
205                return e6;
206              }).apply(this, arguments);
207            }
208            var i3 = "Left", r5 = "Right", a3 = "Down", s12 = { delta: 10, preventDefaultTouchmoveEvent: false, rotationAngle: 0, trackMouse: false, trackTouch: true }, o4 = { first: true, initial: [0, 0], start: 0, swiping: false, xy: [0, 0] }, l6 = "mousemove", u4 = "mouseup";
209            function c3(e6, t8) {
210              if (t8 === 0)
211                return e6;
212              var n6 = Math.PI / 180 * t8;
213              return [e6[0] * Math.cos(n6) + e6[1] * Math.sin(n6), e6[1] * Math.cos(n6) - e6[0] * Math.sin(n6)];
214            }
215            function h5(e6, t8) {
216              var s13 = function(t9) {
217                t9 && "touches" in t9 && t9.touches.length > 1 || e6(function(e7, i4) {
218                  i4.trackMouse && (document.addEventListener(l6, h6), document.addEventListener(u4, f5));
219                  var r6 = "touches" in t9 ? t9.touches[0] : t9, a4 = c3([r6.clientX, r6.clientY], i4.rotationAngle);
220                  return n5({}, e7, o4, { initial: [].concat(a4), xy: a4, start: t9.timeStamp || 0 });
221                });
222              }, h6 = function(t9) {
223                e6(function(e7, s14) {
224                  if ("touches" in t9 && t9.touches.length > 1)
225                    return e7;
226                  var o5 = "touches" in t9 ? t9.touches[0] : t9, l7 = c3([o5.clientX, o5.clientY], s14.rotationAngle), u5 = l7[0], h7 = l7[1], d10 = u5 - e7.xy[0], f6 = h7 - e7.xy[1], p4 = Math.abs(d10), m9 = Math.abs(f6), g = (t9.timeStamp || 0) - e7.start, v3 = Math.sqrt(p4 * p4 + m9 * m9) / (g || 1), b = [d10 / (g || 1), f6 / (g || 1)];
227                  if (p4 < s14.delta && m9 < s14.delta && !e7.swiping)
228                    return e7;
229                  var y3 = function(e8, t10, n6, s15) {
230                    return e8 > t10 ? n6 > 0 ? r5 : i3 : s15 > 0 ? a3 : "Up";
231                  }(p4, m9, d10, f6), w2 = { absX: p4, absY: m9, deltaX: d10, deltaY: f6, dir: y3, event: t9, first: e7.first, initial: e7.initial, velocity: v3, vxvy: b };
232                  s14.onSwiping && s14.onSwiping(w2);
233                  var T5 = false;
234                  return (s14.onSwiping || s14.onSwiped || "onSwiped" + y3 in s14) && (T5 = true), T5 && s14.preventDefaultTouchmoveEvent && s14.trackTouch && t9.cancelable && t9.preventDefault(), n5({}, e7, { first: false, eventData: w2, swiping: true });
235                });
236              }, d9 = function(t9) {
237                e6(function(e7, i4) {
238                  var r6;
239                  if (e7.swiping && e7.eventData) {
240                    r6 = n5({}, e7.eventData, { event: t9 }), i4.onSwiped && i4.onSwiped(r6);
241                    var a4 = "onSwiped" + r6.dir;
242                    a4 in i4 && i4[a4](r6);
243                  } else
244                    i4.onTap && i4.onTap({ event: t9 });
245                  return n5({}, e7, o4, { eventData: r6 });
246                });
247              }, f5 = function(e7) {
248                document.removeEventListener(l6, h6), document.removeEventListener(u4, f5), d9(e7);
249              }, p3 = function(e7, t9) {
250                var n6 = function() {
251                };
252                if (e7 && e7.addEventListener) {
253                  var i4 = [["touchstart", s13], ["touchmove", h6], ["touchend", d9]];
254                  i4.forEach(function(n7) {
255                    var i5 = n7[0], r6 = n7[1];
256                    return e7.addEventListener(i5, r6, { passive: t9 });
257                  }), n6 = function() {
258                    return i4.forEach(function(t10) {
259                      var n7 = t10[0], i5 = t10[1];
260                      return e7.removeEventListener(n7, i5);
261                    });
262                  };
263                }
264                return n6;
265              }, m8 = { ref: function(t9) {
266                t9 !== null && e6(function(e7, i4) {
267                  if (e7.el === t9)
268                    return e7;
269                  var r6 = {};
270                  return e7.el && e7.el !== t9 && e7.cleanUpTouch && (e7.cleanUpTouch(), r6.cleanUpTouch = void 0), i4.trackTouch && t9 && (r6.cleanUpTouch = p3(t9, !i4.preventDefaultTouchmoveEvent)), n5({}, e7, { el: t9 }, r6);
271                });
272              } };
273              return t8.trackMouse && (m8.onMouseDown = s13), [m8, p3];
274            }
275            e5.DOWN = a3, e5.LEFT = i3, e5.RIGHT = r5, e5.UP = "Up", e5.useSwipeable = function(e6) {
276              var i4 = e6.trackMouse, r6 = t7.useRef(n5({}, o4)), a4 = t7.useRef(n5({}, s12));
277              a4.current = n5({}, s12, e6);
278              var l7 = t7.useMemo(function() {
279                return h5(function(e7) {
280                  return r6.current = e7(r6.current, a4.current);
281                }, { trackMouse: i4 });
282              }, [i4]), u5 = l7[0], c4 = l7[1];
283              return r6.current = function(e7, t8, i5) {
284                var r7 = {};
285                return !t8.trackTouch && e7.cleanUpTouch ? (e7.cleanUpTouch(), r7.cleanUpTouch = void 0) : t8.trackTouch && !e7.cleanUpTouch && e7.el && (r7.cleanUpTouch = i5(e7.el, !t8.preventDefaultTouchmoveEvent)), n5({}, e7, r7);
286              }(r6.current, a4.current, c4), u5;
287            };
288          }(t6, n4(888));
289        }, 888: (t6) => {
290          "use strict";
291          t6.exports = e3;
292        } }, n3 = {};
293        function i2(e4) {
294          var r5 = n3[e4];
295          if (r5 !== void 0)
296            return r5.exports;
297          var a3 = n3[e4] = { exports: {} };
298          return t5[e4].call(a3.exports, a3, a3.exports, i2), a3.exports;
299        }
300        i2.n = (e4) => {
301          var t6 = e4 && e4.__esModule ? () => e4.default : () => e4;
302          return i2.d(t6, { a: t6 }), t6;
303        }, i2.d = (e4, t6) => {
304          for (var n4 in t6)
305            i2.o(t6, n4) && !i2.o(e4, n4) && Object.defineProperty(e4, n4, { enumerable: true, get: t6[n4] });
306        }, i2.g = function() {
307          if (typeof globalThis == "object")
308            return globalThis;
309          try {
310            return this || new Function("return this")();
311          } catch (e4) {
312            if (typeof window == "object")
313              return window;
314          }
315        }(), i2.o = (e4, t6) => Object.prototype.hasOwnProperty.call(e4, t6), i2.r = (e4) => {
316          typeof Symbol != "undefined" && Symbol.toStringTag && Object.defineProperty(e4, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e4, "__esModule", { value: true });
317        };
318        var r4 = {};
319        return (() => {
320          "use strict";
321          function e4(t7) {
322            var n5, i3, r5 = "";
323            if (typeof t7 == "string" || typeof t7 == "number")
324              r5 += t7;
325            else if (typeof t7 == "object")
326              if (Array.isArray(t7))
327                for (n5 = 0; n5 < t7.length; n5++)
328                  t7[n5] && (i3 = e4(t7[n5])) && (r5 && (r5 += " "), r5 += i3);
329              else
330                for (n5 in t7)
331                  t7[n5] && (r5 && (r5 += " "), r5 += n5);
332            return r5;
333          }
334          function t6() {
335            for (var t7, n5, i3 = 0, r5 = ""; i3 < arguments.length; )
336              (t7 = arguments[i3++]) && (n5 = e4(t7)) && (r5 && (r5 += " "), r5 += n5);
337            return r5;
338          }
339          i2.r(r4), i2.d(r4, { default: () => Me3 });
340          var n4 = i2(888), a3 = i2.n(n4);
341          const s12 = function(e5) {
342            var t7 = typeof e5;
343            return e5 != null && (t7 == "object" || t7 == "function");
344          }, o4 = typeof globalThis == "object" && globalThis && globalThis.Object === Object && globalThis;
345          var l6 = typeof self == "object" && self && self.Object === Object && self;
346          const u4 = o4 || l6 || Function("return this")(), c3 = function() {
347            return u4.Date.now();
348          };
349          var h5 = /\s/;
350          var d9 = /^\s+/;
351          const f5 = function(e5) {
352            return e5 ? e5.slice(0, function(e6) {
353              for (var t7 = e6.length; t7-- && h5.test(e6.charAt(t7)); )
354                ;
355              return t7;
356            }(e5) + 1).replace(d9, "") : e5;
357          }, p3 = u4.Symbol;
358          var m8 = Object.prototype, g = m8.hasOwnProperty, v3 = m8.toString, b = p3 ? p3.toStringTag : void 0;
359          var y3 = Object.prototype.toString;
360          var w2 = p3 ? p3.toStringTag : void 0;
361          const T5 = function(e5) {
362            return e5 == null ? e5 === void 0 ? "[object Undefined]" : "[object Null]" : w2 && w2 in Object(e5) ? function(e6) {
363              var t7 = g.call(e6, b), n5 = e6[b];
364              try {
365                e6[b] = void 0;
366                var i3 = true;
367              } catch (e7) {
368              }
369              var r5 = v3.call(e6);
370              return i3 && (t7 ? e6[b] = n5 : delete e6[b]), r5;
371            }(e5) : function(e6) {
372              return y3.call(e6);
373            }(e5);
374          };
375          var S3 = /^[-+]0x[0-9a-f]+$/i, O = /^0b[01]+$/i, E3 = /^0o[0-7]+$/i, I3 = parseInt;
376          const k3 = function(e5) {
377            if (typeof e5 == "number")
378              return e5;
379            if (function(e6) {
380              return typeof e6 == "symbol" || function(e7) {
381                return e7 != null && typeof e7 == "object";
382              }(e6) && T5(e6) == "[object Symbol]";
383            }(e5))
384              return NaN;
385            if (s12(e5)) {
386              var t7 = typeof e5.valueOf == "function" ? e5.valueOf() : e5;
387              e5 = s12(t7) ? t7 + "" : t7;
388            }
389            if (typeof e5 != "string")
390              return e5 === 0 ? e5 : +e5;
391            e5 = f5(e5);
392            var n5 = O.test(e5);
393            return n5 || E3.test(e5) ? I3(e5.slice(2), n5 ? 2 : 8) : S3.test(e5) ? NaN : +e5;
394          };
395          var x3 = Math.max, _2 = Math.min;
396          const L4 = function(e5, t7, n5) {
397            var i3, r5, a4, o5, l7, u5, h6 = 0, d10 = false, f6 = false, p4 = true;
398            if (typeof e5 != "function")
399              throw new TypeError("Expected a function");
400            function m9(t8) {
401              var n6 = i3, a5 = r5;
402              return i3 = r5 = void 0, h6 = t8, o5 = e5.apply(a5, n6);
403            }
404            function g2(e6) {
405              return h6 = e6, l7 = setTimeout(b2, t7), d10 ? m9(e6) : o5;
406            }
407            function v4(e6) {
408              var n6 = e6 - u5;
409              return u5 === void 0 || n6 >= t7 || n6 < 0 || f6 && e6 - h6 >= a4;
410            }
411            function b2() {
412              var e6 = c3();
413              if (v4(e6))
414                return y4(e6);
415              l7 = setTimeout(b2, function(e7) {
416                var n6 = t7 - (e7 - u5);
417                return f6 ? _2(n6, a4 - (e7 - h6)) : n6;
418              }(e6));
419            }
420            function y4(e6) {
421              return l7 = void 0, p4 && i3 ? m9(e6) : (i3 = r5 = void 0, o5);
422            }
423            function w3() {
424              var e6 = c3(), n6 = v4(e6);
425              if (i3 = arguments, r5 = this, u5 = e6, n6) {
426                if (l7 === void 0)
427                  return g2(u5);
428                if (f6)
429                  return clearTimeout(l7), l7 = setTimeout(b2, t7), m9(u5);
430              }
431              return l7 === void 0 && (l7 = setTimeout(b2, t7)), o5;
432            }
433            return t7 = k3(t7) || 0, s12(n5) && (d10 = !!n5.leading, a4 = (f6 = "maxWait" in n5) ? x3(k3(n5.maxWait) || 0, t7) : a4, p4 = "trailing" in n5 ? !!n5.trailing : p4), w3.cancel = function() {
434              l7 !== void 0 && clearTimeout(l7), h6 = 0, i3 = u5 = r5 = l7 = void 0;
435            }, w3.flush = function() {
436              return l7 === void 0 ? o5 : y4(c3());
437            }, w3;
438          }, P3 = function(e5, t7, n5) {
439            var i3 = true, r5 = true;
440            if (typeof e5 != "function")
441              throw new TypeError("Expected a function");
442            return s12(n5) && (i3 = "leading" in n5 ? !!n5.leading : i3, r5 = "trailing" in n5 ? !!n5.trailing : r5), L4(e5, t7, { leading: i3, maxWait: t7, trailing: r5 });
443          };
444          var M3 = i2(590), R = i2.n(M3), D3 = function() {
445            if (typeof Map != "undefined")
446              return Map;
447            function e5(e6, t7) {
448              var n5 = -1;
449              return e6.some(function(e7, i3) {
450                return e7[0] === t7 && (n5 = i3, true);
451              }), n5;
452            }
453            return function() {
454              function t7() {
455                this.__entries__ = [];
456              }
457              return Object.defineProperty(t7.prototype, "size", { get: function() {
458                return this.__entries__.length;
459              }, enumerable: true, configurable: true }), t7.prototype.get = function(t8) {
460                var n5 = e5(this.__entries__, t8), i3 = this.__entries__[n5];
461                return i3 && i3[1];
462              }, t7.prototype.set = function(t8, n5) {
463                var i3 = e5(this.__entries__, t8);
464                ~i3 ? this.__entries__[i3][1] = n5 : this.__entries__.push([t8, n5]);
465              }, t7.prototype.delete = function(t8) {
466                var n5 = this.__entries__, i3 = e5(n5, t8);
467                ~i3 && n5.splice(i3, 1);
468              }, t7.prototype.has = function(t8) {
469                return !!~e5(this.__entries__, t8);
470              }, t7.prototype.clear = function() {
471                this.__entries__.splice(0);
472              }, t7.prototype.forEach = function(e6, t8) {
473                t8 === void 0 && (t8 = null);
474                for (var n5 = 0, i3 = this.__entries__; n5 < i3.length; n5++) {
475                  var r5 = i3[n5];
476                  e6.call(t8, r5[1], r5[0]);
477                }
478              }, t7;
479            }();
480          }(), F5 = typeof window != "undefined" && typeof document != "undefined" && window.document === document, C2 = i2.g !== void 0 && i2.g.Math === Math ? i2.g : typeof self != "undefined" && self.Math === Math ? self : typeof window != "undefined" && window.Math === Math ? window : Function("return this")(), W2 = typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(C2) : function(e5) {
481            return setTimeout(function() {
482              return e5(Date.now());
483            }, 1e3 / 60);
484          }, N2 = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], j3 = typeof MutationObserver != "undefined", z3 = function() {
485            function e5() {
486              this.connected_ = false, this.mutationEventsAdded_ = false, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = function(e6, t7) {
487                var n5 = false, i3 = false, r5 = 0;
488                function a4() {
489                  n5 && (n5 = false, e6()), i3 && o5();
490                }
491                function s13() {
492                  W2(a4);
493                }
494                function o5() {
495                  var e7 = Date.now();
496                  if (n5) {
497                    if (e7 - r5 < 2)
498                      return;
499                    i3 = true;
500                  } else
501                    n5 = true, i3 = false, setTimeout(s13, 20);
502                  r5 = e7;
503                }
504                return o5;
505              }(this.refresh.bind(this));
506            }
507            return e5.prototype.addObserver = function(e6) {
508              ~this.observers_.indexOf(e6) || this.observers_.push(e6), this.connected_ || this.connect_();
509            }, e5.prototype.removeObserver = function(e6) {
510              var t7 = this.observers_, n5 = t7.indexOf(e6);
511              ~n5 && t7.splice(n5, 1), !t7.length && this.connected_ && this.disconnect_();
512            }, e5.prototype.refresh = function() {
513              this.updateObservers_() && this.refresh();
514            }, e5.prototype.updateObservers_ = function() {
515              var e6 = this.observers_.filter(function(e7) {
516                return e7.gatherActive(), e7.hasActive();
517              });
518              return e6.forEach(function(e7) {
519                return e7.broadcastActive();
520              }), e6.length > 0;
521            }, e5.prototype.connect_ = function() {
522              F5 && !this.connected_ && (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), j3 ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, { attributes: true, childList: true, characterData: true, subtree: true })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = true), this.connected_ = true);
523            }, e5.prototype.disconnect_ = function() {
524              F5 && this.connected_ && (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = false, this.connected_ = false);
525            }, e5.prototype.onTransitionEnd_ = function(e6) {
526              var t7 = e6.propertyName, n5 = t7 === void 0 ? "" : t7;
527              N2.some(function(e7) {
528                return !!~n5.indexOf(e7);
529              }) && this.refresh();
530            }, e5.getInstance = function() {
531              return this.instance_ || (this.instance_ = new e5()), this.instance_;
532            }, e5.instance_ = null, e5;
533          }(), B2 = function(e5, t7) {
534            for (var n5 = 0, i3 = Object.keys(t7); n5 < i3.length; n5++) {
535              var r5 = i3[n5];
536              Object.defineProperty(e5, r5, { value: t7[r5], enumerable: false, writable: false, configurable: true });
537            }
538            return e5;
539          }, A4 = function(e5) {
540            return e5 && e5.ownerDocument && e5.ownerDocument.defaultView || C2;
541          }, G = V3(0, 0, 0, 0);
542          function U3(e5) {
543            return parseFloat(e5) || 0;
544          }
545          function H3(e5) {
546            for (var t7 = [], n5 = 1; n5 < arguments.length; n5++)
547              t7[n5 - 1] = arguments[n5];
548            return t7.reduce(function(t8, n6) {
549              return t8 + U3(e5["border-" + n6 + "-width"]);
550            }, 0);
551          }
552          var q2 = typeof SVGGraphicsElement != "undefined" ? function(e5) {
553            return e5 instanceof A4(e5).SVGGraphicsElement;
554          } : function(e5) {
555            return e5 instanceof A4(e5).SVGElement && typeof e5.getBBox == "function";
556          };
557          function K2(e5) {
558            return F5 ? q2(e5) ? function(e6) {
559              var t7 = e6.getBBox();
560              return V3(0, 0, t7.width, t7.height);
561            }(e5) : function(e6) {
562              var t7 = e6.clientWidth, n5 = e6.clientHeight;
563              if (!t7 && !n5)
564                return G;
565              var i3 = A4(e6).getComputedStyle(e6), r5 = function(e7) {
566                for (var t8 = {}, n6 = 0, i4 = ["top", "right", "bottom", "left"]; n6 < i4.length; n6++) {
567                  var r6 = i4[n6], a5 = e7["padding-" + r6];
568                  t8[r6] = U3(a5);
569                }
570                return t8;
571              }(i3), a4 = r5.left + r5.right, s13 = r5.top + r5.bottom, o5 = U3(i3.width), l7 = U3(i3.height);
572              if (i3.boxSizing === "border-box" && (Math.round(o5 + a4) !== t7 && (o5 -= H3(i3, "left", "right") + a4), Math.round(l7 + s13) !== n5 && (l7 -= H3(i3, "top", "bottom") + s13)), !function(e7) {
573                return e7 === A4(e7).document.documentElement;
574              }(e6)) {
575                var u5 = Math.round(o5 + a4) - t7, c4 = Math.round(l7 + s13) - n5;
576                Math.abs(u5) !== 1 && (o5 -= u5), Math.abs(c4) !== 1 && (l7 -= c4);
577              }
578              return V3(r5.left, r5.top, o5, l7);
579            }(e5) : G;
580          }
581          function V3(e5, t7, n5, i3) {
582            return { x: e5, y: t7, width: n5, height: i3 };
583          }
584          var X3 = function() {
585            function e5(e6) {
586              this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = V3(0, 0, 0, 0), this.target = e6;
587            }
588            return e5.prototype.isActive = function() {
589              var e6 = K2(this.target);
590              return this.contentRect_ = e6, e6.width !== this.broadcastWidth || e6.height !== this.broadcastHeight;
591            }, e5.prototype.broadcastRect = function() {
592              var e6 = this.contentRect_;
593              return this.broadcastWidth = e6.width, this.broadcastHeight = e6.height, e6;
594            }, e5;
595          }(), Y = function(e5, t7) {
596            var n5, i3, r5, a4, s13, o5, l7, u5 = (i3 = (n5 = t7).x, r5 = n5.y, a4 = n5.width, s13 = n5.height, o5 = typeof DOMRectReadOnly != "undefined" ? DOMRectReadOnly : Object, l7 = Object.create(o5.prototype), B2(l7, { x: i3, y: r5, width: a4, height: s13, top: r5, right: i3 + a4, bottom: s13 + r5, left: i3 }), l7);
597            B2(this, { target: e5, contentRect: u5 });
598          }, $2 = function() {
599            function e5(e6, t7, n5) {
600              if (this.activeObservations_ = [], this.observations_ = new D3(), typeof e6 != "function")
601                throw new TypeError("The callback provided as parameter 1 is not a function.");
602              this.callback_ = e6, this.controller_ = t7, this.callbackCtx_ = n5;
603            }
604            return e5.prototype.observe = function(e6) {
605              if (!arguments.length)
606                throw new TypeError("1 argument required, but only 0 present.");
607              if (typeof Element != "undefined" && Element instanceof Object) {
608                if (!(e6 instanceof A4(e6).Element))
609                  throw new TypeError('parameter 1 is not of type "Element".');
610                var t7 = this.observations_;
611                t7.has(e6) || (t7.set(e6, new X3(e6)), this.controller_.addObserver(this), this.controller_.refresh());
612              }
613            }, e5.prototype.unobserve = function(e6) {
614              if (!arguments.length)
615                throw new TypeError("1 argument required, but only 0 present.");
616              if (typeof Element != "undefined" && Element instanceof Object) {
617                if (!(e6 instanceof A4(e6).Element))
618                  throw new TypeError('parameter 1 is not of type "Element".');
619                var t7 = this.observations_;
620                t7.has(e6) && (t7.delete(e6), t7.size || this.controller_.removeObserver(this));
621              }
622            }, e5.prototype.disconnect = function() {
623              this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
624            }, e5.prototype.gatherActive = function() {
625              var e6 = this;
626              this.clearActive(), this.observations_.forEach(function(t7) {
627                t7.isActive() && e6.activeObservations_.push(t7);
628              });
629            }, e5.prototype.broadcastActive = function() {
630              if (this.hasActive()) {
631                var e6 = this.callbackCtx_, t7 = this.activeObservations_.map(function(e7) {
632                  return new Y(e7.target, e7.broadcastRect());
633                });
634                this.callback_.call(e6, t7, e6), this.clearActive();
635              }
636            }, e5.prototype.clearActive = function() {
637              this.activeObservations_.splice(0);
638            }, e5.prototype.hasActive = function() {
639              return this.activeObservations_.length > 0;
640            }, e5;
641          }(), J3 = typeof WeakMap != "undefined" ? /* @__PURE__ */ new WeakMap() : new D3(), Q2 = function e5(t7) {
642            if (!(this instanceof e5))
643              throw new TypeError("Cannot call a class as a function.");
644            if (!arguments.length)
645              throw new TypeError("1 argument required, but only 0 present.");
646            var n5 = z3.getInstance(), i3 = new $2(t7, n5, this);
647            J3.set(this, i3);
648          };
649          ["observe", "unobserve", "disconnect"].forEach(function(e5) {
650            Q2.prototype[e5] = function() {
651              var t7;
652              return (t7 = J3.get(this))[e5].apply(t7, arguments);
653            };
654          });
655          const Z2 = C2.ResizeObserver !== void 0 ? C2.ResizeObserver : Q2;
656          var ee = i2(37), te = i2(697), ne2 = a3().memo(function(e5) {
657            var t7 = e5.description, n5 = e5.fullscreen, i3 = e5.handleImageLoaded, r5 = e5.isFullscreen, s13 = e5.onImageError, o5 = e5.original, l7 = e5.originalAlt, u5 = e5.originalHeight, c4 = e5.originalWidth, h6 = e5.originalTitle, d10 = e5.sizes, f6 = e5.srcSet, p4 = e5.loading, m9 = r5 && n5 || o5;
658            return a3().createElement(a3().Fragment, null, a3().createElement("img", { className: "image-gallery-image", src: m9, alt: l7, srcSet: f6, height: u5, width: c4, sizes: d10, title: h6, onLoad: function(e6) {
659              return i3(e6, o5);
660            }, onError: s13, loading: p4 }), t7 && a3().createElement("span", { className: "image-gallery-description" }, t7));
661          });
662          ne2.displayName = "Item", ne2.propTypes = { description: te.string, fullscreen: te.string, handleImageLoaded: te.func.isRequired, isFullscreen: te.bool, onImageError: te.func.isRequired, original: te.string.isRequired, originalAlt: te.string, originalHeight: te.string, originalWidth: te.string, originalTitle: te.string, sizes: te.string, srcSet: te.string, loading: te.string }, ne2.defaultProps = { description: "", fullscreen: "", isFullscreen: false, originalAlt: "", originalHeight: "", originalWidth: "", originalTitle: "", sizes: "", srcSet: "", loading: "eager" };
663          const ie3 = ne2;
664          var re = { left: a3().createElement("polyline", { points: "15 18 9 12 15 6" }), right: a3().createElement("polyline", { points: "9 18 15 12 9 6" }), maximize: a3().createElement("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }), minimize: a3().createElement("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }), play: a3().createElement("polygon", { points: "5 3 19 12 5 21 5 3" }), pause: a3().createElement(a3().Fragment, null, a3().createElement("rect", { x: "6", y: "4", width: "4", height: "16" }), a3().createElement("rect", { x: "14", y: "4", width: "4", height: "16" })) }, ae3 = function(e5) {
665            var t7 = e5.strokeWidth, n5 = e5.viewBox, i3 = e5.icon;
666            return a3().createElement("svg", { className: "image-gallery-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: n5, fill: "none", stroke: "currentColor", strokeWidth: t7, strokeLinecap: "round", strokeLinejoin: "round" }, re[i3]);
667          };
668          ae3.propTypes = { strokeWidth: te.number, viewBox: te.string, icon: (0, te.oneOf)(["left", "right", "maximize", "minimize", "play", "pause"]).isRequired }, ae3.defaultProps = { strokeWidth: 1, viewBox: "0 0 24 24" };
669          const se2 = ae3;
670          var oe = a3().memo(function(e5) {
671            var t7 = e5.isFullscreen, n5 = e5.onClick;
672            return a3().createElement("button", { type: "button", className: "image-gallery-icon image-gallery-fullscreen-button", onClick: n5, "aria-label": "Open Fullscreen" }, a3().createElement(se2, { strokeWidth: 2, icon: t7 ? "minimize" : "maximize" }));
673          });
674          oe.displayName = "Fullscreen", oe.propTypes = { isFullscreen: te.bool.isRequired, onClick: te.func.isRequired };
675          const le3 = oe;
676          var ue2 = a3().memo(function(e5) {
677            var t7 = e5.disabled, n5 = e5.onClick;
678            return a3().createElement("button", { type: "button", className: "image-gallery-icon image-gallery-left-nav", disabled: t7, onClick: n5, "aria-label": "Previous Slide" }, a3().createElement(se2, { icon: "left", viewBox: "6 0 12 24" }));
679          });
680          ue2.displayName = "LeftNav", ue2.propTypes = { disabled: te.bool.isRequired, onClick: te.func.isRequired };
681          const ce2 = ue2;
682          var he2 = a3().memo(function(e5) {
683            var t7 = e5.disabled, n5 = e5.onClick;
684            return a3().createElement("button", { type: "button", className: "image-gallery-icon image-gallery-right-nav", disabled: t7, onClick: n5, "aria-label": "Next Slide" }, a3().createElement(se2, { icon: "right", viewBox: "6 0 12 24" }));
685          });
686          he2.displayName = "RightNav", he2.propTypes = { disabled: te.bool.isRequired, onClick: te.func.isRequired };
687          const de2 = he2;
688          var fe = a3().memo(function(e5) {
689            var t7 = e5.isPlaying, n5 = e5.onClick;
690            return a3().createElement("button", { type: "button", className: "image-gallery-icon image-gallery-play-button", onClick: n5, "aria-label": "Play or Pause Slideshow" }, a3().createElement(se2, { strokeWidth: 2, icon: t7 ? "pause" : "play" }));
691          });
692          fe.displayName = "PlayPause", fe.propTypes = { isPlaying: te.bool.isRequired, onClick: te.func.isRequired };
693          const pe2 = fe;
694          function me() {
695            return (me = Object.assign || function(e5) {
696              for (var t7 = 1; t7 < arguments.length; t7++) {
697                var n5 = arguments[t7];
698                for (var i3 in n5)
699                  Object.prototype.hasOwnProperty.call(n5, i3) && (e5[i3] = n5[i3]);
700              }
701              return e5;
702            }).apply(this, arguments);
703          }
704          var ge = function(e5) {
705            var t7 = e5.children, n5 = e5.className, i3 = e5.delta, r5 = e5.onSwiping, s13 = e5.onSwiped, o5 = (0, ee.useSwipeable)({ delta: i3, onSwiping: r5, onSwiped: s13 });
706            return a3().createElement("div", me({}, o5, { className: n5 }), t7);
707          };
708          ge.propTypes = { children: te.node.isRequired, className: te.string, delta: te.number, onSwiped: te.func, onSwiping: te.func }, ge.defaultProps = { className: "", delta: 0, onSwiping: function() {
709          }, onSwiped: function() {
710          } };
711          const ve2 = ge;
712          function be2(e5) {
713            return (be2 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e6) {
714              return typeof e6;
715            } : function(e6) {
716              return e6 && typeof Symbol == "function" && e6.constructor === Symbol && e6 !== Symbol.prototype ? "symbol" : typeof e6;
717            })(e5);
718          }
719          function ye2(e5, t7) {
720            var n5 = Object.keys(e5);
721            if (Object.getOwnPropertySymbols) {
722              var i3 = Object.getOwnPropertySymbols(e5);
723              t7 && (i3 = i3.filter(function(t8) {
724                return Object.getOwnPropertyDescriptor(e5, t8).enumerable;
725              })), n5.push.apply(n5, i3);
726            }
727            return n5;
728          }
729          function we3(e5) {
730            for (var t7 = 1; t7 < arguments.length; t7++) {
731              var n5 = arguments[t7] != null ? arguments[t7] : {};
732              t7 % 2 ? ye2(Object(n5), true).forEach(function(t8) {
733                Te2(e5, t8, n5[t8]);
734              }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e5, Object.getOwnPropertyDescriptors(n5)) : ye2(Object(n5)).forEach(function(t8) {
735                Object.defineProperty(e5, t8, Object.getOwnPropertyDescriptor(n5, t8));
736              });
737            }
738            return e5;
739          }
740          function Te2(e5, t7, n5) {
741            return t7 in e5 ? Object.defineProperty(e5, t7, { value: n5, enumerable: true, configurable: true, writable: true }) : e5[t7] = n5, e5;
742          }
743          function Se2(e5, t7) {
744            for (var n5 = 0; n5 < t7.length; n5++) {
745              var i3 = t7[n5];
746              i3.enumerable = i3.enumerable || false, i3.configurable = true, "value" in i3 && (i3.writable = true), Object.defineProperty(e5, i3.key, i3);
747            }
748          }
749          function Oe2(e5, t7) {
750            return (Oe2 = Object.setPrototypeOf || function(e6, t8) {
751              return e6.__proto__ = t8, e6;
752            })(e5, t7);
753          }
754          function Ee(e5, t7) {
755            return !t7 || be2(t7) !== "object" && typeof t7 != "function" ? Ie3(e5) : t7;
756          }
757          function Ie3(e5) {
758            if (e5 === void 0)
759              throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
760            return e5;
761          }
762          function ke3(e5) {
763            return (ke3 = Object.setPrototypeOf ? Object.getPrototypeOf : function(e6) {
764              return e6.__proto__ || Object.getPrototypeOf(e6);
765            })(e5);
766          }
767          var xe3 = ["fullscreenchange", "MSFullscreenChange", "mozfullscreenchange", "webkitfullscreenchange"], _e3 = (0, te.arrayOf)((0, te.shape)({ srcSet: te.string, media: te.string }));
768          function Le4(e5) {
769            var t7 = parseInt(e5.keyCode || e5.which || 0, 10);
770            return t7 === 66 || t7 === 62;
771          }
772          var Pe = function(e5) {
773            !function(e6, t7) {
774              if (typeof t7 != "function" && t7 !== null)
775                throw new TypeError("Super expression must either be null or a function");
776              e6.prototype = Object.create(t7 && t7.prototype, { constructor: { value: e6, writable: true, configurable: true } }), t7 && Oe2(e6, t7);
777            }(l7, e5);
778            var n5, i3, r5, s13, o5 = (r5 = l7, s13 = function() {
779              if (typeof Reflect == "undefined" || !Reflect.construct)
780                return false;
781              if (Reflect.construct.sham)
782                return false;
783              if (typeof Proxy == "function")
784                return true;
785              try {
786                return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
787                })), true;
788              } catch (e6) {
789                return false;
790              }
791            }(), function() {
792              var e6, t7 = ke3(r5);
793              if (s13) {
794                var n6 = ke3(this).constructor;
795                e6 = Reflect.construct(t7, arguments, n6);
796              } else
797                e6 = t7.apply(this, arguments);
798              return Ee(this, e6);
799            });
800            function l7(e6) {
801              var t7;
802              return function(e7, t8) {
803                if (!(e7 instanceof t8))
804                  throw new TypeError("Cannot call a class as a function");
805              }(this, l7), (t7 = o5.call(this, e6)).state = { currentIndex: e6.startIndex, thumbsTranslate: 0, thumbsSwipedTranslate: 0, currentSlideOffset: 0, galleryWidth: 0, thumbnailsWrapperWidth: 0, thumbnailsWrapperHeight: 0, thumbsStyle: { transition: "all ".concat(e6.slideDuration, "ms ease-out") }, isFullscreen: false, isSwipingThumbnail: false, isPlaying: false }, t7.loadedImages = {}, t7.imageGallery = a3().createRef(), t7.thumbnailsWrapper = a3().createRef(), t7.thumbnails = a3().createRef(), t7.imageGallerySlideWrapper = a3().createRef(), t7.handleImageLoaded = t7.handleImageLoaded.bind(Ie3(t7)), t7.handleKeyDown = t7.handleKeyDown.bind(Ie3(t7)), t7.handleMouseDown = t7.handleMouseDown.bind(Ie3(t7)), t7.handleTouchMove = t7.handleTouchMove.bind(Ie3(t7)), t7.handleOnSwiped = t7.handleOnSwiped.bind(Ie3(t7)), t7.handleScreenChange = t7.handleScreenChange.bind(Ie3(t7)), t7.handleSwiping = t7.handleSwiping.bind(Ie3(t7)), t7.handleThumbnailSwiping = t7.handleThumbnailSwiping.bind(Ie3(t7)), t7.handleOnThumbnailSwiped = t7.handleOnThumbnailSwiped.bind(Ie3(t7)), t7.onThumbnailMouseLeave = t7.onThumbnailMouseLeave.bind(Ie3(t7)), t7.handleImageError = t7.handleImageError.bind(Ie3(t7)), t7.pauseOrPlay = t7.pauseOrPlay.bind(Ie3(t7)), t7.renderThumbInner = t7.renderThumbInner.bind(Ie3(t7)), t7.renderItem = t7.renderItem.bind(Ie3(t7)), t7.slideLeft = t7.slideLeft.bind(Ie3(t7)), t7.slideRight = t7.slideRight.bind(Ie3(t7)), t7.toggleFullScreen = t7.toggleFullScreen.bind(Ie3(t7)), t7.togglePlay = t7.togglePlay.bind(Ie3(t7)), t7.unthrottledSlideToIndex = t7.slideToIndex, t7.slideToIndex = P3(t7.unthrottledSlideToIndex, e6.slideDuration, { trailing: false }), e6.lazyLoad && (t7.lazyLoaded = []), t7;
806            }
807            return n5 = l7, (i3 = [{ key: "componentDidMount", value: function() {
808              var e6 = this.props, t7 = e6.autoPlay, n6 = e6.useWindowKeyDown;
809              t7 && this.play(), n6 ? window.addEventListener("keydown", this.handleKeyDown) : this.imageGallery.current.addEventListener("keydown", this.handleKeyDown), window.addEventListener("mousedown", this.handleMouseDown), window.addEventListener("touchmove", this.handleTouchMove, { passive: false }), this.initResizeObserver(this.imageGallerySlideWrapper), this.addScreenChangeEvent();
810            } }, { key: "componentDidUpdate", value: function(e6, t7) {
811              var n6 = this.props, i4 = n6.items, r6 = n6.lazyLoad, a4 = n6.slideDuration, s14 = n6.slideInterval, o6 = n6.startIndex, l8 = n6.thumbnailPosition, u5 = n6.showThumbnails, c4 = n6.useWindowKeyDown, h6 = this.state, d10 = h6.currentIndex, f6 = h6.isPlaying, p4 = e6.items.length !== i4.length, m9 = !R()(e6.items, i4), g2 = e6.startIndex !== o6, v4 = e6.thumbnailPosition !== l8, b2 = e6.showThumbnails !== u5;
812              s14 === e6.slideInterval && a4 === e6.slideDuration || f6 && (this.pause(), this.play()), v4 && (this.removeResizeObserver(), this.initResizeObserver(this.imageGallerySlideWrapper)), (p4 || b2) && this.handleResize(), t7.currentIndex !== d10 && this.slideThumbnailBar(), e6.slideDuration !== a4 && (this.slideToIndex = P3(this.unthrottledSlideToIndex, a4, { trailing: false })), !r6 || e6.lazyLoad && !m9 || (this.lazyLoaded = []), c4 !== e6.useWindowKeyDown && (c4 ? (this.imageGallery.current.removeEventListener("keydown", this.handleKeyDown), window.addEventListener("keydown", this.handleKeyDown)) : (window.removeEventListener("keydown", this.handleKeyDown), this.imageGallery.current.addEventListener("keydown", this.handleKeyDown))), (g2 || m9) && this.setState({ currentIndex: o6, slideStyle: { transition: "none" } });
813            } }, { key: "componentWillUnmount", value: function() {
814              var e6 = this.props.useWindowKeyDown;
815              window.removeEventListener("mousedown", this.handleMouseDown), window.removeEventListener("touchmove", this.handleTouchMove), this.removeScreenChangeEvent(), this.removeResizeObserver(), this.playPauseIntervalId && (window.clearInterval(this.playPauseIntervalId), this.playPauseIntervalId = null), this.transitionTimer && window.clearTimeout(this.transitionTimer), e6 ? window.removeEventListener("keydown", this.handleKeyDown) : this.imageGallery.current.removeEventListener("keydown", this.handleKeyDown);
816            } }, { key: "onSliding", value: function() {
817              var e6 = this, t7 = this.state, n6 = t7.currentIndex, i4 = t7.isTransitioning, r6 = this.props, a4 = r6.onSlide, s14 = r6.slideDuration;
818              this.transitionTimer = window.setTimeout(function() {
819                i4 && (e6.setState({ isTransitioning: !i4, isSwipingThumbnail: false }), a4 && a4(n6));
820              }, s14 + 50);
821            } }, { key: "onThumbnailClick", value: function(e6, t7) {
822              var n6 = this.props.onThumbnailClick;
823              e6.target.parentNode.parentNode.blur(), this.slideToIndex(t7, e6), n6 && n6(e6, t7);
824            } }, { key: "onThumbnailMouseOver", value: function(e6, t7) {
825              var n6 = this;
826              this.thumbnailMouseOverTimer && (window.clearTimeout(this.thumbnailMouseOverTimer), this.thumbnailMouseOverTimer = null), this.thumbnailMouseOverTimer = window.setTimeout(function() {
827                n6.slideToIndex(t7), n6.pause();
828              }, 300);
829            } }, { key: "onThumbnailMouseLeave", value: function() {
830              if (this.thumbnailMouseOverTimer) {
831                var e6 = this.props.autoPlay;
832                window.clearTimeout(this.thumbnailMouseOverTimer), this.thumbnailMouseOverTimer = null, e6 && this.play();
833              }
834            } }, { key: "setThumbsTranslate", value: function(e6) {
835              this.setState({ thumbsTranslate: e6 });
836            } }, { key: "setModalFullscreen", value: function(e6) {
837              var t7 = this.props.onScreenChange;
838              this.setState({ modalFullscreen: e6 }), t7 && t7(e6);
839            } }, { key: "getThumbsTranslate", value: function(e6) {
840              var t7, n6 = this.props, i4 = n6.disableThumbnailScroll, r6 = n6.items, a4 = this.state, s14 = a4.thumbnailsWrapperWidth, o6 = a4.thumbnailsWrapperHeight, l8 = this.thumbnails && this.thumbnails.current;
841              if (i4)
842                return 0;
843              if (l8) {
844                if (this.isThumbnailVertical()) {
845                  if (l8.scrollHeight <= o6)
846                    return 0;
847                  t7 = l8.scrollHeight - o6;
848                } else {
849                  if (l8.scrollWidth <= s14 || s14 <= 0)
850                    return 0;
851                  t7 = l8.scrollWidth - s14;
852                }
853                return e6 * (t7 / (r6.length - 1));
854              }
855              return 0;
856            } }, { key: "getAlignmentClassName", value: function(e6) {
857              var t7 = this.state.currentIndex, n6 = this.props, i4 = n6.infinite, r6 = n6.items, a4 = "", s14 = "left", o6 = "right";
858              switch (e6) {
859                case t7 - 1:
860                  a4 = " ".concat(s14);
861                  break;
862                case t7:
863                  a4 = " ".concat("center");
864                  break;
865                case t7 + 1:
866                  a4 = " ".concat(o6);
867              }
868              return r6.length >= 3 && i4 && (e6 === 0 && t7 === r6.length - 1 ? a4 = " ".concat(o6) : e6 === r6.length - 1 && t7 === 0 && (a4 = " ".concat(s14))), a4;
869            } }, { key: "getTranslateXForTwoSlide", value: function(e6) {
870              var t7 = this.state, n6 = t7.currentIndex, i4 = t7.currentSlideOffset, r6 = t7.previousIndex, a4 = n6 !== r6, s14 = e6 === 0 && r6 === 0, o6 = e6 === 1 && r6 === 1, l8 = e6 === 0 && n6 === 1, u5 = e6 === 1 && n6 === 0, c4 = i4 === 0, h6 = -100 * n6 + 100 * e6 + i4;
871              return i4 > 0 ? this.direction = "left" : i4 < 0 && (this.direction = "right"), u5 && i4 > 0 && (h6 = -100 + i4), l8 && i4 < 0 && (h6 = 100 + i4), a4 ? s14 && c4 && this.direction === "left" ? h6 = 100 : o6 && c4 && this.direction === "right" && (h6 = -100) : (u5 && c4 && this.direction === "left" && (h6 = -100), l8 && c4 && this.direction === "right" && (h6 = 100)), h6;
872            } }, { key: "getThumbnailBarHeight", value: function() {
873              return this.isThumbnailVertical() ? { height: this.state.gallerySlideWrapperHeight } : {};
874            } }, { key: "getSlideStyle", value: function(e6) {
875              var t7 = this.state, n6 = t7.currentIndex, i4 = t7.currentSlideOffset, r6 = t7.slideStyle, a4 = this.props, s14 = a4.infinite, o6 = a4.items, l8 = a4.useTranslate3D, u5 = a4.isRTL, c4 = -100 * n6, h6 = o6.length - 1, d10 = (c4 + 100 * e6) * (u5 ? -1 : 1) + i4;
876              s14 && o6.length > 2 && (n6 === 0 && e6 === h6 ? d10 = -100 * (u5 ? -1 : 1) + i4 : n6 === h6 && e6 === 0 && (d10 = 100 * (u5 ? -1 : 1) + i4)), s14 && o6.length === 2 && (d10 = this.getTranslateXForTwoSlide(e6));
877              var f6 = "translate(".concat(d10, "%, 0)");
878              return l8 && (f6 = "translate3d(".concat(d10, "%, 0, 0)")), we3({ display: this.isSlideVisible(e6) ? "inherit" : "none", WebkitTransform: f6, MozTransform: f6, msTransform: f6, OTransform: f6, transform: f6 }, r6);
879            } }, { key: "getCurrentIndex", value: function() {
880              return this.state.currentIndex;
881            } }, { key: "getThumbnailStyle", value: function() {
882              var e6, t7 = this.props, n6 = t7.useTranslate3D, i4 = t7.isRTL, r6 = this.state, a4 = r6.thumbsTranslate, s14 = r6.thumbsStyle, o6 = i4 ? -1 * a4 : a4;
883              return this.isThumbnailVertical() ? (e6 = "translate(0, ".concat(a4, "px)"), n6 && (e6 = "translate3d(0, ".concat(a4, "px, 0)"))) : (e6 = "translate(".concat(o6, "px, 0)"), n6 && (e6 = "translate3d(".concat(o6, "px, 0, 0)"))), we3({ WebkitTransform: e6, MozTransform: e6, msTransform: e6, OTransform: e6, transform: e6 }, s14);
884            } }, { key: "getSlideItems", value: function() {
885              var e6 = this, n6 = this.state.currentIndex, i4 = this.props, r6 = i4.items, s14 = i4.slideOnThumbnailOver, o6 = i4.onClick, l8 = i4.lazyLoad, u5 = i4.onTouchMove, c4 = i4.onTouchEnd, h6 = i4.onTouchStart, d10 = i4.onMouseOver, f6 = i4.onMouseLeave, p4 = i4.renderItem, m9 = i4.renderThumbInner, g2 = i4.showThumbnails, v4 = i4.showBullets, b2 = [], y4 = [], w3 = [];
886              return r6.forEach(function(i5, r7) {
887                var T6 = e6.getAlignmentClassName(r7), S4 = i5.originalClass ? " ".concat(i5.originalClass) : "", O2 = i5.thumbnailClass ? " ".concat(i5.thumbnailClass) : "", E4 = i5.renderItem || p4 || e6.renderItem, I4 = i5.renderThumbInner || m9 || e6.renderThumbInner, k4 = !l8 || T6 || e6.lazyLoaded[r7];
888                k4 && l8 && !e6.lazyLoaded[r7] && (e6.lazyLoaded[r7] = true);
889                var x4 = e6.getSlideStyle(r7), _3 = a3().createElement("div", { "aria-label": "Go to Slide ".concat(r7 + 1), key: "slide-".concat(r7), tabIndex: "-1", className: "image-gallery-slide ".concat(T6, " ").concat(S4), style: x4, onClick: o6, onKeyUp: e6.handleSlideKeyUp, onTouchMove: u5, onTouchEnd: c4, onTouchStart: h6, onMouseOver: d10, onFocus: d10, onMouseLeave: f6, role: "button" }, k4 ? E4(i5) : a3().createElement("div", { style: { height: "100%" } }));
890                if (b2.push(_3), g2 && i5.thumbnail) {
891                  var L5 = t6("image-gallery-thumbnail", O2, { active: n6 === r7 });
892                  y4.push(a3().createElement("button", { key: "thumbnail-".concat(r7), type: "button", tabIndex: "0", "aria-pressed": n6 === r7 ? "true" : "false", "aria-label": "Go to Slide ".concat(r7 + 1), className: L5, onMouseLeave: s14 ? e6.onThumbnailMouseLeave : null, onMouseOver: function(t7) {
893                    return e6.handleThumbnailMouseOver(t7, r7);
894                  }, onFocus: function(t7) {
895                    return e6.handleThumbnailMouseOver(t7, r7);
896                  }, onKeyUp: function(t7) {
897                    return e6.handleThumbnailKeyUp(t7, r7);
898                  }, onClick: function(t7) {
899                    return e6.onThumbnailClick(t7, r7);
900                  } }, I4(i5)));
901                }
902                if (v4) {
903                  var P4 = t6("image-gallery-bullet", i5.bulletClass, { active: n6 === r7 });
904                  w3.push(a3().createElement("button", { type: "button", key: "bullet-".concat(r7), className: P4, onClick: function(t7) {
905                    return i5.bulletOnClick && i5.bulletOnClick({ item: i5, itemIndex: r7, currentIndex: n6 }), t7.target.blur(), e6.slideToIndex.call(e6, r7, t7);
906                  }, "aria-pressed": n6 === r7 ? "true" : "false", "aria-label": "Go to Slide ".concat(r7 + 1) }));
907                }
908              }), { slides: b2, thumbnails: y4, bullets: w3 };
909            } }, { key: "ignoreIsTransitioning", value: function() {
910              var e6 = this.props.items, t7 = this.state, n6 = t7.previousIndex, i4 = t7.currentIndex, r6 = e6.length - 1;
911              return Math.abs(n6 - i4) > 1 && !(n6 === 0 && i4 === r6) && !(n6 === r6 && i4 === 0);
912            } }, { key: "isFirstOrLastSlide", value: function(e6) {
913              return e6 === this.props.items.length - 1 || e6 === 0;
914            } }, { key: "slideIsTransitioning", value: function(e6) {
915              var t7 = this.state, n6 = t7.isTransitioning, i4 = t7.previousIndex, r6 = t7.currentIndex;
916              return n6 && !(e6 === i4 || e6 === r6);
917            } }, { key: "isSlideVisible", value: function(e6) {
918              return !this.slideIsTransitioning(e6) || this.ignoreIsTransitioning() && !this.isFirstOrLastSlide(e6);
919            } }, { key: "slideThumbnailBar", value: function() {
920              var e6 = this.state, t7 = e6.currentIndex, n6 = e6.isSwipingThumbnail, i4 = -this.getThumbsTranslate(t7);
921              n6 || (t7 === 0 ? this.setState({ thumbsTranslate: 0, thumbsSwipedTranslate: 0 }) : this.setState({ thumbsTranslate: i4, thumbsSwipedTranslate: i4 }));
922            } }, { key: "canSlide", value: function() {
923              return this.props.items.length >= 2;
924            } }, { key: "canSlideLeft", value: function() {
925              var e6 = this.props, t7 = e6.infinite, n6 = e6.isRTL;
926              return t7 || (n6 ? this.canSlideNext() : this.canSlidePrevious());
927            } }, { key: "canSlideRight", value: function() {
928              var e6 = this.props, t7 = e6.infinite, n6 = e6.isRTL;
929              return t7 || (n6 ? this.canSlidePrevious() : this.canSlideNext());
930            } }, { key: "canSlidePrevious", value: function() {
931              return this.state.currentIndex > 0;
932            } }, { key: "canSlideNext", value: function() {
933              return this.state.currentIndex < this.props.items.length - 1;
934            } }, { key: "handleSwiping", value: function(e6) {
935              var t7 = e6.event, n6 = e6.absX, i4 = e6.dir, r6 = this.props, a4 = r6.disableSwipe, s14 = r6.stopPropagation, o6 = this.state, l8 = o6.galleryWidth, u5 = o6.isTransitioning, c4 = o6.swipingUpDown, h6 = o6.swipingLeftRight;
936              if (i4 !== ee.UP && i4 !== ee.DOWN && !c4 || h6) {
937                if (i4 !== ee.LEFT && i4 !== ee.RIGHT || h6 || this.setState({ swipingLeftRight: true }), !a4) {
938                  var d10 = this.props.swipingTransitionDuration;
939                  if (s14 && t7.preventDefault(), u5)
940                    this.setState({ currentSlideOffset: 0 });
941                  else {
942                    var f6 = i4 === ee.RIGHT ? 1 : -1, p4 = n6 / l8 * 100;
943                    Math.abs(p4) >= 100 && (p4 = 100);
944                    var m9 = { transition: "transform ".concat(d10, "ms ease-out") };
945                    this.setState({ currentSlideOffset: f6 * p4, slideStyle: m9 });
946                  }
947                }
948              } else
949                c4 || this.setState({ swipingUpDown: true });
950            } }, { key: "handleThumbnailSwiping", value: function(e6) {
951              var t7 = e6.event, n6 = e6.absX, i4 = e6.absY, r6 = e6.dir, a4 = this.props, s14 = a4.stopPropagation, o6 = a4.swipingThumbnailTransitionDuration, l8 = this.state, u5 = l8.thumbsSwipedTranslate, c4 = l8.thumbnailsWrapperHeight, h6 = l8.thumbnailsWrapperWidth, d10 = l8.swipingUpDown, f6 = l8.swipingLeftRight;
952              if (this.isThumbnailVertical()) {
953                if ((r6 === ee.LEFT || r6 === ee.RIGHT || f6) && !d10)
954                  return void (f6 || this.setState({ swipingLeftRight: true }));
955                r6 !== ee.UP && r6 !== ee.DOWN || d10 || this.setState({ swipingUpDown: true });
956              } else {
957                if ((r6 === ee.UP || r6 === ee.DOWN || d10) && !f6)
958                  return void (d10 || this.setState({ swipingUpDown: true }));
959                r6 !== ee.LEFT && r6 !== ee.RIGHT || f6 || this.setState({ swipingLeftRight: true });
960              }
961              var p4, m9, g2, v4, b2, y4 = this.thumbnails && this.thumbnails.current;
962              if (this.isThumbnailVertical() ? (p4 = u5 + (r6 === ee.DOWN ? i4 : -i4), m9 = y4.scrollHeight - c4 + 20, g2 = Math.abs(p4) > m9, v4 = p4 > 20, b2 = y4.scrollHeight <= c4) : (p4 = u5 + (r6 === ee.RIGHT ? n6 : -n6), m9 = y4.scrollWidth - h6 + 20, g2 = Math.abs(p4) > m9, v4 = p4 > 20, b2 = y4.scrollWidth <= h6), !b2 && (r6 !== ee.LEFT && r6 !== ee.UP || !g2) && (r6 !== ee.RIGHT && r6 !== ee.DOWN || !v4)) {
963                s14 && t7.stopPropagation();
964                var w3 = { transition: "transform ".concat(o6, "ms ease-out") };
965                this.setState({ thumbsTranslate: p4, thumbsStyle: w3 });
966              }
967            } }, { key: "handleOnThumbnailSwiped", value: function() {
968              var e6 = this.state.thumbsTranslate, t7 = this.props.slideDuration;
969              this.resetSwipingDirection(), this.setState({ isSwipingThumbnail: true, thumbsSwipedTranslate: e6, thumbsStyle: { transition: "all ".concat(t7, "ms ease-out") } });
970            } }, { key: "sufficientSwipe", value: function() {
971              var e6 = this.state.currentSlideOffset, t7 = this.props.swipeThreshold;
972              return Math.abs(e6) > t7;
973            } }, { key: "resetSwipingDirection", value: function() {
974              var e6 = this.state, t7 = e6.swipingUpDown, n6 = e6.swipingLeftRight;
975              t7 && this.setState({ swipingUpDown: false }), n6 && this.setState({ swipingLeftRight: false });
976            } }, { key: "handleOnSwiped", value: function(e6) {
977              var t7 = e6.event, n6 = e6.dir, i4 = e6.velocity, r6 = this.props, a4 = r6.disableSwipe, s14 = r6.stopPropagation, o6 = r6.flickThreshold;
978              if (!a4) {
979                var l8 = this.props.isRTL;
980                s14 && t7.stopPropagation(), this.resetSwipingDirection();
981                var u5 = (n6 === ee.LEFT ? 1 : -1) * (l8 ? -1 : 1), c4 = n6 === ee.UP || n6 === ee.DOWN, h6 = i4 > o6 && !c4;
982                this.handleOnSwipedTo(u5, h6);
983              }
984            } }, { key: "handleOnSwipedTo", value: function(e6, t7) {
985              var n6 = this.state, i4 = n6.currentIndex, r6 = n6.isTransitioning, a4 = i4;
986              !this.sufficientSwipe() && !t7 || r6 || (a4 += e6), (e6 === -1 && !this.canSlideLeft() || e6 === 1 && !this.canSlideRight()) && (a4 = i4), this.unthrottledSlideToIndex(a4);
987            } }, { key: "handleTouchMove", value: function(e6) {
988              this.state.swipingLeftRight && e6.preventDefault();
989            } }, { key: "handleMouseDown", value: function() {
990              this.imageGallery.current.classList.add("image-gallery-using-mouse");
991            } }, { key: "handleKeyDown", value: function(e6) {
992              var t7 = this.props, n6 = t7.disableKeyDown, i4 = t7.useBrowserFullscreen, r6 = this.state.isFullscreen;
993              if (this.imageGallery.current.classList.remove("image-gallery-using-mouse"), !n6)
994                switch (parseInt(e6.keyCode || e6.which || 0, 10)) {
995                  case 37:
996                    this.canSlideLeft() && !this.playPauseIntervalId && this.slideLeft(e6);
997                    break;
998                  case 39:
999                    this.canSlideRight() && !this.playPauseIntervalId && this.slideRight(e6);
1000                    break;
1001                  case 27:
1002                    r6 && !i4 && this.exitFullScreen();
1003                }
1004            } }, { key: "handleImageError", value: function(e6) {
1005              var t7 = this.props.onErrorImageURL;
1006              t7 && e6.target.src.indexOf(t7) === -1 && (e6.target.src = t7);
1007            } }, { key: "removeResizeObserver", value: function() {
1008              this.resizeObserver && this.imageGallerySlideWrapper && this.imageGallerySlideWrapper.current && (this.resizeObserver.unobserve(this.imageGallerySlideWrapper.current), this.resizeObserver = null);
1009            } }, { key: "handleResize", value: function() {
1010              var e6 = this.state.currentIndex;
1011              this.resizeObserver && (this.imageGallery && this.imageGallery.current && this.setState({ galleryWidth: this.imageGallery.current.offsetWidth }), this.imageGallerySlideWrapper && this.imageGallerySlideWrapper.current && this.setState({ gallerySlideWrapperHeight: this.imageGallerySlideWrapper.current.offsetHeight }), this.thumbnailsWrapper && this.thumbnailsWrapper.current && (this.isThumbnailVertical() ? this.setState({ thumbnailsWrapperHeight: this.thumbnailsWrapper.current.offsetHeight }) : this.setState({ thumbnailsWrapperWidth: this.thumbnailsWrapper.current.offsetWidth })), this.setThumbsTranslate(-this.getThumbsTranslate(e6)));
1012            } }, { key: "initResizeObserver", value: function(e6) {
1013              var t7 = this;
1014              this.resizeObserver = new Z2(L4(function(e7) {
1015                e7 && e7.forEach(function() {
1016                  t7.handleResize();
1017                });
1018              }, 300)), this.resizeObserver.observe(e6.current);
1019            } }, { key: "toggleFullScreen", value: function() {
1020              this.state.isFullscreen ? this.exitFullScreen() : this.fullScreen();
1021            } }, { key: "togglePlay", value: function() {
1022              this.playPauseIntervalId ? this.pause() : this.play();
1023            } }, { key: "handleScreenChange", value: function() {
1024              var e6 = this.props, t7 = e6.onScreenChange, n6 = e6.useBrowserFullscreen, i4 = document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement, r6 = this.imageGallery.current === i4;
1025              t7 && t7(r6), n6 && this.setState({ isFullscreen: r6 });
1026            } }, { key: "slideToIndex", value: function(e6, t7) {
1027              var n6 = this.state, i4 = n6.currentIndex, r6 = n6.isTransitioning, a4 = this.props, s14 = a4.items, o6 = a4.slideDuration, l8 = a4.onBeforeSlide;
1028              if (!r6) {
1029                t7 && this.playPauseIntervalId && (this.pause(false), this.play(false));
1030                var u5 = s14.length - 1, c4 = e6;
1031                e6 < 0 ? c4 = u5 : e6 > u5 && (c4 = 0), l8 && c4 !== i4 && l8(c4), this.setState({ previousIndex: i4, currentIndex: c4, isTransitioning: c4 !== i4, currentSlideOffset: 0, slideStyle: { transition: "all ".concat(o6, "ms ease-out") } }, this.onSliding);
1032              }
1033            } }, { key: "slideLeft", value: function(e6) {
1034              var t7 = this.props.isRTL;
1035              this.slideTo(e6, t7 ? "right" : "left");
1036            } }, { key: "slideRight", value: function(e6) {
1037              var t7 = this.props.isRTL;
1038              this.slideTo(e6, t7 ? "left" : "right");
1039            } }, { key: "slideTo", value: function(e6, t7) {
1040              var n6 = this, i4 = this.state, r6 = i4.currentIndex, a4 = i4.currentSlideOffset, s14 = i4.isTransitioning, o6 = this.props.items, l8 = r6 + (t7 === "left" ? -1 : 1);
1041              s14 || (o6.length === 2 ? this.setState({ currentSlideOffset: a4 + (t7 === "left" ? 1e-3 : -1e-3), slideStyle: { transition: "none" } }, function() {
1042                window.setTimeout(function() {
1043                  return n6.slideToIndex(l8, e6);
1044                }, 25);
1045              }) : this.slideToIndex(l8, e6));
1046            } }, { key: "handleThumbnailMouseOver", value: function(e6, t7) {
1047              this.props.slideOnThumbnailOver && this.onThumbnailMouseOver(e6, t7);
1048            } }, { key: "handleThumbnailKeyUp", value: function(e6, t7) {
1049              Le4(e6) && this.onThumbnailClick(e6, t7);
1050            } }, { key: "handleSlideKeyUp", value: function(e6) {
1051              Le4(e6) && (0, this.props.onClick)(e6);
1052            } }, { key: "isThumbnailVertical", value: function() {
1053              var e6 = this.props.thumbnailPosition;
1054              return e6 === "left" || e6 === "right";
1055            } }, { key: "addScreenChangeEvent", value: function() {
1056              var e6 = this;
1057              xe3.forEach(function(t7) {
1058                document.addEventListener(t7, e6.handleScreenChange);
1059              });
1060            } }, { key: "removeScreenChangeEvent", value: function() {
1061              var e6 = this;
1062              xe3.forEach(function(t7) {
1063                document.removeEventListener(t7, e6.handleScreenChange);
1064              });
1065            } }, { key: "fullScreen", value: function() {
1066              var e6 = this.props.useBrowserFullscreen, t7 = this.imageGallery.current;
1067              e6 ? t7.requestFullscreen ? t7.requestFullscreen() : t7.msRequestFullscreen ? t7.msRequestFullscreen() : t7.mozRequestFullScreen ? t7.mozRequestFullScreen() : t7.webkitRequestFullscreen ? t7.webkitRequestFullscreen() : this.setModalFullscreen(true) : this.setModalFullscreen(true), this.setState({ isFullscreen: true });
1068            } }, { key: "exitFullScreen", value: function() {
1069              var e6 = this.state.isFullscreen, t7 = this.props.useBrowserFullscreen;
1070              e6 && (t7 ? document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.msExitFullscreen ? document.msExitFullscreen() : this.setModalFullscreen(false) : this.setModalFullscreen(false), this.setState({ isFullscreen: false }));
1071            } }, { key: "pauseOrPlay", value: function() {
1072              var e6 = this.props.infinite, t7 = this.state.currentIndex;
1073              e6 || this.canSlideRight() ? this.slideToIndex(t7 + 1) : this.pause();
1074            } }, { key: "play", value: function() {
1075              var e6 = !(arguments.length > 0 && arguments[0] !== void 0) || arguments[0], t7 = this.props, n6 = t7.onPlay, i4 = t7.slideInterval, r6 = t7.slideDuration, a4 = this.state.currentIndex;
1076              this.playPauseIntervalId || (this.setState({ isPlaying: true }), this.playPauseIntervalId = window.setInterval(this.pauseOrPlay, Math.max(i4, r6)), n6 && e6 && n6(a4));
1077            } }, { key: "pause", value: function() {
1078              var e6 = !(arguments.length > 0 && arguments[0] !== void 0) || arguments[0], t7 = this.props.onPause, n6 = this.state.currentIndex;
1079              this.playPauseIntervalId && (window.clearInterval(this.playPauseIntervalId), this.playPauseIntervalId = null, this.setState({ isPlaying: false }), t7 && e6 && t7(n6));
1080            } }, { key: "isImageLoaded", value: function(e6) {
1081              return !!this.loadedImages[e6.original] || (this.loadedImages[e6.original] = true, false);
1082            } }, { key: "handleImageLoaded", value: function(e6, t7) {
1083              var n6 = this.props.onImageLoad;
1084              !this.loadedImages[t7] && n6 && (this.loadedImages[t7] = true, n6(e6));
1085            } }, { key: "renderItem", value: function(e6) {
1086              var t7 = this.state.isFullscreen, n6 = this.props.onImageError || this.handleImageError;
1087              return a3().createElement(ie3, { description: e6.description, fullscreen: e6.fullscreen, handleImageLoaded: this.handleImageLoaded, isFullscreen: t7, onImageError: n6, original: e6.original, originalAlt: e6.originalAlt, originalHeight: e6.originalHeight, originalWidth: e6.originalWidth, originalTitle: e6.originalTitle, sizes: e6.sizes, loading: e6.loading, srcSet: e6.srcSet });
1088            } }, { key: "renderThumbInner", value: function(e6) {
1089              var t7 = this.props.onThumbnailError || this.handleImageError;
1090              return a3().createElement("span", { className: "image-gallery-thumbnail-inner" }, a3().createElement("img", { className: "image-gallery-thumbnail-image", src: e6.thumbnail, height: e6.thumbnailHeight, width: e6.thumbnailWidth, alt: e6.thumbnailAlt, title: e6.thumbnailTitle, loading: e6.thumbnailLoading, onError: t7 }), e6.thumbnailLabel && a3().createElement("div", { className: "image-gallery-thumbnail-label" }, e6.thumbnailLabel));
1091            } }, { key: "render", value: function() {
1092              var e6 = this.state, n6 = e6.currentIndex, i4 = e6.isFullscreen, r6 = e6.modalFullscreen, s14 = e6.isPlaying, o6 = this.props, l8 = o6.additionalClass, u5 = o6.disableThumbnailSwipe, c4 = o6.indexSeparator, h6 = o6.isRTL, d10 = o6.items, f6 = o6.thumbnailPosition, p4 = o6.renderFullscreenButton, m9 = o6.renderCustomControls, g2 = o6.renderLeftNav, v4 = o6.renderRightNav, b2 = o6.showBullets, y4 = o6.showFullscreenButton, w3 = o6.showIndex, T6 = o6.showThumbnails, S4 = o6.showNav, O2 = o6.showPlayButton, E4 = o6.renderPlayPauseButton, I4 = this.getThumbnailStyle(), k4 = this.getSlideItems(), x4 = k4.slides, _3 = k4.thumbnails, L5 = k4.bullets, P4 = t6("image-gallery-slide-wrapper", f6, { "image-gallery-rtl": h6 }), M4 = a3().createElement("div", { ref: this.imageGallerySlideWrapper, className: P4 }, m9 && m9(), this.canSlide() ? a3().createElement(a3().Fragment, null, S4 && a3().createElement(a3().Fragment, null, g2(this.slideLeft, !this.canSlideLeft()), v4(this.slideRight, !this.canSlideRight())), a3().createElement(ve2, { className: "image-gallery-swipe", delta: 0, onSwiping: this.handleSwiping, onSwiped: this.handleOnSwiped }, a3().createElement("div", { className: "image-gallery-slides" }, x4))) : a3().createElement("div", { className: "image-gallery-slides" }, x4), O2 && E4(this.togglePlay, s14), b2 && a3().createElement("div", { className: "image-gallery-bullets" }, a3().createElement("div", { className: "image-gallery-bullets-container", role: "navigation", "aria-label": "Bullet Navigation" }, L5)), y4 && p4(this.toggleFullScreen, i4), w3 && a3().createElement("div", { className: "image-gallery-index" }, a3().createElement("span", { className: "image-gallery-index-current" }, n6 + 1), a3().createElement("span", { className: "image-gallery-index-separator" }, c4), a3().createElement("span", { className: "image-gallery-index-total" }, d10.length))), R2 = t6("image-gallery", l8, { "fullscreen-modal": r6 }), D4 = t6("image-gallery-content", f6, { fullscreen: i4 }), F6 = t6("image-gallery-thumbnails-wrapper", f6, { "thumbnails-wrapper-rtl": !this.isThumbnailVertical() && h6 }, { "thumbnails-swipe-horizontal": !this.isThumbnailVertical() && !u5 }, { "thumbnails-swipe-vertical": this.isThumbnailVertical() && !u5 });
1093              return a3().createElement("div", { ref: this.imageGallery, className: R2, "aria-live": "polite" }, a3().createElement("div", { className: D4 }, (f6 === "bottom" || f6 === "right") && M4, T6 && _3.length > 0 ? a3().createElement(ve2, { className: F6, delta: 0, onSwiping: !u5 && this.handleThumbnailSwiping, onSwiped: !u5 && this.handleOnThumbnailSwiped }, a3().createElement("div", { className: "image-gallery-thumbnails", ref: this.thumbnailsWrapper, style: this.getThumbnailBarHeight() }, a3().createElement("nav", { ref: this.thumbnails, className: "image-gallery-thumbnails-container", style: I4, "aria-label": "Thumbnail Navigation" }, _3))) : null, (f6 === "top" || f6 === "left") && M4));
1094            } }]) && Se2(n5.prototype, i3), l7;
1095          }(a3().Component);
1096          Pe.propTypes = { flickThreshold: te.number, items: (0, te.arrayOf)((0, te.shape)({ bulletClass: te.string, bulletOnClick: te.func, description: te.string, original: te.string, originalHeight: te.number, originalWidth: te.number, loading: te.string, thumbnailHeight: te.number, thumbnailWidth: te.number, thumbnailLoading: te.string, fullscreen: te.string, originalAlt: te.string, originalTitle: te.string, thumbnail: te.string, thumbnailAlt: te.string, thumbnailLabel: te.string, thumbnailTitle: te.string, originalClass: te.string, thumbnailClass: te.string, renderItem: te.func, renderThumbInner: te.func, imageSet: _e3, srcSet: te.string, sizes: te.string })).isRequired, showNav: te.bool, autoPlay: te.bool, lazyLoad: te.bool, infinite: te.bool, showIndex: te.bool, showBullets: te.bool, showThumbnails: te.bool, showPlayButton: te.bool, showFullscreenButton: te.bool, disableThumbnailScroll: te.bool, disableKeyDown: te.bool, disableSwipe: te.bool, disableThumbnailSwipe: te.bool, useBrowserFullscreen: te.bool, onErrorImageURL: te.string, indexSeparator: te.string, thumbnailPosition: (0, te.oneOf)(["top", "bottom", "left", "right"]), startIndex: te.number, slideDuration: te.number, slideInterval: te.number, slideOnThumbnailOver: te.bool, swipeThreshold: te.number, swipingTransitionDuration: te.number, swipingThumbnailTransitionDuration: te.number, onSlide: te.func, onBeforeSlide: te.func, onScreenChange: te.func, onPause: te.func, onPlay: te.func, onClick: te.func, onImageLoad: te.func, onImageError: te.func, onTouchMove: te.func, onTouchEnd: te.func, onTouchStart: te.func, onMouseOver: te.func, onMouseLeave: te.func, onThumbnailError: te.func, onThumbnailClick: te.func, renderCustomControls: te.func, renderLeftNav: te.func, renderRightNav: te.func, renderPlayPauseButton: te.func, renderFullscreenButton: te.func, renderItem: te.func, renderThumbInner: te.func, stopPropagation: te.bool, additionalClass: te.string, useTranslate3D: te.bool, isRTL: te.bool, useWindowKeyDown: te.bool }, Pe.defaultProps = { onErrorImageURL: "", additionalClass: "", showNav: true, autoPlay: false, lazyLoad: false, infinite: true, showIndex: false, showBullets: false, showThumbnails: true, showPlayButton: true, showFullscreenButton: true, disableThumbnailScroll: false, disableKeyDown: false, disableSwipe: false, disableThumbnailSwipe: false, useTranslate3D: true, isRTL: false, useBrowserFullscreen: true, flickThreshold: 0.4, stopPropagation: false, indexSeparator: " / ", thumbnailPosition: "bottom", startIndex: 0, slideDuration: 450, swipingTransitionDuration: 0, swipingThumbnailTransitionDuration: 0, onSlide: null, onBeforeSlide: null, onScreenChange: null, onPause: null, onPlay: null, onClick: null, onImageLoad: null, onImageError: null, onTouchMove: null, onTouchEnd: null, onTouchStart: null, onMouseOver: null, onMouseLeave: null, onThumbnailError: null, onThumbnailClick: null, renderCustomControls: null, renderThumbInner: null, renderItem: null, slideInterval: 3e3, slideOnThumbnailOver: false, swipeThreshold: 30, renderLeftNav: function(e5, t7) {
1097            return a3().createElement(ce2, { onClick: e5, disabled: t7 });
1098          }, renderRightNav: function(e5, t7) {
1099            return a3().createElement(de2, { onClick: e5, disabled: t7 });
1100          }, renderPlayPauseButton: function(e5, t7) {
1101            return a3().createElement(pe2, { onClick: e5, isPlaying: t7 });
1102          }, renderFullscreenButton: function(e5, t7) {
1103            return a3().createElement(le3, { onClick: e5, isFullscreen: t7 });
1104          }, useWindowKeyDown: true };
1105          const Me3 = Pe;
1106        })(), r4;
1107      })();
1108    });
1109  }
1110});
1111
1112// app/screens/articles/breadcrumb.tsx
1113init_react();
1114init_esm();
1115var Breadcrumb = ({
1116  mainPage = "Alle Medien",
1117  detailsPage = "Artikel"
1118}) => {
1119  const navigate = useNavigate();
1120  const params = useParams();
1121  const isID = !!((params == null ? void 0 : params.methodId) || (params == null ? void 0 : params.articleId));
1122  return /* @__PURE__ */ React.createElement("nav", {
1123    className: "hidden bg-transparent py-1 px-3 md:flex lg:py-3 lg:px-0",
1124    "aria-label": "Breadcrumb"
1125  }, /* @__PURE__ */ React.createElement("ol", {
1126    className: "inline-flex items-center space-x-1 text-lg md:space-x-3"
1127  }, /* @__PURE__ */ React.createElement("li", {
1128    className: "inline-flex cursor-pointer items-center border-l-4 border-secondary py-3",
1129    onClick: () => navigate(-1)
1130  }, /* @__PURE__ */ React.createElement("span", {
1131    className: class_names_default(isID ? "text-slate-500 hover:text-primary" : "text-default", "ml-1  text-sm md:ml-4")
1132  }, mainPage)), /* @__PURE__ */ React.createElement("li", {
1133    className: "py-3"
1134  }, /* @__PURE__ */ React.createElement("div", {
1135    className: "flex items-center"
1136  }, /* @__PURE__ */ React.createElement("svg", {
1137    className: "h-6 w-6 text-gray-400",
1138    fill: "currentColor",
1139    viewBox: "0 0 20 20",
1140    xmlns: "http://www.w3.org/2000/svg"
1141  }, /* @__PURE__ */ React.createElement("path", {
1142    fillRule: "evenodd",
1143    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
1144    clipRule: "evenodd"
1145  })), /* @__PURE__ */ React.createElement("p", {
1146    className: class_names_default(isID ? "text-default" : "text-slate-500", "ml-1 text-sm md:ml-2")
1147  }, detailsPage)))));
1148};
1149
1150// app/screens/articles/article_description_layout.tsx
1151init_react();
1152var import_react16 = __toESM(require_react());
1153var import_react_image_gallery = __toESM(require_image_gallery());
1154
vendor: 130 bytes, lines 1155-1158
1155// node_modules/@headlessui/react/dist/hooks/use-outside-click.js
1156init_react();
1157var import_react3 = __toESM(require_react(), 1);
1158
vendor: 3,342 bytes, lines 1159-1236
1159// node_modules/@headlessui/react/dist/utils/focus-management.js
1160init_react();
1161var f2 = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e3) => `${e3}:not([tabindex='-1'])`).join(",");
1162var L = ((r4) => (r4[r4.First = 1] = "First", r4[r4.Previous = 2] = "Previous", r4[r4.Next = 4] = "Next", r4[r4.Last = 8] = "Last", r4[r4.WrapAround = 16] = "WrapAround", r4[r4.NoScroll = 32] = "NoScroll", r4))(L || {});
1163var N = ((o4) => (o4[o4.Error = 0] = "Error", o4[o4.Overflow = 1] = "Overflow", o4[o4.Success = 2] = "Success", o4[o4.Underflow = 3] = "Underflow", o4))(N || {});
1164var T2 = ((n3) => (n3[n3.Previous = -1] = "Previous", n3[n3.Next = 1] = "Next", n3))(T2 || {});
1165function E(e3 = document.body) {
1166  return e3 == null ? [] : Array.from(e3.querySelectorAll(f2)).sort((t5, n3) => Math.sign((t5.tabIndex || Number.MAX_SAFE_INTEGER) - (n3.tabIndex || Number.MAX_SAFE_INTEGER)));
1167}
1168var F = ((n3) => (n3[n3.Strict = 0] = "Strict", n3[n3.Loose = 1] = "Loose", n3))(F || {});
1169function h(e3, t5 = 0) {
1170  var n3;
1171  return e3 === ((n3 = e(e3)) == null ? void 0 : n3.body) ? false : u(t5, { [0]() {
1172    return e3.matches(f2);
1173  }, [1]() {
1174    let l6 = e3;
1175    for (; l6 !== null; ) {
1176      if (l6.matches(f2))
1177        return true;
1178      l6 = l6.parentElement;
1179    }
1180    return false;
1181  } });
1182}
1183function S(e3) {
1184  e3 == null || e3.focus({ preventScroll: true });
1185}
1186var H = ["textarea", "input"].join(",");
1187function w(e3) {
1188  var t5, n3;
1189  return (n3 = (t5 = e3 == null ? void 0 : e3.matches) == null ? void 0 : t5.call(e3, H)) != null ? n3 : false;
1190}
1191function A(e3, t5 = (n3) => n3) {
1192  return e3.slice().sort((n3, l6) => {
1193    let o4 = t5(n3), i2 = t5(l6);
1194    if (o4 === null || i2 === null)
1195      return 0;
1196    let r4 = o4.compareDocumentPosition(i2);
1197    return r4 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : r4 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
1198  });
1199}
1200function I2(e3, t5, { sorted: n3 = true, relativeTo: l6 = null, skipElements: o4 = [] } = {}) {
1201  let i2 = Array.isArray(e3) ? e3.length > 0 ? e3[0].ownerDocument : document : e3.ownerDocument, r4 = Array.isArray(e3) ? n3 ? A(e3) : e3 : E(e3);
1202  o4.length > 0 && r4.length > 1 && (r4 = r4.filter((s12) => !o4.includes(s12))), l6 = l6 != null ? l6 : i2.activeElement;
1203  let d9 = (() => {
1204    if (t5 & 5)
1205      return 1;
1206    if (t5 & 10)
1207      return -1;
1208    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
1209  })(), x3 = (() => {
1210    if (t5 & 1)
1211      return 0;
1212    if (t5 & 2)
1213      return Math.max(0, r4.indexOf(l6)) - 1;
1214    if (t5 & 4)
1215      return Math.max(0, r4.indexOf(l6)) + 1;
1216    if (t5 & 8)
1217      return r4.length - 1;
1218    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
1219  })(), p3 = t5 & 32 ? { preventScroll: true } : {}, c3 = 0, a3 = r4.length, u4;
1220  do {
1221    if (c3 >= a3 || c3 + a3 <= 0)
1222      return 0;
1223    let s12 = x3 + c3;
1224    if (t5 & 16)
1225      s12 = (s12 + a3) % a3;
1226    else {
1227      if (s12 < 0)
1228        return 3;
1229      if (s12 >= a3)
1230        return 1;
1231    }
1232    u4 = r4[s12], u4 == null || u4.focus(p3), c3 += d9;
1233  } while (u4 !== i2.activeElement);
1234  return t5 & 6 && w(u4) && u4.select(), u4.hasAttribute("tabindex") || u4.setAttribute("tabindex", "0"), 2;
1235}
1236
vendor: 380 bytes, lines 1237-1249
1237// node_modules/@headlessui/react/dist/hooks/use-document-event.js
1238init_react();
1239var import_react2 = __toESM(require_react(), 1);
1240function d(e3, r4, n3) {
1241  let o4 = s2(r4);
1242  (0, import_react2.useEffect)(() => {
1243    function t5(u4) {
1244      o4.current(u4);
1245    }
1246    return document.addEventListener(e3, t5, n3), () => document.removeEventListener(e3, t5, n3);
1247  }, [e3, n3]);
1248}
1249
vendor: 1,380 bytes, lines 1250-1283
1250// node_modules/@headlessui/react/dist/hooks/use-outside-click.js
1251function L2(m8, E3, c3 = true) {
1252  let i2 = (0, import_react3.useRef)(false);
1253  (0, import_react3.useEffect)(() => {
1254    requestAnimationFrame(() => {
1255      i2.current = c3;
1256    });
1257  }, [c3]);
1258  function f5(e3, o4) {
1259    if (!i2.current || e3.defaultPrevented)
1260      return;
1261    let l6 = function r4(t5) {
1262      return typeof t5 == "function" ? r4(t5()) : Array.isArray(t5) || t5 instanceof Set ? t5 : [t5];
1263    }(m8), n3 = o4(e3);
1264    if (n3 !== null && !!n3.getRootNode().contains(n3)) {
1265      for (let r4 of l6) {
1266        if (r4 === null)
1267          continue;
1268        let t5 = r4 instanceof HTMLElement ? r4 : r4.current;
1269        if (t5 != null && t5.contains(n3) || e3.composed && e3.composedPath().includes(t5))
1270          return;
1271      }
1272      return !h(n3, F.Loose) && n3.tabIndex !== -1 && e3.preventDefault(), E3(e3, n3);
1273    }
1274  }
1275  let u4 = (0, import_react3.useRef)(null);
1276  d("mousedown", (e3) => {
1277    var o4, l6;
1278    i2.current && (u4.current = ((l6 = (o4 = e3.composedPath) == null ? void 0 : o4.call(e3)) == null ? void 0 : l6[0]) || e3.target);
1279  }, true), d("click", (e3) => {
1280    !u4.current || (f5(e3, () => u4.current), u4.current = null);
1281  }, true), d("blur", (e3) => f5(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
1282}
1283
vendor: 679 bytes, lines 1284-1292
1284// node_modules/@headlessui/react/dist/internal/hidden.js
1285init_react();
1286var a = "div";
1287var s6 = ((e3) => (e3[e3.None = 1] = "None", e3[e3.Focusable = 2] = "Focusable", e3[e3.Hidden = 4] = "Hidden", e3))(s6 || {});
1288var h2 = V(function(t5, o4) {
1289  let { features: e3 = 1, ...r4 } = t5, d9 = { ref: o4, "aria-hidden": (e3 & 2) === 2 ? true : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(e3 & 4) === 4 && (e3 & 2) !== 2 && { display: "none" } } };
1290  return X({ ourProps: d9, theirProps: r4, slot: {}, defaultTag: a, name: "Hidden" });
1291});
1292
vendor: 435 bytes, lines 1293-1307
1293// node_modules/@headlessui/react/dist/hooks/use-watch.js
1294init_react();
1295var import_react4 = __toESM(require_react(), 1);
1296function m3(u4, t5) {
1297  let e3 = (0, import_react4.useRef)([]), r4 = o(u4);
1298  (0, import_react4.useEffect)(() => {
1299    let o4 = [...e3.current];
1300    for (let [n3, a3] of t5.entries())
1301      if (e3.current[n3] !== a3) {
1302        let l6 = r4(t5, o4);
1303        return e3.current = t5, l6;
1304      }
1305  }, [r4, ...t5]);
1306}
1307
vendor: 132 bytes, lines 1308-1311
1308// node_modules/@headlessui/react/dist/components/dialog/dialog.js
1309init_react();
1310var import_react14 = __toESM(require_react(), 1);
1311
vendor: 139 bytes, lines 1312-1315
1312// node_modules/@headlessui/react/dist/components/focus-trap/focus-trap.js
1313init_react();
1314var import_react9 = __toESM(require_react(), 1);
1315
vendor: 130 bytes, lines 1316-1319
1316// node_modules/@headlessui/react/dist/hooks/use-tab-direction.js
1317init_react();
1318var import_react6 = __toESM(require_react(), 1);
1319
vendor: 375 bytes, lines 1320-1332
1320// node_modules/@headlessui/react/dist/hooks/use-window-event.js
1321init_react();
1322var import_react5 = __toESM(require_react(), 1);
1323function s8(e3, r4, n3) {
1324  let o4 = s2(r4);
1325  (0, import_react5.useEffect)(() => {
1326    function t5(i2) {
1327      o4.current(i2);
1328    }
1329    return window.addEventListener(e3, t5, n3), () => window.removeEventListener(e3, t5, n3);
1330  }, [e3, n3]);
1331}
1332
vendor: 339 bytes, lines 1333-1341
1333// node_modules/@headlessui/react/dist/hooks/use-tab-direction.js
1334var s9 = ((r4) => (r4[r4.Forwards = 0] = "Forwards", r4[r4.Backwards = 1] = "Backwards", r4))(s9 || {});
1335function n() {
1336  let e3 = (0, import_react6.useRef)(0);
1337  return s8("keydown", (o4) => {
1338    o4.key === "Tab" && (e3.current = o4.shiftKey ? 1 : 0);
1339  }, true), e3;
1340}
1341
vendor: 207 bytes, lines 1342-1348
1342// node_modules/@headlessui/react/dist/hooks/use-owner.js
1343init_react();
1344var import_react7 = __toESM(require_react(), 1);
1345function n2(...e3) {
1346  return (0, import_react7.useMemo)(() => e(...e3), [...e3]);
1347}
1348
vendor: 412 bytes, lines 1349-1362
1349// node_modules/@headlessui/react/dist/hooks/use-event-listener.js
1350init_react();
1351var import_react8 = __toESM(require_react(), 1);
1352function E2(n3, e3, a3, t5) {
1353  let i2 = s2(a3);
1354  (0, import_react8.useEffect)(() => {
1355    n3 = n3 != null ? n3 : window;
1356    function r4(o4) {
1357      i2.current(o4);
1358    }
1359    return n3.addEventListener(e3, r4, t5), () => n3.removeEventListener(e3, r4, t5);
1360  }, [n3, e3, t5]);
1361}
1362
vendor: 4,298 bytes, lines 1363-1454
1363// node_modules/@headlessui/react/dist/components/focus-trap/focus-trap.js
1364var z = "div";
1365var A2 = ((t5) => (t5[t5.None = 1] = "None", t5[t5.InitialFocus = 2] = "InitialFocus", t5[t5.TabLock = 4] = "TabLock", t5[t5.FocusLock = 8] = "FocusLock", t5[t5.RestoreFocus = 16] = "RestoreFocus", t5[t5.All = 30] = "All", t5))(A2 || {});
1366var de = Object.assign(V(function(u4, e3) {
1367  let l6 = (0, import_react9.useRef)(null), a3 = y(l6, e3), { initialFocus: m8, containers: t5, features: n3 = 30, ...E3 } = u4;
1368  l2() || (n3 = 1);
1369  let s12 = n2(l6);
1370  J({ ownerDocument: s12 }, Boolean(n3 & 16));
1371  let S3 = Q({ ownerDocument: s12, container: l6, initialFocus: m8 }, Boolean(n3 & 2));
1372  X2({ ownerDocument: s12, container: l6, containers: t5, previousActiveElement: S3 }, Boolean(n3 & 8));
1373  let H3 = n(), R = o((o4) => {
1374    let c3 = l6.current;
1375    if (!c3)
1376      return;
1377    ((_2) => _2())(() => {
1378      u(H3.current, { [s9.Forwards]: () => {
1379        I2(c3, L.First, { skipElements: [o4.relatedTarget] });
1380      }, [s9.Backwards]: () => {
1381        I2(c3, L.Last, { skipElements: [o4.relatedTarget] });
1382      } });
1383    });
1384  }), B2 = p(), L4 = (0, import_react9.useRef)(false), P3 = { ref: a3, onKeyDown(o4) {
1385    o4.key == "Tab" && (L4.current = true, B2.requestAnimationFrame(() => {
1386      L4.current = false;
1387    }));
1388  }, onBlur(o4) {
1389    let c3 = new Set(t5 == null ? void 0 : t5.current);
1390    c3.add(l6);
1391    let p3 = o4.relatedTarget;
1392    p3 instanceof HTMLElement && p3.dataset.headlessuiFocusGuard !== "true" && (h3(c3, p3) || (L4.current ? I2(l6.current, u(H3.current, { [s9.Forwards]: () => L.Next, [s9.Backwards]: () => L.Previous }) | L.WrapAround, { relativeTo: o4.target }) : o4.target instanceof HTMLElement && S(o4.target)));
1393  } };
1394  return import_react9.default.createElement(import_react9.default.Fragment, null, Boolean(n3 & 4) && import_react9.default.createElement(h2, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: R, features: s6.Focusable }), X({ ourProps: P3, theirProps: E3, defaultTag: z, name: "FocusTrap" }), Boolean(n3 & 4) && import_react9.default.createElement(h2, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: R, features: s6.Focusable }));
1395}), { features: A2 });
1396function J({ ownerDocument: r4 }, u4) {
1397  let e3 = (0, import_react9.useRef)(null);
1398  E2(r4 == null ? void 0 : r4.defaultView, "focusout", (a3) => {
1399    !u4 || e3.current || (e3.current = a3.target);
1400  }, true), m3(() => {
1401    u4 || ((r4 == null ? void 0 : r4.activeElement) === (r4 == null ? void 0 : r4.body) && S(e3.current), e3.current = null);
1402  }, [u4]);
1403  let l6 = (0, import_react9.useRef)(false);
1404  (0, import_react9.useEffect)(() => (l6.current = false, () => {
1405    l6.current = true, t(() => {
1406      !l6.current || (S(e3.current), e3.current = null);
1407    });
1408  }), []);
1409}
1410function Q({ ownerDocument: r4, container: u4, initialFocus: e3 }, l6) {
1411  let a3 = (0, import_react9.useRef)(null), m8 = f();
1412  return m3(() => {
1413    if (!l6)
1414      return;
1415    let t5 = u4.current;
1416    !t5 || t(() => {
1417      if (!m8.current)
1418        return;
1419      let n3 = r4 == null ? void 0 : r4.activeElement;
1420      if (e3 != null && e3.current) {
1421        if ((e3 == null ? void 0 : e3.current) === n3) {
1422          a3.current = n3;
1423          return;
1424        }
1425      } else if (t5.contains(n3)) {
1426        a3.current = n3;
1427        return;
1428      }
1429      e3 != null && e3.current ? S(e3.current) : I2(t5, L.First) === N.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), a3.current = r4 == null ? void 0 : r4.activeElement;
1430    });
1431  }, [l6]), a3;
1432}
1433function X2({ ownerDocument: r4, container: u4, containers: e3, previousActiveElement: l6 }, a3) {
1434  let m8 = f();
1435  E2(r4 == null ? void 0 : r4.defaultView, "focus", (t5) => {
1436    if (!a3 || !m8.current)
1437      return;
1438    let n3 = new Set(e3 == null ? void 0 : e3.current);
1439    n3.add(u4);
1440    let E3 = l6.current;
1441    if (!E3)
1442      return;
1443    let s12 = t5.target;
1444    s12 && s12 instanceof HTMLElement ? h3(n3, s12) ? (l6.current = s12, S(s12)) : (t5.preventDefault(), t5.stopPropagation(), S(E3)) : S(l6.current);
1445  }, true);
1446}
1447function h3(r4, u4) {
1448  var e3;
1449  for (let l6 of r4)
1450    if ((e3 = l6.current) != null && e3.contains(u4))
1451      return true;
1452  return false;
1453}
1454
vendor: 1,484 bytes, lines 1455-1499
1455// node_modules/@headlessui/react/dist/hooks/use-inert-others.js
1456init_react();
1457var i = /* @__PURE__ */ new Set();
1458var r2 = /* @__PURE__ */ new Map();
1459function u2(t5) {
1460  t5.setAttribute("aria-hidden", "true"), t5.inert = true;
1461}
1462function l3(t5) {
1463  let n3 = r2.get(t5);
1464  !n3 || (n3["aria-hidden"] === null ? t5.removeAttribute("aria-hidden") : t5.setAttribute("aria-hidden", n3["aria-hidden"]), t5.inert = n3.inert);
1465}
1466function M(t5, n3 = true) {
1467  l(() => {
1468    if (!n3 || !t5.current)
1469      return;
1470    let o4 = t5.current, a3 = e(o4);
1471    if (!!a3) {
1472      i.add(o4);
1473      for (let e3 of r2.keys())
1474        e3.contains(o4) && (l3(e3), r2.delete(e3));
1475      return a3.querySelectorAll("body > *").forEach((e3) => {
1476        if (e3 instanceof HTMLElement) {
1477          for (let f5 of i)
1478            if (e3.contains(f5))
1479              return;
1480          i.size === 1 && (r2.set(e3, { "aria-hidden": e3.getAttribute("aria-hidden"), inert: e3.inert }), u2(e3));
1481        }
1482      }), () => {
1483        if (i.delete(o4), i.size > 0)
1484          a3.querySelectorAll("body > *").forEach((e3) => {
1485            if (e3 instanceof HTMLElement && !r2.has(e3)) {
1486              for (let f5 of i)
1487                if (e3.contains(f5))
1488                  return;
1489              r2.set(e3, { "aria-hidden": e3.getAttribute("aria-hidden"), inert: e3.inert }), u2(e3);
1490            }
1491          });
1492        else
1493          for (let e3 of r2.keys())
1494            l3(e3), r2.delete(e3);
1495      };
1496    }
1497  }, [n3]);
1498}
1499
vendor: 188 bytes, lines 1500-1504
1500// node_modules/@headlessui/react/dist/components/portal/portal.js
1501init_react();
1502var import_react11 = __toESM(require_react(), 1);
1503var import_react_dom = __toESM(require_react_dom(), 1);
1504
vendor: 361 bytes, lines 1505-1515
1505// node_modules/@headlessui/react/dist/internal/portal-force-root.js
1506init_react();
1507var import_react10 = __toESM(require_react(), 1);
1508var e2 = (0, import_react10.createContext)(false);
1509function l4() {
1510  return (0, import_react10.useContext)(e2);
1511}
1512function P(o4) {
1513  return import_react10.default.createElement(e2.Provider, { value: o4.force }, o4.children);
1514}
1515
vendor: 2,188 bytes, lines 1516-1560
1516// node_modules/@headlessui/react/dist/components/portal/portal.js
1517function x(i2) {
1518  let u4 = l4(), o4 = (0, import_react11.useContext)(A3), e3 = n2(i2), [r4, f5] = (0, import_react11.useState)(() => {
1519    if (!u4 && o4 !== null || s.isServer)
1520      return null;
1521    let n3 = e3 == null ? void 0 : e3.getElementById("headlessui-portal-root");
1522    if (n3)
1523      return n3;
1524    if (e3 === null)
1525      return null;
1526    let t5 = e3.createElement("div");
1527    return t5.setAttribute("id", "headlessui-portal-root"), e3.body.appendChild(t5);
1528  });
1529  return (0, import_react11.useEffect)(() => {
1530    r4 !== null && (e3 != null && e3.body.contains(r4) || e3 == null || e3.body.appendChild(r4));
1531  }, [r4, e3]), (0, import_react11.useEffect)(() => {
1532    u4 || o4 !== null && f5(o4.current);
1533  }, [o4, f5, u4]), r4;
1534}
1535var _ = import_react11.Fragment;
1536var U2 = V(function(u4, o4) {
1537  let e3 = u4, r4 = (0, import_react11.useRef)(null), f5 = y(T((a3) => {
1538    r4.current = a3;
1539  }), o4), n3 = n2(r4), t5 = x(r4), [l6] = (0, import_react11.useState)(() => {
1540    var a3;
1541    return s.isServer ? null : (a3 = n3 == null ? void 0 : n3.createElement("div")) != null ? a3 : null;
1542  }), b = l2(), p3 = (0, import_react11.useRef)(false);
1543  return l(() => {
1544    if (p3.current = false, !(!t5 || !l6))
1545      return t5.contains(l6) || (l6.setAttribute("data-headlessui-portal", ""), t5.appendChild(l6)), () => {
1546        p3.current = true, t(() => {
1547          var a3;
1548          !p3.current || !t5 || !l6 || (l6 instanceof Node && t5.contains(l6) && t5.removeChild(l6), t5.childNodes.length <= 0 && ((a3 = t5.parentElement) == null || a3.removeChild(t5)));
1549        });
1550      };
1551  }, [t5, l6]), b ? !t5 || !l6 ? null : (0, import_react_dom.createPortal)(X({ ourProps: { ref: f5 }, theirProps: e3, defaultTag: _, name: "Portal" }), l6) : null;
1552});
1553var j2 = import_react11.Fragment;
1554var A3 = (0, import_react11.createContext)(null);
1555var F2 = V(function(u4, o4) {
1556  let { target: e3, ...r4 } = u4, n3 = { ref: y(o4) };
1557  return import_react11.default.createElement(A3.Provider, { value: e3 }, X({ ourProps: n3, theirProps: r4, defaultTag: j2, name: "Popover.Group" }));
1558});
1559var $ = Object.assign(U2, { Group: F2 });
1560
vendor: 1,415 bytes, lines 1561-1590
1561// node_modules/@headlessui/react/dist/components/description/description.js
1562init_react();
1563var import_react12 = __toESM(require_react(), 1);
1564var d7 = (0, import_react12.createContext)(null);
1565function u3() {
1566  let n3 = (0, import_react12.useContext)(d7);
1567  if (n3 === null) {
1568    let t5 = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
1569    throw Error.captureStackTrace && Error.captureStackTrace(t5, u3), t5;
1570  }
1571  return n3;
1572}
1573function k() {
1574  let [n3, t5] = (0, import_react12.useState)([]);
1575  return [n3.length > 0 ? n3.join(" ") : void 0, (0, import_react12.useMemo)(() => function(e3) {
1576    let i2 = o((r4) => (t5((o4) => [...o4, r4]), () => t5((o4) => {
1577      let s12 = o4.slice(), p3 = s12.indexOf(r4);
1578      return p3 !== -1 && s12.splice(p3, 1), s12;
1579    }))), a3 = (0, import_react12.useMemo)(() => ({ register: i2, slot: e3.slot, name: e3.name, props: e3.props }), [i2, e3.slot, e3.name, e3.props]);
1580    return import_react12.default.createElement(d7.Provider, { value: a3 }, e3.children);
1581  }, [t5])];
1582}
1583var S2 = "p";
1584var F3 = V(function(t5, c3) {
1585  let e3 = I(), { id: i2 = `headlessui-description-${e3}`, ...a3 } = t5, r4 = u3(), o4 = y(c3);
1586  l(() => r4.register(i2), [i2, r4.register]);
1587  let s12 = { ref: o4, ...r4.props, id: i2 };
1588  return X({ ourProps: s12, theirProps: a3, slot: r4.slot || {}, defaultTag: S2, name: r4.name || "Description" });
1589});
1590
vendor: 769 bytes, lines 1591-1612
1591// node_modules/@headlessui/react/dist/internal/stack-context.js
1592init_react();
1593var import_react13 = __toESM(require_react(), 1);
1594var a2 = (0, import_react13.createContext)(() => {
1595});
1596a2.displayName = "StackContext";
1597var s11 = ((e3) => (e3[e3.Add = 0] = "Add", e3[e3.Remove = 1] = "Remove", e3))(s11 || {});
1598function x2() {
1599  return (0, import_react13.useContext)(a2);
1600}
1601function M2({ children: i2, onUpdate: r4, type: e3, element: n3, enabled: u4 }) {
1602  let l6 = x2(), o4 = o((...t5) => {
1603    r4 == null || r4(...t5), l6(...t5);
1604  });
1605  return l(() => {
1606    let t5 = u4 === void 0 || u4 === true;
1607    return t5 && o4(0, e3, n3), () => {
1608      t5 && o4(1, e3, n3);
1609    };
1610  }, [o4, e3, n3, u4]), import_react13.default.createElement(a2.Provider, { value: o4 }, i2);
1611}
1612
vendor: 225 bytes, lines 1613-1618
1613// node_modules/@headlessui/react/dist/utils/platform.js
1614init_react();
1615function o3() {
1616  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
1617}
1618
vendor: 8,714 bytes, lines 1619-1755
1619// node_modules/@headlessui/react/dist/components/dialog/dialog.js
1620var be = ((r4) => (r4[r4.Open = 0] = "Open", r4[r4.Closed = 1] = "Closed", r4))(be || {});
1621var ve = ((e3) => (e3[e3.SetTitleId = 0] = "SetTitleId", e3))(ve || {});
1622var Ae = { [0](t5, e3) {
1623  return t5.titleId === e3.id ? t5 : { ...t5, titleId: e3.id };
1624} };
1625var H2 = (0, import_react14.createContext)(null);
1626H2.displayName = "DialogContext";
1627function k2(t5) {
1628  let e3 = (0, import_react14.useContext)(H2);
1629  if (e3 === null) {
1630    let r4 = new Error(`<${t5} /> is missing a parent <Dialog /> component.`);
1631    throw Error.captureStackTrace && Error.captureStackTrace(r4, k2), r4;
1632  }
1633  return e3;
1634}
1635function Oe(t5, e3, r4 = () => [document.body]) {
1636  (0, import_react14.useEffect)(() => {
1637    var c3;
1638    if (!e3 || !t5)
1639      return;
1640    let s12 = m(), d9 = window.pageYOffset;
1641    function a3(n3, i2, l6) {
1642      let y3 = n3.style.getPropertyValue(i2);
1643      return Object.assign(n3.style, { [i2]: l6 }), s12.add(() => {
1644        Object.assign(n3.style, { [i2]: y3 });
1645      });
1646    }
1647    let o4 = t5.documentElement, f5 = ((c3 = t5.defaultView) != null ? c3 : window).innerWidth - o4.clientWidth;
1648    if (a3(o4, "overflow", "hidden"), f5 > 0) {
1649      let n3 = o4.clientWidth - o4.offsetWidth, i2 = f5 - n3;
1650      a3(o4, "paddingRight", `${i2}px`);
1651    }
1652    if (o3()) {
1653      a3(t5.body, "marginTop", `-${d9}px`), window.scrollTo(0, 0);
1654      let n3 = null;
1655      s12.addEventListener(t5, "click", (i2) => {
1656        if (i2.target instanceof HTMLElement)
1657          try {
1658            let l6 = i2.target.closest("a");
1659            if (!l6)
1660              return;
1661            let { hash: y3 } = new URL(l6.href), u4 = t5.querySelector(y3);
1662            u4 && !r4().some((_2) => _2.contains(u4)) && (n3 = u4);
1663          } catch {
1664          }
1665      }, true), s12.addEventListener(t5, "touchmove", (i2) => {
1666        i2.target instanceof HTMLElement && !r4().some((l6) => l6.contains(i2.target)) && i2.preventDefault();
1667      }, { passive: false }), s12.add(() => {
1668        window.scrollTo(0, window.pageYOffset + d9), n3 && n3.isConnected && (n3.scrollIntoView({ block: "nearest" }), n3 = null);
1669      });
1670    }
1671    return s12.dispose;
1672  }, [t5, e3]);
1673}
1674function Ce(t5, e3) {
1675  return u(e3.type, Ae, t5, e3);
1676}
1677var Se = "div";
1678var Le2 = j.RenderStrategy | j.Static;
1679var Me = V(function(e3, r4) {
1680  let s12 = I(), { id: d9 = `headlessui-dialog-${s12}`, open: a3, onClose: o4, initialFocus: p3, __demoMode: f5 = false, ...c3 } = e3, [n3, i2] = (0, import_react14.useState)(0), l6 = s4();
1681  a3 === void 0 && l6 !== null && (a3 = u(l6, { [p2.Open]: true, [p2.Closed]: false }));
1682  let y3 = (0, import_react14.useRef)(/* @__PURE__ */ new Set()), u4 = (0, import_react14.useRef)(null), _2 = y(u4, r4), U3 = (0, import_react14.useRef)(null), E3 = n2(u4), $2 = e3.hasOwnProperty("open") || l6 !== null, Y = e3.hasOwnProperty("onClose");
1683  if (!$2 && !Y)
1684    throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");
1685  if (!$2)
1686    throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");
1687  if (!Y)
1688    throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");
1689  if (typeof a3 != "boolean")
1690    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${a3}`);
1691  if (typeof o4 != "function")
1692    throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${o4}`);
1693  let g = a3 ? 0 : 1, [h5, Q2] = (0, import_react14.useReducer)(Ce, { titleId: null, descriptionId: null, panelRef: (0, import_react14.createRef)() }), R = o(() => o4(false)), j3 = o((T5) => Q2({ type: 0, id: T5 })), x3 = l2() ? f5 ? false : g === 0 : false, w2 = n3 > 1, X3 = (0, import_react14.useContext)(H2) !== null, Z2 = w2 ? "parent" : "leaf";
1694  M(u4, w2 ? x3 : false);
1695  let N2 = o(() => {
1696    var b, D3;
1697    return [...Array.from((b = E3 == null ? void 0 : E3.querySelectorAll("html > *, body > *, [data-headlessui-portal]")) != null ? b : []).filter((P3) => !(P3 === document.body || P3 === document.head || !(P3 instanceof HTMLElement) || P3.contains(U3.current) || h5.panelRef.current && P3.contains(h5.panelRef.current))), (D3 = h5.panelRef.current) != null ? D3 : u4.current];
1698  });
1699  L2(() => N2(), R, x3 && !w2), E2(E3 == null ? void 0 : E3.defaultView, "keydown", (T5) => {
1700    T5.defaultPrevented || T5.key === o2.Escape && g === 0 && (w2 || (T5.preventDefault(), T5.stopPropagation(), R()));
1701  }), Oe(E3, g === 0 && !X3, N2), (0, import_react14.useEffect)(() => {
1702    if (g !== 0 || !u4.current)
1703      return;
1704    let T5 = new IntersectionObserver((b) => {
1705      for (let D3 of b)
1706        D3.boundingClientRect.x === 0 && D3.boundingClientRect.y === 0 && D3.boundingClientRect.width === 0 && D3.boundingClientRect.height === 0 && R();
1707    });
1708    return T5.observe(u4.current), () => T5.disconnect();
1709  }, [g, u4, R]);
1710  let [ee, te] = k(), oe = (0, import_react14.useMemo)(() => [{ dialogState: g, close: R, setTitleId: j3 }, h5], [g, h5, R, j3]), V3 = (0, import_react14.useMemo)(() => ({ open: g === 0 }), [g]), re = { ref: _2, id: d9, role: "dialog", "aria-modal": g === 0 ? true : void 0, "aria-labelledby": h5.titleId, "aria-describedby": ee };
1711  return import_react14.default.createElement(M2, { type: "Dialog", enabled: g === 0, element: u4, onUpdate: o((T5, b, D3) => {
1712    b === "Dialog" && u(T5, { [s11.Add]() {
1713      y3.current.add(D3), i2((P3) => P3 + 1);
1714    }, [s11.Remove]() {
1715      y3.current.add(D3), i2((P3) => P3 - 1);
1716    } });
1717  }) }, import_react14.default.createElement(P, { force: true }, import_react14.default.createElement($, null, import_react14.default.createElement(H2.Provider, { value: oe }, import_react14.default.createElement($.Group, { target: u4 }, import_react14.default.createElement(P, { force: false }, import_react14.default.createElement(te, { slot: V3, name: "Dialog.Description" }, import_react14.default.createElement(de, { initialFocus: p3, containers: y3, features: x3 ? u(Z2, { parent: de.features.RestoreFocus, leaf: de.features.All & ~de.features.FocusLock }) : de.features.None }, X({ ourProps: re, theirProps: c3, slot: V3, defaultTag: Se, features: Le2, visible: g === 0, name: "Dialog" })))))))), import_react14.default.createElement(h2, { features: s6.Hidden, ref: U3 }));
1718});
1719var ke = "div";
1720var we = V(function(e3, r4) {
1721  let s12 = I(), { id: d9 = `headlessui-dialog-overlay-${s12}`, ...a3 } = e3, [{ dialogState: o4, close: p3 }] = k2("Dialog.Overlay"), f5 = y(r4), c3 = o((l6) => {
1722    if (l6.target === l6.currentTarget) {
1723      if (r(l6.currentTarget))
1724        return l6.preventDefault();
1725      l6.preventDefault(), l6.stopPropagation(), p3();
1726    }
1727  }), n3 = (0, import_react14.useMemo)(() => ({ open: o4 === 0 }), [o4]);
1728  return X({ ourProps: { ref: f5, id: d9, "aria-hidden": true, onClick: c3 }, theirProps: a3, slot: n3, defaultTag: ke, name: "Dialog.Overlay" });
1729});
1730var Fe = "div";
1731var Ie2 = V(function(e3, r4) {
1732  let s12 = I(), { id: d9 = `headlessui-dialog-backdrop-${s12}`, ...a3 } = e3, [{ dialogState: o4 }, p3] = k2("Dialog.Backdrop"), f5 = y(r4);
1733  (0, import_react14.useEffect)(() => {
1734    if (p3.panelRef.current === null)
1735      throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.");
1736  }, [p3.panelRef]);
1737  let c3 = (0, import_react14.useMemo)(() => ({ open: o4 === 0 }), [o4]);
1738  return import_react14.default.createElement(P, { force: true }, import_react14.default.createElement($, null, X({ ourProps: { ref: f5, id: d9, "aria-hidden": true }, theirProps: a3, slot: c3, defaultTag: Fe, name: "Dialog.Backdrop" })));
1739});
1740var He = "div";
1741var _e = V(function(e3, r4) {
1742  let s12 = I(), { id: d9 = `headlessui-dialog-panel-${s12}`, ...a3 } = e3, [{ dialogState: o4 }, p3] = k2("Dialog.Panel"), f5 = y(r4, p3.panelRef), c3 = (0, import_react14.useMemo)(() => ({ open: o4 === 0 }), [o4]), n3 = o((l6) => {
1743    l6.stopPropagation();
1744  });
1745  return X({ ourProps: { ref: f5, id: d9, onClick: n3 }, theirProps: a3, slot: c3, defaultTag: He, name: "Dialog.Panel" });
1746});
1747var xe = "h2";
1748var We = V(function(e3, r4) {
1749  let s12 = I(), { id: d9 = `headlessui-dialog-title-${s12}`, ...a3 } = e3, [{ dialogState: o4, setTitleId: p3 }] = k2("Dialog.Title"), f5 = y(r4);
1750  (0, import_react14.useEffect)(() => (p3(d9), () => p3(null)), [d9, p3]);
1751  let c3 = (0, import_react14.useMemo)(() => ({ open: o4 === 0 }), [o4]);
1752  return X({ ourProps: { ref: f5, id: d9 }, theirProps: a3, slot: c3, defaultTag: xe, name: "Dialog.Title" });
1753});
1754var mt = Object.assign(Me, { Backdrop: Ie2, Panel: _e, Overlay: we, Title: We, Description: F3 });
1755
vendor: 14,324 bytes, lines 1756-2004
1756// node_modules/@headlessui/react/dist/components/popover/popover.js
1757init_react();
1758var import_react15 = __toESM(require_react(), 1);
1759var Me2 = ((p3) => (p3[p3.Open = 0] = "Open", p3[p3.Closed = 1] = "Closed", p3))(Me2 || {});
1760var Le3 = ((t5) => (t5[t5.TogglePopover = 0] = "TogglePopover", t5[t5.ClosePopover = 1] = "ClosePopover", t5[t5.SetButton = 2] = "SetButton", t5[t5.SetButtonId = 3] = "SetButtonId", t5[t5.SetPanel = 4] = "SetPanel", t5[t5.SetPanelId = 5] = "SetPanelId", t5))(Le3 || {});
1761var Fe2 = { [0]: (n3) => ({ ...n3, popoverState: u(n3.popoverState, { [0]: 1, [1]: 0 }) }), [1](n3) {
1762  return n3.popoverState === 1 ? n3 : { ...n3, popoverState: 1 };
1763}, [2](n3, r4) {
1764  return n3.button === r4.button ? n3 : { ...n3, button: r4.button };
1765}, [3](n3, r4) {
1766  return n3.buttonId === r4.buttonId ? n3 : { ...n3, buttonId: r4.buttonId };
1767}, [4](n3, r4) {
1768  return n3.panel === r4.panel ? n3 : { ...n3, panel: r4.panel };
1769}, [5](n3, r4) {
1770  return n3.panelId === r4.panelId ? n3 : { ...n3, panelId: r4.panelId };
1771} };
1772var le2 = (0, import_react15.createContext)(null);
1773le2.displayName = "PopoverContext";
1774function Z(n3) {
1775  let r4 = (0, import_react15.useContext)(le2);
1776  if (r4 === null) {
1777    let p3 = new Error(`<${n3} /> is missing a parent <Popover /> component.`);
1778    throw Error.captureStackTrace && Error.captureStackTrace(p3, Z), p3;
1779  }
1780  return r4;
1781}
1782var ae2 = (0, import_react15.createContext)(null);
1783ae2.displayName = "PopoverAPIContext";
1784function ue(n3) {
1785  let r4 = (0, import_react15.useContext)(ae2);
1786  if (r4 === null) {
1787    let p3 = new Error(`<${n3} /> is missing a parent <Popover /> component.`);
1788    throw Error.captureStackTrace && Error.captureStackTrace(p3, ue), p3;
1789  }
1790  return r4;
1791}
1792var se = (0, import_react15.createContext)(null);
1793se.displayName = "PopoverGroupContext";
1794function Te() {
1795  return (0, import_react15.useContext)(se);
1796}
1797var pe = (0, import_react15.createContext)(null);
1798pe.displayName = "PopoverPanelContext";
1799function he() {
1800  return (0, import_react15.useContext)(pe);
1801}
1802function Be(n3, r4) {
1803  return u(r4.type, Fe2, n3, r4);
1804}
1805var xe2 = "div";
1806var De = V(function(r4, p3) {
1807  var x3;
1808  let C2 = (0, import_react15.useRef)(null), R = y(p3, T((e3) => {
1809    C2.current = e3;
1810  })), O = (0, import_react15.useRef)([]), t5 = (0, import_react15.useReducer)(Be, { popoverState: 1, buttons: O, button: null, buttonId: null, panel: null, panelId: null, beforePanelSentinel: (0, import_react15.createRef)(), afterPanelSentinel: (0, import_react15.createRef)() }), [{ popoverState: o4, button: a3, buttonId: v3, panel: c3, panelId: M3, beforePanelSentinel: T5, afterPanelSentinel: d9 }, i2] = t5, u4 = n2((x3 = C2.current) != null ? x3 : a3), f5 = (0, import_react15.useMemo)(() => {
1811    if (!a3 || !c3)
1812      return false;
1813    for (let K2 of document.querySelectorAll("body > *"))
1814      if (Number(K2 == null ? void 0 : K2.contains(a3)) ^ Number(K2 == null ? void 0 : K2.contains(c3)))
1815        return true;
1816    let e3 = E(), l6 = e3.indexOf(a3), A4 = (l6 + e3.length - 1) % e3.length, b = (l6 + 1) % e3.length, G = e3[A4], me = e3[b];
1817    return !c3.contains(G) && !c3.contains(me);
1818  }, [a3, c3]), g = s2(v3), y3 = s2(M3), L4 = (0, import_react15.useMemo)(() => ({ buttonId: g, panelId: y3, close: () => i2({ type: 1 }) }), [g, y3, i2]), I3 = Te(), F5 = I3 == null ? void 0 : I3.registerPopover, j3 = o(() => {
1819    var e3;
1820    return (e3 = I3 == null ? void 0 : I3.isFocusWithinPopoverGroup()) != null ? e3 : (u4 == null ? void 0 : u4.activeElement) && ((a3 == null ? void 0 : a3.contains(u4.activeElement)) || (c3 == null ? void 0 : c3.contains(u4.activeElement)));
1821  });
1822  (0, import_react15.useEffect)(() => F5 == null ? void 0 : F5(L4), [F5, L4]), E2(u4 == null ? void 0 : u4.defaultView, "focus", (e3) => {
1823    var l6, A4, b, G;
1824    o4 === 0 && (j3() || !a3 || !c3 || e3.target !== window && ((A4 = (l6 = T5.current) == null ? void 0 : l6.contains) != null && A4.call(l6, e3.target) || (G = (b = d9.current) == null ? void 0 : b.contains) != null && G.call(b, e3.target) || i2({ type: 1 })));
1825  }, true), L2([a3, c3], (e3, l6) => {
1826    i2({ type: 1 }), h(l6, F.Loose) || (e3.preventDefault(), a3 == null || a3.focus());
1827  }, o4 === 0);
1828  let h5 = o((e3) => {
1829    i2({ type: 1 });
1830    let l6 = (() => e3 ? e3 instanceof HTMLElement ? e3 : "current" in e3 && e3.current instanceof HTMLElement ? e3.current : a3 : a3)();
1831    l6 == null || l6.focus();
1832  }), s12 = (0, import_react15.useMemo)(() => ({ close: h5, isPortalled: f5 }), [h5, f5]), m8 = (0, import_react15.useMemo)(() => ({ open: o4 === 0, close: h5 }), [o4, h5]), E3 = r4, P3 = { ref: R };
1833  return import_react15.default.createElement(le2.Provider, { value: t5 }, import_react15.default.createElement(ae2.Provider, { value: s12 }, import_react15.default.createElement(C, { value: u(o4, { [0]: p2.Open, [1]: p2.Closed }) }, X({ ourProps: P3, theirProps: E3, slot: m8, defaultTag: xe2, name: "Popover" }))));
1834});
1835var He2 = "button";
1836var ke2 = V(function(r4, p3) {
1837  let C2 = I(), { id: R = `headlessui-popover-button-${C2}`, ...O } = r4, [t5, o4] = Z("Popover.Button"), { isPortalled: a3 } = ue("Popover.Button"), v3 = (0, import_react15.useRef)(null), c3 = `headlessui-focus-sentinel-${I()}`, M3 = Te(), T5 = M3 == null ? void 0 : M3.closeOthers, i2 = he() !== null;
1838  (0, import_react15.useEffect)(() => {
1839    if (!i2)
1840      return o4({ type: 3, buttonId: R }), () => {
1841        o4({ type: 3, buttonId: null });
1842      };
1843  }, [i2, R, o4]);
1844  let [u4] = (0, import_react15.useState)(() => Symbol()), f5 = y(v3, p3, i2 ? null : (e3) => {
1845    if (e3)
1846      t5.buttons.current.push(u4);
1847    else {
1848      let l6 = t5.buttons.current.indexOf(u4);
1849      l6 !== -1 && t5.buttons.current.splice(l6, 1);
1850    }
1851    t5.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), e3 && o4({ type: 2, button: e3 });
1852  }), g = y(v3, p3), y3 = n2(v3), L4 = o((e3) => {
1853    var l6, A4, b;
1854    if (i2) {
1855      if (t5.popoverState === 1)
1856        return;
1857      switch (e3.key) {
1858        case o2.Space:
1859        case o2.Enter:
1860          e3.preventDefault(), (A4 = (l6 = e3.target).click) == null || A4.call(l6), o4({ type: 1 }), (b = t5.button) == null || b.focus();
1861          break;
1862      }
1863    } else
1864      switch (e3.key) {
1865        case o2.Space:
1866        case o2.Enter:
1867          e3.preventDefault(), e3.stopPropagation(), t5.popoverState === 1 && (T5 == null || T5(t5.buttonId)), o4({ type: 0 });
1868          break;
1869        case o2.Escape:
1870          if (t5.popoverState !== 0)
1871            return T5 == null ? void 0 : T5(t5.buttonId);
1872          if (!v3.current || (y3 == null ? void 0 : y3.activeElement) && !v3.current.contains(y3.activeElement))
1873            return;
1874          e3.preventDefault(), e3.stopPropagation(), o4({ type: 1 });
1875          break;
1876      }
1877  }), I3 = o((e3) => {
1878    i2 || e3.key === o2.Space && e3.preventDefault();
1879  }), F5 = o((e3) => {
1880    var l6, A4;
1881    r(e3.currentTarget) || r4.disabled || (i2 ? (o4({ type: 1 }), (l6 = t5.button) == null || l6.focus()) : (e3.preventDefault(), e3.stopPropagation(), t5.popoverState === 1 && (T5 == null || T5(t5.buttonId)), o4({ type: 0 }), (A4 = t5.button) == null || A4.focus()));
1882  }), j3 = o((e3) => {
1883    e3.preventDefault(), e3.stopPropagation();
1884  }), h5 = t5.popoverState === 0, s12 = (0, import_react15.useMemo)(() => ({ open: h5 }), [h5]), m8 = s3(r4, v3), E3 = i2 ? { ref: g, type: m8, onKeyDown: L4, onClick: F5 } : { ref: f5, id: t5.buttonId, type: m8, "aria-expanded": r4.disabled ? void 0 : t5.popoverState === 0, "aria-controls": t5.panel ? t5.panelId : void 0, onKeyDown: L4, onKeyUp: I3, onClick: F5, onMouseDown: j3 }, P3 = n(), x3 = o(() => {
1885    let e3 = t5.panel;
1886    if (!e3)
1887      return;
1888    function l6() {
1889      u(P3.current, { [s9.Forwards]: () => I2(e3, L.First), [s9.Backwards]: () => I2(e3, L.Last) }) === N.Error && I2(E().filter((b) => b.dataset.headlessuiFocusGuard !== "true"), u(P3.current, { [s9.Forwards]: L.Next, [s9.Backwards]: L.Previous }), { relativeTo: t5.button });
1890    }
1891    l6();
1892  });
1893  return import_react15.default.createElement(import_react15.default.Fragment, null, X({ ourProps: E3, theirProps: O, slot: s12, defaultTag: He2, name: "Popover.Button" }), h5 && !i2 && a3 && import_react15.default.createElement(h2, { id: c3, features: s6.Focusable, "data-headlessui-focus-guard": true, as: "button", type: "button", onFocus: x3 }));
1894});
1895var Ge = "div";
1896var we2 = j.RenderStrategy | j.Static;
1897var _e2 = V(function(r4, p3) {
1898  let C2 = I(), { id: R = `headlessui-popover-overlay-${C2}`, ...O } = r4, [{ popoverState: t5 }, o4] = Z("Popover.Overlay"), a3 = y(p3), v3 = s4(), c3 = (() => v3 !== null ? v3 === p2.Open : t5 === 0)(), M3 = o((i2) => {
1899    if (r(i2.currentTarget))
1900      return i2.preventDefault();
1901    o4({ type: 1 });
1902  }), T5 = (0, import_react15.useMemo)(() => ({ open: t5 === 0 }), [t5]);
1903  return X({ ourProps: { ref: a3, id: R, "aria-hidden": true, onClick: M3 }, theirProps: O, slot: T5, defaultTag: Ge, features: we2, visible: c3, name: "Popover.Overlay" });
1904});
1905var Ne = "div";
1906var Ke2 = j.RenderStrategy | j.Static;
1907var Ue = V(function(r4, p3) {
1908  let C2 = I(), { id: R = `headlessui-popover-panel-${C2}`, focus: O = false, ...t5 } = r4, [o4, a3] = Z("Popover.Panel"), { close: v3, isPortalled: c3 } = ue("Popover.Panel"), M3 = `headlessui-focus-sentinel-before-${I()}`, T5 = `headlessui-focus-sentinel-after-${I()}`, d9 = (0, import_react15.useRef)(null), i2 = y(d9, p3, (s12) => {
1909    a3({ type: 4, panel: s12 });
1910  }), u4 = n2(d9);
1911  l(() => (a3({ type: 5, panelId: R }), () => {
1912    a3({ type: 5, panelId: null });
1913  }), [R, a3]);
1914  let f5 = s4(), g = (() => f5 !== null ? f5 === p2.Open : o4.popoverState === 0)(), y3 = o((s12) => {
1915    var m8;
1916    switch (s12.key) {
1917      case o2.Escape:
1918        if (o4.popoverState !== 0 || !d9.current || (u4 == null ? void 0 : u4.activeElement) && !d9.current.contains(u4.activeElement))
1919          return;
1920        s12.preventDefault(), s12.stopPropagation(), a3({ type: 1 }), (m8 = o4.button) == null || m8.focus();
1921        break;
1922    }
1923  });
1924  (0, import_react15.useEffect)(() => {
1925    var s12;
1926    r4.static || o4.popoverState === 1 && ((s12 = r4.unmount) != null ? s12 : true) && a3({ type: 4, panel: null });
1927  }, [o4.popoverState, r4.unmount, r4.static, a3]), (0, import_react15.useEffect)(() => {
1928    if (!O || o4.popoverState !== 0 || !d9.current)
1929      return;
1930    let s12 = u4 == null ? void 0 : u4.activeElement;
1931    d9.current.contains(s12) || I2(d9.current, L.First);
1932  }, [O, d9, o4.popoverState]);
1933  let L4 = (0, import_react15.useMemo)(() => ({ open: o4.popoverState === 0, close: v3 }), [o4, v3]), I3 = { ref: i2, id: R, onKeyDown: y3, onBlur: O && o4.popoverState === 0 ? (s12) => {
1934    var E3, P3, x3, e3, l6;
1935    let m8 = s12.relatedTarget;
1936    !m8 || !d9.current || (E3 = d9.current) != null && E3.contains(m8) || (a3({ type: 1 }), (((x3 = (P3 = o4.beforePanelSentinel.current) == null ? void 0 : P3.contains) == null ? void 0 : x3.call(P3, m8)) || ((l6 = (e3 = o4.afterPanelSentinel.current) == null ? void 0 : e3.contains) == null ? void 0 : l6.call(e3, m8))) && m8.focus({ preventScroll: true }));
1937  } : void 0, tabIndex: -1 }, F5 = n(), j3 = o(() => {
1938    let s12 = d9.current;
1939    if (!s12)
1940      return;
1941    function m8() {
1942      u(F5.current, { [s9.Forwards]: () => {
1943        var P3;
1944        I2(s12, L.First) === N.Error && ((P3 = o4.afterPanelSentinel.current) == null || P3.focus());
1945      }, [s9.Backwards]: () => {
1946        var E3;
1947        (E3 = o4.button) == null || E3.focus({ preventScroll: true });
1948      } });
1949    }
1950    m8();
1951  }), h5 = o(() => {
1952    let s12 = d9.current;
1953    if (!s12)
1954      return;
1955    function m8() {
1956      u(F5.current, { [s9.Forwards]: () => {
1957        var A4;
1958        if (!o4.button)
1959          return;
1960        let E3 = E(), P3 = E3.indexOf(o4.button), x3 = E3.slice(0, P3 + 1), l6 = [...E3.slice(P3 + 1), ...x3];
1961        for (let b of l6.slice())
1962          if (b.dataset.headlessuiFocusGuard === "true" || ((A4 = o4.panel) == null ? void 0 : A4.contains(b))) {
1963            let G = l6.indexOf(b);
1964            G !== -1 && l6.splice(G, 1);
1965          }
1966        I2(l6, L.First, { sorted: false });
1967      }, [s9.Backwards]: () => {
1968        var P3;
1969        I2(s12, L.Previous) === N.Error && ((P3 = o4.button) == null || P3.focus());
1970      } });
1971    }
1972    m8();
1973  });
1974  return import_react15.default.createElement(pe.Provider, { value: R }, g && c3 && import_react15.default.createElement(h2, { id: M3, ref: o4.beforePanelSentinel, features: s6.Focusable, "data-headlessui-focus-guard": true, as: "button", type: "button", onFocus: j3 }), X({ ourProps: I3, theirProps: t5, slot: L4, defaultTag: Ne, features: Ke2, visible: g, name: "Popover.Panel" }), g && c3 && import_react15.default.createElement(h2, { id: T5, ref: o4.afterPanelSentinel, features: s6.Focusable, "data-headlessui-focus-guard": true, as: "button", type: "button", onFocus: h5 }));
1975});
1976var We2 = "div";
1977var je = V(function(r4, p3) {
1978  let C2 = (0, import_react15.useRef)(null), R = y(C2, p3), [O, t5] = (0, import_react15.useState)([]), o4 = o((u4) => {
1979    t5((f5) => {
1980      let g = f5.indexOf(u4);
1981      if (g !== -1) {
1982        let y3 = f5.slice();
1983        return y3.splice(g, 1), y3;
1984      }
1985      return f5;
1986    });
1987  }), a3 = o((u4) => (t5((f5) => [...f5, u4]), () => o4(u4))), v3 = o(() => {
1988    var g;
1989    let u4 = e(C2);
1990    if (!u4)
1991      return false;
1992    let f5 = u4.activeElement;
1993    return (g = C2.current) != null && g.contains(f5) ? true : O.some((y3) => {
1994      var L4, I3;
1995      return ((L4 = u4.getElementById(y3.buttonId.current)) == null ? void 0 : L4.contains(f5)) || ((I3 = u4.getElementById(y3.panelId.current)) == null ? void 0 : I3.contains(f5));
1996    });
1997  }), c3 = o((u4) => {
1998    for (let f5 of O)
1999      f5.buttonId.current !== u4 && f5.close();
2000  }), M3 = (0, import_react15.useMemo)(() => ({ registerPopover: a3, unregisterPopover: o4, isFocusWithinPopoverGroup: v3, closeOthers: c3 }), [a3, o4, v3, c3]), T5 = (0, import_react15.useMemo)(() => ({}), []), d9 = r4, i2 = { ref: R };
2001  return import_react15.default.createElement(se.Provider, { value: M3 }, X({ ourProps: i2, theirProps: d9, slot: T5, defaultTag: We2, name: "Popover.Group" }));
2002});
2003var Rt = Object.assign(De, { Button: ke2, Overlay: _e2, Panel: Ue, Group: je });
2004
2005// app/screens/articles/utils/is_full_Screen_document.ts
2006init_react();
2007function isFullScreen() {
2008  const doc = document;
2009  return !!(doc.fullscreenElement || doc.mozFullScreenElement || doc.webkitFullscreenElement || doc.msFullscreenElement);
2010}
2011
2012// app/screens/articles/article_image.tsx
2013init_react();
2014
2015// app/assets/images/about-page-third-image.png
2016var about_page_third_image_default = "/build/_assets/about-page-third-image-YRBNNXK3.png";
2017
2018// app/screens/articles/article_image.tsx
2019var renderImageBtnsDetails = (numberImages, numberVideos, handleImageClick, videoUrl) => /* @__PURE__ */ React.createElement("div", {
2020  className: class_names_default("grid grid-cols-2", typeof numberImages === "number" && numberImages > 1 ? "md:w-64" : "md:w-60")
2021}, numberImages ? /* @__PURE__ */ React.createElement("div", {
2022  className: "my-3 cursor-pointer",
2023  onClick: handleImageClick ? () => handleImageClick() : void 0
2024}, /* @__PURE__ */ React.createElement("span", {
2025  className: "inline-flex items-center rounded-lg bg-lightBackground px-3 py-2 text-xs text-black hover:bg-btnColor-hoverNav lg:px-4 lg:text-sm lg:font-medium"
2026}, /* @__PURE__ */ React.createElement(PhotoIcon_default, {
2027  className: "mr-1 h-3 w-3 lg:mr-3 lg:h-6 lg:w-6"
2028}), `${numberImages} ${numberImages > 1 ? "Bilder" : "Bild"}`)) : null, numberVideos ? /* @__PURE__ */ React.createElement("div", {
2029  className: "my-3 flex justify-end md:block"
2030}, /* @__PURE__ */ React.createElement("a", {
2031  href: videoUrl,
2032  target: "_blank",
2033  rel: "noreferrer"
2034}
2034, /* @__PURE__ */ React.createElement("span", {
2035  className: "inline-flex items-center rounded-lg bg-lightBackground px-3 py-2 text-xs text-black hover:bg-btnColor-hoverNav lg:px-4 lg:text-sm lg:font-medium"
2036}, /* @__PURE__ */ React.createElement(VideoCameraIcon_default, {
2037  className: "mr-1 h-3 w-3 lg:mr-3 lg:h-6 lg:w-6"
2038}), `${numberVideos} ${numberVideos > 1 ? "Videos" : "Video"}`))) : null);
2039var ArticleImage = ({
2040  pictures,
2041  videoUrl,
2042  toggleImageGallery
2043}) => {
2044  const numberOfVideos = videoUrl ? 1 : void 0;
2045  const numberOfImages = pictures ? pictures.length : void 0;
2046  const articleImageUrl = pictures && pictures.length ? pictures[0].file.url : void 0;
2047  return /* @__PURE__ */ React.createElement("div", {
2048    className: "relative px-3 lg:px-0"
2049  }, /* @__PURE__ */ React.createElement("div", {
2050    className: "aspect-w-8 aspect-h-6 relative block w-full"
2051  }, /* @__PURE__ */ React.createElement("img", {
2052    className: "rounded-xl object-cover",
2053    src: articleImageUrl ? get_image_url_default(articleImageUrl) : about_page_third_image_default,
2054    alt: ""
2055  })), /* @__PURE__ */ React.createElement("div", {
2056    className: "absolute bottom-0 left-0 right-0 px-5 lg:px-3"
2057  }, /* @__PURE__ */ React.createElement("footer", {
2058    className: "my-1 flex w-full justify-between"
2059  }, renderImageBtnsDetails(numberOfImages, numberOfVideos, toggleImageGallery, videoUrl))));
2060};
2061var article_image_default = ArticleImage;
2062
2063// app/screens/articles/full_screen_btn.tsx
2064init_react();
2065var Fullscreen = ({ onClick }) => {
2066  return /* @__PURE__ */ React.createElement("button", {
2067    type: "button",
2068    className: "image-gallery-icon image-gallery-fullscreen-button",
2069    onClick,
2070    "aria-label": "Open Fullscreen"
2071  }, /* @__PURE__ */ React.createElement("svg", {
2072    className: "image-gallery-svg",
2073    xmlns: "http://www.w3.org/2000/svg",
2074    fill: "none",
2075    stroke: "currentColor",
2076    strokeWidth: 2,
2077    strokeLinecap: "round",
2078    strokeLinejoin: "round"
2079  }, /* @__PURE__ */ React.createElement("path", {
2080    d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"
2081  })));
2082};
2083
2084// app/assets/icons/icon-lock-dark.svg
2085var icon_lock_dark_default = "/build/_assets/icon-lock-dark-ARYWI2FL.svg";
2086
2087// app/screens/articles/article_description_layout.tsx
2088var ArticleDescriptionLayout = ({
2089  pictures,
2090  description,
2091  name,
2092  id,
2093  authors,
2094  subtitle,
2095  publicationDate,
2096  link,
2097  slug,
2098  restriction,
2099  firstPicture,
2100  embedUrl
2101}) => {
2102  const [showImageGallery, toggleImageGallery] = (0, import_react16.useState)(false);
2103  const [, setImageError] = (0, import_react16.useState)(false);
2104  const [, setThunbnailError] = (0, import_react16.useState)(false);
2105  const [isFav, setItemFav] = (0, import_react16.useState)(false);
2106  const hasSubTitle = !!subtitle;
2107  const [favoriteList, setFavoriteList] = es_default("favoriteList", {
2108    defaultValue: []
2109  });
2110  const addToFavorite = ({ name: name2, firstPicture: firstPicture2, id: id2, slug: slug2 }) => {
2111    if (!isFav) {
2112      setFavoriteList([
2113        ...favoriteList,
2114        {
2115          name: name2,
2116          firstPicture: firstPicture2,
2117          id: id2,
2118          slug: slug2
2119        }
2120      ]);
2121    } else {
2122      const newItems = favoriteList.filter((item) => item.id !== id2);
2123      if (!newItems) {
2124        setFavoriteList([]);
2125      } else {
2126        setFavoriteList(newItems);
2127      }
2128    }
2129  };
2130  const handleAddedTofavorite = () => {
2131    let favoriteItem = {
2132      name,
2133      firstPicture,
2134      id,
2135      slug
2136    };
2137    addToFavorite(favoriteItem, isFav);
2138  };
2139  const isLongContent = GetScreenSize() === "small" ? false : hasSubTitle ? `${description}`.length > 680 : `${description}`.length > 880;
2140  const autorsLength = authors ? authors.length : 0;
2141  const ref = (0, import_react16.useRef)(null);
2142  (0, import_react16.useEffect)(() => {
2143    if (ref.current) {
2144      if (showImageGallery) {
2145        ref.current.fullScreen();
2146      }
2147    }
2148  }, [showImageGallery]);
2149  (0, import_react16.useEffect)(() => {
2150    const isItemFavorite = (id2) => {
2151      const itemInFavorite = favoriteList.length ? favoriteList.find((item) => item.id === id2) : void 0;
2152      if (itemInFavorite) {
2153        return true;
2154      }
2155      return false;
2156    };
2157    if (isItemFavorite(id)) {
2158      setItemFav(true);
2159    } else {
2160      setItemFav(false);
2161    }
2162  }, [favoriteList, id]);
2163  function handleScreenChange() {
2164    const fullScreenElement = isFullScreen();
2165    if (!fullScreenElement) {
2166      toggleImageGallery(false);
2167    }
2168  }
2169  const onOpen = (text) => {
2170    return _t.success(text);
2171  };
2172  const handleCopyArticleToClipboard = (id2, name2, slugValue) => {
2173    const isCopied = copy_to_clipboard_default(`${get_client_side_config_default.shareLinkUrl}/search/main/${id2}/${to_safe_path_segment_default(slugValue || name2)}`);
2174    if (isCopied) {
2175      onOpen("Der Link zu diesem Eintrag befindet sich nun in Deiner Zwischenablage. Du kannst ihn nun \xFCberall \xFCber Rechtsklick+Einf\xFCgen oder strg+v/cmd+v  einf\xFCgen.");
2176    }
2177  };
2178  return /* @__PURE__ */ React.createElement("div", {
2179    className: "relative"
2180  }, /* @__PURE__ */ React.createElement("div", {
2181    className: "grid grid-cols-1 lg:mx-auto lg:grid-cols-2 lg:items-start lg:gap-24 "
2182  }, /* @__PURE__ */ React.createElement(article_image_default, {
2183    pictures,
2184    videoUrl: embedUrl,
2185    toggleImageGallery: () => toggleImageGallery(!showImageGallery)
2186  }), /* @__PURE__ */ React.createElement("div", {
2187    className: "relative mx-auto max-w-md  px-4 sm:max-w-3xl sm:px-6 lg:px-0"
2188  }, /* @__PURE__ */ React.createElement("div", {
2189    className: "flex flex-row"
2190  }, /* @__PURE__ */ React.createElement("div", {
2191    className: class_names_default("flex w-full items-center pt-5 lg:w-1/2 lg:pt-0", autorsLength > 3 ? "flex-col" : "flex-row")
2192  }, /* @__PURE__ */ React.createElement("div", {
2193    className: "mr-3 flex flex-shrink-0"
2194  }, autorsLength > 0 && authors.map((item, index) => /* @__PURE__ */ React.createElement("img", {
2195    className: class_names_default(index === autorsLength - 1 ? "mr-0" : "mr-1", "block h-14 w-14 rounded-full object-contain"),
2196    key: item.id,
2197    src: get_image_url_default(item.avatar.url),
2198    alt: item.name
2199  }))), /* @__PURE__ */ React.createElement("div", {
2200    className: class_names_default("flex min-w-0 flex-1 flex-wrap", autorsLength > 3 ? "ml-4 mt-1" : "")
2201  }, autorsLength > 0 && authors.map((item, index) => /* @__PURE__ */ React.createElement("p", {
2202    key: item.id,
2203    className: "mr-1 text-xs font-semibold text-primary"
2204  }, item.name, index === autorsLength - 1 ? null : ",")))), /* @__P
2204URE__ */ React.createElement("div", {
2205    className: "flex w-full justify-end lg:w-1/2"
2206  }, /* @__PURE__ */ React.createElement("button", {
2207    onClick: handleAddedTofavorite,
2208    type: "button",
2209    className: "ml-2 inline-flex items-center border-none text-xs font-medium leading-4 text-primary hover:text-[#ffbe10] focus:ring-0 focus:ring-offset-0 lg:px-3 lg:text-sm"
2210  }, isFav ? /* @__PURE__ */ React.createElement(StarIcon_default2, {
2211    className: class_names_default("-ml-0.5 mr-2 h-4 w-4 text-[#ffbe10] lg:h-6 lg:w-6"),
2212    "aria-hidden": "true"
2213  }) : /* @__PURE__ */ React.createElement(StarIcon_default, {
2214    className: class_names_default("-ml-0.5 mr-2 h-4 w-4 lg:h-6 lg:w-6"),
2215    "aria-hidden": "true"
2216  }), /* @__PURE__ */ React.createElement("span", {
2217    className: "hidden lg:block"
2218  }, "Merken")), /* @__PURE__ */ React.createElement("button", {
2219    onClick: () => handleCopyArticleToClipboard(id, name, slug),
2220    type: "button",
2221    className: "ml-2 inline-flex items-center border-none text-xs font-medium leading-4 text-primary hover:text-[#ffbe10]  focus:outline-none  focus:ring-2  focus:ring-offset-2 lg:px-3 lg:text-sm"
2222  }, /* @__PURE__ */ React.createElement(ArrowUpOnSquareIcon_default, {
2223    className: "-ml-0.5 mr-2 h-4 w-4 lg:h-6 lg:w-6",
2224    "aria-hidden": "true"
2225  }), /* @__PURE__ */ React.createElement("span", {
2226    className: "hidden lg:block"
2227  }, "Teilen")))), /* @__PURE__ */ React.createElement("div", {
2228    className: "pt-5 lg:aspect-h-6"
2229  }, /* @__PURE__ */ React.createElement("h4", {
2230    className: "text-xl font-bold tracking-tight text-primary md:text-[28px]"
2231  }, name), subtitle && /* @__PURE__ */ React.createElement("div", {
2232    className: "my-2"
2233  }, /* @__PURE__ */ React.createElement("p", {
2234    className: "text-base font-medium text-slate-600"
2235  }
2235, subtitle)), /* @__PURE__ */ React.createElement("div", {
2236    className: `${subtitle ? "mt-5" : "mt-4"}`
2237  }, /* @__PURE__ */ React.createElement("p", {
2238    className: "font-sm text-sm text-slate-400"
2239  }, "Ver\xF6ffentlichung:", dateFormat({ date: publicationDate }))), /* @__PURE__ */ React.createElement("div", {
2240    className: "flex flex-col"
2241  }, /* @__PURE__ */ React.createElement(Le, null, ({ open }) => /* @__PURE__ */ React.createElement(React.Fragment, null, !open && /* @__PURE__ */ React.createElement("div", {
2242    className: isLongContent ? "overflow-clip" : ""
2243  }, /* @__PURE__ */ React.createElement("div", {
2244    className: "break-normal py-4 text-[14px] leading-[1.857] text-primary",
2245    dangerouslySetInnerHTML: {
2246      __html: isLongContent ? description.slice(0, hasSubTitle ? 680 : 880).concat("...") : description
2247    }
2248  })), /* @__PURE__ */ React.createElement(Ke, {
2249    show: open,
2250    enter: "transition duration-1000 ease-out",
2251    enterFrom: "transform scale-95 opacity-0",
2252    enterTo: "transform scale-100 opacity-100",
2253    leave: "transition duration-75 ease-out",
2254    leaveFrom: "transform scale-100 opacity-100",
2255    leaveTo: "transform scale-95 opacity-0"
2256  }, /* @__PURE__ */ React.createElement(Le.Panel, {
2257    className: "py-6"
2258  }, /* @__PURE__ */ React.createElement("div", {
2259    className: "text-[14px] leading-[1.857] text-primary md:overflow-hidden",
2260    dangerouslySetInnerHTML: {
2261      __html: description
2262    }
2263  }))), isLongContent && /* @__PURE__ */ React.createElement(Le.Button, {
2264    className: "focus-visible:ring-none flex w-full pb-1 text-[11px] font-semibold leading-[2.182]\n                   text-textColor-navigation hover:text-primary focus:outline-none\n                   focus-visible:ring"
2265  }, /* @__PURE__ */ React.createElement("span", null, !open ? "MEHR ANZEIGEN" : "WENIGER ANZEIGEN")))), /* @__PURE__ */ React.createElement("div", {
2266    className: "mb-2 mt-10 flex lg:mt-4"
2267  }, /* @__PURE__ */ React.createElement("a", {
2268    href: link,
2269    target: "_blank",
2270    rel: "noreferrer"
2271  }, /* @__PURE__ */ React.createElement("button", {
2272    type: "button",
2273    className: "inline-flex items-center rounded-[8px] border border-transparent bg-btnColor-secondary px-5 py-4 text-sm font-normal leading-4 text-white shadow-sm hover:bg-btnColor-hoveSecondary focus:outline-none focus:ring-2 focus:ring-btnColor-secondary focus:ring-offset-2"
2274  }, /* @__PURE__ */ React.createElement(ArrowRightIcon_default, {
2275    className: "-ml-0.5 mr-2 h-5 w-5",
2276    "aria-hidden": "true"
2277  }), "Medium \xF6ffnen"))), restriction ? /* @__PURE__ */ React.createElement("div", {
2278    className: "mt-2 flex"
2279  }, /* @__PURE__ */ React.createElement("img", {
2280    className: "mr-2 h-6 w-6 text-black",
2281    src: icon_lock_dark_default,
2282    alt: "restricted content"
2283  }), /* @__PURE__ */ React.createElement("p", null, restriction.hint ? restriction.hint : "")) : null)))), showImageGallery && /* @__PURE__ */ React.createElement(import_react_image_gallery.default, {
2284    ref,
2285    items: pictures.map((picture) => {
2286      return {
2287        original: get_image_url_default(picture.file.url),
2288        thumbnail: get_image_url_default(picture.file.thumb.url),
2289        description: picture.copyright
2290      };
2291    }),
2292    showFullscreenButton: true,
2293    showPlayButton: false,
2294    onImageLoad: () => {
2295      setImageError(false);
2296    },
2297    onThumbnailError: () => setThunbnailError(true),
2298    disableKeyDown: true,
2299    onImageError: () => setImageError(true),
2300    onScreenChange: handleScreenChange,
2301    showNav: true,
2302    thumbnailPosition: "bottom",
2303    renderFullscreenButton: (onClick, isFullscreen) => /* @__PURE__ */ React.createElement(Fullscreen, {
2304      onClick: () => {
2305        toggleImageGallery(!showImageGallery);
2306      },
2307      isFullscreen
2308    })
2309  }), /* @__PURE__ */ React.createElement(Ie, {
2310    position: "top-right",
2311    reverseOrder: false,
2312    toastOptions: { className: "text-sm", duration: 9e3 }
2313  }));
2314};
2315
2316// app/components/slide_over_dialog/index.tsx
2317init_react();
2318var import_react_modal = __toESM(require_lib());
2319var SlideOver = ({
2320  dir = "left",
2321  children,
2322  open,
2323  size,
2324  width = "max-w-md",
2325  parentSelector = "#main_filter",
2326  toggle
2327}) => {
2328  const leftSideSlider = dir === "left";
2329  return /* @__PURE__ */ React.createElement(Ke.Root, {
2330    show: open,
2331    as: "div"
2332  }, /* @__PURE__ */ React.createElement(import_react_modal.default, {
2333    onRequestClose: () => toggle(false),
2334    closeTimeoutMS: 800,
2335    ariaHideApp: false,
2336    isOpen: open,
2337    parentSelector: () => document.querySelector(parentSelector),
2338    htmlOpenClassName: "ReactModal__Html--open",
2339    style: {
2340      overlay: {
2341        backgroundColor: "rgba(0,0,0,0.85)"
2342      },
2343      content: {
2344        top: 60,
2345        left: 0,
2346        right: 0,
2347        bottom: 0,
2348        border: "0px solid transparent",
2349        overflow: "auto",
2350        backgroundColor: "transparent",
2351        opacity: size === "small" ? 1 : 0.8,
2352        WebkitOverflowScrolling: "touch",
2353        borderRadius: "0",
2354        outline: "none",
2355        padding: "0px",
2356        backdropFilter: "blur(3px)"
2357      }
2358    }
2359  }, /* @__PURE__ */ React.createElement("div", {
2360    className: "fixed inset-0",
2361    onClick: () => toggle(false)
2362  }), /* @__PURE__ */ React.createElement("div", {
2363    className: class_names_default("pointer-events-none fixed inset-y-0 flex max-w-full", leftSideSlider ? "  md:pr-10 lg:-left-[450px]" : "right-0  pr-0 md:pl-10")
2364  }, /* @__PURE__ */ React.createElement(Ke.Child, {
2365    as: "div",
2366    enter: "transform transition ease-in-out duration-500 sm:duration-700",
2367    enterFrom: leftSideSlider ? "translate-x-0" : "lg:translate-x-full",
2368    enterTo: leftSideSlider ? "lg:translate-x-full" : "translate-x-0",
2369    leave: "transform transition ease-in-out duration-500 sm:duration-700",
2370    leaveFrom: leftSideSlider ? "lg:translate-x-full" : "translate-x-0",
2371    leaveTo: leftSideSlider ? "translate-x-0" : "lg:translate-x-full"
2372  }, /* @__PURE__ */ React.createElement("div", {
2373    className: `pointer-events-auto w-screen ${width} h-[100%]`
2374  }, children)))));
2375};
2376var slide_over_dialog_default = SlideOver;
2377
2378// app/components/index.ts
2379init_react();
2380
2381// app/components/Hyperlink/index.tsx
2382init_react();
2383init_esm();
2384function Hyperlink({ to, className, children }) {
2385  const isAbsoluteURL = to.startsWith("https://") || to.startsWith("http://") || to.startsWith("//");
2386  if (isAbsoluteURL) {
2387    return /* @__PURE__ */ React.createElement("a", {
2388      className,
2389      href: to,
2390      target: "_blank",
2391      rel: "noopener noreferrer"
2392    }, children);
2393  }
2394  return /* @__PURE__ */ React.createElement(Link, {
2395    className,
2396    to,
2397    prefetch: "intent"
2398  }, children);
2399}
2400var Hyperlink_default = Hyperlink;
2401
2402// app/components/ThemenBox/index.tsx
2403init_react();
2404var import_react20 = __toESM(require_react());
2405
vendor: 70 bytes, lines 2406-2408
2406// node_modules/@heroicons/react/20/solid/esm/index.js
2407init_react();
2408
vendor: 898 bytes, lines 2409-2434
2409// node_modules/@heroicons/react/20/solid/esm/ArrowRightIcon.js
2410init_react();
2411var React2 = __toESM(require_react(), 1);
2412function ArrowRightIcon({
2413  title,
2414  titleId,
2415  ...props
2416}, svgRef) {
2417  return /* @__PURE__ */ React2.createElement("svg", Object.assign({
2418    xmlns: "http://www.w3.org/2000/svg",
2419    viewBox: "0 0 20 20",
2420    fill: "currentColor",
2421    "aria-hidden": "true",
2422    ref: svgRef,
2423    "aria-labelledby": titleId
2424  }, props), title ? /* @__PURE__ */ React2.createElement("title", {
2425    id: titleId
2426  }, title) : null, /* @__PURE__ */ React2.createElement("path", {
2427    fillRule: "evenodd",
2428    d: "M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z",
2429    clipRule: "evenodd"
2430  }));
2431}
2432var ForwardRef = React2.forwardRef(ArrowRightIcon);
2433var ArrowRightIcon_default2 = ForwardRef;
2434
vendor: 890 bytes, lines 2435-2460
2435// node_modules/@heroicons/react/20/solid/esm/MagnifyingGlassIcon.js
2436init_react();
2437var React3 = __toESM(require_react(), 1);
2438function MagnifyingGlassIcon({
2439  title,
2440  titleId,
2441  ...props
2442}, svgRef) {
2443  return /* @__PURE__ */ React3.createElement("svg", Object.assign({
2444    xmlns: "http://www.w3.org/2000/svg",
2445    viewBox: "0 0 20 20",
2446    fill: "currentColor",
2447    "aria-hidden": "true",
2448    ref: svgRef,
2449    "aria-labelledby": titleId
2450  }, props), title ? /* @__PURE__ */ React3.createElement("title", {
2451    id: titleId
2452  }, title) : null, /* @__PURE__ */ React3.createElement("path", {
2453    fillRule: "evenodd",
2454    d: "M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z",
2455    clipRule: "evenodd"
2456  }));
2457}
2458var ForwardRef2 = React3.forwardRef(MagnifyingGlassIcon);
2459var MagnifyingGlassIcon_default = ForwardRef2;
2460
2461// app/components/ThemenBox/index.tsx
2462var ThemenBox = ({
2463  title,
2464  description,
2465  to,
2466  variant = "default"
2467}) => {
2468  const renderTitle = () => {
2469    const dotIndex = title.indexOf(".");
2470    if (dotIndex !== -1 && dotIndex < title.length - 1) {
2471      const beforeDot = title.slice(0, dotIndex + 1);
2472      const afterDot = title.slice(dotIndex + 1);
2473      return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, beforeDot, /* @__PURE__ */ import_react20.default.createElement("span", {
2474        className: "text-[#FF7300]"
2475      }, afterDot));
2476    }
2477    return title;
2478  };
2479  return /* @__PURE__ */ import_react20.default.createElement(Link2, {
2480    to,
2481    style: variant === "flyout" ? {
2482      backgroundImage: `linear-gradient(to right, #153d71, #005283, #006792, #007c9e, #1f91a7)`
2483    } : void 0,
2484    className: "group flex h-full cursor-pointer flex-col justify-start rounded-2xl border border-white/20 bg-black/30 p-6  text-white shadow-card backdrop-blur-sm transition-all duration-200 hover:border-white/40 hover:bg-black/80 hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/70 active:bg-black/90"
2485  }, /* @__PURE__ */ import_react20.default.createElement("div", {
2486    className: "flex items-start justify-between gap-3"
2487  }, /* @__PURE__ */ import_react20.default.createElement("h3", {
2488    className: "text-sm font-semibold md:text-base"
2489  }, renderTitle()), /* @__PURE__ */ import_react20.default.createElement(ArrowRightIcon_default2, {
2490    className: "mt-0.5 h-4 w-4 shrink-0 text-white/90 transition-transform group-hover:translate-x-0.5"
2491  })), /* @__PURE__ */ import_react20.default.createElement("p", {
2492    className: "mt-1 text-xs text-white/80 md:text-sm"
2493  }, description));
2494};
2495var ThemenBox_default = ThemenBox;
2496
2497// app/components/UnifiedCardHome/index.tsx
2498init_react();
2499var import_react21 = __toESM(require_react());
2500var UnifiedCardHome = ({
2501  name,
2502  imageUrl,
2503  subtitle,
2504  layout
2505}) => {
2506  const isVertical = layout === "vertical";
2507  return /* @__PURE__ */ import_react21.default.createElement("div", {
2508    className: class_names_default("overflow-hidden border border-slate-200 bg-white shadow-card transition-all duration-200 hover:bg-gray-100 hover:shadow-lg", isVertical ? "rounded-2xl" : "flex h-28 rounded-3xl")
2509  }, /* @__PURE__ */ import_react21.default.createElement("div", {
2510    className: "flex-shrink-0"
2511  }, imageUrl ? /* @__PURE__ */ import_react21.default.createElement("img", {
2512    src: imageUrl,
2513    className: class_names_default(isVertical ? "h-36 w-full object-cover" : "h-28 w-44 object-cover"),
2514    alt: ""
2515  }) : /* @__PURE__ */ import_react21.default.createElement("div", {
2516    className: class_names_default("flex items-center justify-center bg-gray-200", isVertical ? "h-36 w-full" : "h-28 w-44")
2517  }, /* @__PURE__ */ import_react21.default.createElement("svg", {
2518    className: "h-10 w-10 text-gray-400",
2519    fill: "none",
2520    stroke: "currentColor",
2521    viewBox: "0 0 24 24"
2522  }, /* @__PURE__ */ import_react21.default.createElement("path", {
2523    strokeLinecap: "round",
2524    strokeLinejoin: "round",
2525    strokeWidth: 2,
2526    d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
2527  })))), /* @__PURE__ */ import_react21.default.createElement("div", {
2528    className: class_names_default(isVertical ? "p-4" : "flex min-w-0 flex-1 flex-col justify-center overflow-hidden px-5 py-3")
2529  }, /* @__PURE__ */ import_react21.default.createElement("h4", {
2530    className: class_names_default("font-bold text-textColor-primary", isVertical ? "truncate text-sm" : "block truncate text-base leading-5")
2531  }, name), subtitle && /* @__PURE__ */ import_react21.default.createElement("p", {
2532    className: class_names_default("overflow-hidden text-sm text-textColor-light", isVertical ? "text-ellipsis whitespace-nowrap" : "mt-1 block truncate leading-5")
2533  }, subtitle)));
2534};
2535var UnifiedCardHome_default = UnifiedCardHome;
2536
2537// app/screens/articles/article_details_tabs.tsx
2538init_react();
2539var import_react26 = __toESM(require_react());
2540
2541// app/screens/articles/didacticMethodicalHint.tsx
2542init_react();
2543
2544// app/components/collabsable/index.tsx
2545init_react();
2546function Collapse({ name, content, defaultOpen = false }) {
2547  return /* @__PURE__ */ React.createElement(Le, {
2548    defaultOpen,
2549    as: "div",
2550    className: "border-b border-gray-200 py-3"
2551  }, ({ open }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h3", {
2552    className: "flow-root"
2553  }, /* @__PURE__ */ React.createElement(Le.Button, {
2554    className: "flex w-full items-center justify-between bg-white py-3 text-sm text-gray-400 hover:text-gray-500"
2555  }, name, /* @__PURE__ */ React.createElement("span", {
2556    className: "ml-6 flex items-center"
2557  }, /* @__PURE__ */ React.createElement(ChevronUpIcon_default2, {
2558    className: `${!open ? "rotate-180 transform" : ""} h-8 w-8 text-secondary`
2559  })))), /* @__PURE__ */ React.createElement(Le.Panel, null, /* @__PURE__ */ React.createElement("div", {
2560    className: "space-y-4"
2561  }, content))));
2562}
2563
2564// app/screens/articles/didacticMethodicalHint.tsx
2565function DidacticMethodicalHint({
2566  didacticMethodicalHint,
2567  material,
2568  teachingMethods,
2569  inclusionHint
2570}) {
2571  if (!didacticMethodicalHint && !material && !(teachingMethods == null ? void 0 : teachingMethods.length) && !inclusionHint)
2572    return null;
2573  return /* @__PURE__ */ React.createElement(Collapse, {
2574    defaultOpen: true,
2575    name: /* @__PURE__ */ React.createElement("h1", {
2576      className: "text-left text-xl font-bold tracking-tight text-primary md:text-[24px]"
2577    }, didacticMethodicalHint ? "Didaktische & Methodische Hinweise" : "", inclusionHint && !didacticMethodicalHint ? "Hinweise f\xFCr inklusives Lernen:" : ""),
2578    content: /* @__PURE__ */ React.createElement("div", null, didacticMethodicalHint ? /* @__PURE__ */ React.createElement("div", {
2579      className: "mt-8"
2580    }, /* @__PURE__ */ React.createElement("div", {
2581      className: "max-w-2xl overflow-hidden text-[14px] leading-[1.857] tracking-wide text-primary",
2582      dangerouslySetInnerHTML: {
2583        __html: didacticMethodicalHint
2584      }
2585    })) : null, material ? /* @__PURE__ */ React.createElement("div", {
2586      className: "mt-10"
2587    }, /* @__PURE__ */ React.createElement("h1", {
2588      className: "pb-2 text-[18px]  font-bold text-primary sm:text-lg"
2589    }, "Material:"), /* @__PURE__ */ React.createElement("div", {
2590      className: "max-w-2xl overflow-hidden text-[14px] leading-[1.857] tracking-wide text-primary",
2591      dangerouslySetInnerHTML: {
2592        __html: material
2593      }
2594    }
2594)) : null, inclusionHint ? /* @__PURE__ */ React.createElement("div", {
2595      className: "mt-10"
2596    }, didacticMethodicalHint && /* @__PURE__ */ React.createElement("h1", {
2597      className: "pb-2 text-[18px]  font-bold text-primary sm:text-lg"
2598    }, "Hinweise f\xFCr inklusives Lernen:"), /* @__PURE__ */ React.createElement("div", {
2599      className: "max-w-2xl overflow-hidden text-[14px] leading-[1.857] tracking-wide text-primary",
2600      dangerouslySetInnerHTML: {
2601        __html: inclusionHint
2602      }
2603    })) : null, (teachingMethods == null ? void 0 : teachingMethods.length) ? /* @__PURE__ */ React.createElement("div", {
2604      className: "mt-10 mb-16"
2605    }, /* @__PURE__ */ React.createElement("h1", {
2606      className: "pb-4 text-[18px]  font-bold text-primary sm:text-lg"
2607    }, "Methoden:"), teachingMethods.map((method) => {
2608      return /* @__PURE__ */ React.createElement(Hyperlink_default, {
2609        to: `/method_glossar/${method.id}`,
2610        key: method.id
2611      }, /* @__PURE__ */ React.createElement("span", {
2612        className: "my-2 mr-2 inline-flex items-center rounded-xl bg-lightGray px-4 py-1 text-sm font-medium text-gray-800"
2613      }, method.name));
2614    })) : null)
2615  });
2616}
2617
2618// app/screens/articles/curricula.tsx
2619init_react();
2620var import_react23 = __toESM(require_react());
2621function Curricula({
2622  curriculums
2623}) {
2624  return /* @__PURE__ */ React.createElement(Collapse, {
2625    defaultOpen: true,
2626    name: /* @__PURE__ */ React.createElement("h1", {
2627      className: "text-xl text-[24px] font-bold leading-[1.857] text-primary"
2628    }, "Lehrplanbez\xFCge"),
2629    content: /* @__PURE__ */ React.createElement(React.Fragment, null, curriculums.map((curriculum) => {
2630      return /* @__PURE__ */ React.createElement("div", {
2631        key: curriculum.id,
2632        className: "py-4"
2633      }, /* @__PURE__ */ React.createElement("div", {
2634        className: "flex items-center py-1"
2635      }, /* @__PURE__ */ React.createElement("img", {
2636        className: "mr-4 h-10 w-8",
2637        src: get_image_url_default(curriculum.avatar.url),
2638        alt: curriculum.name
2639      }), /* @__PURE__ */ React.createElement("h3", {
2640        className: "mb-2 text-[18px] font-bold text-primary"
2641      }, curriculum.name)), /* @__PURE__ */ React.createElement("div", {
2642        className: "my-2"
2643      }, curriculum.secondaryEducations.map((secondaryEducation) => {
2644        return /* @__PURE__ */ React.createElement(import_react23.Fragment, {
2645          key: secondaryEducation.id
2646        }, secondaryEducation.academicYears.map((academicYear) => {
2647          return /* @__PURE__ */ React.createElement(import_react23.Fragment, {
2648            key: academicYear.id
2649          }, /* @__PURE__ */ React.createElement("div", {
2650            className: "my-3 flex-1 space-y-1 rounded-xl bg-white p-4 shadow-curriculum"
2651          }, /* @__PURE__ */ React.createElement("div", {
2652            className: "flex"
2653          }, /* @__PURE__ */ React.createElement("h3", {
2654            className: "text-sm text-slate-500"
2655          }, secondaryEducation.name, " |", " ", academicYear.name)), academicYear.subjectAreas.map(({
2656            id,
2657            externalLink,
2658            name,
2659            learningUnits
2660          }) => {
2661            return /* @__PURE__ */ React.createElement(import_react23.Fragment, {
2662              key: id
2663            }, /* @__PURE__ */ React.createElement("div", {
2664              className: "flex items-center justify-between py-2"
2665            }, /* @__PURE__ */ React.createElement("p", {
2666              className: "text-[16px] text-primary"
2667            }, name, "."), /* @__PURE__ */ React.createElement(Hyperlink_default, {
2668              to: externalLink,
2669              className: "hover:text-gray-500"
2670            }, /* @__PURE__ */ React.createElement("svg", {
2671              xmlns: "http://www.w3.org/2000/svg",
2672              fill: "none",
2673              viewBox: "0 0 24 24",
2674              strokeWidth: 1.5,
2675              stroke: "currentColor",
2676              className: "h-8 w-8"
2677            }, /* @__PURE__ */ React.createElement("path", {
2678              strokeLinecap: "round",
2679              strokeLinejoin: "round",
2680              d: "M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15M9 12l3 3m0 0l3-3m-3 3V2.25"
2681            })))), learningUnits && learningUnits.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
2682              className: "font-semibold tracking-tight text-slate-600"
2683            }, "Beispielhafte Lernsequenzen")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("ul", {
2684              className: "list-disc leading-loose tracking-tight text-slate-500"
2685            }, learningUnits.map((unit) => /* @__PURE__ */ React.createElement("li", {
2686              key: unit.id,
2687              className: "ml-4"
2688            }, unit.name))))));
2689          })));
2690        }));
2691      })));
2692    }))
2693  });
2694}
2695
2696// app/screens/articles/tab_sidebar.tsx
2697init_react();
2698
2699// app/components/RelatedMediaCard/index.ts
2700init_react();
2701
2702// app/components/RelatedMediaCard/RelatedMediaCard.tsx
2703init_react();
2704init_esm();
2705function RelatedMediaCard({
2706  id,
2707  name,
2708  subtitle,
2709  description,
2710  firstPicture,
2711  mediaKindsAsString,
2712  secondaryEducationAsString,
2713  extent,
2714  linkTo
2715}) {
2716  var _a;
2717  return /* @__PURE__ */ React.createElement(Link, {
2718    to: linkTo,
2719    className: "flex gap-1 rounded-lg bg-white py-1  hover:bg-gray-50"
2720  }, /* @__PURE__ */ React.createElement("div", {
2721    className: "mr-2 flex-shrink-0"
2722  }, firstPicture ? /* @__PURE__ */ React.createElement("img", {
2723    loading: "lazy",
2724    alt: name,
2725    className: "h-18 w-32 rounded-md object-cover",
2726    src: get_image_url_default(((_a = firstPicture.file.thumb) == null ? void 0 : _a.url) || firstPicture.file.url)
2727  }) : /* @__PURE__ */ React.createElement("div", {
2728    className: "flex h-18 w-32 items-center justify-center rounded-md bg-gray-200"
2729  }, /* @__PURE__ */ React.createElement("svg", {
2730    className: "h-10 w-10 text-gray-400",
2731    fill: "none",
2732    stroke: "currentColor",
2733    viewBox: "0 0 24 24"
2734  }, /* @__PURE__ */ React.createElement("path", {
2735    strokeLinecap: "round",
2736    strokeLinejoin: "round",
2737    strokeWidth: 2,
2738    d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
2739  })))), /* @__PURE__ */ React.createElement("div", {
2740    className: "flex-1 overflow-hidden"
2741  }, /* @__PURE__ */ React.createElement("h4", {
2742    className: "mb-1 overflow-hidden text-sm font-bold text-gray-900",
2743    style: {
2744      display: "-webkit-box",
2745      WebkitLineClamp: 2,
2746      WebkitBoxOrient: "vertical"
2747    }
2748  }, name), subtitle && /* @__PURE__ */ React.createElement("p", {
2749    className: "mb-2 text-xs font-semibold text-gray-400"
2750  }, subtitle), /* @__PURE__ */ React.createElement("div", {
2751    className: "flex flex-wrap gap-x-2 gap-y-1 text-xs font-semibold text-gray-400"
2752  }, extent && /* @__PURE__ */ React.createElement("p", {
2753    className: "text-xs font-semibold text-gray-400"
2754  }, extent.name), /* @__PURE__ */ React.createElement("span", {
2755    className: "mx-1 text-gray-400"
2756  }, "|"), mediaKindsAsString && /* @__PURE__ */ React.createElement("span", null, mediaKindsAsString), /* @__PURE__ */ React.createElement("span", {
2757    className: "mx-1 text-gray-400"
2758  }, "|"), /* @__PURE__ */ React.createElement("span", null, secondaryEducationAsString))));
2759}
2760
2761// app/components/RelatedMediaCard/RelatedMediaList.tsx
2762init_react();
2763function RelatedMediaList({
2764  relatedMedia,
2765  linkPattern = "search/main",
2766  maxItems = 15
2767}) {
2768  if (!relatedMedia || relatedMedia.length === 0) {
2769    return /* @__PURE__ */ React.createElement("p", {
2770      className: "text-sm text-slate-400"
2771    }, "Keine passenden Medien gefunden");
2772  }
2773  const displayedMedia = relatedMedia.slice(0, maxItems);
2774  return /* @__PURE__ */ React.createElement("div", {
2775    className: "mt-2 space-y-0 overflow-y-auto"
2776  }, displayedMedia.map((media) => {
2777    const slugifiedName = to_safe_path_segment_default(media.slug || media.name);
2778    return /* @__PURE__ */ React.createElement(RelatedMediaCard, {
2779      key: media.id,
2780      ...media,
2781      linkTo: `/${linkPattern}/${media.id}/${slugifiedName}`
2782    });
2783  }));
2784}
2785
2786// app/screens/articles/tab_sidebar.tsx
2787var renderTabValue = ({ data }) => /* @__PURE__ */ React.createElement("h3", {
2788  className: "mt-1 text-sm text-black"
2789}, data && data.length ? data.map((item, index) => /* @__PURE__ */ React.createElement("span", {
2790  className: "mr-2",
2791  key: item.id
2792}, item.name, " ", `${index !== data.length - 1 ? "," : ""}`)) : "_");
2793function SideBarArticle({
2794  createdAt,
2795  licenses,
2796  mediaKindsAsString,
2797  link,
2798  extent,
2799  specials,
2800  subjects,
2801  mediaCompetences,
2802  level,
2803  tagList = [],
2804  inclusions,
2805  reversedSequences,
2806  relatedSpecialistArticles = []
2807}) {
2808  const filters = [
2809    {
2810      id: "eigenschaften",
2811      name: "Eigenschaften",
2812      isOpen: true,
2813      options: [
2814        {
2815          value: /* @__PURE__ */ React.createElement("h3", {
2816            className: "mt-1 text-sm text-slate-800"
2817          }, mediaKindsAsString),
2818          label: "Medientyp"
2819        },
2820        {
2821          value: renderTabValue({ data: licenses }),
2822          label: "Lizenz"
2823        },
2824        {
2825          value: /* @__PURE__ */ React.createElement(Hyperlink_default, {
2826            to: link
2827          }, /* @__PURE__ */ React.createElement("h3", {
2828            className: "mt-1 text-sm text-slate-800"
2829          }, "Link \xF6ffnen ")),
2830          label: "URL"
2831        },
2832        {
2833          value: /* @__PURE__ */ React.createElement("h3", {
2834            className: "mt-1 text-sm text-slate-800"
2835          }, dateFormat({
2836            date: createdAt
2837          })),
2838          label: "Hinzugef\xFCgt am"
2839        }
2840      ]
2841    },
2842    {
2843      id: "p\xE4dagogische",
2844      name: "P\xE4dagogische Merkmale",
2845      isOpen: true,
2846      options: [
2847        {
2848          value: renderTabValue({ data: specials }),
2849          label: "Einsatzbereich"
2850        },
2851        {
2852          value: /* @__PURE__ */ React.createElement("h3", {
2853            className: "mt-1 text-sm text-slate-800"
2854          }, extent == null ? void 0 : extent.name),
2855          label: "Umfang"
2856        },
2857        {
2858          value: renderTabValue({ data: subjects }),
2859          label: "Gegenstandsbereich"
2860        },
2861        {
2862          value: renderTabValue({ data: mediaCompetences }),
2863          label: "Medienkompetenzen"
2864        },
2865        {
2866          value: /* @__PURE__ */ React.createElement("h3", {
2867            className: "mt-1 text-sm text-slate-800"
2868          }, level ? level.name : "_"),
2869          label: "Niveau"
2870        },
2871        {
2872          value: renderTabValue({ data: inclusions }),
2873          label: "inklusives Lernen"
2874        }
2875      ]
2876    },
2877    {
2878      id: "stichw\xF6rter",
2879      name: "Stichw\xF6rter",
2880      options: [
2881        {
2882          value: tagList.length ? /* @__PURE__ */ React.createElement("div", {
2883            className: "flex flex-wrap"
2884          }, tagList.map((tag) => /* @__PURE__ */ React.createElement("span", {
2885            key: tag,
2886            className: class_names_default("mr-2 inline-flex items-center rounded-xl bg-lightGray px-4 py-1 text-sm font-medium text-gray-800", tagList.length > 2 ? "mt-2" : "")
2887          }, tag))) : /* @__PURE__ */ React.createElement("h3", {
2888            className: "mt-1 text-sm text-slate-800"
2889          }, "Keine Stichw\xF6rter"),
2890          label: ""
2891        }
2892      ]
2893    },
2894    {
2895      id: "passende-fachartikel",
2896      name: "Passende Fachartikel",
2897      isOpen: true,
2898      options: [
2899        {
2900          value: /* @__PURE__ */ React.createElement(RelatedMediaList, {
2901            relatedMedia: relatedSpecialistArticles,
2902            linkPattern: "professional_article/main",
2903            maxItems: 15
2904          }),
2905          label: ""
2906        }
2907      ]
2908    }
2909  ];
2910  return /* @__PURE__ */ React.createElement("div", {
2911    className: "flex w-full flex-col items-end"
2912  }, /* @__PURE__ */ React.createElement("div", {
2913    className: "w-full max-w-lg"
2914  }, filters.map((section) => /* @__PURE__ */ React.createElement(Collapse, {
2915    defaultOpen: section.isOpen,
2916    key: section.id,
2917    name: /* @__PURE__ */ React.createElement("span", {
2918      className: "text-sm font-bold text-slate-800"
2919    }, section.name),
2920    content: /* @__PURE__ */ React.createElement(React.Fragment, null, section.options.map((option, optionIdx) => /* @__PURE__ */ React.createElement("div", {
2921      key: option.label,
2922      className: "flex flex-col "
2923    }
2923, /* @__PURE__ */ React.createElement("label", {
2924      htmlFor: `filter-${section.id}-${optionIdx}`,
2925      className: "text-sm text-slate-400"
2926    }, option.label), option.value)))
2927  }))));
2928}
2929
2930// app/screens/articles/sequences_article.tsx
2931init_react();
2932init_esm();
2933function SequencesArticle({ sequences }) {
2934  return /* @__PURE__ */ React.createElement(Collapse, {
2935    defaultOpen: true,
2936    name: /* @__PURE__ */ React.createElement("h1", {
2937      className: "text-[24px] text-xl font-bold leading-[1.857] text-primary"
2938    }, "Eingebettete Medien"),
2939    content: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", {
2940      className: "mb-0 text-[16px] leading-normal"
2941    }, "Medien, die Teil des aufgelisteten Materials sind und in weiteren Kontexten Verwendung finden k\xF6nnen.")), sequences.map((sequence) => {
2942      return /* @__PURE__ */ React.createElement("div", {
2943        key: sequence.id,
2944        className: "p-2"
2945      }, /* @__PURE__ */ React.createElement("div", {
2946        className: "my-1"
2947      }, sequence.linkedMedium && /* @__PURE__ */ React.createElement("div", {
2948        className: "relative space-y-2 sm:grid sm:grid-cols-3 sm:items-start sm:gap-6 sm:space-y-0"
2949      }, /* @__PURE__ */ React.createElement("div", {
2950        className: "aspect-w-3 aspect-h-2 sm:aspect-w-3 sm:aspect-h-4"
2951      }, /* @__PURE__ */ React.createElement("img", {
2952        className: "rounded-lg object-cover shadow-lg",
2953        src: sequence.linkedMedium.firstPicture ? get_image_url_default(sequence.linkedMedium.firstPicture.file.url) : "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80",
2954        alt: ""
2955      })), /* @__PURE__ */ React.createElement("div", {
2956        className: " sm:col-span-2"
2957      }, /* @__PURE__ */ React.createElement("div", {
2958        className: "space-y-1"
2959      }, /* @__PURE__ */ React.createElement("div", {
2960        className: "space-y-1"
2961      }, /* @__PURE__ */ React.createElement("h3", {
2962        className: "text-lg font-bold"
2963      }, sequence.linkedMedium.authorsAsString), /* @__PURE__ */ React.createElement("p", {
2964        className: "text-slate-500"
2965      }, dateFormat({
2966        date: sequence.linkedMedium.createdAt
2967      }))), sequence.linkedMedium.extent && /* @__PURE__ */ React.createElement("div", {
2968        className: "text-lg"
2969      }, /* @__PURE__ */ React.createElement("p", {
2970        className: "text-gray-500"
2971      }, "Umfang: ", sequence.linkedMedium.extent.name)), sequence.linkedMedium.secondaryEducationAsString && /* @__PURE__ */ React.createElement("div", {
2972        className: "text-lg"
2973      }, /* @__PURE__ */ React.createElement("p", {
2974        className: "text-gray-500"
2975      }, "Schulbereich:", " ", sequence.linkedMedium.secondaryEducationAsString)), /* @__P
2975URE__ */ React.createElement("div", {
2976        className: "mt-4 md:absolute md:bottom-4 md:mt-0"
2977      }, /* @__PURE__ */ React.createElement(Link, {
2978        to: `/search/main/${sequence.linkedMedium.id}/${to_safe_path_segment_default(sequence.linkedMedium.slug || sequence.linkedMedium.author)}`,
2979        className: "inline-flex items-center rounded-none\n                                                          border-b border-primary pl-1 pb-1 text-sm font-medium text-textColor-primary"
2980      }, "Mehr erfahren", /* @__PURE__ */ React.createElement(ArrowRightIcon_default, {
2981        className: "ml-3 h-5 w-6 text-textColor-dark",
2982        "aria-hidden": "true"
2983      }))))))));
2984    }))
2985  });
2986}
2987
2988// app/screens/articles/article_details_tabs.tsx
2989var ArticleTabs = ({
2990  didacticMethodicalHint,
2991  material,
2992  teachingMethods,
2993  curriculums,
2994  mediaKindsAsString,
2995  link,
2996  createdAt,
2997  licenses,
2998  extent,
2999  specials,
3000  subjects,
3001  mediaCompetences,
3002  level,
3003  tagList,
3004  sequences,
3005  inclusionHint,
3006  inclusions,
3007  reversedSequences,
3008  relatedSpecialistArticles = []
3009}) => {
3010  const [current, setCurrent] = (0, import_react26.useState)({
3011    status: "unassigned",
3012    id: 1
3013  });
3014  const tabs = [
3015    {
3016      name: "Religionsunterricht",
3017      status: "default",
3018      id: 1
3019    }
3020  ];
3021  const renderCurrentTab = () => {
3022    switch (current.id) {
3023      case 0:
3024        return null;
3025      case 2:
3026        return null;
3027      default:
3028        return /* @__PURE__ */ React.createElement("section", {
3029          "aria-labelledby": "products-heading",
3030          className: "pt-4 pb-24"
3031        }, /* @__PURE__ */ React.createElement("h2", {
3032          id: "products-heading",
3033          className: "sr-only"
3034        }, "Products"), /* @__PURE__ */ React.createElement("div", {
3035          className: "grid grid-cols-1 gap-8 lg:grid-cols-4 2xl:gap-1"
3036        }, /* @__PURE__ */ React.createElement("div", {
3037          className: "lg:col-start-1 lg:col-end-3"
3038        }, /* @__PURE__ */ React.createElement(DidacticMethodicalHint, {
3039          didacticMethodicalHint,
3040          material,
3041          teachingMethods,
3042          inclusionHint
3043        }), sequences.length ? /* @__PURE__ */ React.createElement(SequencesArticle, {
3044          sequences
3045        }) : null, /* @__PURE__ */ React.createElement(Curricula, {
3046          curriculums
3047        })), /* @__PURE__ */ React.createElement("div", {
3048          className: "h-full lg:col-start-3 lg:col-end-5"
3049        }, /* @__PURE__ */ React.createElement(SideBarArticle, {
3050          relatedSpecialistArticles,
3051          reversedSequences,
3052          inclusions,
3053          level,
3054          createdAt,
3055          licenses,
3056          mediaKindsAsString,
3057          link,
3058          extent,
3059          specials,
3060          subjects,
3061          mediaCompetences,
3062          tagList
3063        }))));
3064    }
3065  };
3066  return /* @__PURE__ */ React.createElement("div", {
3067    className: "pt-16"
3068  }, /* @__PURE__ */ React.createElement(tabs_default, {
3069    tabs,
3070    onSelect: setCurrent,
3071    current: current.id,
3072    counter: 0
3073  }), renderCurrentTab());
3074};
3075
3076// app/screens/articles/professional_article_details_tabs.tsx
3077init_react();
3078var import_react27 = __toESM(require_react());
3079
3080// app/screens/articles/professional_didacticMethodicalHint.tsx
3081init_react();
3082function ProfessionalDidacticMethodicalHint({
3083  didacticMethodicalHint,
3084  inclusionHint
3085}) {
3086  if (!didacticMethodicalHint && !inclusionHint)
3087    return null;
3088  return /* @__PURE__ */ React.createElement(Collapse, {
3089    defaultOpen: true,
3090    name: /* @__PURE__ */ React.createElement("h1", {
3091      className: "text-left text-xl font-bold tracking-tight text-primary md:text-[24px]"
3092    }, didacticMethodicalHint ? "Beschreibung" : "", inclusionHint && !didacticMethodicalHint ? "Hinweise f\xFCr inklusives Lernen:" : ""),
3093    content: /* @__PURE__ */ React.createElement("div", null, didacticMethodicalHint ? /* @__PURE__ */ React.createElement("div", {
3094      className: "mt-8"
3095    }, /* @__PURE__ */ React.createElement("div", {
3096      className: "max-w-2xl overflow-hidden text-[14px] leading-[1.857] tracking-wide text-primary",
3097      dangerouslySetInnerHTML: {
3098        __html: didacticMethodicalHint
3099      }
3100    })) : null, inclusionHint ? /* @__PURE__ */ React.createElement("div", {
3101      className: "mt-10"
3102    }, didacticMethodicalHint && /* @__PURE__ */ React.createElement("h1", {
3103      className: "pb-2 text-[18px]  font-bold text-primary sm:text-lg"
3104    }, "Hinweise f\xFCr inklusives Lernen:"), /* @__PURE__ */ React.createElement("div", {
3105      className: "max-w-2xl overflow-hidden text-[14px] leading-[1.857] tracking-wide text-primary",
3106      dangerouslySetInnerHTML: {
3107        __html: inclusionHint
3108      }
3109    })) : null)
3110  });
3111}
3112
3113// app/screens/articles/professional_tab_sidebar.tsx
3114init_react();
3115var renderTabValue2 = ({ data }) => /* @__PURE__ */ React.createElement("h3", {
3116  className: "mt-1 text-sm text-black"
3117}, data && data.length ? data.map((item, index) => /* @__PURE__ */ React.createElement("span", {
3118  className: "mr-2",
3119  key: item.id
3120}, item.name, " ", `${index !== data.length - 1 ? "," : ""}`)) : "_");
3121function ProfessionalSideBarArticle({
3122  createdAt,
3123  licenses,
3124  mediaKindsAsString,
3125  link,
3126  specials,
3127  subjects,
3128  tagList = [],
3129  reversedSequences,
3130  relatedMedia = []
3131}) {
3132  const filters = [
3133    {
3134      id: "eigenschaften",
3135      name: "Eigenschaften",
3136      isOpen: true,
3137      options: [
3138        {
3139          value: /* @__PURE__ */ React.createElement("h3", {
3140            className: "mt-1 text-sm text-slate-800"
3141          }, mediaKindsAsString),
3142          label: "Medientyp"
3143        },
3144        {
3145          value: renderTabValue2({ data: licenses }),
3146          label: "Lizenz"
3147        },
3148        {
3149          value: link ? /* @__PURE__ */ React.createElement(Hyperlink_default, {
3150            to: link
3151          }, /* @__PURE__ */ React.createElement("h3", {
3152            className: "mt-1 text-sm text-slate-800"
3153          }, "Link \xF6ffnen ")) : /* @__PURE__ */ React.createElement("h3", {
3154            className: "mt-1 text-sm text-slate-800"
3155          }, "_"),
3156          label: "URL"
3157        },
3158        {
3159          value: /* @__PURE__ */ React.createElement("h3", {
3160            className: "mt-1 text-sm text-slate-800"
3161          }, dateFormat({
3162            date: createdAt
3163          })),
3164          label: "Hinzugef\xFCgt am"
3165        }
3166      ]
3167    },
3168    {
3169      id: "p\xE4dagogische",
3170      name: "P\xE4dagogische Merkmale",
3171      isOpen: true,
3172      options: [
3173        {
3174          value: renderTabValue2({ data: specials }),
3175          label: "Einsatzbereich"
3176        },
3177        {
3178          value: renderTabValue2({ data: subjects }),
3179          label: "Gegenstandsbereich"
3180        }
3181      ]
3182    },
3183    {
3184      id: "stichw\xF6rter",
3185      name: "Stichw\xF6rter",
3186      options: [
3187        {
3188          value: tagList.length ? /* @__PURE__ */ React.createElement("div", {
3189            className: "flex flex-wrap"
3190          }, tagList.map((tag) => /* @__PURE__ */ React.createElement("span", {
3191            key: tag,
3192            className: class_names_default("mr-2 inline-flex items-center rounded-xl bg-lightGray px-4 py-1 text-sm font-medium text-gray-800", tagList.length > 2 ? "mt-2" : "")
3193          }, tag))) : /* @__PURE__ */ React.createElement("h3", {
3194            className: "mt-1 text-sm text-slate-800"
3195          }, "Keine Stichw\xF6rter"),
3196          label: ""
3197        }
3198      ]
3199    },
3200    {
3201      id: "passende-medien",
3202      name: "Passende Medien",
3203      isOpen: true,
3204      options: [
3205        {
3206          value: /* @__PURE__ */ React.createElement(RelatedMediaList, {
3207            relatedMedia,
3208            linkPattern: "search/main",
3209            maxItems: 15
3210          }),
3211          label: ""
3212        }
3213      ]
3214    }
3215  ];
3216  return /* @__PURE__ */ React.createElement("div", {
3217    className: "flex w-full flex-col items-end"
3218  }, /* @__PURE__ */ React.createElement("div", {
3219    className: "w-full max-w-lg"
3220  }, filters.map((section) => /* @__PURE__ */ React.createElement(Collapse, {
3221    defaultOpen: section.isOpen,
3222    key: section.id,
3223    name: /* @__PURE__ */ React.createElement("span", {
3224      className: "text-sm font-bold text-slate-800"
3225    }, section.name),
3226    content: /* @__PURE__ */ React.createElement(React.Fragment, null, section.options.map((option, optionIdx) => /* @__PURE__ */ React.createElement("div", {
3227      key: option.label,
3228      className: "flex flex-col "
3229    }, /* @__PURE__ */ React.createElement("label", {
3230      htmlFor: `filter-${section.id}-${optionIdx}`,
3231      className: "text-sm text-slate-400"
3232    }, option.label), option.value)))
3233  }))));
3234}
3235
3236// app/screens/articles/professional_article_details_tabs.tsx
3237var ProfessionalArticleTabs = ({
3238  didacticMethodicalHint,
3239  curriculums,
3240  mediaKindsAsString,
3241  link,
3242  createdAt,
3243  licenses,
3244  specials,
3245  subjects,
3246  tagList,
3247  reversedSequences,
3248  relatedMedia = []
3249}) => {
3250  const [current, setCurrent] = (0, import_react27.useState)({
3251    status: "unassigned",
3252    id: 1
3253  });
3254  const tabs = [
3255    {
3256      name: "Religionsunterricht",
3257      status: "default",
3258      id: 1
3259    }
3260  ];
3261  const renderCurrentTab = () => {
3262    switch (current.id) {
3263      case 0:
3264        return null;
3265      case 2:
3266        return null;
3267      default:
3268        return /* @__PURE__ */ React.createElement("section", {
3269          "aria-labelledby": "products-heading",
3270          className: "pt-4 pb-24"
3271        }, /* @__PURE__ */ React.createElement("h2", {
3272          id: "products-heading",
3273          className: "sr-only"
3274        }, "Products"), /* @__PURE__ */ React.createElement("div", {
3275          className: "grid grid-cols-1 gap-8 lg:grid-cols-4 2xl:gap-1"
3276        }, /* @__PURE__ */ React.createElement("div", {
3277          className: "lg:col-start-1 lg:col-end-3"
3278        }, /* @__PURE__ */ React.createElement(ProfessionalDidacticMethodicalHint, {
3279          didacticMethodicalHint
3280        }), /* @__PURE__ */ React.createElement(Curricula, {
3281          curriculums
3282        })), /* @__PURE__ */ React.createElement("div", {
3283          className: "h-full lg:col-start-3 lg:col-end-5"
3284        }, /* @__PURE__ */ React.createElement(ProfessionalSideBarArticle, {
3285          relatedMedia,
3286          reversedSequences,
3287          createdAt,
3288          licenses,
3289          mediaKindsAsString,
3290          link,
3291          specials,
3292          subjects,
3293          tagList
3294        }))));
3295    }
3296  };
3297  return /* @__PURE__ */ React.createElement("div", {
3298    className: "pt-16"
3299  }, /* @__PURE__ */ React.createElement(tabs_default, {
3300    tabs,
3301    onSelect: setCurrent,
3302    current: current.id,
3303    counter: 0
3304  }), renderCurrentTab());
3305};
3306
3307// app/screens/inklusion/intro_card_section/list.tsx
3308init_react();
3309var InKlusionCardList = ({
3310  cards
3311}) => {
3312  return /* @__PURE__ */ React.createElement("div", {
3313    className: "relative",
3314    style: {
3315      backgroundColor: "#eff1f2",
3316      backgroundSize: "100%",
3317      backgroundPosition: "100% 100%",
3318      backgroundRepeat: "repeat"
3319    }
3320  }, /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("div", {
3321    className: "flex w-full flex-col pb-28 md:flex-row"
3322  }, cards.map((card) => /* @__PURE__ */ React.createElement("div", {
3323    className: "mt-10 md:mr-3 md:mt-0",
3324    key: card.id
3325  }, /* @__PURE__ */ React.createElement(InklusionCard, {
3326    ...card
3327  }))))), /* @__PURE__ */ React.createElement("div", {
3328    className: "absolute bottom-0 z-40 w-full 3xl:relative 3xl:z-0"
3329  }, /* @__PURE__ */ React.createElement("img", {
3330    alt: "wave-white",
3331    className: "z-40 w-full object-contain",
3332    src: wave_bg_top_white_default
3333  })));
3334};
3335
3336// app/screens/inklusion/inklusion_info_section.tsx
3337init_react();
3338var import_react28 = __toESM(require_react());
3339
3340// app/assets/images/inkusion/hero-inklusion.jpg
3341var hero_inklusion_default = "/build/_assets/hero-inklusion-KXABVNHA.jpg";
3342
3343// app/screens/inklusion/inklusion_info_section.tsx
3344var InklusionInfoSection = ({
3345  subtitle,
3346  body,
3347  picture,
3348  slug,
3349  popoverCards
3350}) => {
3351  var _a;
3352  const [open, setOpen] = (0, import_react28.useState)(false);
3353  const [content, setContent] = (0, import_react28.useState)("");
3354  return /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("div", {
3355    className: "relative",
3356    id: slug
3357  }, /* @__PURE__ */ React.createElement("div", {
3358    className: "w-full  md:mx-auto"
3359  }, /* @__PURE__ */ React.createElement("h2", {
3360    className: "text-2xl leading-tight text-primary lg:text-6xl"
3361  }, subtitle)), /* @__PURE__ */ React.createElement("div", {
3362    className: "mt-8 lg:grid lg:grid-cols-2 lg:gap-8"
3363  }, picture && picture.length !== 0 && /* @__PURE__ */ React.createElement("div", {
3364    className: "relative lg:col-start-2 lg:row-start-1"
3365  }, /* @__PURE__ */ React.createElement("div", {
3366    className: "relative mx-auto max-w-prose text-base lg:max-w-none"
3367  }, /* @__PURE__ */ React.createElement("figure", null, /* @__PURE__ */ React.createElement("div", {
3368    className: "aspect-w-12 aspect-h-7 lg:aspect-none"
3369  }, /* @__PURE__ */ React.createElement("img", {
3370    className: "rounded-3xl object-cover object-center shadow-lg",
3371    src: get_image_url_default((_a = picture.file.slider) == null ? void 0 : _a.url) || hero_inklusion_default,
3372    alt: picture.name || "heroImage inkusion",
3373    width: 614,
3374    height: 450
3375  })), picture.copyright && /* @__PURE__ */ React.createElement("figcaption", {
3376    className: "mt-3 flex justify-center text-sm text-textColor-primary md:justify-end"
3377  }, /* @__PURE__ */ React.createElement(AtSymbolIcon_default, {
3378    className: "h-5 w-5 flex-none",
3379    "aria-hidden": "true"
3380  }), /* @__PURE__ */ React.createElement("span", {
3381    className: "ml-2"
3382  }, picture.copyright))))), /* @__PURE__ */ React.createElement("div", {
3383    className: "mt-8 lg:mt-0"
3384  }, /* @__PURE__ */ React.createElement("div", {
3385    className: "mx-auto \n              text-sm font-normal leading-6\n              text-textColor-primary lg:col-start-1 lg:row-start-1 lg:max-w-none",
3386    dangerouslySetInnerHTML: {
3387      __html: body
3388    }
3389  })))), /* @__PURE__ */ React.createElement("dl", {
3390    className: "relative mx-auto mt-10 sm:grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-12 md:mt-14 lg:grid-cols-3 lg:gap-x-8"
3391  }, popoverCards.map((card) => /* @__PURE__ */ React.createElement("div", {
3392    onClick: () => {
3393      setContent(card.popoverContent);
3394      setOpen(!open);
3395    },
3396    key: card.id,
3397    className: "mt-4 flex cursor-pointer flex-row-reverse rounded-xl bg-white px-5 py-4 shadow-inklusionCard hover:bg-slate-100 md:mt-0"
3398  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("dt", {
3399    className: "border-l-4 border-secondary pl-2"
3400  }, /* @__PURE__ */ React.createElement("h5", {
3401    className: "text-[16px] font-bold uppercase text-textColor-light"
3402  }
3402, card.name)), /* @__PURE__ */ React.createElement("p", {
3403    className: "mt-4 text-sm text-[#949494]"
3404  }, card.shortDescription, /* @__PURE__ */ React.createElement("span", {
3405    className: "ml-2 border-b-2 border-btnColor-secondary font-bold text-btnColor-secondary"
3406  }, "Mehr erfahren")))))), /* @__PURE__ */ React.createElement(Modal, {
3407    open,
3408    planDialgo: true,
3409    setOpen
3410  }, /* @__PURE__ */ React.createElement("div", {
3411    className: "flex min-h-full items-end justify-center p-2 text-center sm:items-center sm:p-0"
3412  }, /* @__PURE__ */ React.createElement("div", {
3413    className: "relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-6xl sm:p-6"
3414  }, /* @__PURE__ */ React.createElement("div", {
3415    className: "absolute right-0 top-0  block pr-4 pt-4"
3416  }, /* @__PURE__ */ React.createElement("button", {
3417    onClick: () => setOpen(false),
3418    type: "button",
3419    className: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
3420  }, /* @__PURE__ */ React.createElement("span", {
3421    className: "sr-only"
3422  }, "Close"), /* @__PURE__ */ React.createElement("svg", {
3423    className: "h-6 w-6",
3424    fill: "none",
3425    viewBox: "0 0 24 24",
3426    strokeWidth: "1.5",
3427    stroke: "currentColor",
3428    "aria-hidden": "true"
3429  }, /* @__PURE__ */ React.createElement("path", {
3430    strokeLinecap: "round",
3431    strokeLinejoin: "round",
3432    d: "M6 18L18 6M6 6l12 12"
3433  })))), /* @__PURE__ */ React.createElement("div", {
3434    className: "h-[calc(100vh-120px)] overflow-y-auto sm:flex sm:h-[600px] sm:items-start"
3435  }, /* @__PURE__ */ React.createElement("div", {
3436    className: "mt-3 text-left"
3437  }, /* @__PURE__ */ React.createElement("div", {
3438    className: "mt-2"
3439  }, /* @__PURE__ */ React.createElement("div", {
3440    className: "modal-inklusion flex flex-col text-sm font-normal  leading-6 text-textColor-primary",
3441    dangerouslySetInnerHTML: {
3442      __html: content
3443    }
3444  }))))))));
3445};
3446
3447// app/screens/inklusion/recommendation_section.tsx
3448init_react();
3449
3450// app/assets/images/inkusion/medienempfehlung.png
3451var medienempfehlung_default = "/build/_assets/medienempfehlung-U2S7G3NC.png";
3452
3453// app/assets/images/inkusion/bg-dot-pattern-lightgray.png
3454var bg_dot_pattern_lightgray_default = "/build/_assets/bg-dot-pattern-lightgray-EDPV77QH.png";
3455
3456// app/screens/inklusion/recommendation_section.tsx
3457var RecommendationSection = ({
3458  subsections,
3459  body,
3460  title,
3461  slug
3462}) => {
3463  const { button } = default_default;
3464  const { base, color } = button;
3465  return /* @__PURE__ */ React.createElement("div", {
3466    className: "relative  3xl:mx-auto\n      3xl:max-w-8xl",
3467    style: {
3468      backgroundImage: `url(${bg_dot_pattern_lightgray_default})`,
3469      backgroundSize: "100%",
3470      backgroundPosition: "100% 0%",
3471      backgroundRepeat: "no-repeat"
3472    }
3473  }, /* @__PURE__ */ React.createElement("div", {
3474    className: `w-full 
3475      
3476      py-3
3477       px-3
3478      text-center 
3479      md:ml-auto 
3480      md:max-w-[calc(100%_-_60px)]
3481      md:px-0 
3482      md:pt-28 
3483      md:pb-10
3484      md:text-left 
3485      xl:max-w-[calc(100%_-_160px)] 
3486      3xl:mx-auto
3487      3xl:max-w-8xl
3488      `
3489  }, /* @__PURE__ */ React.createElement("div", {
3490    className: "grid gap-16 lg:grid-cols-2"
3491  }, /* @__PURE__ */ React.createElement("div", {
3492    className: "mt-8 flex flex-col"
3493  }, /* @__PURE__ */ React.createElement("h3", {
3494    className: "text-3xl font-bold leading-none md:text-4xl"
3495  }, title), /* @__PURE__ */ React.createElement("div", {
3496    className: "mt-10 flex flex-col md:mt-14 md:max-w-2xl"
3497  }, [
3498    subsections.availableMedia,
3499    subsections.currentRecommendations
3500  ].map((item, index) => /* @__PURE__ */ React.createElement("div", {
3501    key: item.id
3502  }, /* @__PURE__ */ React.createElement("h6", {
3503    className: "text-2xl font-bold leading-7 text-primary"
3504  }, item.title), /* @__PURE__ */ React.createElement("div", {
3505    className: "pb-3 pt-2 text-base text-primary",
3506    dangerouslySetInnerHTML: {
3507      __html: item.body
3508    }
3509  }), /* @__PURE__ */ React.createElement("a", {
3510    href: item.buttonLink,
3511    type: "button",
3512    target: "_blank",
3513    className: class_names_default(base, color.secondary, "px-9"),
3514    rel: "noreferrer"
3515  }, index === 0 && /* @__PURE__ */ React.createElement(ArrowDownTrayIcon_default, {
3516    className: "-ml-0.5 mr-2 h-4 w-4",
3517    "aria-hidden": "true"
3518  }), item.buttonTitle), index === 0 && /* @__PURE__ */ React.createElement("div", {
3519    className: "my-10 h-0.5 bg-stone-200"
3520  }))))), /* @__PURE__ */ React.createElement("div", {
3521    className: "aspect-w-12 aspect-h-7 lg:aspect-none"
3522  }, /* @__PURE__ */ React.createElement("img", {
3523    className: "object-contain",
3524    src: medienempfehlung_default,
3525    alt: ""
3526  })))), /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("div", {
3527    className: "h-0.5 bg-stone-200"
3528  })));
3529};
3530
3531// app/screens/search_filter/main_filter.tsx
3532init_react();
3533var import_react29 = __toESM(require_react());
3534var import_lodash = __toESM(require_lodash());
3535init_esm();
3536var MainFilter = ({
3537  filterData,
3538  handleResetMainFilter,
3539  setFieldValue,
3540  fieldsValue,
3541  action,
3542  setMobileFiltersOpen,
3543  mobileFiltersOpen,
3544  setOpen
3545}) => {
3546  const [searchQuery, setSearchQuery] = (0, import_react29.useState)("");
3547  const [selectedSecondaryEducation, setSelectedSecondaryEducation] = (0, import_react29.useState)(fieldsValue["secondaryEducationIds"] || []);
3548  const [curriculaSelected, setCurriculaSelected] = (0, import_react29.useState)(fieldsValue["curriculumIds"] || []);
3549  const [selectAcademicYear, setSelectAcademicYear] = (0, import_react29.useState)(fieldsValue["academicYearIds"] || []);
3550  const [filteredSubjectArea, setFilteredSubjectArea] = (0, import_react29.useState)([]);
3551  const [, setSelectedId] = (0, import_react29.useState)(0);
3552  const { button } = default_default;
3553  const { base, color } = button;
3554  const filterAcademicYearSearchValueBasedOnSelectedSecondaryEducation = () => {
3555    const final = selectedSecondaryEducation.map((cuu) => {
3556      return filterData["academicYears" /* ACADEMIC_YEARS */].filter((item) => cuu.id === item.secondaryEducationId);
3557    });
3558    return (0, import_lodash.flattenDeep)(final);
3559  };
3560  const filterSecondayEducationFieldValueBasedonState = () => {
3561    const final = curriculaSelected.map((cur) => {
3562      return filterData["secondaryEducations" /* SECONDARY_EDUCATIONS */].filter((item) => cur.id === item.curriculumId);
3563    });
3564    return (0, import_lodash.flattenDeep)(final);
3565  };
3566  const handleResetModal = () => {
3567    setSelectedSecondaryEducation([]);
3568    setCurriculaSelected([]);
3569    setSelectAcademicYear([]);
3570    setFilteredSubjectArea([]);
3571    handleResetMainFilter("main");
3572  };
3573  (0, import_react29.useEffect)(() => {
3574    const subjectAreaFiltered = () => {
3575      if (curriculaSelected.length > 0 && !selectedSecondaryEducation.length && !selectAcademicYear.length) {
3576        const subjectAreaBasedOncurriculaSelected = filterData["subjectAreas" /* SUBJECT_AREAS */].filter((su) => curriculaSelected.map((s12) => s12.id).includes(su.curriculumId));
3577        return subjectAreaBasedOncurriculaSelected.filter((item) => item.name.toLowerCase().includes(searchQuery.toLowerCase()));
3578      }
3579      if (curriculaSelected.length > 0 && selectedSecondaryEducation.length > 0 && !selectAcademicYear.length) {
3580        const subjectAreaBasedOnSecondaryEducationSelected = filterData["subjectAreas" /* SUBJECT_AREAS */].filter((se2) => selectedSecondaryEducation.map((s12) => s12.id).includes(se2.secondaryEducationId));
3581        return subjectAreaBasedOnSecondaryEducationSelected.filter((item) => item.name.toLowerCase().includes(searchQuery.toLowerCase()));
3582      }
3583      if (selectAcademicYear.length) {
3584        const items = selectAcademicYear.length ? filterData["subjectAreas" /* SUBJECT_AREAS */].filter((se2) => selectAcademicYear.map((s12) => s12.id).includes(se2.academicYearId)) : filterData["subjectAreas" /* SUBJECT_AREAS */];
3585        return items.filter((item) => item.name.toLowerCase().includes(searchQuery.toLowerCase()));
3586      }
3587      return filterData["subjectAreas" /* SUBJECT_AREAS */].filter((item) => item.name.toLowerCase().includes(searchQuery.toLowerCase()));
3588    };
3589    const filteredSubjectArea2 = subjectAreaFiltered();
3590    if (filteredSubjectArea2.length) {
3591      setFilteredSubjectArea(filteredSubjectArea2);
3592    }
3593  }, [
3594    selectedSecondaryEducation,
3595    curriculaSelected,
3596    selectAcademicYear,
3597    filterData,
3598    searchQuery
3599  ]);
3600  const selectFields = [
3601    {
3602      id: "curriculumIds",
3603      name: "curriculums",
3604      placeHolder: "Bundesland",
3605      value: curriculaSelected,
3606      onChange: setCurriculaSelected,
3607      disabled: false,
3608      options: filterData["curriculums"]
3609    },
3610    {
3611      id: "secondaryEducationIds",
3612      name: "secondaryEducations",
3613      value: selectedSecondaryEducation,
3614      placeHolder: "Schulbereich",
3615      onChange: setSelectedSecondaryEducation,
3616      disabled: !fieldsValue["curriculumIds"],
3617      options: filterSecondayEducationFieldValueBasedonState()
3618    },
3619    {
3620      id: "academicYearIds",
3621      name: "academicYears",
3622      value: selectAcademicYear,
3623      placeHolder: "Schulstufe",
3624      onChange: setSelectAcademicYear,
3625      disabled: !fieldsValue["curriculumIds"] || !fieldsValue["secondaryEducationIds"],
3626      options: filterAcademicYearSearchValueBasedOnSelectedSecondaryEducation()
3627    }
3628  ];
3629  const selectSubjectArea = fieldsValue[`subjectAreaIds`] ? fieldsValue[`subjectAreaIds`] : [];
3630  const moveToTop = (array) => {
3631    return selectSubjectArea.concat(array.filter((item) => !selectSubjectArea.map((selected) => selected.id).includes(item.id)));
3632  };
3633  const sortedItems = moveToTop(filteredSubjectArea);
3634  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__P
3634URE__ */ React.createElement(Ke.Root, {
3635    show: true,
3636    as: import_react29.Fragment
3637  }, /* @__PURE__ */ React.createElement(mt, {
3638    as: "div",
3639    className: "relative z-40  md:hidden",
3640    onClose: setMobileFiltersOpen
3641  }, /* @__PURE__ */ React.createElement(Ke.Child, {
3642    as: import_react29.Fragment,
3643    enter: "transition-opacity ease-linear duration-300",
3644    enterFrom: "opacity-0",
3645    enterTo: "opacity-100",
3646    leave: "transition-opacity ease-linear duration-300",
3647    leaveFrom: "opacity-100",
3648    leaveTo: "opacity-0"
3649  }, /* @__PURE__ */ React.createElement("div", {
3650    className: "fixed inset-0 bg-white"
3651  })), /* @__PURE__ */ React.createElement("div", {
3652    className: "fixed inset-0 z-50 flex"
3653  }, /* @__PURE__ */ React.createElement(Ke.Child, {
3654    as: import_react29.Fragment,
3655    enter: "transition ease-in-out duration-300 transform",
3656    enterFrom: "translate-x-full",
3657    enterTo: "translate-x-0",
3658    leave: "transition ease-in-out duration-300 transform",
3659    leaveFrom: "translate-x-0",
3660    leaveTo: "translate-x-full"
3661  }, /* @__PURE__ */ React.createElement(mt.Panel, {
3662    className: "relative  flex h-full w-full max-w-full flex-col overflow-hidden bg-slate-50 pt-4 pb-12 shadow-xl"
3663  }, /* @__PURE__ */ React.createElement("div", {
3664    className: "mt-14 flex items-center justify-between pl-4 pr-5"
3665  }, /* @__PURE__ */ React.createElement("h2", {
3666    className: "text-xl font-bold text-textColor-light"
3667  }, "Lehrpl\xE4nen filter"), /* @__PURE__ */ React.createElement("button", {
3668    type: "button",
3669    className: "-mr-2 flex h-10 w-10 items-center justify-center rounded-md bg-white p-2 text-gray-400",
3670    onClick: () => setOpen(false)
3671  }, /* @__PURE__ */ React.createElement("span", {
3672    className: "sr-only"
3673  }, "Close menu"), /* @__PURE__ */ React.createElement(XMarkIcon_default, {
3674    className: "h-6 w-6 text-primary",
3675    "aria-hidden": "true"
3676  }))), /* @__PURE__ */ React.createElement("form", {
3677    className: "px-3"
3678  }, /* @__PURE__ */ React.createElement("h3", {
3679    className: "sr-only"
3680  }, "Lehrpl\xE4nen filter"), selectFields.map((select) => /* @__PURE__ */ React.createElement("div", {
3681    key: select.id
3682  }, /* @__PURE__ */ React.createElement("div", {
3683    className: "pt-3"
3684  }, /* @__PURE__ */ React.createElement("div", {
3685    className: "space-y-3"
3686  }, /* @__PURE__ */ React.createElement(CustomSelect, {
3687    isDisabled: select.disabled,
3688    isMulti: true,
3689    isClearable: true,
3690    name: select.id,
3691    value: fieldsValue[select.id] && fieldsValue[select.id].length ? fieldsValue[select.id] : null,
3692    placeholder: select.placeHolder,
3693    id: select.id,
3694    onChange: (e3, selectedValues, allSelectedValues) => {
3695      select.onChange(allSelectedValues);
3696      setFieldValue(e3, selectedValues);
3697    },
3698    options: select.options
3699  })))))), /* @__PURE__ */ React.createElement("div", {
3700    className: "flex w-full flex-col px-3"
3701  }, /* @__PURE__ */ React.createElement("div", {
3702    className: "flex w-full items-center justify-between py-4"
3703  }, /* @__PURE__ */ React.createElement("div", {
3704    className: "flex w-full md:ml-0"
3705  }, /* @__PURE__ */ React.createElement("span", {
3706    className: "sr-only"
3707  }, "Search"), /* @__PURE__ */ React.createElement("div", {
3708    className: "relative w-full text-black  focus-within:text-gray-600"
3709  }, /* @__PURE__ */ React.createElement("div", {
3710    className: "pointer-events-none absolute inset-y-0 left-4 flex items-center"
3711  }, /* @__PURE__ */ React.createElement(MagnifyingGlassIcon_default, {
3712    className: "h-5 w-5",
3713    "aria-hidden": "true"
3714  })), /* @__PURE__ */ React.createElement("input", {
3715    onChange: (e3) => setSearchQuery(e3.target.value),
3716    id: "search-subjectArea",
3717    value: searchQuery,
3718    className: "block h-full w-full rounded-md border border-slate-100 py-2 pl-12 pr-3 text-gray-900 placeholder-gray-300 shadow-[0_1px_3px_rgba(0,0,0,0.134479)] focus:border-transparent focus:placeholder-gray-400 focus:outline-none focus:ring-0 sm:text-sm",
3719    placeholder: "Themenfeld suchen \u2026"
3720  })))), /* @__PURE__ */ React.createElement("p", {
3721    className: "px-3 text-sm text-textColor-light"
3722  }
3722, "Themenfelder ausgew\xE4hlt:", " ", /* @__PURE__ */ React.createElement("span", {
3723    className: "font-bold"
3724  }, `${filteredSubjectArea.length} von ${filterData["subjectAreas" /* SUBJECT_AREAS */].length}`))), /* @__PURE__ */ React.createElement("fieldset", {
3725    className: "overflow-auto px-3 md:h-[30vh]"
3726  }, filteredSubjectArea.length ? sortedItems.map((subjectArea) => {
3727    let checkBox = selectSubjectArea;
3728    const currentValue = checkBox && checkBox.length ? checkBox.filter((item) => item.id == subjectArea.id) : void 0;
3729    return /* @__PURE__ */ React.createElement("div", {
3730      className: "mr-2 border-b border-[#D8D8D8]",
3731      key: subjectArea.id
3732    }, /* @__PURE__ */ React.createElement(CheckBox, {
3733      formFieldValue: {
3734        name: subjectArea.name,
3735        id: subjectArea.id
3736      },
3737      value: currentValue && currentValue.length ? currentValue[0].id : void 0,
3738      setSelectedId,
3739      checked: !!(currentValue && currentValue.length),
3740      setFieldValue,
3741      label: subjectArea.name === "subjectAreaIds" ? subjectArea.title : subjectArea.name,
3742      key: subjectArea.id,
3743      id: `subjectAreaIds-${subjectArea.id}`,
3744      name: "subjectAreaIds",
3745      subTitle: subjectArea.subtitle ? subjectArea.subtitle : "-"
3746    }));
3747  }) : void 0), /* @__PURE__ */ React.createElement("div", {
3748    className: "fixed bottom-0 left-0 right-0 z-10 bg-white shadow-[0_-4px_5px_rgba(0,0,0,0.070125)]"
3749  }, /* @__PURE__ */ React.createElement("div", {
3750    className: "flex justify-between px-2 py-4"
3751  }, /* @__PURE__ */ React.createElement("button", {
3752    type: "button",
3753    onClick: handleResetModal,
3754    className: class_names_default(base, "rounded-none border-b border-b-textColor-primary pb-1 text-sm hover:border-b-btnColor-secondary")
3755  }, "Alle Filter l\xF6schen"), /* @__PURE__ */ React.createElement(Link, {
3756    to: action || "#",
3757    className: class_names_default("px-6 text-base font-bold text-white", base, color.secondary)
3758  }, "Speichern")))))))), /* @__PURE__ */ React.createElement("main", {
3759    className: "hidden h-full w-full  pt-8 md:flex md:flex-col md:pt-0"
3760  }, /* @__PURE__ */ React.createElement("section", {
3761    "aria-labelledby": "filter-heading",
3762    className: " h-full flex-col sm:px-6  lg:flex lg:px-20"
3763  }, /* @__PURE__ */ React.createElement("h2", {
3764    id: "filter-heading",
3765    className: "sr-only"
3766  }, "Lehrpl\xE4nen filter"), /* @__PURE__ */ React.createElement("div", {
3767    className: "grid h-full grid-cols-1 gap-x-8 lg:grid-cols-4"
3768  }, /* @__PURE__ */ React.createElement("div", {
3769    className: "hidden h-full border-r border-gray-100 pt-6 shadow-[10px_0_5px_-2px_rgba(233,233,233,0.3)] md:col-span-1 md:block "
3770  }, /* @__PURE__ */ React.createElement("div", {
3771    className: "py-3 pr-4"
3772  }, /* @__PURE__ */ React.createElement(CustomSelect, {
3773    isMulti: true,
3774    isClearable: true,
3775    name: "curriculumIds",
3776    value: fieldsValue["curriculumIds"] && fieldsValue["curriculumIds"].length ? fieldsValue["curriculumIds"] : null,
3777    placeholder: "Bundesland",
3778    id: "curriculumIds",
3779    onChange: (e3, selectedValues, allSelectedValues) => {
3780      setCurriculaSelected(allSelectedValues);
3781      setFieldValue(e3, selectedValues);
3782    },
3783    options: filterData["curriculums"]
3784  })), /* @__PURE__ */ React.createElement("div", {
3785    className: "py-3 pr-4"
3786  }, /* @__PURE__ */ React.createElement(CustomSelect, {
3787    isMulti: true,
3788    isClearable: true,
3789    isDisabled: !fieldsValue["curriculumIds"],
3790    name: "secondaryEducationIds",
3791    placeholder: "Schulbereich",
3792    id: "secondaryEducationIds",
3793    value: fieldsValue["secondaryEducationIds"] && fieldsValue["secondaryEducationIds"].length ? fieldsValue["secondaryEducationIds"] : null,
3794    onChange: (e3, selectedValues, allSelectedValues) => {
3795      setSelectedSecondaryEducation(allSelectedValues);
3796      setFieldValue(e3, selectedValues);
3797    },
3798    options: filterSecondayEducationFieldValueBasedonState()
3799  })), /* @__PURE__ */ React.createElement("div", {
3800    className: "py-3 pr-4"
3801  }, /* @__PURE__ */ React.createElement(CustomSelect, {
3802    isMulti: true,
3803    isClearable: true,
3804    isDisabled: !fieldsValue["curriculumIds"] || !fieldsValue["secondaryEducationIds"],
3805    name: "academicYearIds",
3806    value: fieldsValue["academicYearIds"] && fieldsValue["academicYearIds"].length ? fieldsValue["academicYearIds"] : null,
3807    placeholder: "Schulstufe",
3808    id: "academicYearIds",
3809    onChange: (e3, selectedValues, allSelectedValues) => {
3810      setSelectAcademicYear(allSelectedValues);
3811      setFieldValue(e3, selectedValues);
3812    },
3813    options: filterAcademicYearSearchValueBasedOnSelectedSecondaryEducation()
3814  }
3814))), /* @__PURE__ */ React.createElement("div", {
3815    className: "mb-20 w-full lg:col-span-3"
3816  }, /* @__PURE__ */ React.createElement("div", {
3817    className: "flex w-full items-center justify-between py-6"
3818  }, /* @__PURE__ */ React.createElement("p", {
3819    className: "text-xl font-bold text-primary"
3820  }, "Themenfelder"), /* @__PURE__ */ React.createElement("div", {
3821    className: "flex md:ml-0 lg:w-[400px]"
3822  }, /* @__PURE__ */ React.createElement("span", {
3823    className: "sr-only"
3824  }, "Search"), /* @__PURE__ */ React.createElement("div", {
3825    className: "relative w-full text-black  focus-within:text-gray-600"
3826  }, /* @__PURE__ */ React.createElement("div", {
3827    className: "pointer-events-none absolute inset-y-0 left-4 flex items-center"
3828  }, /* @__PURE__ */ React.createElement(MagnifyingGlassIcon_default, {
3829    className: "h-5 w-5",
3830    "aria-hidden": "true"
3831  })), /* @__PURE__ */ React.createElement("input", {
3832    onChange: (e3) => setSearchQuery(e3.target.value),
3833    id: "search-subjectArea",
3834    value: searchQuery,
3835    className: "block h-full w-full rounded-md border border-slate-100 py-4 pl-12 pr-3 text-gray-900 placeholder-gray-300 shadow-[0_1px_3px_rgba(0,0,0,0.134479)] focus:border-transparent focus:placeholder-gray-400 focus:outline-none focus:ring-0 sm:text-sm",
3836    placeholder: "Themenfeld suchen \u2026"
3837  })))), /* @__PURE__ */ React.createElement("p", {
3838    className: "text-xs text-textColor-light"
3839  }, "Themenfelder angezeigt:", " ", /* @__PURE__ */ React.createElement("span", {
3840    className: "font-bold"
3841  }, `${filteredSubjectArea.length} von ${filterData["subjectAreas" /* SUBJECT_AREAS */].length}`)), /* @__PURE__ */ React.createElement("fieldset", {
3842    className: "overflow-auto md:h-[50vh]"
3843  }, filteredSubjectArea.length ? sortedItems.map((subjectArea) => {
3844    let checkBox = selectSubjectArea;
3845    const currentValue = checkBox && checkBox.length ? checkBox.filter((item) => item.id == subjectArea.id) : void 0;
3846    return /* @__PURE__ */ React.createElement("div", {
3847      className: "mr-2 border-b border-[#D8D8D8]",
3848      key: subjectArea.id
3849    }, /* @__PURE__ */ React.createElement(CheckBox, {
3850      formFieldValue: {
3851        name: subjectArea.name,
3852        id: subjectArea.id
3853      },
3854      value: currentValue && currentValue.length ? currentValue[0].id : void 0,
3855      setSelectedId,
3856      checked: !!(currentValue && currentValue.length),
3857      setFieldValue,
3858      label: subjectArea.name === "subjectAreaIds" ? subjectArea.title : subjectArea.name,
3859      id: `subjectAreaIds-${subjectArea.id}`,
3860      name: "subjectAreaIds",
3861      subTitle: subjectArea.subtitle ? subjectArea.subtitle : "-"
3862    }));
3863  }) : void 0)))), /* @__PURE__ */ React.createElement("div", {
3864    className: "fixed bottom-0 left-0 right-0 z-10 bg-white shadow-[0_-4px_5px_rgba(0,0,0,0.070125)]"
3865  }, /* @__PURE__ */ React.createElement("div", {
3866    className: "flex justify-between px-20 py-4"
3867  }, /* @__PURE__ */ React.createElement("button", {
3868    type: "button",
3869    onClick: handleResetModal,
3870    className: class_names_default(base, "rounded-none border-b border-b-textColor-primary pb-1 text-sm hover:border-b-btnColor-secondary")
3871  }, "Alle Filter l\xF6schen"), /* @__PURE__ */ React.createElement(Link, {
3872    to: action || "#",
3873    className: class_names_default("px-6 text-base font-bold text-white", base, color.secondary)
3874  }, "Speichern")))));
3875};
3876
3877// app/screens/search_filter/weiter_filter.tsx
3878init_react();
3879var import_react32 = __toESM(require_react());
3880var WeiterFilter = ({
3881  filterData,
3882  tagsList,
3883  authorList,
3884  setFieldValue,
3885  fieldsValue
3886}) => {
3887  const authValue = fieldsValue["authorIds"] ? fieldsValue["authorIds"] : "";
3888  const tagsValue = fieldsValue["tagIds"] ? fieldsValue["tagIds"] : "";
3889  const [visible, setVisibility] = (0, import_react32.useState)(false);
3890  return /* @__PURE__ */ React.createElement(React.Fragment, null, authorList && authorList.length ? /* @__PURE__ */ React.createElement("div", {
3891    className: "border-t border-gray-200 pt-6"
3892  }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h3", {
3893    className: "-my-3 flow-root"
3894  }, /* @__PURE__ */ React.createElement("div", {
3895    className: "flex w-full items-center justify-between bg-white py-3 text-sm text-gray-400 hover:text-gray-500"
3896  }, /* @__PURE__ */ React.createElement("span", {
3897    className: "font-bold text-textColor-light"
3898  }, "Autor*innen:"))), /* @__PURE__ */ React.createElement("div", {
3899    className: "mt-4"
3900  }, /* @__PURE__ */ React.createElement(CustomSelect, {
3901    isAsync: true,
3902    searchIcon: true,
3903    value: authValue,
3904    onChange: setFieldValue,
3905    options: authorList,
3906    isMulti: true,
3907    name: "authorIds",
3908    placeholder: "Suche nach Autor*innen",
3909    id: "authorIds"
3910  })))) : null, filterData && filterData.map((section, index) => {
3911    let isLondSec = section && section.options && section.options.length > 8 && section.name === "Themenschwerpunkte";
3912    return /* @__PURE__ */ React.createElement("fieldset", {
3913      key: section == null ? void 0 : section.id,
3914      className: class_names_default("border-b border-[#EFEFEF] py-6", index === 0 ? "mt-10 border-t" : "")
3915    }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h3", {
3916      className: "-my-3 flow-root"
3917    }, /* @__PURE__ */ React.createElement("div", {
3918      className: "flex w-full items-center justify-between bg-white py-3 text-sm text-gray-400 hover:text-gray-500"
3919    }, /* @__PURE__ */ React.createElement("span", {
3920      className: "font-bold text-textColor-light"
3921    }, section.name))), /* @__PURE__ */ React.createElement("div", {
3922      className: "pt-6"
3923    }, /* @__PURE__ */ React.createElement("div", {
3924      className: class_names_default("space-y-4", !visible && isLondSec ? "h-72 overflow-hidden" : "")
3925    }, section && section.options && section.options.map((option, optionIdx) => {
3926      var _a;
3927      let checkBox = fieldsValue[`${section == null ? void 0 : section.id}`];
3928      const currentValue = checkBox && checkBox.length ? checkBox.filter((item) => (item == null ? void 0 : item.id) == (option == null ? void 0 : option.id)) : 0;
3929      return /* @__PURE__ */ React.createElement("div", {
3930        key: option == null ? void 0 : option.id,
3931        className: "flex items-center"
3932      }, /* @__PURE__ */ React.createElement(CheckBox, {
3933        formFieldValue: {
3934          name: option == null ? void 0 : option.name,
3935          id: option == null ? void 0 : option.id
3936        },
3937        setFieldValue,
3938        label: option.name,
3939        value: currentValue && currentValue.length ? (_a = currentValue[0]) == null ? void 0 : _a.id : 0,
3940        id: `${section == null ? void 0 : section.id}`,
3941        name: `${section == null ? void 0 : section.id}`,
3942        checked: !!(currentValue && currentValue.length)
3943      }));
3944    })), /* @__PURE__ */ React.createElement("div", {
3945      className: "mt-6 border-none"
3946    }, isLondSec && /* @__PURE__ */ React.createElement("button", {
3947      type: "button",
3948      onClick: () => setVisibility(!visible),
3949      className: "focus-visible:ring-none flex w-full pb-1 text-[11px] font-semibold leading-[2.182]\n                   text-textColor-navigation hover:text-primary focus:outline-none\n                   focus-visible:ring"
3950    }, /* @__PURE__ */ React.createElement(ChevronUpIcon_default, {
3951      className: class_names_default(!visible ? "rotate-180 transform" : "", "mr-2 h-6 w-6 text-secondary")
3952    }
3952), /* @__PURE__ */ React.createElement("span", null, !visible ? "MEHR ANZEIGEN" : "WENIGER ANZEIGEN"))))));
3953  }), /* @__PURE__ */ React.createElement("div", {
3954    className: "pt-6"
3955  }, /* @__PURE__ */ React.createElement("h3", {
3956    className: "-my-3 flow-root"
3957  }, /* @__PURE__ */ React.createElement("div", {
3958    className: "flex w-full items-center justify-between bg-white py-3 text-sm text-gray-400 hover:text-gray-500"
3959  }, /* @__PURE__ */ React.createElement("span", {
3960    className: "font-bold text-textColor-light"
3961  }, "Stichw\xF6rter:"))), /* @__PURE__ */ React.createElement("div", {
3962    className: "mt-4 h-80"
3963  }, tagsList && tagsList.length ? /* @__PURE__ */ React.createElement(CustomSelect, {
3964    isAsync: true,
3965    onChange: setFieldValue,
3966    value: tagsValue,
3967    options: tagsList,
3968    isMulti: true,
3969    name: "tagIds",
3970    placeholder: "Stichw\xF6rter suchen",
3971    id: "tagIds"
3972  }) : null)));
3973};
3974
3975// app/screens/themenschwerpunkte/theme_details.tsx
3976init_react();
3977var ThemenschwerpunkteDetails = ({
3978  picture,
3979  description,
3980  name,
3981  subtitle
3982}) => {
3983  const hasSubTitle = !!subtitle;
3984  const isLongContent = GetScreenSize() === "small" ? `${description}`.length > 280 : hasSubTitle ? `${description}`.length > 680 : `${description}`.length > 880;
3985  return /* @__PURE__ */ React.createElement("div", {
3986    className: "relative"
3987  }, /* @__PURE__ */ React.createElement("div", {
3988    className: "pb-8 pt-3 lg:pt-6 lg:pb-14"
3989  }, /* @__PURE__ */ React.createElement("h1", {
3990    className: "text-4xl font-bold text-textColor-primary lg:text-[64px]"
3991  }, name)), /* @__PURE__ */ React.createElement("div", {
3992    className: "lg:mx-auto lg:grid lg:grid-cols-2 lg:items-start lg:gap-24"
3993  }, /* @__PURE__ */ React.createElement("div", {
3994    className: "aspect-w-8 aspect-h-5 relative block w-full"
3995  }, /* @__PURE__ */ React.createElement("img", {
3996    className: "rounded-[20px] object-cover",
3997    src: picture ? get_image_url_default(picture.file.url) : "should add fallback",
3998    alt: ""
3999  })), /* @__PURE__ */ React.createElement("div", {
4000    className: "relative mx-auto max-w-md sm:max-w-3xl sm:px-6 lg:px-0"
4001  }, /* @__PURE__ */ React.createElement("div", {
4002    className: "aspect-h-6"
4003  }, /* @__PURE__ */ React.createElement(Le, null, ({ open }) => /* @__PURE__ */ React.createElement(React.Fragment, null, !open && /* @__PURE__ */ React.createElement("div", {
4004    className: isLongContent ? "overflow-clip" : ""
4005  }, /* @__PURE__ */ React.createElement("div", {
4006    className: "break-normal py-8 text-[14px] leading-[1.714] tracking-wide text-textColor-primary lg:py-4",
4007    dangerouslySetInnerHTML: {
4008      __html: isLongContent ? description.slice(0, hasSubTitle ? 680 : 880).concat("...") : description
4009    }
4010  })), /* @__PURE__ */ React.createElement(Ke, {
4011    show: open,
4012    enter: "transition duration-1000 ease-out",
4013    enterFrom: "transform scale-95 opacity-0",
4014    enterTo: "transform scale-100 opacity-100",
4015    leave: "transition duration-75 ease-out",
4016    leaveFrom: "transform scale-100 opacity-100",
4017    leaveTo: "transform scale-95 opacity-0"
4018  }, /* @__PURE__ */ React.createElement(Le.Panel, {
4019    className: "py-8 lg:py-4"
4020  }, /* @__PURE__ */ React.createElement("div", {
4021    className: "overflow-hidden text-[14px] leading-[1.714] tracking-wide text-textColor-primary",
4022    dangerouslySetInnerHTML: {
4023      __html: description
4024    }
4025  }))), isLongContent && /* @__PURE__ */ React.createElement(Le.Button, {
4026    className: "focus-visible:ring-none flex w-full pb-1 text-base font-bold\n                   text-textColor-navigation hover:text-primary focus:outline-none\n                   focus-visible:ring"
4027  }, /* @__PURE__ */ React.createElement("span", null, !open ? "MEHR ANZEIGEN" : "WENIGER ANZEIGEN"))))))), /* @__PURE__ */ React.createElement("div", {
4028    className: ""
4029  }, /* @__PURE__ */ React.createElement("p", {
4030    className: "py-2 text-xs text-textColor-primary"
4031  }, "\xA9", (picture == null ? void 0 : picture.copyright) || (picture == null ? void 0 : picture.name))));
4032};
4033
4034// app/screens/home/media_home.tsx
4035init_react();
4036init_esm();
4037function MediaHome({
4038  thematicFoci,
4039  mediaData,
4040  mediaCount
4041}) {
4042  const { button } = default_default;
4043  const { base } = button;
4044  const portfolioItems = thematicFoci.slice(0, 3);
4045  const mediaItems = mediaData.slice(0, 9);
4046  const articleLink = (id, name, slug) => `/themenschwerpunkte/${id}/${to_safe_path_segment_default(slug || name)}`;
4047  const mediaLink = (id, name, slug) => `/search/main/${id}/${to_safe_path_segment_default(slug || name)}`;
4048  return /* @__PURE__ */ React.createElement("div", {
4049    className: "relative",
4050    style: {
4051      backgroundImage: `url(${bg_dot_pattern_lightgray_default})`,
4052      backgroundSize: "80%",
4053      backgroundPosition: "100% 0%",
4054      backgroundRepeat: "no-repeat"
4055    }
4056  }, /* @__PURE__ */ React.createElement("div", {
4057    className: "section-wrapper"
4058  }, /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("div", {
4059    className: "mt-6 flex flex-col justify-between md:gap-6 lg:flex-row lg:items-start lg:gap-10"
4060  }, /* @__PURE__ */ React.createElement("div", {
4061    className: "md:min-w-0 md:flex-1"
4062  }, /* @__PURE__ */ React.createElement("div", {
4063    className: "flex flex-col items-baseline justify-between pb-8 lg:flex-row"
4064  }, /* @__PURE__ */ React.createElement("h2", {
4065    className: "text-2xl font-bold text-textColor-primary lg:text-[40px]"
4066  }, "Medienportfolios"), /* @__PURE__ */ React.createElement(Link, {
4067    to: "/themenschwerpunkte",
4068    className: "flex items-center gap-1 text-sm font-medium text-textColor-primary underline hover:text-primary"
4069  }, "weitere laden", /* @__PURE__ */ React.createElement("span", {
4070    "aria-hidden": "true"
4071  }, "\u2192"))), /* @__PURE__ */ React.createElement("div", {
4072    className: "flex flex-col justify-center gap-3 md:items-start lg:flex-row lg:justify-start"
4073  }, portfolioItems.map((item) => /* @__PURE__ */ React.createElement(ListItem, {
4074    key: item.id,
4075    to: articleLink(item.id, item.name, item.slug),
4076    className: "w-full sm:w-auto md:w-[60%] md:max-w-none xl:w-full"
4077  }, /* @__PURE__ */ React.createElement(UnifiedCardHome_default, {
4078    name: item.name,
4079    imageUrl: item.picture ? get_image_url_default(item.picture.file.url) : "",
4080    layout: "vertical"
4081  }))))), /* @__PURE__ */ React.createElement("div", {
4082    className: "hidden md:flex md:w-auto md:flex-shrink-0 md:items-start md:justify-start"
4083  }, /* @__PURE__ */ React.createElement("iframe", {
4084    src: "https://project-widget.betterplace.org/projects/170320?l=de",
4085    width: "100%",
4086    height: "320",
4087    style: { border: 0, padding: 0, margin: 0, maxWidth: 380 },
4088    title: "Betterplace Spenden-Widget"
4089  }, "Informieren und spenden:", " ", /* @__PURE__ */ React.createElement("a", {
4090    href: "https://www.betterplace.org/de/projects/170320-ru-digital-de-digitaler-guide-fuer-deinen-religionsunterricht",
4091    target: "_blank",
4092    rel: "noreferrer"
4093  }, '\u201Eru-digital.de - Digitaler Guide f\xFCr deinen Religionsunterricht"'), " ", "auf betterplace.org \xF6ffnen.")))), /* @__PURE__ */ React.createElement("section", {
4094    className: "mt-6"
4095  }, /* @__PURE__ */ React.createElement("h2", {
4096    className: "text-2xl font-bold text-textColor-primary lg:text-[40px]"
4097  }, "Aktuelle Medien"), /* @__PURE__ */ React.createElement("p", {
4098    className: "mt-2 max-w-3xl text-base leading-relaxed text-textColor-primary"
4099  }, "Lass dich inspirieren und entdecke neue M\xF6glichkeiten f\xFCr deinen Religionsunterricht!"), /* @__PURE__ */ React.createElement("div", {
4100    className: "mt-8"
4101  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
4102    className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"
4103  }, mediaItems.map((media) => {
4104    var _a;
4105    return /* @__PURE__ */ React.createElement(ListItem, {
4106      key: media.id,
4107      to: mediaLink(media.id, media.name, media.slug)
4108    }, /* @__PURE__ */ React.createElement(UnifiedCardHome_default, {
4109      name: media.name,
4110      subtitle: (_a = media.authorsAsString) != null ? _a : "",
4111      imageUrl: media.firstPicture ? get_image_url_default(media.firstPicture.file.url) : "",
4112      layout: "horizontal"
4113    }));
4114  }
4114)), /* @__PURE__ */ React.createElement("div", {
4115    className: "mt-10 flex w-full justify-center"
4116  }, /* @__PURE__ */ React.createElement(Link, {
4117    to: "/search/main",
4118    className: class_names_default(base, "ml-3 inline-flex items-center rounded-full border border-transparent bg-btnColor-secondary px-6 py-2 text-xs font-medium text-white shadow-sm hover:bg-btnColor-hoveSecondary focus:outline-none focus:ring-2 focus:ring-btnColor-secondary focus:ring-offset-2 md:px-8 md:text-sm")
4119  }, "Entdecke ", mediaCount, " Unterrichtsmedien")))))));
4120}
4121
4122// app/screens/home/fach_article_home.tsx
4123init_react();
4124init_esm();
4125
4126// app/assets/images/start_how_itworsk_wave.svg
4127var start_how_itworsk_wave_default = "/build/_assets/start_how_itworsk_wave-TTMMILXK.svg";
4128
4129// app/assets/images/special-article-home-img.png
4130var special_article_home_img_default = "/build/_assets/special-article-home-img-KW5LRHZ3.png";
4131
4132// app/screens/home/fach_article_home.tsx
4133function FachArticleHome({
4134  articleData,
4135  specialArticlCount
4136}) {
4137  const { button } = default_default;
4138  const { base } = button;
4139  const articleItems = articleData.slice(0, 6);
4140  const articleLink = (id, name, slug) => `/professional_article/main/${id}/${to_safe_path_segment_default(slug || name)}`;
4141  return /* @__PURE__ */ React.createElement("div", {
4142    className: "relative pt-20 pb-12 md:py-36",
4143    style: {
4144      backgroundImage: `linear-gradient(to right, #153d71, #005283, #006792, #007c9e, #1f91a7)`
4145    }
4146  }, /* @__PURE__ */ React.createElement("div", {
4147    className: "absolute inset-0",
4148    style: {
4149      backgroundImage: `url(${bg_dot_pattern_lightgray_default})`,
4150      backgroundSize: "70%",
4151      backgroundPosition: "right center",
4152      backgroundRepeat: "no-repeat"
4153    }
4154  }), /* @__PURE__ */ React.createElement("div", {
4155    className: "absolute top-0 z-40 hidden w-full md:block"
4156  }, /* @__PURE__ */ React.createElement("img", {
4157    alt: "",
4158    className: "w-full object-fill",
4159    src: start_how_itworsk_wave_default
4160  })), /* @__PURE__ */ React.createElement("div", {
4161    className: "section-wrapper relative z-10 mt-8 md:mt-14 2xl:mt-24"
4162  }, /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h2", {
4163    className: "text-2xl font-bold text-white lg:text-[40px]"
4164  }, "Aktuelle Fachbeitr\xE4ge"), /* @__PURE__ */ React.createElement("p", {
4165    className: "my-3 max-w-3xl text-base leading-relaxed text-white"
4166  }, "Von theologischer Vertiefung bis hin zu praxisnahen Ideen: Unsere Fachbeitr\xE4ge unterst\xFCtzen nicht nur bei der Unterrichtsvorbereitung, sondern bieten auch Orientierung zu aktuellen Themen."), /* @__PURE__ */ React.createElement("div", {
4167    className: "mt-8 flex flex-col gap-8 lg:flex-row "
4168  }, /* @__PURE__ */ React.createElement("div", {
4169    className: "lg:col-span-3"
4170  }, /* @__PURE__ */ React.createElement("div", {
4171    className: "grid grid-cols-1 gap-4 sm:grid-cols-2"
4172  }, articleItems.map((article) => {
4173    var _a;
4174    return /* @__PURE__ */ React.createElement(ListItem, {
4175      key: article.id,
4176      to: articleLink(article.id, article.name, article.slug),
4177      className: "w-full"
4178    }, /* @__PURE__ */ React.createElement(UnifiedCardHome_default, {
4179      name: article.name,
4180      subtitle: (_a = article.authorsAsString) != null ? _a : "",
4181      imageUrl: article.firstPicture ? get_image_url_default(article.firstPicture.file.url) : "",
4182      layout: "horizontal"
4183    }));
4184  })), /* @__PURE__ */ React.createElement("div", {
4185    className: "mt-10 flex w-full justify-center"
4186  }, /* @__PURE__ */ React.createElement(Link, {
4187    to: "/professional_article/main",
4188    className: class_names_default(base, "ml-3 inline-flex items-center rounded-full border border-transparent bg-btnColor-secondary px-6 py-2 text-xs font-medium text-white shadow-sm hover:bg-btnColor-hoveSecondary focus:outline-none focus:ring-2 focus:ring-btnColor-secondary focus:ring-offset-2 md:px-8 md:text-sm")
4189  }, "Entdecke ", specialArticlCount, " Fachbeitr\xE4ge"))), /* @__PURE__ */ React.createElement("div", {
4190    className: "hidden  lg:flex lg:items-center lg:justify-center"
4191  }, /* @__PURE__ */ React.createElement("img", {
4192    src: special_article_home_img_default,
4193    alt: "",
4194    className: "object-contain"
4195  }))))), /* @__PURE__ */ React.createElement("div", {
4196    className: "absolute bottom-0 left-0 right-0 z-40 hidden w-full md:block"
4197  }, /* @__PURE__ */ React.createElement("img", {
4198    alt: "wave-white",
4199    className: "w-full object-contain",
4200    src: wave_bg_top_white_default
4201  })));
4202}
4203
4204// app/screens/home/events_home.tsx
4205init_react();
4206init_esm();
4207function EventsHome() {
4208  const { button } = default_default;
4209  const { base } = button;
4210  return /* @__PURE__ */ React.createElement("div", {
4211    className: "section-wrapper py-16 md:py-24"
4212  }, /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h2", {
4213    className: "text-2xl font-bold text-textColor-primary lg:text-[40px]"
4214  }, "Veranstaltungen"), /* @__PURE__ */ React.createElement("p", {
4215    className: "mt-2 max-w-4xl text-base leading-relaxed text-textColor-primary"
4216  }, "Ob kulturelle Events oder Fortbildungen - hier findest Du aktuelle Angebote, die Dein Wissen vertiefen, Deine Horizonte erweitern und Dich in Deinem Unterricht unterst\xFCtzen."), /* @__PURE__ */ React.createElement("div", {
4217    className: "mt-8"
4218  }, /* @__PURE__ */ React.createElement("iframe", {
4219    "data-tec-events-ece-iframe": "true",
4220    src: "https://explore.ru-digital.de/veranstaltungen/calendar-embed/xhfwiLsae92/embed/",
4221    title: "Veranstaltungen Calendar"
4222  })), /* @__PURE__ */ React.createElement("div", {
4223    className: "mt-10 flex w-full justify-center"
4224  }, /* @__PURE__ */ React.createElement(Link, {
4225    to: "/veranstaltungen",
4226    className: class_names_default(base, "ml-3 inline-flex items-center rounded-full border border-transparent bg-btnColor-secondary px-6 py-2 text-xs font-medium text-white shadow-sm hover:bg-btnColor-hoveSecondary focus:outline-none focus:ring-2 focus:ring-btnColor-secondary focus:ring-offset-2 md:px-8 md:text-sm")
4227  }, "entdecke weitere Veranstaltungen"))));
4228}
4229
4230// app/screens/home/info_cards_merged.tsx
4231init_react();
4232var InfoCardsMerged = ({
4233  cards,
4234  title,
4235  body
4236}) => {
4237  const { button } = default_default;
4238  const { base, color } = button;
4239  const displayCards = cards.slice(0, 4);
4240  return /* @__PURE__ */ React.createElement("div", {
4241    className: "relative bg-gray-100 py-12 md:py-36"
4242  }, /* @__PURE__ */ React.createElement("div", {
4243    className: "absolute top-0 z-40 hidden w-full md:block"
4244  }, /* @__PURE__ */ React.createElement("img", {
4245    alt: "",
4246    className: "z-50 w-full object-fill",
4247    src: start_how_itworsk_wave_default
4248  })), /* @__PURE__ */ React.createElement("div", {
4249    className: "section-wrapper"
4250  }, /* @__PURE__ */ React.createElement("div", {
4251    className: "mt-6 flex flex-col gap-8 pb-28 lg:mt-14 lg:flex-row lg:gap-12"
4252  }, /* @__PURE__ */ React.createElement("div", {
4253    className: "flex flex-1 flex-col "
4254  }, /* @__PURE__ */ React.createElement("h3", {
4255    className: "text-3xl font-bold md:max-w-lg md:text-3xl lg:max-w-2xl lg:text-[40px] lg:leading-[1.1]"
4256  }, title), /* @__PURE__ */ React.createElement("div", {
4257    className: "mt-4 flex flex-col md:max-w-[550px]"
4258  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
4259    className: "pb-4 text-base text-primary lg:pb-5",
4260    dangerouslySetInnerHTML: {
4261      __html: body
4262    }
4263  })))), /* @__PURE__ */ React.createElement("div", {
4264    className: "flex-1"
4265  }, /* @__PURE__ */ React.createElement("div", {
4266    className: "grid grid-cols-1 gap-4 sm:grid-cols-2"
4267  }, displayCards.map((card) => /* @__PURE__ */ React.createElement("div", {
4268    key: card.id,
4269    className: "mt-6"
4270  }, /* @__PURE__ */ React.createElement(InklusionCard, {
4271    ...card,
4272    externalLinks: true
4273  }))))))), /* @__PURE__ */ React.createElement("div", {
4274    className: "pointer-events-none absolute bottom-0 left-0 right-0 z-40 hidden w-full md:block"
4275  }, /* @__PURE__ */ React.createElement("img", {
4276    alt: "wave-white",
4277    className: "z-40 w-full object-contain",
4278    src: wave_bg_top_white_default
4279  })));
4280};
4281
4282// app/screens/home/partners_logos.tsx
4283init_react();
4284var PartnersLogos = ({
4285  cards,
4286  title,
4287  baseUrl,
4288  subititle
4289}) => {
4290  return /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("h1", {
4291    className: "text-start text-lg font-bold uppercase text-primary"
4292  }, title), subititle && /* @__PURE__ */ React.createElement("p", {
4293    className: "my-1 max-w-lg"
4294  }, subititle), /* @__PURE__ */ React.createElement("div", {
4295    className: "grid grid-cols-4 items-center gap-y-10 sm:grid-cols-6 sm:gap-x-10 lg:mx-0  lg:grid-cols-5"
4296  }, cards.map((card) => /* @__PURE__ */ React.createElement("img", {
4297    key: card.id,
4298    className: "col-span-2 max-h-12 w-full object-contain lg:col-span-1",
4299    src: baseUrl + card.logo.small.url,
4300    alt: "partner",
4301    width: 200,
4302    height: 80
4303  }))));
4304};
4305
4306// app/screens/dgpr_cookies/index.tsx
4307init_react();
4308init_esm();
4309function CookiesBanner() {
4310  const analyticsFetcher = useFetcher();
4311  return /* @__PURE__ */ React.createElement(analyticsFetcher.Form, {
4312    method: "post",
4313    action: "/cookies_consent"
4314  }, /* @__PURE__ */ React.createElement("div", {
4315    className: "group pointer-events-none fixed inset-x-0 bottom-0 px-6 pb-6"
4316  }, /* @__PURE__ */ React.createElement("div", {
4317    className: "pointer-events-auto max-w-xl rounded-xl bg-white p-6 shadow-lg ring-1 ring-gray-900/10"
4318  }, /* @__PURE__ */ React.createElement("p", {
4319    className: "text-sm leading-6 text-gray-900"
4320  }, "Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell, w\xE4hrend andere uns helfen, diese Website und Ihre Erfahrung zu verbessern", " ", /* @__PURE__ */ React.createElement(Link, {
4321    to: "/datenschutz",
4322    className: "mb-2 border-b border-b-blue-800  font-semibold text-gray-900"
4323  }, "Datenschutz"), "."), /* @__PURE__ */ React.createElement("div", {
4324    className: "mt-4 flex items-center gap-x-5"
4325  }, /* @__PURE__ */ React.createElement("button", {
4326    name: "accept-gdpr-all",
4327    value: "true",
4328    type: "submit",
4329    className: "rounded-md bg-orange-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-orange-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900 group-hover:bg-orange-500"
4330  }, "Alle Akzeptieren"), /* @__PURE__ */ React.createElement("button", {
4331    name: "accept-gdpr-necessary",
4332    value: "true",
4333    type: "submit",
4334    className: "rounded-md border px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-700 hover:text-white"
4335  }, "Notwendig")))));
4336}
4337
4338// app/screens/app_exposed_config/index.tsx
4339init_react();
4340var ExposeAppConfig = ({
4341  appConfig,
4342  nonce
4343}) => {
4344  return /* @__PURE__ */ React.createElement("script", {
4345    id: "app-config",
4346    suppressHydrationWarning: true,
4347    nonce,
4348    dangerouslySetInnerHTML: {
4349      __html: `window.ENV = ${JSON.stringify(appConfig)}`
4350    }
4351  });
4352};
4353
4354// app/screens/index.ts
4355init_react();
4356
4357// app/screens/header/navigation_flyout_menu.tsx
4358init_react();
4359init_esm();
4360
4361// app/assets/icons/icon-media.svg
4362var icon_media_default = "/build/_assets/icon-media-2ILHXCH6.svg";
4363
4364// app/assets/icons/icon-event.svg
4365var icon_event_default = "/build/_assets/icon-event-ZQX7XIXY.svg";
4366
4367// app/assets/icons/icon-fachbeitraege.svg
4368var icon_fachbeitraege_default = "/build/_assets/icon-fachbeitraege-YF6AMDN4.svg";
4369
4370// app/assets/icons/icon-methoden.svg
4371var icon_methoden_default = "/build/_assets/icon-methoden-OA2SUWKO.svg";
4372
4373// app/constants/themen_cards.ts
4374init_react();
4375var themenCards = [
4376  {
4377    title: "rudi.Guide",
4378    to: "https://guide.ru-digital.de",
4379    description: "Mehr Zeit f\xFCr das Wesentliche - mit digitalen Arbeitspl\xE4nen f\xFCr den Religionsunterricht."
4380  },
4381  {
4382    title: "rudi.Themen",
4383    to: "https://themen.ru-digital.de",
4384    description: "Relevantes erschlie\xDFen. Bildung gestalten. Komplexes greifbar machen."
4385  },
4386  {
4387    title: "rudi.Methoden",
4388    to: "https://explore.ru-digital.de/methoden/",
4389    description: "Entdecke Unterrichtsmethoden - praxisnah, fundiert und f\xFCr alle Schulstufen geeignet!"
4390  }
4391];
4392
4393// app/screens/header/navigation_flyout_menu.tsx
4394var mediaLinks = [
4395  {
4396    name: "Medien",
4397    description: "Entdecke eine F\xFClle an Unterrichtsmedien - von inspirierenden Impulsen bis hin zu umfangreichen Unterrichtsreihen.",
4398    href: "/search/main",
4399    src: icon_media_default,
4400    disabled: false
4401  },
4402  {
4403    name: "Veranstaltungen",
4404    description: "Du suchst eine Fortbildung? Hier erh\xE4ltst du eine aktuelle \xDCbersicht vieler Angebote vor Ort und digital.",
4405    href: "https://veranstaltungen.ru-digital.de",
4406    src: icon_event_default,
4407    disabled: false
4408  },
4409  {
4410    name: "Fachbeitr\xE4ge",
4411    description: "Mehr wissen: Finde Antworten auf Fragen zu vielf\xE4ltigen Themen und erweitere deine Fachkenntnisse.",
4412    href: "/professional_article/main",
4413    src: icon_fachbeitraege_default,
4414    disabled: false
4415  },
4416  {
4417    name: "Methoden",
4418    description: "Entdecke Unterrichtsmethoden - praxisnah, fundiert und f\xFCr alle Schulstufen geeignet!.",
4419    href: "https://explore.ru-digital.de/methoden/",
4420    src: icon_methoden_default,
4421    disabled: false
4422  }
4423];
4424var NavigationFlyoutMenu = ({
4425  links
4426}) => {
4427  const navigate = useNavigate();
4428  return /* @__PURE__ */ React.createElement("div", {
4429    className: "section-wrapper relative w-full pb-3 pt-5 md:flex md:flex-nowrap md:items-start md:justify-between md:gap-8 md:px-0 xl:gap-12"
4430  }, /* @__PURE__ */ React.createElement("div", {
4431    className: "w-full min-w-0 md:shrink md:grow md:basis-3/5"
4432  }, /* @__PURE__ */ React.createElement("div", {
4433    className: "relative grid  gap-2  sm:grid-cols-2 sm:gap-4"
4434  }, mediaLinks.map((item) => /* @__PURE__ */ React.createElement(Rt.Panel, {
4435    key: item.name
4436  }, ({ close }) => {
4437    const isExternal = /^https?:|^mailto:|^tel:/i.test(item.href);
4438    if (!isExternal) {
4439      return /* @__PURE__ */ React.createElement("button", {
4440        onClick: () => {
4441          navigate(item.href);
4442          close();
4443        },
4444        key: item.name,
4445        disabled: item.disabled,
4446        className: "flex h-24 items-start justify-center rounded-lg bg-gray-100 p-3 hover:bg-gray-200 disabled:opacity-50"
4447      }, /* @__PURE__ */ React.createElement("div", {
4448        className: "flex h-[46px] w-[46px] flex-shrink-0 items-center justify-center rounded-full  bg-[#ffb503] sm:h-12 sm:w-12"
4449      }, /* @__PURE__ */ React.createElement("div", {
4450        className: "h-6 w-6 bg-black",
4451        "aria-hidden": "true",
4452        style: {
4453          WebkitMaskImage: `url(${item.src})`,
4454          maskImage: `url(${item.src})`,
4455          WebkitMaskRepeat: "no-repeat",
4456          maskRepeat: "no-repeat",
4457          WebkitMaskPosition: "center",
4458          maskPosition: "center",
4459          WebkitMaskSize: "contain",
4460          maskSize: "contain"
4461        }
4462      })), /* @__PURE__ */ React.createElement("div", {
4463        className: "ml-4 text-left"
4464      }, /* @__PURE__ */ React.createElement("p", {
4465        className: "text-sm font-bold text-primary lg:text-base"
4466      }, item.name), /* @__PURE__ */ React.createElement("p", {
4467        className: "mt-1 text-xs text-textColor-navigation"
4468      }, item.description)));
4469    } else {
4470      return /* @__PURE__ */ React.createElement("a", {
4471        key: item.name,
4472        href: item.href,
4473        target: "_blank",
4474        rel: "noreferrer",
4475        className: "flex h-24 items-start justify-center rounded-lg bg-gray-100 p-3 hover:bg-gray-200 disabled:opacity-50"
4476      }, /* @__PURE__ */ React.createElement("div", {
4477        className: "flex h-[46px] w-[46px] flex-shrink-0 items-center justify-center rounded-full  bg-[#ffb503] sm:h-12 sm:w-12"
4478      }, /* @__PURE__ */ React.createElement("div", {
4479        className: "h-6 w-6 bg-black",
4480        "aria-hidden": "true",
4481        style: {
4482          WebkitMaskImage: `url(${item.src})`,
4483          maskImage: `url(${item.src})`,
4484          WebkitMaskRepeat: "no-repeat",
4485          maskRepeat: "no-repeat",
4486          WebkitMaskPosition: "center",
4487          maskPosition: "center",
4488          WebkitMaskSize: "contain",
4489          maskSize: "contain"
4490        }
4491      })), /* @__PURE__ */ React.createElement("div", {
4492        className: "ml-4 text-left"
4493      }
4493, /* @__PURE__ */ React.createElement("p", {
4494        className: "text-sm font-bold text-primary lg:text-base"
4495      }, item.name), /* @__PURE__ */ React.createElement("p", {
4496        className: "mt-1 text-xs text-textColor-navigation"
4497      }, item.description)));
4498    }
4499  }))), /* @__PURE__ */ React.createElement("div", {
4500    className: "relative mt-6 grid gap-1 sm:gap-2 md:grid-cols-5 lg:grid-cols-4"
4501  }, links.length && links.map((item) => /* @__PURE__ */ React.createElement(Rt.Panel, {
4502    key: item.name
4503  }, ({ close }) => {
4504    if (item.isInternal) {
4505      return /* @__PURE__ */ React.createElement("button", {
4506        onClick: () => {
4507          navigate(item.href);
4508          close();
4509        },
4510        key: item.name,
4511        className: "flex items-start rounded-lg py-1 hover:bg-gray-50"
4512      }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
4513        className: "text-sm font-bold text-primary"
4514      }, item.name)));
4515    }
4516    return /* @__PURE__ */ React.createElement("a", {
4517      key: item.name,
4518      href: item.href,
4519      target: "_blank",
4520      rel: "noreferrer",
4521      className: "flex items-start rounded-lg py-1 hover:bg-gray-50"
4522    }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
4523      className: "text-sm font-bold text-primary"
4524    }, item.name)));
4525  })))), /* @__PURE__ */ React.createElement("div", {
4526    className: "hidden md:flex md:shrink-0 md:basis-2/5 md:justify-end"
4527  }, /* @__PURE__ */ React.createElement("div", {
4528    className: "flex w-full max-w-[360px] flex-col gap-4 xl:max-w-[430px] 2xl:max-w-[460px]"
4529  }, themenCards.slice(0, 2).map((item) => /* @__PURE__ */ React.createElement(ThemenBox_default, {
4530    key: item.title,
4531    title: item.title,
4532    description: item.description,
4533    to: item.to,
4534    variant: "flyout"
4535  })))));
4536};
4537var NavigationFlyoutMobileMenu = ({
4538  links,
4539  close
4540}) => {
4541  const navigate = useNavigate();
4542  return /* @__PURE__ */ React.createElement("div", {
4543    className: "max-h-[80vh] divide-y-2 divide-gray-50 overflow-auto rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5"
4544  }, /* @__PURE__ */ React.createElement("div", {
4545    className: "px-5 pt-5 pb-6 sm:pb-8"
4546  }, /* @__PURE__ */ React.createElement("div", {
4547    className: "flex items-center justify-between"
4548  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("img", {
4549    className: "h-8 w-auto",
4550    src: logomain_default,
4551    alt: "LearnPlatformLogo"
4552  })), /* @__PURE__ */ React.createElement("div", {
4553    className: "-mr-2"
4554  }, /* @__PURE__ */ React.createElement(Rt.Button, {
4555    className: "inline-flex items-center justify-center rounded-md bg-white p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-inset focus:ring-orange-500"
4556  }, /* @__PURE__ */ React.createElement("span", {
4557    className: "sr-only"
4558  }, "Close menu"), /* @__PURE__ */ React.createElement(XCircleIcon_default, {
4559    className: "h-6 w-6",
4560    "aria-hidden": "true"
4561  })))), /* @__PURE__ */ React.createElement("div", {
4562    className: "mt-4"
4563  }, /* @__PURE__ */ React.createElement("nav", null, /* @__PURE__ */ React.createElement("div", {
4564    className: "grid gap-2 sm:grid-cols-2 sm:gap-y-8 sm:gap-x-2"
4565  }, mediaLinks.map((item) => /* @__PURE__ */ React.createElement(Rt.Panel, {
4566    key: item.name
4567  }, ({ close: close2 }) => {
4568    const isExtern = /^https?:|^mailto:|^tel:/i.test(item.href);
4569    if (!isExtern) {
4570      return /* @__PURE__ */ React.createElement("button", {
4571        onClick: () => {
4572          navigate(item.href);
4573          close2();
4574        },
4575        key: item.name,
4576        disabled: item.disabled,
4577        className: "-m-3 flex items-start rounded-lg p-3 hover:bg-gray-50 disabled:opacity-50"
4578      }, /* @__PURE__ */ React.createElement("div", {
4579        className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full  bg-[#ffb503] sm:h-12 sm:w-12"
4580      }, /* @__PURE__ */ React.createElement("div", {
4581        className: "h-5 w-5 bg-black",
4582        "aria-hidden": "true",
4583        style: {
4584          WebkitMaskImage: `url(${item.src})`,
4585          maskImage: `url(${item.src})`,
4586          WebkitMaskRepeat: "no-repeat",
4587          maskRepeat: "no-repeat",
4588          WebkitMaskPosition: "center",
4589          maskPosition: "center",
4590          WebkitMaskSize: "contain",
4591          maskSize: "contain"
4592        }
4593      }
4593)), /* @__PURE__ */ React.createElement("div", {
4594        className: "ml-4 text-left"
4595      }, /* @__PURE__ */ React.createElement("p", {
4596        className: "text-base font-medium text-primary"
4597      }, item.name), /* @__PURE__ */ React.createElement("p", {
4598        className: "mt-1 text-sm text-textColor-navigation 2xl:w-52"
4599      }, item.description)));
4600    } else {
4601      return /* @__PURE__ */ React.createElement("a", {
4602        href: item.href,
4603        target: "_blank",
4604        rel: "noreferrer",
4605        key: item.name,
4606        className: "-m-3 flex items-start rounded-lg p-3 hover:bg-gray-50 disabled:opacity-50"
4607      }, /* @__PURE__ */ React.createElement("div", {
4608        className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full  bg-[#ffb503] sm:h-12 sm:w-12"
4609      }, /* @__PURE__ */ React.createElement("div", {
4610        className: "h-5 w-5 bg-black",
4611        "aria-hidden": "true",
4612        style: {
4613          WebkitMaskImage: `url(${item.src})`,
4614          maskImage: `url(${item.src})`,
4615          WebkitMaskRepeat: "no-repeat",
4616          maskRepeat: "no-repeat",
4617          WebkitMaskPosition: "center",
4618          maskPosition: "center",
4619          WebkitMaskSize: "contain",
4620          maskSize: "contain"
4621        }
4622      })), /* @__PURE__ */ React.createElement("div", {
4623        className: "ml-4 text-left"
4624      }, /* @__PURE__ */ React.createElement("p", {
4625        className: "text-base font-medium text-primary"
4626      }, item.name), /* @__PURE__ */ React.createElement("p", {
4627        className: "mt-1 text-sm text-textColor-navigation 2xl:w-52"
4628      }, item.description)));
4629    }
4630  })))))), /* @__PURE__ */ React.createElement("div", {
4631    className: "py-6 px-5"
4632  }, /* @__PURE__ */ React.createElement("div", {
4633    className: "grid grid-cols-1 gap-4 pb-3"
4634  }, links.length && links.map((item) => {
4635    if (item.isInternal) {
4636      return /* @__PURE__ */ React.createElement("button", {
4637        onClick: () => {
4638          navigate(item.href);
4639          close();
4640        },
4641        key: item.name,
4642        className: "flex items-start rounded-lg py-2 hover:bg-gray-50"
4643      }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
4644        className: "text-sm font-bold text-primary"
4645      }, item.name)));
4646    }
4647    return /* @__PURE__ */ React.createElement("a", {
4648      key: item.name,
4649      href: item.href,
4650      target: "_blank",
4651      rel: "noreferrer",
4652      className: "flex items-start rounded-lg py-2 hover:bg-gray-50"
4653    }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
4654      className: "text-sm font-bold text-primary"
4655    }, item.name)));
4656  }))));
4657};
4658
4659export {
4660  Rt,
4661  Breadcrumb,
4662  ArticleDescriptionLayout,
4663  slide_over_dialog_default,
4664  ThemenBox_default,
4665  ArticleTabs,
4666  ProfessionalArticleTabs,
4667  InKlusionCardList,
4668  InklusionInfoSection,
4669  bg_dot_pattern_lightgray_default,
4670  RecommendationSection,
4671  MainFilter,
4672  WeiterFilter,
4673  ThemenschwerpunkteDetails,
4674  icon_media_default,
4675  icon_event_default,
4676  icon_fachbeitraege_default,
4677  themenCards,
4678  NavigationFlyoutMenu,
4679  NavigationFlyoutMobileMenu,
4680  MediaHome,
4681  FachArticleHome,
4682  EventsHome,
4683  InfoCardsMerged,
4684  PartnersLogos,
4685  CookiesBanner,
4686  ExposeAppConfig
4687};
4688//# sourceMappingURL=/build/_shared/chunk-LTL4HYOU.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.