1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3573],{743:(t,o,e)=>{var r;function a(t){return(o,e)=>void 0!==e?void o.constructor.createProperty(e,t):"method"!==o.kind||!o.descriptor||"value"in o.descriptor?{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:o.key,initializer(){"function"==typeof o.initializer&&(this[o.key]=o.initializer.call(this))},finisher(e){e.createProperty(o.key,t)}}:{...o,finisher(e){e.createProperty(o.key,t)}}}function n(t){return a({...t,state:!0})}function c(t,o){return(({finisher:t,descriptor:o})=>(e,r)=>{var a;if(void 0===r){let r=null!=(a=e.originalKey)?a:e.key,n=null!=o?{kind:"method",placement:"prototype",key:r,descriptor:o(e.key)}:{...e,key:r};return null!=t&&(n.finisher=function(o){t(o,r)}),n}{let a=e.constructor;void 0!==o&&Object.defineProperty(e,r,o(r)),t?.(a,r)}})({descriptor:e=>{let r={get(){var o,e;return null!=(e=null==(o=this.renderRoot)?void 0:o.querySelector(t))?e:null},enumerable:!0,configurable:!0};if(o){let o="symbol"==typeof e?Symbol():"__"+e;r.get=function(){var e,r;return void 0===this[o]&&(this[o]=null!=(r=null==(e=this.renderRoot)?void 0:e.querySelector(t))?r:null),this[o]}}return r}})}e.d(o,{a:()=>a,b:()=>n,c:()=>c}),null==(r=window.HTMLSlotElement)||r.prototype.assignedElements},33953:(t,o,e)=>{e.d(o,{a:()=>r});function r(){if(typeof document>"u")return"light";let t=document.documentElement;return(t.getAttribute("data-gdstheme")??t.getAttribute("data-gdsTheme")??"").includes("dark")?"dark":"light"}},38572:(t,o,e)=>{e.d(o,{a:()=>r});function r(t,o){if(typeof document>"u")return()=>{};let e=document.documentElement,r=()=>{let r=e.getAttribute("data-gdstheme")??e.getAttribute("data-gdsTheme")??"";r?t.setAttribute("data-gdstheme",r):t.removeAttribute("data-gdstheme"),o?.()};r();let a=new MutationObserver(r);return a.observe(e,{attributes:!0,attributeFilter:["data-gdstheme","data-gdsTheme"]}),()=>{a.disconnect(),t.removeAttribute("data-gdstheme")}}},80659:(t,o,e)=>{e.r(o),e.d(o,{GdsDotcomCallToAction:()=>s});var r=e(33953),a=e(38572);e(59553);var n=e(743),c=e(19962),i=e(80821),l=e(7771),d=(0,c.b)` 2 :host([data-gdstheme*="dark"]) { 3 /* Primary|Neutral|Reverse */ 4 --button-primary-neutral-reverse-color: var(--color-main-blue-900); 5 --button-primary-neutral-reverse-bg: var(--color-white); 6 --button-primary-neutral-reverse-border: var(--color-white); 7 --button-primary-neutral-reverse-bg-hover: var(--color-white-50); 8 --button-primary-neutral-reverse-color-hover: var(--color-white); 9 10 /* Secondary|Neutral|Reverse */ 11 --button-secondary-neutral-reverse-color: var(--color-white); 12 --button-secondary-neutral-reverse-border: var(--color-white-500); 13 --button-secondary-neutral-reverse-bg: transparent; 14 --button-secondary-neutral-reverse-bg-hover: var(--color-white-900); 15 --button-secondary-neutral-reverse-border-hover: var(--color-white-500); 16 --button-secondary-neutral-reverse-color-hover: var(--color-main-blue-900); 17 } 18 19 /* Default variant styles */ 20 :host { 21 container-type: inline-size; 22 display: block; 23 position: relative; 24 width: 100%; 25 26 .gds-dotcom-call-to-action { 27 max-width: var(--breakpoint-2xl); 28 margin: 0 auto; 29 } 30 31 .gds-dotcom-call-to-action-container { 32 display: grid; 33 align-items: center; 34 gap: var(--spacing-xl); 35 grid-template-columns: repeat(var(--grid-columns), 1fr); 36 margin: 0 auto; 37 max-width: var(--breakpoint-2xl); 38 position: relative; 39 } 40 } 41 42 /* Get a Quote variant styles */ 43 :host([variant="get-a-quote"]) { 44 background: linear-gradient( 45 90deg, 46 var(--color-main-blue-600) 0%, 47 var(--color-main-blue-800) 100% 48 ); 49 50 &:after { 51 background: var(--call-to-action-texture-wavy-lines-url) repeat; 52 background-size: 400px; 53 content: ""; 54 height: 100%; 55 left: 0; 56 mix-blend-mode: soft-light; 57 opacity: 0.5; 58 position: absolute; 59 top: 0; 60 width: 100%; 61 } 62 63 .gds-dotcom-call-to-action { 64 padding: var(--spacing-xxxl) 0 var(--spacing-xxxl) var(--spacing-xxl); 65 position: relative; 66 z-index: 1; 67 } 68 69 .gds-dotcom-call-to-action-container { 70 ::slotted(*) { 71 color: var(--color-white); 72 font-size: var(--text-body-lg); 73 margin: 0; 74 max-width: var(--max-width-content); 75 --rich-text-body: var(--color-white); 76 --rich-text-headings: var(--color-white); 77 --rich-text-links: var(--color-white); 78 --rich-text-counters: var(--color-white); 79 --rich-text-bullets: var(--color-white); 80 } 81 82 ::slotted(h2), 83 ::slotted(h3), 84 ::slotted(h4), 85 ::slotted(h5), 86 ::slotted(h6) { 87 margin: 0; 88 } 89 90 ::slotted(div, p) { 91 color: var(--color-white); 92 margin: 0; 93 font-size: var(--text-body-lg); 94 max-width: var(--max-width-content); 95 --rich-text-body: var(--color-white); 96 } 97 } 98 99 .gds-dotcom-call-to-action-content-left { 100 display: flex; 101 flex-wrap: wrap; 102 gap: var(--spacing-ml); 103 grid-column: span 7 / span 1; 104 } 105 106 .gds-dotcom-call-to-action-content-right { 107 grid-column: span 5 / span 1; 108 } 109 110 .gds-dotcom-call-to-action-content-right ::slotted(img) { 111 border-radius: var(--radius-regular); 112 display: block; 113 height: auto; 114 object-fit: cover; 115 overflow: hidden; 116 width: 100%; 117 } 118 119 .gds-dotcom-call-to-action-container--content-right-empty 120 .gds-dotcom-call-to-action-content-left { 121 grid-column: span 11 / span 1; 122 } 123 124 .gds-dotcom-call-to-action-container--content-right-empty 125 .gds-dotcom-call-to-action-content-right { 126 grid-column: span 4 / span 1; 127 } 128 129 @container (width <= 1024px) { 130 .gds-dotcom-call-to-action-content-left, 131 .gds-dotcom-call-to-action-content-right { 132 grid-column: span 6 / span 1; 133 } 134 } 135 136 @media screen and (max-width: 1024px) { 137 .gds-dotcom-call-to-action-content-left, 138 .gds-dotcom-call-to-action-content-right { 139 grid-column: span 4 / span 1; 140 } 141 } 142 143 @container (width <= 768px) { 144 .gds-dotcom-call-to-action-container { 145 grid-template-columns: repeat(1, 1fr); 146 } 147 148 .gds-dotcom-call-to-action-content-left, 149 .gds-dotcom-call-to-action-content-right { 150 grid-column: span 1 / span 1; 151 } 152 153 ::slotted(div) { 154 flex-direction: column; 155 width: 100%; 156 } 157 } 158 159 @container (width <= 768px) { 160 background: linear-gradient( 161 180deg, 162 var(--color-main-blue-600) 0%, 163 var(--color-main-blue-800) 100% 164 ); 165 166 .gds-dotcom-call-to-action { 167 text-align: center; 168 padding: var(--spacing-xxxl) 0; 169 } 170 171 .gds-dotcom-call-to-action-container 172 .gds-dotcom-call-to-action-content-left { 173 justify-content: center; 174 order: 0; 175 padding: 0 var(--spacing-ms); 176 } 177 178 .gds-dotcom-call-to-action-container 179 .gds-dotcom-call-to-action-content-right { 180 order: 1; 181 } 182 } 183 } 184 185 :host([is-contained][variant="get-a-quote"]) { 186 border-radius: var(--radius-regular); 187 overflow: hidden; 188 189 /* Remove border radius on mobile */ 190 @media screen and (max-width: 1024px) { 191 border-radius: 0; 192 } 193 } 194 195 /* Image text variant styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 196 197 :host([variant="image-text"]) { 198 .gds-dotcom-call-to-action { 199 border-radius: var(--radius-regular); 200 padding: var(--spacing-ml); 201 } 202 203 .gds-dotcom-call-to-action-container { 204 gap: var(--spacing-ml); 205 } 206 207 .gds-dotcom-call-to-action-container--content-right-empty 208 .gds-dotcom-call-to-action-content-left { 209 grid-column: span 12 / span 1; 210 display: flex; 211 justify-content: space-between; 212 align-items: center; 213 } 214 215 .gds-dotcom-call-to-action-container--content-right-empty { 216 gap: 0; 217 } 218 219 .gds-dotcom-call-to-action-container--content-right-empty 220 .gds-dotcom-call-to-action-content-right { 221 grid-column: span 4 / span 1; 222 } 223 224 .gds-dotcom-call-to-action-content-left { 225 display: flex; 226 flex-wrap: wrap; 227 order: 1; 228 padding: var(--spacing-ml); 229 gap: var(--spacing-ml); 230 } 231 232 @container (width <= 768px) { 233 ::slotted(div) { 234 flex-direction: column; 235 width: 100%; 236 } 237 } 238 239 .gds-dotcom-call-to-action-container--text-centered-on-mobile { 240 @container (width <= 768px) { 241 .gds-dotcom-call-to-action-content-left { 242 flex-direction: column; 243 align-items: center; 244 justify-content: center; 245 text-align: center; 246 } 247 } 248 } 249 250 .gds-dotcom-call-to-action-content-right { 251 order: 0; 252 align-self: stretch; 253 @container (width >= 640px) { 254 order: 1; 255 } 256 } 257 } 258 259 /* grid layout styles */ 260 261 :host([variant="image-text"]) { 262 .gds-dotcom-call-to-action-content-left, 263 .gds-dotcom-call-to-action-content-right { 264 grid-column: span 8 / span 1; 265 } 266 267 @container (width >= 640px) { 268 .gds-dotcom-call-to-action-container { 269 grid-template-columns: repeat(12, 1fr); 270 } 271 .gds-dotcom-call-to-action-content-left { 272 grid-column: span 8 / span 1; 273 } 274 .gds-dotcom-call-to-action-content-right { 275 grid-column: span 4 / span 1; 276 } 277 } 278 } 279 280 .gds-dotcom-call-to-action ::slotted(gds-dotcom-image-color-wrapper) { 281 border-radius: var(--radius-sm); 282 overflow: hidden; 283 } 284 285 :host([variant="image-text"][image-position="left"]) { 286 .gds-dotcom-call-to-action-content-left { 287 order: 1; 288 } 289 290 .gds-dotcom-call-to-action-content-right { 291 order: 0; 292 } 293 } 294 295 :host([variant="image-text"][background-color="default"]), 296 :host([variant="text"][background-color="default"]) { 297 .gds-dotcom-call-to-action { 298 background: var(--call-to-action-image-text-bg-default); 299 color: var(--call-to-action-image-text-color-default); 300 --rich-text-body: var(--call-to-action-image-text-color-default); 301 --rich-text-bullets: var(--call-to-action-image-text-color-default); 302 --gds-dotcom-image-color-wrapper-color: var( 303 --gds-dotcom-image-color-wrapper-color-default-parent 304 ); 305 } 306 } 307 308 :host([variant="image-text"][background-color="blue"]), 309 :host([variant="text"][background-color="blue"]) { 310 .gds-dotcom-call-to-action { 311 background: var(--call-to-action-image-text-bg-blue); 312 color: var(--color-comfort-100); 313 --rich-text-body: var(--color-comfort-100); 314 --rich-text-bullets: var(--color-comfort-100); 315 --gds-dotcom-image-color-wrapper-color: var( 316 --gds-dotcom-image-color-wrapper-color-blue-parent 317 ); 318 } 319 } 320 321 :host([variant="image-text"][background-color="mid-green"]), 322 :host([variant="text"][background-color="mid-green"]) { 323 .gds-dotcom-call-to-action { 324 background: var(--call-to-action-image-text-bg-mid-green); 325 color: var(--color-main-blue-900); 326 --rich-text-body: var(--color-main-blue-900); 327 --rich-text-bullets: var(--color-main-blue-900); 328 --gds-dotcom-image-color-wrapper-color: var( 329 --gds-dotcom-image-color-wrapper-color-mid-green-parent 330 ); 331 } 332 } 333 334 :host([variant="image-text"][background-color="clear-skies"]), 335 :host([variant="text"][background-color="clear-skies"]) { 336 .gds-dotcom-call-to-action { 337 background: var(--call-to-action-image-text-bg-clear-skies); 338 color: var(--color-main-blue-900); 339 --rich-text-body: var(--color-main-blue-900); 340 --rich-text-bullets: var(--color-main-blue-900); 341 --gds-dotcom-image-color-wrapper-color: var( 342 --gds-dotcom-image-color-wrapper-color-clear-skies-parent 343 ); 344 } 345 } 346 347 /* Buttons overrides for image text and text variants ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 348 349 /* Light theme button styles for blue background */ 350 :host( 351 [variant="image-text"][background-color="blue"][data-gdstheme*="light"] 352 ), 353 :host([variant="text"][background-color="blue"][data-gdstheme*="light"]) { 354 /* Primary|Neutral|Reverse (host mirrors <html data-gdstheme>) */ 355 --button-primary-neutral-color: var(--color-main-blue-900); 356 --button-primary-neutral-bg: var(--color-white); 357 --button-primary-neutral-border: var(--color-white); 358 --button-primary-neutral-bg-hover: var(--color-white-50); 359 --button-primary-neutral-color-hover: var(--color-white); 360 361 /* Secondary|Neutral|Reverse */ 362 --button-secondary-neutral-color: var(--color-white); 363 --button-secondary-neutral-border: var(--color-white-500); 364 --button-secondary-neutral-bg: transparent; 365 --button-secondary-neutral-bg-hover: var(--color-white-900); 366 --button-secondary-neutral-border-hover: var(--color-white-500); 367 --button-secondary-neutral-color-hover: var(--color-main-blue-900); 368 } 369 370 /* Dark theme button styles for mid-green and clear-skies backgrounds */ 371 :host( 372 [variant="image-text"][background-color="mid-green"][data-gdstheme*="dark"] 373 ), 374 :host( 375 [variant="image-text"][background-color="clear-skies"][data-gdstheme*="dark"] 376 ), 377 :host([variant="text"][background-color="mid-green"][data-gdstheme*="dark"]), 378 :host( 379 [variant="text"][background-color="clear-skies"][data-gdstheme*="dark"] 380 ) { 381 /* Primary|Neutral|Reverse (host mirrors <html data-gdstheme>) */ 382 --button-primary-neutral-color: var(--color-white); 383 --button-primary-neutral-bg: var(--color-main-blue-900); 384 --button-primary-neutral-border: var(--color-main-blue-900); 385 --button-primary-neutral-bg-hover: var(--color-white-50); 386 --button-primary-neutral-color-hover: var(--color-main-blue-900); 387 388 /* Secondary|Neutral|Reverse */ 389 --button-secondary-neutral-color: var(--color-main-blue-900); 390 --button-secondary-neutral-border: var(--color-main-blue-900); 391 --button-secondary-neutral-bg: transparent; 392 --button-secondary-neutral-bg-hover: var(--color-main-blue-900); 393 --button-secondary-neutral-border-hover: var(--color-main-blue-900); 394 --button-secondary-neutral-color-hover: var(--color-white); 395 } 396 397 /* State variant â shared styles (both default and narrow) */ 398 :host([variant="state"]) { 399 background: var(--color-main-blue-700); 400 border-radius: var(--radius-regular); 401 overflow: hidden; 402 padding: var(--spacing-xl); 403 404 .gds-dotcom-call-to-action-container { 405 ::slotted(*) { 406 color: var(--color-white); 407 margin: 0; 408 --rich-text-body: var(--color-white); 409 --rich-text-headings: var(--color-white); 410 --rich-text-links: var(--color-white); 411 --rich-text-counters: var(--color-white); 412 --rich-text-bullets: var(--color-white); 413 } 414 415 ::slotted(h1), 416 ::slotted(h2), 417 ::slotted(h3), 418 ::slotted(h4), 419 ::slotted(h5), 420 ::slotted(h6), 421 ::slotted(p) { 422 color: var(--color-white); 423 margin: 0; 424 } 425 } 426 } 427 428 /* State variant â default (non-narrow) layout */ 429 :host([variant="state"]:not([narrow-state])) { 430 .gds-dotcom-call-to-action-container { 431 align-items: center; 432 grid-template-columns: 7fr 5fr; 433 } 434 435 .gds-dotcom-call-to-action-content-left { 436 display: flex; 437 flex-direction: column; 438 gap: var(--spacing-s); 439 justify-content: center; 440 } 441 442 .gds-dotcom-call-to-action-content-right { 443 display: flex; 444 align-items: center; 445 justify-content: flex-end; 446 } 447 448 .gds-dotcom-call-to-action-content-right ::slotted(img) { 449 display: block; 450 height: auto; 451 max-height: 28rem; 452 object-fit: contain; 453 object-position: center right; 454 width: 100%; 455 } 456 457 /* When content-right is empty, left spans full width */ 458 .gds-dotcom-call-to-action-container--content-right-empty { 459 grid-template-columns: 1fr; 460 } 461 462 @container (width <= 768px) { 463 .gds-dotcom-call-to-action { 464 padding: var(--spacing-xl) var(--spacing-ml); 465 } 466 467 .gds-dotcom-call-to-action-container { 468 grid-template-columns: 1fr; 469 } 470 471 .gds-dotcom-call-to-action-content-right { 472 justify-content: center; 473 order: -1; 474 475 ::slotted(img) { 476 object-position: center center; 477 } 478 } 479 } 480 481 @cont
481ainer (width <= 424px) { 482 .gds-dotcom-call-to-action-content-left { 483 flex-direction: column; 484 width: 100%; 485 486 ::slotted(div) { 487 width: 100%; 488 } 489 490 ::slotted(p) { 491 display: none; 492 } 493 494 ::slotted(gds-dotcom-dropdown-wrapper), 495 ::slotted(gds-select-box-wrapper) { 496 width: 100%; 497 max-width: 100%; 498 } 499 } 500 } 501 } 502 503 /* State variant â narrow layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 504 505 :host([variant="state"][narrow-state]) { 506 .gds-dotcom-call-to-action-container { 507 align-items: center; 508 grid-template-columns: 1fr auto; 509 } 510 511 .gds-dotcom-call-to-action-content-left { 512 display: flex; 513 flex-direction: row; 514 align-items: center; 515 gap: var(--spacing-ms); 516 grid-column: unset; 517 padding-right: var(--spacing-xl); 518 519 ::slotted(img) { 520 display: block; 521 flex-shrink: 0; 522 height: auto; 523 width: 100px; 524 } 525 526 ::slotted(h1), 527 ::slotted(h2), 528 ::slotted(h3), 529 ::slotted(h4), 530 ::slotted(h5), 531 ::slotted(h6) { 532 white-space: nowrap; 533 min-width: 0; 534 overflow: hidden; 535 text-overflow: ellipsis; 536 } 537 } 538 539 .gds-dotcom-call-to-action-content-right { 540 display: flex; 541 align-items: center; 542 flex-direction: row; 543 flex-wrap: nowrap; 544 gap: var(--spacing-ms); 545 grid-column: unset; 546 547 ::slotted(img) { 548 display: none; 549 } 550 } 551 552 /* Hide the map image slot in narrow â map is placed in content-left by consumer */ 553 .gds-dotcom-call-to-action-container--content-right-empty 554 .gds-dotcom-call-to-action-content-left { 555 grid-column: unset; 556 padding-right: 0; 557 } 558 559 @container (width <= 976px) { 560 .gds-dotcom-call-to-action-container { 561 grid-template-columns: 1fr; 562 gap: var(--spacing-ml); 563 } 564 565 .gds-dotcom-call-to-action-content-left { 566 flex-wrap: wrap; 567 display: grid; 568 grid-template-columns: 20% 1fr; 569 margin: auto; 570 padding-right: 0; 571 572 ::slotted(h1), 573 ::slotted(h2), 574 ::slotted(h3), 575 ::slotted(h4), 576 ::slotted(h5), 577 ::slotted(h6), 578 ::slotted(p) { 579 overflow: visible; 580 text-overflow: unset; 581 white-space: normal; 582 } 583 } 584 585 .gds-dotcom-call-to-action-content-right { 586 flex-wrap: wrap; 587 margin: auto; 588 } 589 } 590 591 @container (width <= 424px) { 592 .gds-dotcom-call-to-action-content-right { 593 flex-direction: column; 594 width: 100%; 595 596 ::slotted(*) { 597 width: 100%; 598 } 599 } 600 } 601 } 602 603 /* Text variant styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 604 605 :host([variant="text"]) { 606 .gds-dotcom-call-to-action { 607 border-radius: var(--radius-regular); 608 padding: var(--spacing-ml); 609 } 610 611 .gds-dotcom-call-to-action-container { 612 gap: var(--spacing-ml); 613 } 614 615 .gds-dotcom-call-to-action-container--content-right-empty { 616 gap: 0; 617 } 618 619 .gds-dotcom-call-to-action-container--content-right-empty 620 .gds-dotcom-call-to-action-content-left { 621 grid-column: span 12 / span 1; 622 display: flex; 623 justify-content: space-between; 624 align-items: center; 625 } 626 627 .gds-dotcom-call-to-action-content-left { 628 display: flex; 629 flex-wrap: wrap; 630 padding: var(--spacing-ml); 631 gap: var(--spacing-ml); 632 grid-column: span 12 / span 1; 633 } 634 635 @container (width <= 768px) { 636 ::slotted(div) { 637 flex-direction: column; 638 width: 100%; 639 } 640 } 641 642 .gds-dotcom-call-to-action-container--text-centered-on-mobile { 643 @container (width <= 768px) { 644 .gds-dotcom-call-to-action-container--content-right-empty 645 .gds-dotcom-call-to-action-content-left, 646 .gds-dotcom-call-to-action-content-left { 647 flex-direction: column; 648 align-items: center; 649 justify-content: center; 650 text-align: center; 651 } 652 } 653 } 654 } 655`,s=class extends c.f{constructor(){super(...arguments),this.variant="image-text",this.backgroundColor="default",this.imagePosition="right",this.textCenteredOnMobile=!1,this.isContained=!1,this.narrowState=!1,this._isContentRightEmpty=!0}connectedCallback(){super.connectedCallback();let t=new CSSStyleSheet;t.replaceSync(d.cssText),this.shadowRoot.adoptedStyleSheets=[t],this._disposeThemeMirror=(0,a.a)(this,()=>{this._syncDropdownColorScheme(),this._syncInputColorScheme(),this._syncHyperlinkColorScheme()})}disconnectedCallback(){this._disposeThemeMirror?.(),this._disposeThemeMirror=void 0,super.disconnectedCallback()}_ctaSurfaceScheme(){return"clear-skies"===this.backgroundColor||"mid-green"===this.backgroundColor?"light":"blue"===this.backgroundColor||"get-a-quote"===this.variant||"state"===this.variant?"dark":null}_syncDropdownColorScheme(){let t=this._ctaSurfaceScheme()??(0,r.a)();this.querySelectorAll("gds-dotcom-dropdown-wrapper").forEach(o=>{o.setAttribute("color-scheme",t)})}_syncInputColorScheme(){let t=this._ctaSurfaceScheme()??(0,r.a)(),o=o=>{o.setAttribute("color-scheme",t)};this.querySelectorAll("gds-dotcom-zip-code-wrapper").forEach(o),this.querySelectorAll("gds-dotcom-input-wrapper").forEach(t=>{t.closest("gds-dotcom-zip-code-wrapper")||o(t)})}_syncHyperlinkColorScheme(){let t=this._ctaSurfaceScheme()??(0,r.a)();this.querySelectorAll("gds-dotcom-hyperlink").forEach(o=>{o.setAttribute("color-scheme",t)})}firstUpdated(){this._syncDropdownColorScheme(),this._syncInputColorScheme(),this._syncHyperlinkColorScheme(),this.shadowRoot?.querySelectorAll("slot").forEach(t=>t.addEventListener("slotchange",()=>{this._syncDropdownColorScheme(),this._syncInputColorScheme(),this._syncHyperlinkColorScheme()}))}updated(t){(t.has("backgroundColor")||t.has("variant"))&&(this._syncDropdownColorScheme(),this._syncInputColorScheme(),this._syncHyperlinkColorScheme())}_handleContentRightSlotChange(t){let o=t.target.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent?.trim()!=="");this._isContentRightEmpty=!o}_containerClassNames(){let t=["gds-dotcom-call-to-action-container"];return this._isContentRightEmpty&&t.push("gds-dotcom-call-to-action-container--content-right-empty"),this.textCenteredOnMobile&&t.push("gds-dotcom-call-to-action-container--text-centered-on-mobile"),t.join(" ")}render(){return(0,c.c)` 656 <div class="gds-dotcom-call-to-action"> 657 <div class=${this._containerClassNames()}> 658 <div class="gds-dotcom-call-to-action-content-left"> 659 <slot name="content-left"></slot> 660 </div> 661 <div class="gds-dotcom-call-to-action-content-right"> 662 <slot 663 name="content-right" 664 @slotchange=${this._handleContentRightSlotChange} 665 ></slot> 666 </div> 667 </div> 668 </div> 669 `}};(0,l.a)([(0,n.a)({type:String,reflect:!0})],s.prototype,"variant",2),(0,l.a)([(0,n.a)({type:String,reflect:!0,attribute:"background-color"})],s.prototype,"backgroundColor",2),(0,l.a)([(0,n.a)({type:String,reflect:!0,attribute:"image-position"})],s.prototype,"imagePosition",2),(0,l.a)([(0,n.a)({type:Boolean,reflect:!0,attribute:"text-centered-on-mobile"})],s.prototype,"textCenteredOnMobile",2),(0,l.a)([(0,n.a)({type:Boolean,reflect:!0,attribute:"is-contained"})],s.prototype,"isContained",2),(0,l.a)([(0,n.a)({type:Boolean,reflect:!0,attribute:"narrow-state"})],s.prototype,"narrowState",2),(0,l.a)([(0,n.b)()],s.prototype,"_isContentRightEmpty",2),s=(0,l.a)([(0,i.a)("gds-dotcom-call-to-action")],s)}}]);
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.