1import { B as BranchManager, p as prop, e as init, i as if_block, d as bind_this, c as attribute_effect, S as STYLE, C as CLASS, s as slot, f as set_style } from './i18n-CGlVUOvE.js'; 2import { p as block, E as EFFECT_TRANSPARENT, al as set_should_intro, am as NAMESPACE_SVG, d as assign_nodes, an as create_text, b as active_effect, v as teardown, i as hydrate_node, h as hydrating, e as hydrate_next, ao as ELEMENT_NODE, ap as is_raw_text_element, g as get_first_child, aq as set_hydrating, s as set_hydrate_node, M as push, a0 as mutable_source, Y as legacy_pre_effect, y as deep_read_state, Z as get, _ as legacy_pre_effect_reset, a3 as comment, N as first_child, a as append, O as pop, P as flushSync, $ as set, S as sibling, R as from_html, w as untrack, U as event, t as template_effect, f as from_svg, ar as mutate } from './index-Bq2njFOY.js'; 3import './ScrollFade.svelte_svelte_type_style_lang-D0JPkGar.js'; 4 5/** @import { Effect, EffectNodes, TemplateNode } from '#client' */ 6 7/** 8 * @param {Comment | Element} node 9 * @param {() => string} get_tag 10 * @param {boolean} is_svg 11 * @param {undefined | ((element: Element, anchor: Node | null) => void)} render_fn, 12 * @param {undefined | (() => string)} get_namespace 13 * @param {undefined | [number, number]} location 14 * @returns {void} 15 */ 16function element(node, get_tag, is_svg, render_fn, get_namespace, location) { 17 let was_hydrating = hydrating; 18 19 if (hydrating) { 20 hydrate_next(); 21 } 22 23 /** @type {null | Element} */ 24 var element = null; 25 26 if (hydrating && hydrate_node.nodeType === ELEMENT_NODE) { 27 element = /** @type {Element} */ (hydrate_node); 28 hydrate_next(); 29 } 30 31 var anchor = /** @type {TemplateNode} */ (hydrating ? hydrate_node : node); 32 33 var branches = new BranchManager(anchor, false); 34 35 block(() => { 36 const next_tag = get_tag() || null; 37 var ns = next_tag === 'svg' ? NAMESPACE_SVG : null; 38 39 if (next_tag === null) { 40 branches.ensure(null, null); 41 set_should_intro(true); 42 return; 43 } 44 45 branches.ensure(next_tag, (anchor) => { 46 if (next_tag) { 47 element = hydrating 48 ? /** @type {Element} */ (element) 49 : ns 50 ? document.createElementNS(ns, next_tag) 51 : document.createElement(next_tag); 52 53 assign_nodes(element, element); 54 55 if (render_fn) { 56 if (hydrating && is_raw_text_element(next_tag)) { 57 // prevent hydration glitches 58 element.append(document.createComment('')); 59 } 60 61 // If hydrating, use the existing ssr comment as the anchor so that the 62 // inner open and close methods can pick up the existing nodes correctly 63 var child_anchor = hydrating 64 ? get_first_child(element) 65 : element.appendChild(create_text()); 66 67 if (hydrating) { 68 if (child_anchor === null) { 69 set_hydrating(false); 70 } else { 71 set_hydrate_node(child_anchor); 72 } 73 } 74 75 // `child_anchor` is undefined if this is a void element, but we still 76 // need to call `render_fn` in order to run actions etc. If the element 77 // contains children, it's a user error (which is warned on elsewhere) 78 // and the DOM will be silently discarded 79 render_fn(element, child_anchor); 80 } 81 82 // we do this after calling `render_fn` so that child effects don't override `nodes.end` 83 /** @type {Effect & { nodes: EffectNodes }} */ (active_effect).nodes.end = element; 84 85 anchor.before(element); 86 } 87 88 if (hydrating) { 89 set_hydrate_node(anchor); 90 } 91 }); 92 93 // revert to the default state after the effect has been created 94 set_should_intro(true); 95 96 return () => { 97 if (next_tag) { 98 // if we're in this callback because we're re-running the effect, 99 // disable intros (unless no element is currently displayed) 100 set_should_intro(false); 101 } 102 }; 103 }, EFFECT_TRANSPARENT); 104 105 teardown(() => { 106 set_should_intro(true); 107 }); 108 109 if (was_hydrating) { 110 set_hydrating(true); 111 set_hydrate_node(anchor); 112 } 113} 114 115var root_3 = from_svg(`<svg class="resize-handle svelte-1plpy97" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><line x1="1" y1="9" x2="9" y2="1" stroke="gray" stroke-width="0.5" class="svelte-1plpy97"></line><line x1="5" y1="9" x2="9" y2="5" stroke="gray" stroke-width="0.5" class="svelte-1plpy97"></line></svg>`); 116var root_2 = from_html(`<!> <!>`, 1); 117var root_4 = from_html(`<div class="placeholder svelte-1plpy97"></div>`); 118var root_1 = from_html(`<!> <!>`, 1); 119 120function Block($$anchor, $$props) { 121 push($$props, false); 122 123 let height = prop($$props, 'height', 12, undefined); 124 let min_height = prop($$props, 'min_height', 12, undefined); 125 let max_height = prop($$props, 'max_height', 12, undefined); 126 let width = prop($$props, 'width', 12, undefined); 127 let elem_id = prop($$props, 'elem_id', 12, ""); 128 let elem_classes = prop($$props, 'elem_classes', 28, () => []); 129 let variant = prop($$props, 'variant', 12, "solid"); 130 let border_mode = prop($$props, 'border_mode', 12, "base"); 131 let padding = prop($$props, 'padding', 12, true); 132 let type = prop($$props, 'type', 12, "normal"); 133 let test_id = prop($$props, 'test_id', 12, undefined); 134 let explicit_call = prop($$props, 'explicit_call', 12, false); 135 let container = prop($$props, 'container', 12, true); 136 let visible = prop($$props, 'visible', 12, true); 137 let allow_overflow = prop($$props, 'allow_overflow', 12, true); 138 let overflow_behavior = prop($$props, 'overflow_behavior', 12, "auto"); 139 let scale = prop($$props, 'scale', 12, null); 140 let min_width = prop($$props, 'min_width', 12, 0); 141 let flex = prop($$props, 'flex', 12, false); 142 let resizable = prop($$props, 'resizable', 12, false); 143 let rtl = prop($$props, 'rtl', 12, false); 144 let fullscreen = prop($$props, 'fullscreen', 12, false); 145 let label = prop($$props, 'label', 12, undefined); 146 let old_fullscreen = mutable_source(fullscreen()); 147 let element$1 = mutable_source(); 148 let tag = type() === "fieldset" ? "fieldset" : "div"; 149 let placeholder_height = mutable_source(0); 150 let placeholder_width = mutable_source(0); 151 let preexpansionBoundingRect = mutable_source(null); 152 153 function handleKeydown(event) { 154 if (fullscreen() && event.key === "Escape") { 155 fullscreen(false); 156 } 157 } 158 159 const get_dimension = (dimension_value) => { 160 if (dimension_value === undefined) { 161 return undefined; 162 } 163 164 if (typeof dimension_value === "number") { 165 return dimension_value + "px"; 166 } else if (typeof dimension_value === "string") { 167 return dimension_value; 168 } 169 }; 170 171 const resize = (e) => { 172 let prevY = e.clientY; 173 174 const onMouseMove = (e) => { 175 const dy = e.clientY - prevY; 176 177 prevY = e.clientY; 178 mutate(element$1, get(element$1).style.height = `${get(element$1).offsetHeight + dy}px`); 179 }; 180 181 const onMouseUp = () => { 182 window.removeEventListener("mousemove", onMouseMove); 183 window.removeEventListener("mouseup", onMouseUp); 184 }; 185 186 window.addEventListener("mousemove", onMouseMove); 187 window.addEventListener("mouseup", onMouseUp); 188 }; 189 190 legacy_pre_effect( 191 () => ( 192 deep_read_state(fullscreen()), 193 get(old_fullscreen), 194 get(element$1) 195 ), 196 () => { 197 if (fullscreen() !== get(old_fullscreen)) { 198 set(old_fullscreen, fullscreen()); 199 200 if (fullscreen()) { 201 set(preexpansionBoundingRect, get(element$1).getBoundingClientRect()); 202 set(placeholder_height, get(element$1).offsetHeight); 203 set(placeholder_width, get(element$1).offsetWidth); 204 window.addEventListener("keydown", handleKeydown); 205 } else { 206 set(preexpansionBoundingRect, null); 207 window.removeEventListener("keydown", handleKeydown); 208 } 209 } 210 } 211 ); 212 213 legacy_pre_effect(() => (deep_read_state(visible())), () => { 214 if (!visible()) { 215 flex(false); 216 } 217 }); 218 219 legacy_pre_effect_reset(); 220 221 var $$exports = { 222 get height() { 223 return height(); 224 }, 225 226 set height($$value) { 227 height($$value); 228 flushSync(); 229 }, 230 231 get min_height() { 232 return min_height(); 233 }, 234 235 set min_height($$value) { 236 min_height($$value); 237 flushSync(); 238 }, 239 240 get max_height() { 241 return max_height(); 242 }, 243 244 set max_height($$value) { 245 max_height($$value); 246 flushSync(); 247 }, 248 249 get width() { 250 return width(); 251 }, 252 253 set width($$value) { 254 width($$value); 255 flushSync(); 256 }, 257 258 get elem_id() { 259 return elem_id(); 260 }, 261 262 set elem_id($$value) { 263 elem_id($$value); 264 flushSync(); 265 }, 266 267 get elem_classes() { 268 return elem_classes(); 269 }, 270 271 set elem_classes($$value) { 272 elem_classes($$value); 273 flushSync(); 274 }, 275 276 get variant() { 277 return variant(); 278 }, 279 280 set variant($$value) { 281 variant($$value); 282 flushSync(); 283 }, 284 285 get border_mode() { 286 return border_mode(); 287 }, 288 289 set border_mode($$value) { 290 border_mode($$value); 291 flushSync(); 292 }, 293 294 get padding() { 295 return padding(); 296 }, 297 298 set padding($$value) { 299 padding($$value); 300 flushSync(); 301 }, 302 303 get type() { 304 return type(); 305 }, 306 307 set type($$value) { 308 type($$value); 309 flushSync(); 310 }, 311 312 get test_id() { 313 return test_id(); 314 }, 315 316 set test_id($$value) { 317 test_id($$value); 318 flushSync(); 319 }, 320 321 get explicit_call() { 322 return explicit_call(); 323 }, 324 325 set explicit_call($$value) { 326 explicit_call($$value); 327 flushSync(); 328 }, 329 330 get container() { 331 return container(); 332 }, 333 334 set container($$value) { 335 container($$value); 336 flushSync(); 337 }, 338 339 get visible() { 340 return visible(); 341 }, 342 343 set visible($$value) { 344 visible($$value); 345 flushSync(); 346 }, 347 348 get allow_overflow() { 349 return allow_overflow(); 350 }, 351 352 set allow_overflow($$value) { 353 allow_overflow($$value); 354 flushSync(); 355 }, 356 357 get overflow_behavior() { 358 return overflow_behavior(); 359 }, 360 361 set overflow_behavior($$value) { 362 overflow_behavior($$value); 363 flushSync(); 364 }, 365 366 get scale() { 367 return scale(); 368 }, 369 370 set scale($$value) { 371 scale($$value); 372 flushSync(); 373 }, 374 375 get min_width() { 376 return min_width(); 377 }, 378 379 set min_width($$value) { 380 min_width($$value); 381 flushSync(); 382 }, 383 384 get flex() { 385 return flex(); 386 }, 387 388 set flex($$value) { 389 flex($$value); 390 flushSync(); 391 }, 392 393 get resizable() { 394 return resizable(); 395 }, 396 397 set resizable($$value) { 398 resizable($$value); 399 flushSync(); 400 }, 401 402 get rtl() { 403 return rtl(); 404 }, 405 406 set rtl($$value) { 407 rtl($$value); 408 flushSync(); 409 }, 410 411 get fullscreen() { 412 return fullscreen(); 413 }, 414 415 set fullscreen($$value) { 416 fullscreen($$value); 417 flushSync(); 418 }, 419 420 get label() { 421 return label(); 422 }, 423 424 set label($$value) { 425 label($$value); 426 flushSync(); 427 } 428 }; 429 430 init(); 431 432 var fragment = comment(); 433 var node = first_child(fragment); 434 435 { 436 var consequent_2 = ($$anchor) => { 437 var fragment_1 = root_1();
438 var node_1 = first_child(fragment_1); 439 440 element(node_1, () => tag, false, ($$element, $$anchor) => { 441 bind_this($$element, ($$value) => set(element$1, $$value), () => get(element$1)); 442 443 attribute_effect( 444 $$element, 445 ($0, $1) => ({ 446 'data-testid': test_id(), 447 id: elem_id(), 448 class: `block ${$0 ?? ''}`, 449 dir: rtl() ? "rtl" : "ltr", 450 'aria-label': label(), 451 style: '', 452 [CLASS]: { 453 hidden: visible() === "hidden", 454 padded: padding(), 455 flex: flex(), 456 border_focus: border_mode() === "focus", 457 border_contrast: border_mode() === "contrast", 458 'hide-container': !explicit_call() && !container(), 459 fullscreen: fullscreen(), 460 animating: fullscreen() && get(preexpansionBoundingRect) !== null, 461 'auto-margin': scale() === null 462 }, 463 [STYLE]: $1 464 }), 465 [ 466 () => ( 467 deep_read_state(elem_classes()), 468 untrack(() => elem_classes()?.join(' ') || '') 469 ), 470 471 () => ({ 472 height: ( 473 deep_read_state(fullscreen()), 474 deep_read_state(height()), 475 untrack(() => fullscreen() ? undefined : get_dimension(height())) 476 ), 477 478 'min-height': ( 479 deep_read_state(fullscreen()), 480 deep_read_state(min_height()), 481 untrack(() => fullscreen() ? undefined : get_dimension(min_height())) 482 ), 483 484 'max-height': ( 485 deep_read_state(fullscreen()), 486 deep_read_state(max_height()), 487 untrack(() => fullscreen() ? undefined : get_dimension(max_height())) 488 ), 489 490 '--start-top': ( 491 get(preexpansionBoundingRect), 492 untrack(() => get(preexpansionBoundingRect) ? `${get(preexpansionBoundingRect).top}px` : "0px") 493 ), 494 495 '--start-left': ( 496 get(preexpansionBoundingRect), 497 untrack(() => get(preexpansionBoundingRect) ? `${get(preexpansionBoundingRect).left}px` : "0px") 498 ), 499 500 '--start-width': ( 501 get(preexpansionBoundingRect), 502 untrack(() => get(preexpansionBoundingRect) ? `${get(preexpansionBoundingRect).width}px` : "0px") 503 ), 504 505 '--start-height': ( 506 get(preexpansionBoundingRect), 507 untrack(() => get(preexpansionBoundingRect) ? `${get(preexpansionBoundingRect).height}px` : "0px") 508 ), 509 510 width: ( 511 deep_read_state(fullscreen()), 512 deep_read_state(width()), 513 untrack(() => fullscreen() 514 ? undefined 515 : typeof width() === "number" 516 ? `calc(min(${width()}px, 100%))` 517 : get_dimension(width())) 518 ), 519 'border-style': variant(), 520 overflow: allow_overflow() ? overflow_behavior() : "hidden", 521 'flex-grow': scale(), 522 'min-width': `calc(min(${min_width()}px, 100%))` 523 }) 524 ], 525 void 0, 526 void 0, 527 'svelte-1plpy97' 528 ); 529 530 var fragment_2 = root_2(); 531 var node_2 = first_child(fragment_2); 532 533 slot(node_2, $$props, 'default', {}, null); 534 535 var node_3 = sibling(node_2, 2); 536 537 { 538 var consequent = ($$anchor) => { 539 var svg = root_3(); 540 541 event('mousedown', svg, resize); 542 append($$anchor, svg); 543 }; 544 545 if_block(node_3, ($$render) => { 546 if (resizable()) $$render(consequent); 547 }); 548 } 549 550 append($$anchor, fragment_2); 551 }); 552 553 var node_4 = sibling(node_1, 2); 554 555 { 556 var consequent_1 = ($$anchor) => { 557 var div = root_4(); 558 let styles; 559 560 template_effect(() => styles = set_style(div, '', styles, { 561 height: get(placeholder_height) + "px", 562 width: get(placeholder_width) + "px" 563 })); 564 565 append($$anchor, div); 566 }; 567 568 if_block(node_4, ($$render) => { 569 if (fullscreen()) $$render(consequent_1); 570 }); 571 } 572 573 append($$anchor, fragment_1); 574 }; 575 576 if_block(node, ($$render) => { 577 if (visible() === true || visible() === "hidden") $$render(consequent_2); 578 }); 579 } 580 581 append($$anchor, fragment); 582 583 return pop($$exports); 584} 585 586export { Block as B }; 587//# sourceMappingURL=Block-DNK-JdLJ.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.