1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49778],{23827:(t,o,e)=>{e.d(o,{a:()=>m});var a=e(41088),i=e(98314),s=e(24291),n=e(85065),r=e(40629),l=e(11598),d=t=>(0,r.b)` 2 width: ${t}; 3 height: ${t}; 4 font-size: ${t}; 5 line-height: ${t}; 6 `,c=(0,r.b)` 7 :host { 8 --icon-size-value-xxsmall: var(--icon-xxsmall-dimensions); 9 --icon-size-value-xsmall: var(--icon-xsmall-dimensions); 10 --icon-size-value-small: var(--icon-small-dimensions); 11 --icon-size-value-medium: var(--icon-medium-dimensions); 12 --icon-size-value-large: var(--icon-large-dimensions); 13 --icon-size-value-xlarge: var(--icon-xlarge-dimensions); 14 display: inline-block; 15 line-height: 0; 16 } 17 18 :host span.geico-icon:before { 19 display: inline-block; 20 margin: 0 auto; 21 } 22 23 :host([size="xxsmall"]) span { 24 ${d((0,r.b)`var(--icon-size-value-xxsmall)`)} 25 } 26 27 :host([size="xsmall"]) span { 28 ${d((0,r.b)`var(--icon-size-value-xsmall)`)} 29 } 30 31 :host([size="small"]) span { 32 ${d((0,r.b)`var(--icon-size-value-small)`)} 33 } 34 35 :host([size="medium"]) span { 36 ${d((0,r.b)`var(--icon-size-value-medium)`)} 37 } 38 39 :host([size="large"]) span { 40 ${d((0,r.b)`var(--icon-size-value-large)`)} 41 } 42 43 :host([size="xlarge"]) span { 44 ${d((0,r.b)`var(--icon-size-value-xlarge)`)} 45 } 46 47 span[color="default"] { 48 color: var(--icon-default-color, var(--text-color)); 49 } 50 51 span[color="brand"] { 52 color: var(--color-brand-standalone-icon); 53 } 54 55 span[color="brand-alt"] { 56 color: var(--color-brand-secondary-accent); 57 } 58 59 span[color="action"] { 60 color: var(--color-action-standalone-icon); 61 } 62 63 span[color="warning"] { 64 color: var(--color-warning-standalone-icon); 65 } 66 67 span[color="success"] { 68 color: var(--color-success-standalone-icon); 69 } 70 71 span[color="danger"] { 72 color: var(--color-danger-standalone-icon); 73 } 74 75 span[color="purple"] { 76 color: var(--color-accent-purple); 77 } 78 79 span[color="teal"] { 80 color: var(--color-accent-teal); 81 } 82 83 span[color="magenta"] { 84 color: var(--color-accent-magenta); 85 } 86 87 span[color="neutral"] { 88 color: var(--color-neutral-standalone-icon); 89 } 90 91 span[color="reverse"] { 92 color: var(--text-color-reverse); 93 } 94 95 span[color="always-white"] { 96 color: var(--icon-color-reverse); 97 } 98 99 span[color="always-black"] { 100 color: var(--icon-color-black); 101 } 102 103 a { 104 text-decoration: none; 105 } 106 107 :host([type="link"]) a { 108 cursor: pointer; 109 } 110 111 :host button { 112 background: transparent; 113 border: none; 114 cursor: pointer; 115 116 &:focus:not(:focus-visible) { 117 outline: none; 118 } 119 120 &:focus-visible { 121 outline: var(--focus-outline); 122 outline-offset: var(--focus-outline-offset); 123 } 124 } 125 126 :host(.reset-padding) { 127 button { 128 padding: 0; 129 } 130 } 131 132 :host([type="button"]) button { 133 color: var(--color-action); 134 &:active { 135 color: var(--color-action-active); 136 } 137 &:hover { 138 color: var(--color-action-hover); 139 } 140 } 141 142 :host([type="destructive"]) button { 143 color: var(--color-neutral-standalone-text); 144 &:active { 145 color: var(--icon-destructive-active-color); 146 } 147 &:hover { 148 color: var(--icon-destructive-hover-color); 149 } 150 } 151`,h=(0,r.b)` 152 :host-context([data-gdstheme*="dark"]):host([type="button"]) button:active { 153 color: var(--color-action); 154 } 155 156 :host-context([data-gdstheme*="dark"]):host([type="button"]) button:hover { 157 color: var(--color-action); 158 } 159`,m=class extends r.g{constructor(){super(...arguments),this.iconType="vehicle",this.color="default",this.size="medium"}render(){let t=(0,r.c)`
160 <span 161 class="geico-icon icon-${this.iconType||"vehicle"}" 162 color="${this.type?r.e:this.color||"default"}" 163 ></span> 164 `;return this.type?"link"===this.type?(0,r.c)` 165 <a href="${this.href}" target="${this.target||r.e}"> 166 ${t} 167 </a> 168 `:"button"===this.type||"destructive"===this.type?(0,r.c)` 169 <button 170 type="button" 171 @click="${this.iconButtonClick}" 172 aria-label="${this.buttonAriaLabel||r.e}" 173 > 174 ${t} 175 </button> 176 `:void 0:(0,r.c)` ${t} `}connectedCallback(){super.connectedCallback();let t=new CSSStyleSheet;t.replaceSync(c.cssText);let o=new CSSStyleSheet;o.replaceSync(h.cssText),this.shadowRoot.adoptedStyleSheets=[i.d,i.b,t,o,i.c]}updated(t){(t.has("size")||t.has("type"))&&this.type&&"medium"!==this.size&&"small"!==this.size&&(this.size="medium")}iconButtonClick(){this.dispatchEvent(new CustomEvent("icon-button-click",a.a))}};(0,l.c)([(0,s.b)({reflect:!0})],m.prototype,"type",2),(0,l.c)([(0,s.b)({type:String,attribute:"icon-type"})],m.prototype,"iconType",2),(0,l.c)([(0,s.b)({type:String,reflect:!0})],m.prototype,"color",2),(0,l.c)([(0,s.b)({type:String,reflect:!0})],m.prototype,"size",2),(0,l.c)([(0,s.b)()],m.prototype,"href",2),(0,l.c)([(0,s.b)()],m.prototype,"target",2),(0,l.c)([(0,s.b)({type:String,attribute:"button-aria-label"})],m.prototype,"buttonAriaLabel",2),m=(0,l.c)([(0,n.a)("gds-icon")],m)},41088:(t,o,e)=>{e.d(o,{a:()=>a});var a={bubbles:!0,cancelable:!1,composed:!0}},46128:(t,o,e)=>{e.d(o,{a:()=>d});var a=e(41088),i=e(24291),s=e(85065),n=e(40629),r=e(11598),l=(0,n.b)` 177 :host { 178 display: none; 179 opacity: 0; 180 transition: all 0.5s; 181 } 182 183 :host([display]) { 184 display: block; 185 } 186 187 :host([fadeIn]) { 188 opacity: 1; 189 } 190 191 @keyframes slideIn { 192 from { 193 transform: translateY(50%); 194 } 195 to { 196 transform: translateY(0); 197 } 198 } 199 200 @keyframes slideOut { 201 from { 202 transform: translateY(0); 203 } 204 to { 205 transform: translateY(50%); 206 } 207 } 208 209 @keyframes slideInTop { 210 from { 211 transform: translate(-50%, -100%); 212 } 213 to { 214 transform: translate(-50%, 0); 215 } 216 } 217 218 @keyframes slideOutTop { 219 from { 220 transform: translate(-50%, 0); 221 } 222 to { 223 transform: translate(-50%, -100%); 224 } 225 } 226 227 @keyframes slideInTopRight { 228 from { 229 transform: translate(100%, 0%); 230 } 231 to { 232 transform: translate(0, 0); 233 } 234 } 235 236 @keyframes slideOutTopRight { 237 from { 238 transform: translate(0, 0); 239 } 240 to { 241 transform: translate(100%, 0%); 242 } 243 } 244 245 @keyframes slideInBottomRight { 246 from { 247 transform: translateY(100%); 248 } 249 to { 250 transform: translateY(0); 251 } 252 } 253 254 @keyframes slideInBottomLeft { 255 from { 256 transform: translateY(100%); 257 } 258 to { 259 transform: translateY(0); 260 } 261 } 262 263 @keyframes slideInBottom { 264 from { 265 transform: translate(-50%, 100%); 266 } 267 to { 268 transform: translate(-50%, 0); 269 } 270 } 271 272 @keyframes slideOutBottom { 273 from { 274 transform: translate(-50%, 0); 275 } 276 to { 277 transform: translate(-50%, 100%); 278 } 279 } 280 281 :host([slideIn]) { 282 transform: translateY(50%); 283 animation: slideIn 0.5s forwards; 284 } 285 286 :host([slideOut]) { 287 animation: slideOut 0.5s forwards; 288 } 289 290 :host([position="top-slide"]) { 291 top: var(--show-hide-margin); 292 left: 50%; 293 position: fixed; 294 z-index: 1000; 295 animation: slideOutTop 0.5s forwards; 296 } 297 298 :host([position="top-slide"][animate]) { 299 animation: slideInTop 0.5s forwards; 300 } 301 302 :host([position="bottom-right-slide"]) { 303 bottom: var(--show-hide-margin); 304 right: var(--show-hide-margin); 305 position: fixed; 306 z-index: 1000; 307 animation: slideOutBottomRight 0.5s forwards; 308 } 309 310 :host([position="bottom-right-slide"][animate]) { 311 animation: slideInBottomRight 0.5s forwards; 312 } 313 314 :host([position="bottom-left-slide"]) { 315 bottom: var(--show-hide-margin); 316 left: var(--show-hide-margin); 317 position: fixed; 318 z-index: 1000; 319 animation: slideOutBottomLeft 0.5s forwards; 320 } 321 322 :host([position="bottom-left-slide"][animate]) { 323 animation: slideInBottomLeft 0.5s forwards; 324 } 325 326 :host([position="bottom-slide"]) { 327 bottom: var(--show-hide-margin); 328 transform: translate(-50%, 100%); 329 left: 50%; 330 position: fixed; 331 z-index: 1000; 332 animation: slideOutBottom 0.5s forwards; 333 } 334 335 :host([position="bottom-slide"][animate]) { 336 animation: slideInBottom 0.5s forwards; 337 } 338 339 :host([position="top-right-slide"]) { 340 top: var(--show-hide-margin); 341 right: var(--show-hide-margin); 342 position: fixed; 343 z-index: 1000; 344 animation: slideOutTopRight 0.5s forwards; 345 } 346 347 :host([position="top-right-slide"][animate]) { 348 transform: translate(0%, 0%); 349 animation: slideInTopRight 0.5s forwards; 350 } 351`,d=class extends n.g{constructor(){super(...arguments),this.visible=!1,this.slide=!1,this.position="inline"}render(){return(0,n.c)`<slot></slot>`}connectedCallback(){super.connectedCallback();let t=new CSSStyleSheet;t.replaceSync(l.cssText),this.shadowRoot.adoptedStyleSheets=[t]}updated(t){t.has("visible")&&(this.dispatchEvent(new CustomEvent("visibility-changed",{detail:{visible:this.visible},...a.a})),this.visible?(clearTimeout(this.fadeOutTimerId),this.setAttribute("display",""),this.slide&&(!this.position||"inline"===this.position)?this.setAttribute("slideIn",""):this.setAttribute("animate",""),this.fadeInTimerId=setTimeout(()=>{this.setAttribute("fadeIn","")},100)):(clearTimeout(this.fadeInTimerId),this.removeAttribute("fadeIn"),this.slide&&(!this.position||"inline"===this.position)?(this.removeAttribute("slideIn"),this.setAttribute("slideOut","")):this.removeAttribute("animate"),setTimeout(()=>{this.visible||(this.removeAttribute("display"),this.removeAttribute("slideOut"))},550)))}toggle(){this.visible=!this.visible}};(0,r.c)([(0,i.b)({type:Boolean,reflect:!0})],d.prototype,"visible",2),(0,r.c)([(0,i.b)({type:Boolean,reflect:!0})],d.prototype,"slide",2),(0,r.c)([(0,i.b)()],d.prototype,"position",2),(0,r.c)([(0,i.c)()],d.prototype,"fadeInTimerId",2),(0,r.c)([(0,i.c)()],d.prototype,"fadeOutTimerId",2),d=(0,r.c)([(0,s.a)("gds-show-hide")],d)},48346:(t,o,e)=>{e.r(o),e.d(o,{GdsModal:()=>u});var a=e(94919),i=e(41088),s=e(98314),n=e(24291),r=e(85065),l=e(40629),d=e(11598),c=(0,d.b)((0,a.a)(),1),h=(0,l.b)` 352 font-size: var(--label-descriptive-copy-font-size); 353 line-height: calc( 354 var(--label-descriptive-copy-line-height) * 355 var(--label-descriptive-copy-font-size) 356 ); 357 color: var(--label-descriptive-copy-color); 358 margin-bottom: var(--label-descriptive-copy-margin-bottom); 359`,m=(0,l.b)` 360 :host { 361 position: fixed; 362 left: 0; 363 top: 0; 364 } 365 366 :host([open]) { 367 z-index: 55; 368 } 369 370 :host .scroll-tab { 371 display: none; 372 padding: var(--modal-grabber-container-padding); 373 } 374 :host .scroll-tab div { 375 background-color: var(--color-neutral-subtle-surface); 376 height: var(--modal-grabber-height); 377 width: var(--modal-grabber-width); 378 margin: 0 auto; 379 border-radius: var(--modal-grabber-border-radius); 380 } 381 382 :host .modal { 383 display: none; 384 } 385 386 :host .modal.show { 387 display: inline-block; 388 width: 100vw; 389 height: 100vh; 390 } 391 392 :host .backdrop { 393 width: 100vw; 394 height: 100vh; 395 background-color: var(--overlay-background-color); 396 } 397 398 :host slot[name="descriptive-copy"] { 399 display: block; 400 ${h}; 401 } 402 403 .dialog-wrapper { 404 width: 100%; 405 height: 100%; 406 display: flex; 407 align-items: center; 408 justify-content: center; 409 } 410 411 :host .dialog-top { 412 display: flex; 413 flex-direction: column; 414 overflow: hidden; 415 } 416 417 :host .header-section { 418 padding: var(--modal-header-padding); 419 420 h2 { 421 margin: 0; 422 padding: 0 var(--spacing-m) 0 0; 423 } 424 } 425 426 :host([type="modal"]) .header-section { 427 border-bottom: var(--modal-header-border-bottom); 428 } 429 430 :host .header-section > gds-button { 431 position: absolute; 432 top: var(--modal-header-close-button-top); 433 right: var(--modal-header-close-button-right); 434 } 435 436 :host gds-button-group { 437 padding: var(--modal-footer-padding); 438 border-top: var(--modal-footer-border-top); 439 margin-bottom: 0; 440 width: auto; 441 } 442 443 :host .content-outer-wrapper { 444 overflow-y: auto; 445 padding: var(--modal-content-padding); 446 } 447 448 :host([type="dialog"]) .content-outer-wrapper { 449 padding: var(--modal-dialog-content-padding); 450 } 451 452 :host([type="dialog"]) dialog { 453 max-width: var(--modal-dialog-max-width-large-only); 454 } 455 456 :host([type="dialog"]) gds-button-group { 457 border-top: unset; 458 } 459 460 :host dialog { 461 background-color: var(--container-basic-background-color); 462 border: var(--modal-border); 463 box-shadow: var(--modal-box-shadow); 464 border-radius: var(--modal-border-radius); 465 max-width: var(--modal-max-width-large-only); 466 width: var(--modal-width-large-only); 467 max-height: var(--modal-max-height-large-only); 468 padding: 0; 469 transform: translate(0, 0); 470 display: flex; 471 flex-direction: column; 472 justify-content: space-between; 473 /* inherit from font tokens cause dialog has its own colors */ 474 color: inherit; 475 } 476 477 /* Used to transition animations when resizing from active animation in mobile to desktop w no animations */ 478 :host dialog.openPosition { 479 transition: unset; 480 transform: translate(0, 0); 481 } 482 483 :host dialog.bottomHiddenPosition { 484 transition: all 0.5s cubic-bezier(0.59, 0.005, 0.295, 1) 0.1s; 485 transform: translate(0, 100%); 486 } 487 488 :host dialog.slideDown { 489 transition: all 0.5s cubic-bezier(0.59, 0.005, 0.295, 1) 0.1s; 490 transform: translate(0, 100%); 491 } 492 493 /* same as reset, but I want to differentiate names in JS */ 494 :host dialog.slideUp { 495 transition: all 0.5s cubic-bezier(0.59, 0.005, 0.295, 1) 0.1s; 496 transform: translate(0, 0); 497 } 498 499 /* same as slideUp, but I want to differentiate names in JS */ 500 :host dialog.reset { 501 transition: all 0.5s cubic-bezier(0.59, 0.005, 0.295, 1) 0.1s; 502 transform: translate(0, 0); 503 } 504 505 @media (min-width: 768px) { 506 :host dialog.slideDown, 507 :host dialog.slideUp, 508 :host dialog.reset { 509 transition: unset; 510 transform: translate(0, 0); 511 } 512 } 513 514 /* MOBILE -------------------------------------------------------------------- */ 515 @media (max-width: 767px) { 516 :host([type="modal"]) dialog { 517 width: var(--modal-width-medium-only); 518 min-height: var(--modal-min-height-medium-only); 519 max-height: var(--modal-max-height-medium-only);
520 box-shadow: var(--modal-box-shadow-medium-down); 521 } 522 523 :host([type="modal"]) .scroll-tab { 524 display: block; 525 } 526 527 :host .header-section { 528 padding: var(--modal-header-padding-medium-only); 529 position: relative; 530 } 531 532 :host([type="dialog"]) .header-section { 533 padding: var(--modal-dialog-header-padding-medium-only); 534 } 535 536 :host .header-section > gds-button { 537 top: var(--modal-header-close-button-top-medium-only); 538 right: var(--modal-header-close-button-right-medium-only); 539 } 540 541 :host([type="dialog"]) .header-section > gds-button { 542 top: var(--modal-dialog-header-close-button-top-medium-only); 543 right: var(--modal-dialog-header-close-button-right-medium-only); 544 } 545 546 :host gds-button-group { 547 padding: var(--modal-footer-padding-medium-only); 548 } 549 550 :host([type="modal"]) dialog { 551 bottom: 0; 552 } 553 554 :host([type="modal"]) .content-outer-wrapper { 555 max-height: unset; 556 overflow-y: auto; 557 padding: var(--modal-content-padding-medium-only); 558 } 559 560 :host([type="dialog"]) .content-outer-wrapper { 561 padding: var(--modal-dialog-content-padding-medium-only); 562 } 563 564 :host([type="dialog"]) dialog { 565 min-height: var(--modal-dialog-min-height-medium-only); 566 max-height: var(--modal-dialog-max-height-medium-only); 567 box-shadow: var(--modal-dialog-box-shadow-medium-down); 568 width: var(--modal-dialog-width-medium-only); 569 } 570 571 :host([type="dialog"]) .content-outer-wrapper { 572 overflow-y: auto; 573 } 574 } 575 @media (max-width: 480px) { 576 :host .header-section { 577 padding: var(--modal-header-padding-small-only); 578 } 579 580 :host([type="dialog"]) .header-section { 581 padding: var(--modal-dialog-header-padding-small-only); 582 } 583 584 :host([type="dialog"]) dialog { 585 max-height: var(--modal-dialog-max-height-small-only); 586 width: var(--modal-dialog-width-small-only); 587 min-height: var(--modal-dialog-min-height-small-only); 588 } 589 590 :host([type="dialog"]) .content-outer-wrapper { 591 padding: var(--modal-dialog-content-padding-small-only); 592 } 593 594 :host .header-section > gds-button { 595 top: var(--modal-header-close-button-top-small-only); 596 right: var(--modal-header-close-button-right-small-only); 597 } 598 599 :host([type="dialog"]) .header-section > gds-button { 600 top: var(--modal-dialog-header-close-button-top-small-only); 601 right: var(--modal-dialog-header-close-button-right-small-only); 602 } 603 604 :host gds-button-group { 605 padding: var(--modal-footer-padding-small-only); 606 } 607 608 :host([type="modal"]) .content-outer-wrapper { 609 padding: var(--modal-content-padding-small-only); 610 } 611 } 612`,p=class{constructor(t){this.getDragValue=t=>t?.clientY?t?.clientY:t.targetTouches[0]?.clientY?t.targetTouches[0]?.clientY:void 0,this.context=t}onDragStart(t){this.dragStartValue=this.getDragValue(t)}onDrag(t){if(!this.dragStartValue)return;let o=this.getDragValue(t),e=this.dragStartValue-o;this.context._dialog.style.transition="unset",this.context._dialog.style.transform=`translate(0, ${-1*e}px)`}onDragEnd(t){t.stopPropagation();let o=this.getDragValue(t),e=this.dragStartValue-o;this.context._dialog.removeAttribute("style"),this.dragStartValue=void 0,e<=-200?this.context.closeHandler():this.context.activeAnimation="RESET"}onMouseLeave(t){this.dragStartValue&&this.onDragEnd(t)}addEvents(){let t={passive:!0},o=this.context.shadowRoot.querySelector(".scroll-tab");o.addEventListener("touchstart",this.onDragStart.bind(this),t),o.addEventListener("mousedown",this.onDragStart.bind(this)),o.addEventListener("touchmove",this.onDrag.bind(this),t),o.addEventListener("mousemove",this.onDrag.bind(this)),o.addEventListener("touchend",this.onDragEnd.bind(this)),o.addEventListener("mouseleave",this.onMouseLeave.bind(this)),o.addEventListener("mouseup",this.onDragEnd.bind(this))}removeEvents(){let t=this.context.shadowRoot.querySelector(".scroll-tab");t.removeEventListener("touchstart",this.onDragStart),t.removeEventListener("mousedown",this.onDragStart),t.removeEventListener("touchmove",this.onDrag),t.removeEventListener("mousemove",this.onDrag),t.removeEventListener("touchend",this.onDragEnd),t.removeEventListener("mouseleave",this.onMouseLeave),t.removeEventListener("mouseup",this.onDragEnd)}},u=class extends l.g{constructor(){super(),this.type="modal",this.open=!1,this.overlayShouldCloseModal=!1,this.hideHeaderCloseButton=!1,this.activeAnimation=null,this._ModalDragHelper=new p(this),this.onResize=this.onResize.bind(this)}_onMouseUp(t){this.overlayShouldCloseModal&&this.closeHandler(t)}render(){let t=this.hideHeaderCloseButton?"":(0,l.c)` 613 <gds-button 614 appearance="tertiary" 615 type="button" 616 size="medium" 617 aria-label="Close modal" 618 @click="${this._onHeaderCloseClick}" 619 > 620 <gds-icon 621 icon-type="close" 622 slot="left-visual" 623 size="small" 624 ></gds-icon> 625 </gds-button> 626 `,o=(0,l.c)` 627 <div class="${(0,c.default)("modal",{show:this.open})}"> 628 <div class="backdrop"> 629 <div class="dialog-wrapper" @mouseup="${this._onMouseUp}"> 630 <dialog 631 part="dialog" 632 ?open="${this.open}" 633 class="${(0,c.default)({slideUp:"SLIDE_UP"===this.activeAnimation,slideDown:"SLIDE_DOWN"===this.activeAnimation,reset:"RESET"===this.activeAnimation,bottomHiddenPosition:"STATIC_BOTTOM_HIDDEN"===this.activeAnimation,openPosition:"STATIC_OPEN"===this.activeAnimation})}" 634 > 635 <div class="dialog-top"> 636 <div class="scroll-tab"> 637 <div></div> 638 </div> 639 <div class="header-section" part="header-section"> 640 ${t} 641 <h2><slot name="header"></slot></h2> 642 <slot name="descriptive-copy"></slot> 643 </div> 644 <div 645 class="content-section content-outer-wrapper" 646 part="body-section" 647 > 648 <div class="content-inner-wrapper"> 649 <slot></slot> 650 </div> 651 </div> 652 </div> 653 <gds-button-group part="footer-section"> 654 <slot name="buttons"></slot> 655 </gds-button-group> 656 </dialog> 657 </div> 658 </div> 659 </div> 660 `;return window.innerWidth>=768?(0,l.c)` 661 <gds-show-hide ?visible="${this.open}"> ${o} </gds-show-hide> 662 `:o}shouldAnimate(){return window.innerWidth<768&&"modal"===this.type}attributeChangedCallback(t,o,e){super.attributeChangedCallback(t,o,e),"open"===t&&null!==e&&this.modalSlideOpenAnimation()}onCloseModal(){this.open=!1,this.activeAnimation=null,this.dispatchEvent(new CustomEvent("modal-closed",i.a)),this._contentWrapper?.removeAttribute("style"),this._dialog?.removeAttribute("style")}_onHeaderCloseClick(t){t.preventDefault(),t.stopPropagation(),this.closeHandler()}closeHandler(t){if(t){if(t.target!==t.currentTarget)return;t.preventDefault(),t.stopPropagation()}"dialog"===this.type||window.innerWidth>=768?this.onCloseModal():(this.modalSlideExitAnimation(),setTimeout(()=>{this.onCloseModal()},500))}modalSlideExitAnimation(){"modal"===this.type&&window.innerWidth<768&&(this.activeAnimation="SLIDE_DOWN")}modalSlideOpenAnimation(){"modal"===this.type&&window.innerWidth<768?(this.activeAnimation="STATIC_BOTTOM_HIDDEN",setTimeout(()=>{this.activeAnimation="SLIDE_UP"},0),setTimeout(()=>{this.activeAnimation="STATIC_OPEN"},500)):this.activeAnimation="STATIC_OPEN"}onResize(t){this.open&&(t?.target).innerWidth>=768&&(this._dialog?.removeAttribute("style"),this.activeAnimation="STATIC_OPEN")}connectedCallback(){super.connectedCallback();let t=new CSSStyleSheet;t.replaceSync(m.cssText),this.shadowRoot.adoptedStyleSheets=[s.e,t],window.addEventListener("resize",this.onResize),this.shouldAnimate()&&(this.activeAnimation="STATIC_BOTTOM_HIDDEN")}firstUpdated(){this._ModalDragHelper?.addEvents(),this._dialog=this.shadowRoot.querySelector("dialog")}disconnectedCallback(){super.disconnectedCallback(),this._ModalDragHelper?.removeEvents(),window.removeEventListener("resize",this.onResize)}};(0,d.c)([(0,n.b)({reflect:!0})],u.prototype,"type",2),(0,d.c)([(0,n.b)({type:Boolean,reflect:!0})],u.prototype,"open",2),(0,d.c)([(0,n.b)({type:Boolean,reflect:!0,attribute:"overlay-should-close-modal"})],u.prototype,"overlayShouldCloseModal",2),(0,d.c)([(0,n.b)({type:Boolean,reflect:!0,attribute:"hide-header-close-button"})],u.prototype,"hideHeaderCloseButton",2),(0,d.c)([(0,n.c)()],u.prototype,"activeAnimation",2),(0,d.c)([(0,n.c)()],u.prototype,"_dialog",2),(0,d.c)([(0,n.c)()],u.prototype,"_contentWrapper",2),(0,d.c)([(0,n.c)()],u.prototype,"_ModalDragHelper",2),u=(0,d.c)([(0,r.a)("gds-modal")],u),e(59147),e(46128),e(77159),e(61294),e(23827),e(8802)},59147:(t,o,e)=>{e.d(o,{a:()=>l});var a=e(24291),i=e(85065),s=e(40629),n=e(11598),r=(0,s.b)` 663 :host { 664 display: flex; 665 flex-wrap: wrap; 666 flex-direction: row-reverse; 667 gap: var(--button-gap); 668 width: 100%; 669 margin-bottom: 3rem; 670 } 671 672 :host([center]) { 673 justify-content: center; 674 } 675 676 @media screen and (max-width: 480px) { 677 :host { 678 --button-width: var(--button-width-full); 679 margin-bottom: 1rem; 680 } 681 682 :host([small-view-side-by-side]) { 683 --button-width: calc( 684 var(--button-width-side-by-side) - (var(--button-gap) / 2) 685 ); 686 } 687 } 688`,l=class extends s.g{constructor(){super(...arguments),this.smallViewSideBySide=!1,this.center=!1}render(){return(0,s.c)` <slot></slot> `}connectedCallback(){super.connectedCallback();let t=new CSSStyleSheet;t.replaceSync(r.cssText),this.shadowRoot.adoptedStyleSheets=[t]}};(0,n.c)([(0,a.b)({type:Boolean,reflect:!0,attribute:"small-view-side-by-side"})],l.prototype,"smallViewSideBySide",2),(0,n.c)([(0,a.b)({type:Boolean,reflect:!0})],l.prototype,"center",2),l=(0,n.c)([(0,i.a)("gds-button-group")],l)},94919:(t,o,e)=>{e.d(o,{a:()=>a});var a=(0,e(11598).a)((t,o)=>{var e={}.hasOwnProperty;function a(){for(var t="",o=0;o<arguments.length;o++){var s=arguments[o];s&&(t=i(t,function(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return a.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var o="";for(var s in t)e.call(t,s)&&t[s]&&(o=i(o,s));return o}(s)))}return t}function i(t,o){return o?t?t+" "+o:t+o:t}"u">typeof o&&o.exports?(a.default=a,o.exports=a):"function"==typeof define&&"object"==typeof define.amd&&define.amd?define("classnames",[],function(){return a}):window.classNames=a})}}]);
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.