1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30760],{23827:(o,e,r)=>{r.d(e,{a:()=>h});var t=r(41088),a=r(98314),l=r(24291),c=r(85065),n=r(40629),s=r(11598),i=o=>(0,n.b)` 2 width: ${o}; 3 height: ${o}; 4 font-size: ${o}; 5 line-height: ${o}; 6 `,d=(0,n.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 ${i((0,n.b)`var(--icon-size-value-xxsmall)`)} 25 } 26 27 :host([size="xsmall"]) span { 28 ${i((0,n.b)`var(--icon-size-value-xsmall)`)} 29 } 30 31 :host([size="small"]) span { 32 ${i((0,n.b)`var(--icon-size-value-small)`)} 33 } 34 35 :host([size="medium"]) span { 36 ${i((0,n.b)`var(--icon-size-value-medium)`)} 37 } 38 39 :host([size="large"]) span { 40 ${i((0,n.b)`var(--icon-size-value-large)`)} 41 } 42 43 :host([size="xlarge"]) span { 44 ${i((0,n.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`,u=(0,n.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`,h=class extends n.g{constructor(){super(...arguments),this.iconType="vehicle",this.color="default",this.size="medium"}render(){let o=(0,n.c)`
160 <span 161 class="geico-icon icon-${this.iconType||"vehicle"}" 162 color="${this.type?n.e:this.color||"default"}" 163 ></span> 164 `;return this.type?"link"===this.type?(0,n.c)` 165 <a href="${this.href}" target="${this.target||n.e}"> 166 ${o} 167 </a> 168 `:"button"===this.type||"destructive"===this.type?(0,n.c)` 169 <button 170 type="button" 171 @click="${this.iconButtonClick}" 172 aria-label="${this.buttonAriaLabel||n.e}" 173 > 174 ${o} 175 </button> 176 `:void 0:(0,n.c)` ${o} `}connectedCallback(){super.connectedCallback();let o=new CSSStyleSheet;o.replaceSync(d.cssText);let e=new CSSStyleSheet;e.replaceSync(u.cssText),this.shadowRoot.adoptedStyleSheets=[a.d,a.b,o,e,a.c]}updated(o){(o.has("size")||o.has("type"))&&this.type&&"medium"!==this.size&&"small"!==this.size&&(this.size="medium")}iconButtonClick(){this.dispatchEvent(new CustomEvent("icon-button-click",t.a))}};(0,s.c)([(0,l.b)({reflect:!0})],h.prototype,"type",2),(0,s.c)([(0,l.b)({type:String,attribute:"icon-type"})],h.prototype,"iconType",2),(0,s.c)([(0,l.b)({type:String,reflect:!0})],h.prototype,"color",2),(0,s.c)([(0,l.b)({type:String,reflect:!0})],h.prototype,"size",2),(0,s.c)([(0,l.b)()],h.prototype,"href",2),(0,s.c)([(0,l.b)()],h.prototype,"target",2),(0,s.c)([(0,l.b)({type:String,attribute:"button-aria-label"})],h.prototype,"buttonAriaLabel",2),h=(0,s.c)([(0,c.a)("gds-icon")],h)},28203:(o,e,r)=>{r.r(e),r.d(e,{GdsPageHeader:()=>i});var t=r(98314),a=r(24291),l=r(85065),c=r(40629),n=r(11598),s=(0,c.b)` 177 :host { 178 display: block; 179 width: 100%; 180 height: auto; 181 } 182 183 .page-header { 184 position: relative; 185 display: flex; 186 margin-top: var(--page-header-margin-top); 187 margin-bottom: var(--page-header-margin-bottom); 188 } 189 190 .page-header h2 { 191 margin-bottom: var(--page-header-heading-margin-bottom); 192 margin-top: var(--page-header-heading-margin-top); 193 } 194 195 .page-header .h4 { 196 font-weight: normal; 197 margin-top: 0; 198 margin-bottom: var(--page-header-subheading-margin-bottom); 199 } 200 201 .page-header-left { 202 flex-grow: 1; 203 width: var(--page-header-left-width); 204 } 205 206 .page-header-right { 207 width: var(--page-header-right-width); 208 display: flex; 209 justify-content: flex-end; 210 align-items: center; 211 } 212 213 ::slotted([slot="content"]) { 214 display: block; 215 margin-bottom: var(--page-header-margin-bottom); 216 } 217`,i=class extends c.g{constructor(){super(...arguments),this.color="default"}render(){let o=this.querySelector("[slot='subheading']"),e=this.querySelector("[slot='bodyText']"),r=this.querySelector("[slot='content']"),t=this.querySelector("[slot='right-content']"),a="";return t&&(a=(0,c.c)`<slot name="right-content"></slot>`),(0,c.c)` 218 <gds-banner color="${this.color}"> 219 <div class="container"> 220 <div class="row"> 221 <div class="col-sm-12"> 222 <div class="page-header"> 223 <div class="page-header-left"> 224 <h2><slot></slot></h2> 225 ${o?(0,c.c)`<div class="h4"> 226 <slot name="subheading"></slot> 227 </div>`:""} 228 ${e?(0,c.c)`<p><slot name="bodyText"></slot></p>`:""} 229 </div> 230 ${t?(0,c.c)`<div class="page-header-right"> 231 ${a} 232 </div>`:""} 233 </div> 234 ${r?(0,c.c)`<slot name="content"></slot>`:""} 235 </div> 236 </div> 237 </div> 238 </gds-banner> 239 `}connectedCallback(){super.connectedCallback();let o=new CSSStyleSheet;o.replaceSync(s.cssText),this.shadowRoot.adoptedStyleSheets=[t.g,t.c,o,t.e,t.a,t.f]}};(0,n.c)([(0,a.b)({reflect:!0})],i.prototype,"color",2),i=(0,n.c)([(0,l.a)("gds-page-header")],i),r(90029),r(23827),r(41088),r(8802)},41088:(o,e,r)=>{r.d(e,{a:()=>t});var t={bubbles:!0,cancelable:!1,composed:!0}},90029:(o,e,r)=>{r.d(e,{a:()=>i,b:()=>d});var t=r(24291),a=r(85065),l=r(40629),c=r(11598),n=(0,l.b)` 240 :host { 241 display: block; 242 width: 100%; 243 } 244 245 /* Common styles for colors that use reverse text colors */ 246 :host( 247 :where( 248 [color="brand"], 249 [color="action"], 250 [color="success"], 251 [color="danger"], 252 [color="nautical-blue"], 253 [color="neutral"] 254 ) 255 ) { 256 color: var(--text-color-reverse); 257 /* Anchor styles */ 258 --color-action: var(--text-color-reverse); 259 --color-action-hover: var(--text-color-reverse); 260 --color-action-active: var(--text-color-reverse); 261 --text-visited: var(--text-color-reverse); 262 } 263 264 /* Common styles for colors that use dark colors */ 265 :host( 266 :where([color="clear-skies"], [color="comfort-beige"], [color="warning"]) 267 ) { 268 color: var(--gray-800); 269 /* Anchor styles */ 270 --color-action: var(--gray-800); 271 --color-action-hover: var(--gray-800); 272 --color-action-active: var(--gray-800); 273 --text-visited: var(--gray-800); 274 } 275 276 /* Common styles for colors that use light colors */ 277 :host(:where([color="nautical-blue"])) { 278 color: var(--white); 279 /* Anchor styles */ 280 --color-action: var(--white); 281 --color-action-hover: var(--white); 282 --color-action-active: var(--white); 283 --text-visited: var(--white); 284 } 285 286 /* Color-specific styles */ 287 :host([color="brand"]) { 288 background-color: var(--color-brand-solid-background); 289 color: var(--color-brand-solid-text); 290 } 291 292 :host([color="action"]) { 293 background-color: var(--color-action-solid-background); 294 color: var(--color-action-solid-text); 295 } 296 297 :host([color="neutral"]) { 298 background-color: var(--color-neutral-solid-background); 299 color: var(--color-neutral-solid-text); 300 } 301 302 :host([color="success"]) { 303 background-color: var(--color-success-solid-background); 304 color: var(--color-success-solid-text); 305 } 306 307 :host([color="warning"]) { 308 background-color: var(--color-warning-solid-background); 309 color: var(--color-warning-solid-text); 310 } 311 312 :host([color="danger"]) { 313 background-color: var(--color-danger-solid-background); 314 color: var(--color-danger-solid-text); 315 } 316 317 :host([color="nautical-blue"]) { 318 background-color: var(--nautical-blue-base); 319 } 320 321 :host([color="clear-skies"]) { 322 background-color: var(--color-brand-secondary-accent); 323 } 324 325 :host([color="comfort-beige"]) { 326 background-color: var(--comfort-beige-base); 327 } 328 329 :host([color="page-background"]) { 330 background-color: var(--page-background-color); 331 } 332 333 :host([color="default"]) { 334 background-color: var(--color-brand-receded); 335 } 336`,s=(0,l.b)` 337 :host-context([data-gdstheme*="dark"]):host([color="default"]) { 338 background-color: var(--color-brand-saturated); 339 } 340`,i=[{bannerColor:"action",iconColor:"reverse",buttonReverse:"true"},{bannerColor:"brand",iconColor:"reverse",buttonReverse:"true"},{bannerColor:"clear-skies",iconColor:"danger",buttonReverse:"true"},{bannerColor:"comfort-beige",iconColor:"danger",buttonReverse:"false"},{bannerColor:"danger",iconColor:"reverse",buttonReverse:"true"},{bannerColor:"default",iconColor:"danger",buttonReverse:"false"},{bannerColor:"nautical-blue",iconColor:"always-white",buttonReverse:"true"},{bannerColor:"neutral",iconColor:"reverse",buttonReverse:"true"},{bannerColor:"page-background",iconColor:"danger",buttonReverse:"false"},{bannerColor:"success",iconColor:"reverse",buttonReverse:"true"},{bannerColor:"warning",iconColor:"always-black",buttonReverse:"true"}],d=class extends l.g{constructor(){super(...arguments),this.color="default"}
340render(){return(0,l.c)`<slot @slotchange="${this._handleSlotChange}"></slot>`}connectedCallback(){super.connectedCallback();let o=new CSSStyleSheet;o.replaceSync(n.cssText);let e=new CSSStyleSheet;e.replaceSync(s.cssText),this.shadowRoot.adoptedStyleSheets=[o,e]}_handleSlotChange(o){let e=o.target.assignedElements();this._applyColors(e)}updated(o){if(super.updated(o),o.has("color")){let o=this.shadowRoot?.querySelector("slot");if(o){let e=o.assignedElements();this._applyColors(e)}}}_applyColors(o){if(this.color){let e=i.find(o=>o.bannerColor===this.color);if(!e)return;this._applyPairingToElements(o,e);return}let e=i.find(o=>"default"===o.bannerColor);this._applyPairingToElements(o,e)}_applyPairingToElements(o,e){let{iconColor:r,buttonReverse:t}=e,a=o=>{"true"===t?o.setAttribute("reverse-color",""):o.removeAttribute("reverse-color")};o.forEach(o=>{"gds-icon"===o.tagName.toLowerCase()&&o.setAttribute("color",r),o.querySelectorAll("gds-icon").forEach(o=>{o.setAttribute("color",r)}),"gds-button"===o.tagName.toLowerCase()&&a(o),o.querySelectorAll("gds-button").forEach(o=>{a(o)})})}};(0,c.c)([(0,t.b)({reflect:!0})],d.prototype,"color",2),d=(0,c.c)([(0,a.a)("gds-banner")],d)}}]);
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.