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.