1"use strict";(self.webpackChunkone_web=self.webpackChunkone_web||[]).push([[1281],{45502:(r,e,t)=>{var o=t(71413),a=t(52706),i=t(32701),s=t(24634),n=t(5124),l=t(52850),d=t(56188),c=Object.defineProperty,b=Object.getOwnPropertyDescriptor,g=(r,e,t,o)=>{for(var a,i=o>1?void 0:o?b(e,t):e,s=r.length-1;s>=0;s--)(a=r[s])&&(i=(o?a(e,t,i):a(i))||i);return o&&i&&c(e,t,i),i};let h=class extends o.WF{constructor(){super(...arguments),this.isFloodgate=!1}static get styles(){const r=(0,o.iz)(l.EA.TABLET);return[i.A,s.A,n.A,o.AH` 2 :host { 3 display: block; 4 } 5 .modal-wrap { 6 position: relative; 7 box-sizing: border-box; 8 max-height: 100vh; 9 height: fill-available; 10 height: -webkit-fill-available; 11 height: -moz-available; 12 width: 100vw; 13 background: #fff; 14 pointer-events: all; 15 16 overflow-y: scroll; 17 18 -ms-overflow-style: none; /* IE and Edge */ 19 scrollbar-width: none; /* Firefox */ 20 } 21 22 /* Hide scrollbar for IE, Edge and Firefox */ 23 .modal-wrap::-webkit-scrollbar { 24 display: none; 25 } 26 27 .close-btn { 28 position: absolute; 29 top: 0; 30 right: 0; 31 } 32 33 .close-btn > svg { 34 fill: rgb(var(--close-btn-color)); 35 } 36 37 .close-btn:hover > svg { 38 fill: rgb(var(--close-btn-color), 0.8); 39 } 40 41 .iphone-scroll-enabler { 42 height: 0; 43 overflow-y: scroll; 44 } 45 46 .modal-inner-content { 47 padding-left: var(--gap); 48 padding-right: var(--gap); 49 box-sizing: border-box; 50 width: 100%; 51 } 52 53 :host([full-width]) .modal-inner-content { 54 padding: 0; 55 } 56 57 @media all and (min-width: ${r}) { 58 .modal-wrap { 59 width: 80vw; 60 border-radius: var(--border-radius); 61 max-width: var(--modal-max-width, 62rem); 62 height: auto; 63 } 64 65 .modal-inner-content { 66 width: 38rem; 67 margin: 0 auto; 68 } 69 70 :host([full-width]) .modal-inner-content { 71 width: 100%; 72 } 73 } 74 `]}render(){return o.qy` 75 <div 76 class="modal-wrap" 77 part="wrap" 78 style=${"border-left:"+(this.isFloodgate?"15px solid rgb(var(--notification-bg, var(--danger)));":"none;")} 79 > 80 <slot name="upper-header"></slot> 81 <div class="iphone-scroll-enabler"></div> 82 <button @click=${this.clickCloseButton} class="btn btn-light close-btn" title="Close"> 83 <svg role="presentation" class="btn_icon" aria-hidden="true"> 84 <use href="${"/images/sprites.svg#close-btn"}"></use> 85 </svg> 86 </button> 87 <div class="modal-inner-content"> 88 <slot name="header"></slot> 89 <slot name="body"></slot> 90 </div> 91 <slot name="footer"></slot> 92 </div> 93 `}clickCloseButton(){this.dispatchEvent((0,d.h)(l.G4t))}};g([(0,a.MZ)({type:Boolean,reflect:!0})],h.prototype,"isFloodgate",2),h=g([(0,a.EM)("modal-content")],h)},97506:(r,e,t)=>{var o=t(71413),a=t(52706);Object.defineProperty,Object.getOwnPropertyDescriptor;let i=class extends o.WF{static get styles(){return[o.AH` 94 .checkmark { 95 width: 100%; 96 height: 100%; 97 border-radius: 50%; 98 display: block; 99 stroke-width: 2; 100 stroke: #66bd46; 101 stroke-miterlimit: 10; 102 box-shadow: inset 0px 0px 0px #66bd46; 103 animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; 104 position: relative; 105 margin: 0 auto; 106 } 107 .checkmark__circle { 108 stroke-dasharray: 166; 109 stroke-dashoffset: 166; 110 stroke-width: 2; 111 stroke-miterlimit: 10; 112 stroke: #66bd46; 113 fill: #fff; 114 animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; 115 } 116 117 .checkmark__check { 118 transform-origin: 50% 50%; 119 stroke-dasharray: 48; 120 stroke-dashoffset: 48; 121 animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; 122 } 123 124 @keyframes stroke { 125 100% { 126 stroke-dashoffset: 0; 127 } 128 } 129 130 @keyframes scale { 131 0%, 132 100% { 133 transform: none; 134 } 135 136 50% { 137 transform: scale3d(1.1, 1.1, 1); 138 } 139 } 140 141 @keyframes fill { 142 100% { 143 box-shadow: inset 0px 0px 0px 30px #66bd46; 144 } 145 } 146 `]}render(){return o.qy` 147 <svg 148 class="checkmark" 149 xmlns="http://www.w3.org/2000/svg"
150 viewBox="0 0 52 52" 151 aria-hidden="true" 152 > 153 <circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none" /> 154 <path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" /> 155 </svg> 156 `}};i=((r,e,t,o)=>{for(var a,i=e,s=r.length-1;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i})([(0,a.EM)("success-check")],i)},90678:(r,e,t)=>{t.r(e),t.d(e,{default:()=>p});var o=t(71413),a=t(52706),i=t(56599),s=t(10388),n=t(36007),l=t(21379),d=t(32701),c=t(24634),b=t(82625),g=t(16221),h=t(52850),m=(t(45502),t(97506),Object.defineProperty),u=Object.getOwnPropertyDescriptor,v=(r,e,t,o)=>{for(var a,i=o>1?void 0:o?u(e,t):e,s=r.length-1;s>=0;s--)(a=r[s])&&(i=(o?a(e,t,i):a(i))||i);return o&&i&&m(e,t,i),i};let p=class extends((0,i.N)(s.M_)(o.WF)){constructor(){super(...arguments),this.submissionStatus=h.vky.UNSUBMITTED}static get styles(){const r=(0,o.iz)(h.EA.TABLET);return[d.A,c.A,b.A,g.A,o.AH` 157 .help-text { 158 text-align: center; 159 color: rgb(var(--darker)); 160 margin-bottom: 2rem !important; 161 } 162 163 .center-button { 164 width: 100%; 165 justify-content: center; 166 } 167 168 h2 { 169 margin: 2rem; 170 text-align: center; 171 color: rgb(var(--darker)); 172 } 173 174 .submit-modal-button { 175 width: 25%; 176 } 177 178 @media all and (min-width: ${r}) { 179 .unsubscribe { 180 min-height: 10rem; 181 } 182 } 183 `]}render(){const r=this.submissionStatus===h.vky.PENDING,e=this.submissionStatus===h.vky.SUCCESS,t=this.submissionStatus===h.vky.ERROR;return o.qy` 184 <modal-content @close=${this.close}> 185 <div slot="body" class="unsubscribe"> 186 <h2>We're sorry to see you go!</h2> 187 <p class="help-text"> 188 Please confirm your decision to unsubscribe from receiving 511 alerts 189 </p> 190 191 <div class="error-message" role="alert"> 192 <p> 193 ${t?"Error encountered while unsubscribing. Please try again.":""} 194 </p> 195 </div> 196 <div class="success-message"> 197 ${e?o.qy` <p>Unsubscribe successful</p> 198 <div class="check-container"><success-check></success-check></div>`:o.qy``} 199 </div> 200 </div> 201 202 <div slot="footer" class="modal-footer center-button"> 203 <button class="btn modal-link back-link" @click="${this.close}">Cancel</button> 204 <button 205 class="btn account-btn account-btn-dark" 206 @click=${this.submitUnsubscribe} 207 ?disabled=${r||e} 208 > 209 ${r?o.qy`<div class="spinner-contain-btn"> 210 <div class="spinner spinner-light" aria-label="Loading..."></div> 211 </div>`:void 0} 212 Unsubscribe now 213 </button> 214 </div> 215 </modal-content> 216 `}close(){s.M_.dispatch((0,l.z)(null))}submitUnsubscribe(){s.M_.dispatch((0,n.Wj)())}stateChanged(r){const{status:e}=r.your511;this.submissionStatus=e}};v([(0,a.MZ)({type:String})],p.prototype,"submissionStatus",2),p=v([(0,a.EM)("alertd-unsubscribe")],p)},5124:(r,e,t)=>{t.d(e,{A:()=>o});const o=[t(71413).AH` 217 .card { 218 background-color: #fff; 219 box-shadow: var(--shadow-sm); 220 border: var(--border-width) solid rgb(var(--silver)); 221 } 222 223 .card--link { 224 transition: background-color 0.25s linear; 225 position: relative; 226 color: rgb(var(--darkest)); 227 } 228 .card--link:after { 229 content: ''; 230 position: absolute; 231 top: 0; 232 bottom: 0; 233 left: 0; 234 right: 0; 235 visibility: hidden; 236 pointer-events: none; 237 opacity: 0; 238 background-color: rgba(var(--peter-river), 0.1); 239 transition: all 0.15s ease-out; 240 } 241 242 .card--link:hover { 243 box-shadow: 0 0 0 0.25rem rgba(var(--peter-river), 0.25); 244 z-index: 1; 245 } 246 247 .card--link:focus { 248 border-color: rgba(var(--peter-river), 0.75); 249 position: relative; 250 z-index: 1; 251 } 252 a.card--link:active { 253 background-color: #fff; 254 } 255 256 .card--link:active:after { 257 visibility: visible; 258 opacity: 1; 259 } 260 261 .card_icon { 262 align-self: start; 263 margin: 1.875rem var(--gap) 0.375rem calc(var(--gap) * 2); 264 flex-shrink: 0; 265 width: 2.75rem; 266 height: 2.75rem; 267 } 268 269 .card_header { 270 display: flex; 271 margin-bottom: 1rem; 272 } 273 274 .card_header-text { 275 margin: 1.5rem 1.5rem 0 0; 276 flex: 1 0; 277 } 278 279 .card_header-button-container { 280 padding: 0; 281 width: 1.5rem; 282 height: 1.5rem; 283 margin-right: calc(var(--gap) / 2); 284 } 285 286 .card_description { 287 margin-bottom: 1.5rem; 288 } 289 290 .card_description img { 291 max-width: 100%; 292 } 293 294 .card_indent { 295 margin-left: 1.5rem; 296 margin-right: 1.5rem; 297 } 298 .card_pad-top { 299 margin-top: 1.5rem; 300 } 301 302 .card_img { 303 display: flex; 304 width: 100%; 305 background-color: rgba(var(--concrete), 0.15); 306 } 307 308 .card_caption { 309 padding: 0.5rem; 310 text-overflow: ellipsis; 311 white-space: nowrap; 312 overflow: hidden; 313 } 314 315 .card_well { 316 padding: var(--gap) 0; 317 background: rgba(var(--clouds), 0.25); 318 } 319 .card--rounded { 320 border-radius: var(--border-radius); 321 } 322 `]},16221:(r,e,t)=>{t.d(e,{A:()=>s});var o=t(71413),a=t(52850);const i=(0,o.iz)(a.EA.TABLET),s=o.AH` 323 /* for android upper and lower bars */ 324 :host { 325 max-height: 100%; 326 } 327 328 .modal-header { 329 text-align: left; 330 margin: 1rem 0; 331 } 332 333 .modal-header-adornment { 334 font-size: var(--smallest); 335 color: rgb(var(--darker)); 336 } 337 338 .modal-footer { 339 width: 100%; 340 box-sizing: border-box; 341 display: flex; 342 align-items: center; 343 background-color: rgb(var(--clouds)); 344 padding: 1rem; 345 } 346 347 :host([no-footer]) .modal-footer { 348 display: none; 349 } 350 351 .left-footer-box { 352 width: 50%; 353 display: flex; 354 align-items: center; 355 } 356 357 .modal-link { 358 color: rgb(var(--darkest)); 359 text-decoration: underline; 360 } 361 362 .back-link { 363 margin-right: 2rem; 364 cursor: pointer; 365 } 366 367 .account-btn { 368 border-radius: var(--border-radius); 369 padding: 0.5rem 1rem 0.5rem 1rem; 370 background-color: #fff; 371 color: rgb(var(--darkest)); 372 } 373 374 .account-btn[disabled] {
375 cursor: not-allowed; 376 background-color: rgb(var(--clouds)); 377 } 378 379 .account-btn:hover { 380 background-color: rgb(var(--clouds)); 381 } 382 383 .account-btn-dark { 384 background-color: rgb(var(--darkest)); 385 color: #fff; 386 } 387 388 .account-btn-dark[disabled] { 389 background-color: rgb(var(--darker)); 390 cursor: not-allowed; 391 } 392 393 .account-btn-dark:hover { 394 background-color: rgb(var(--darker)); 395 } 396 397 .submit-modal-btn { 398 width: 50%; 399 } 400 401 .error-message { 402 margin-top: auto; 403 margin-bottom: 1rem; 404 font-style: italic; 405 text-align: center; 406 color: rgb(var(--form-error-text)); 407 } 408 409 .error-message-icon { 410 height: 1rem; 411 margin-right: 1rem; 412 } 413 414 .modal-error { 415 border-radius: var(--border-radius); 416 padding: var(--gap) 1rem; 417 border-color: rgb(var(--that-sunday)); 418 background-color: rgb(var(--that-sunday-light)); 419 } 420 421 @media all and (min-width: ${i}) { 422 .help-link { 423 margin-left: 2rem; 424 } 425 } 426`}}]);
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.