1"use strict";(self.webpackChunkone_web=self.webpackChunkone_web||[]).push([[932],{45502:(r,e,o)=>{var t=o(71413),a=o(52706),i=o(32701),n=o(24634),l=o(5124),d=o(52850),s=o(56188),c=Object.defineProperty,g=Object.getOwnPropertyDescriptor,b=(r,e,o,t)=>{for(var a,i=t>1?void 0:t?g(e,o):e,n=r.length-1;n>=0;n--)(a=r[n])&&(i=(t?a(e,o,i):a(i))||i);return t&&i&&c(e,o,i),i};let h=class extends t.WF{constructor(){super(...arguments),this.isFloodgate=!1}static get styles(){const r=(0,t.iz)(d.EA.TABLET);return[i.A,n.A,l.A,t.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 t.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,s.h)(d.G4t))}};b([(0,a.MZ)({type:Boolean,reflect:!0})],h.prototype,"isFloodgate",2),h=b([(0,a.EM)("modal-content")],h)},8524:(r,e,o)=>{o.r(e),o.d(e,{default:()=>v});var t=o(71413),a=o(52706),i=o(56599),n=o(10388),l=o(5218),d=o(32701),s=o(24634),c=o(82625),g=o(16221),b=(o(45502),o(21379)),h=(o(82890),Object.defineProperty),m=Object.getOwnPropertyDescriptor,p=(r,e,o,t)=>{for(var a,i=t>1?void 0:t?m(e,o):e,n=r.length-1;n>=0;n--)(a=r[n])&&(i=(t?a(e,o,i):a(i))||i);return t&&i&&h(e,o,i),i};let v=class extends((0,i.N)(n.M_)(t.WF)){static get styles(){return[d.A,s.A,c.A,g.A,t.AH` 94 :host .body { 95 padding-bottom: var(--gap); 96 } 97 `]}stateChanged(){const r=n.M_.getState().cmsContent;if(r.cmsFloodgates){const e=r.cmsFloodgates;this.highAlert=e.find((r=>"High"===r.priority))}}render(){return t.qy`<modal-content 98 ?isfloodgate=${!0} 99 style="--modal-max-width: 46rem" 100 @close=${this.close} 101 > 102 <div slot="header" class="h-display modal-header"> 103 <h3 style="display: flex; align-items: center;"> 104 <img 105 src="/images/icon-floodgate.svg" 106 alt="" 107 role="presentation" 108 class="card_icon" 109 width="48" 110 style="margin-right: 5px;" 111 />${this.highAlert?.title} 112 </h3> 113 </div> 114 <div slot="body" class="body">${(0,l._)(this.highAlert?.content)}</div> 115 </modal-content>`}close(){n.M_.dispatch((0,b.A)(null))}};p([(0,a.MZ)({type:Object})],v.prototype,"highAlert",2),v=p([(0,a.EM)("modal-floodgate")],v)},82890:(r,e,o)=>{var t=o(71413),a=o(52706);Object.defineProperty,Object.getOwnPropertyDescriptor;let i=class extends t.WF{static get styles(){return[t.AH` 116 :host { 117 display: block; 118 margin: var(--spinner-margin, 1rem auto); 119 width: var(--spinner-size, 5rem); 120 height: var(--spinner-size, 5rem); 121 } 122 .spinner, 123 .spinner:after { 124 border-radius: 50%; 125 width: calc(100% - 1rem); 126 height: calc(100% - 1rem); 127 } 128 129 .spinner { 130 border: 0.5rem solid rgba(var(--asbestos), 0.3);
131 border-left: 0.5rem solid rgba(var(--asbestos), 1); 132 animation: spinner 1s infinite linear; 133 } 134 135 .spinner-light { 136 border: 0.5rem solid rgba(var(--clouds), 0.3); 137 border-left: 0.5rem solid rgba(var(--clouds), 1); 138 } 139 140 @keyframes spinner { 141 0% { 142 transform: rotate(0deg); 143 } 144 145 100% { 146 transform: rotate(360deg); 147 } 148 } 149 `]}render(){return t.qy` <div class="spinner" aria-label="Loading..."></div> `}};i=((r,e,o,t)=>{for(var a,i=e,n=r.length-1;n>=0;n--)(a=r[n])&&(i=a(i)||i);return i})([(0,a.EM)("spinning-loader")],i)},5124:(r,e,o)=>{o.d(e,{A:()=>t});const t=[o(71413).AH` 150 .card { 151 background-color: #fff; 152 box-shadow: var(--shadow-sm); 153 border: var(--border-width) solid rgb(var(--silver)); 154 } 155 156 .card--link { 157 transition: background-color 0.25s linear; 158 position: relative; 159 color: rgb(var(--darkest)); 160 } 161 .card--link:after { 162 content: ''; 163 position: absolute; 164 top: 0; 165 bottom: 0; 166 left: 0; 167 right: 0; 168 visibility: hidden; 169 pointer-events: none; 170 opacity: 0; 171 background-color: rgba(var(--peter-river), 0.1); 172 transition: all 0.15s ease-out; 173 } 174 175 .card--link:hover { 176 box-shadow: 0 0 0 0.25rem rgba(var(--peter-river), 0.25); 177 z-index: 1; 178 } 179 180 .card--link:focus { 181 border-color: rgba(var(--peter-river), 0.75); 182 position: relative; 183 z-index: 1; 184 } 185 a.card--link:active { 186 background-color: #fff; 187 } 188 189 .card--link:active:after { 190 visibility: visible; 191 opacity: 1; 192 } 193 194 .card_icon { 195 align-self: start; 196 margin: 1.875rem var(--gap) 0.375rem calc(var(--gap) * 2); 197 flex-shrink: 0; 198 width: 2.75rem; 199 height: 2.75rem; 200 } 201 202 .card_header { 203 display: flex; 204 margin-bottom: 1rem; 205 } 206 207 .card_header-text { 208 margin: 1.5rem 1.5rem 0 0; 209 flex: 1 0; 210 } 211 212 .card_header-button-container { 213 padding: 0; 214 width: 1.5rem; 215 height: 1.5rem; 216 margin-right: calc(var(--gap) / 2); 217 } 218 219 .card_description { 220 margin-bottom: 1.5rem; 221 } 222 223 .card_description img { 224 max-width: 100%; 225 } 226 227 .card_indent { 228 margin-left: 1.5rem; 229 margin-right: 1.5rem; 230 } 231 .card_pad-top { 232 margin-top: 1.5rem; 233 } 234 235 .card_img { 236 display: flex; 237 width: 100%; 238 background-color: rgba(var(--concrete), 0.15); 239 } 240 241 .card_caption { 242 padding: 0.5rem; 243 text-overflow: ellipsis; 244 white-space: nowrap; 245 overflow: hidden; 246 } 247 248 .card_well { 249 padding: var(--gap) 0; 250 background: rgba(var(--clouds), 0.25); 251 } 252 .card--rounded { 253 border-radius: var(--border-radius); 254 } 255 `]},16221:(r,e,o)=>{o.d(e,{A:()=>n});var t=o(71413),a=o(52850);const i=(0,t.iz)(a.EA.TABLET),n=t.AH` 256 /* for android upper and lower bars */ 257 :host { 258 max-height: 100%; 259 } 260 261 .modal-header { 262 text-align: left; 263 margin: 1rem 0; 264 } 265 266 .modal-header-adornment { 267 font-size: var(--smallest); 268 color: rgb(var(--darker)); 269 } 270 271 .modal-footer { 272 width: 100%; 273 box-sizing: border-box; 274 display: flex; 275 align-items: center; 276 background-color: rgb(var(--clouds)); 277 padding: 1rem; 278 } 279 280 :host([no-footer]) .modal-footer { 281 display: none; 282 } 283 284 .left-footer-box { 285 width: 50%; 286 display: flex; 287 align-items: center; 288 } 289 290 .modal-link { 291 color: rgb(var(--darkest)); 292 text-decoration: underline; 293 } 294 295 .back-link { 296 margin-right: 2rem; 297 cursor: pointer; 298 } 299 300 .account-btn { 301 border-radius: var(--border-radius); 302 padding: 0.5rem 1rem 0.5rem 1rem; 303 background-color: #fff; 304 color: rgb(var(--darkest)); 305 } 306 307 .account-btn[disabled] { 308 cursor: not-allowed; 309 background-color: rgb(var(--clouds)); 310 } 311 312 .account-btn:hover { 313 background-color: rgb(var(--clouds)); 314 } 315 316 .account-btn-dark { 317 background-color: rgb(var(--darkest)); 318 color: #fff; 319 } 320 321 .account-btn-dark[disabled] { 322 background-color: rgb(var(--darker)); 323 cursor: not-allowed; 324 } 325 326 .account-btn-dark:hover { 327 background-color: rgb(var(--darker)); 328 } 329 330 .submit-modal-btn { 331 width: 50%; 332 } 333 334 .error-message { 335 margin-top: auto; 336 margin-bottom: 1rem; 337 font-style: italic; 338 text-align: center; 339 color: rgb(var(--form-error-text)); 340 } 341 342 .error-message-icon { 343 height: 1rem; 344 margin-right: 1rem; 345 } 346 347 .modal-error { 348 border-radius: var(--border-radius); 349 padding: var(--gap) 1rem; 350 border-color: rgb(var(--that-sunday)); 351 background-color: rgb(var(--that-sunday-light)); 352 } 353 354 @media all and (min-width: ${i}) { 355 .help-link { 356 margin-left: 2rem; 357 } 358 } 359`}}]);
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.