1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65880],{23827:(o,e,a)=>{a.d(e,{a:()=>h});var t=a(41088),n=a(98314),i=a(24291),s=a(85065),c=a(40629),r=a(11598),l=o=>(0,c.b)` 2 width: ${o}; 3 height: ${o}; 4 font-size: ${o}; 5 line-height: ${o}; 6 `,p=(0,c.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 ${l((0,c.b)`var(--icon-size-value-xxsmall)`)} 25 } 26 27 :host([size="xsmall"]) span { 28 ${l((0,c.b)`var(--icon-size-value-xsmall)`)} 29 } 30 31 :host([size="small"]) span { 32 ${l((0,c.b)`var(--icon-size-value-small)`)} 33 } 34 35 :host([size="medium"]) span { 36 ${l((0,c.b)`var(--icon-size-value-medium)`)} 37 } 38 39 :host([size="large"]) span { 40 ${l((0,c.b)`var(--icon-size-value-large)`)} 41 } 42 43 :host([size="xlarge"]) span { 44 ${l((0,c.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`,d=(0,c.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 c.g{constructor(){super(...arguments),this.iconType="vehicle",this.color="default",this.size="medium"}render(){let o=(0,c.c)`
160 <span 161 class="geico-icon icon-${this.iconType||"vehicle"}" 162 color="${this.type?c.e:this.color||"default"}" 163 ></span> 164 `;return this.type?"link"===this.type?(0,c.c)` 165 <a href="${this.href}" target="${this.target||c.e}"> 166 ${o} 167 </a> 168 `:"button"===this.type||"destructive"===this.type?(0,c.c)` 169 <button 170 type="button" 171 @click="${this.iconButtonClick}" 172 aria-label="${this.buttonAriaLabel||c.e}" 173 > 174 ${o} 175 </button> 176 `:void 0:(0,c.c)` ${o} `}connectedCallback(){super.connectedCallback();let o=new CSSStyleSheet;o.replaceSync(p.cssText);let e=new CSSStyleSheet;e.replaceSync(d.cssText),this.shadowRoot.adoptedStyleSheets=[n.d,n.b,o,e,n.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,r.c)([(0,i.b)({reflect:!0})],h.prototype,"type",2),(0,r.c)([(0,i.b)({type:String,attribute:"icon-type"})],h.prototype,"iconType",2),(0,r.c)([(0,i.b)({type:String,reflect:!0})],h.prototype,"color",2),(0,r.c)([(0,i.b)({type:String,reflect:!0})],h.prototype,"size",2),(0,r.c)([(0,i.b)()],h.prototype,"href",2),(0,r.c)([(0,i.b)()],h.prototype,"target",2),(0,r.c)([(0,i.b)({type:String,attribute:"button-aria-label"})],h.prototype,"buttonAriaLabel",2),h=(0,r.c)([(0,s.a)("gds-icon")],h)},41088:(o,e,a)=>{a.d(e,{a:()=>t});var t={bubbles:!0,cancelable:!1,composed:!0}},43717:(o,e,a)=>{a.r(e),a.d(e,{GdsConfirmation:()=>r});var t=a(98314),n=a(85065),i=a(40629),s=a(11598),c=(0,i.b)` 177 :host { 178 display: flex; 179 flex-direction: column; 180 padding: var(--confirmation-padding); 181 background-color: var(--container-basic-background-color); 182 } 183 184 :host .main-header { 185 display: flex; 186 align-items: center; 187 margin-bottom: var(--confirmation-main-header-margin-bottom); 188 gap: var(--confirmation-main-header-gap); 189 } 190 191 :host .content { 192 display: flex; 193 flex-direction: column; 194 gap: var(--confirmation-headers-container-gap); 195 } 196 197 :host .main-header h2, 198 :host .content h3 { 199 margin: 0; 200 } 201 202 :host h3, 203 :host p { 204 display: flex; 205 } 206 207 p { 208 margin: 0; 209 padding: 0; 210 } 211 212 :host h3 span:first-child, 213 :host p span:first-child { 214 font-weight: var(--font-weight-bold); 215 } 216 217 :host h3 span:nth-child(2) { 218 color: var(--color-success-standalone-text); 219 } 220 221 @-webkit-keyframes zoomIn { 222 from { 223 opacity: 0; 224 -webkit-transform: scale3d(0.3, 0.3, 0.3); 225 transform: scale3d(0.3, 0.3, 0.3); 226 } 227 228 50% { 229 opacity: 1; 230 } 231 } 232 233 @keyframes zoomIn { 234 from { 235 opacity: 0; 236 -webkit-transform: scale3d(0.3, 0.3, 0.3); 237 transform: scale3d(0.3, 0.3, 0.3); 238 } 239 240 50% { 241 opacity: 1; 242 } 243 } 244 245 .icon-animation { 246 -webkit-animation-name: zoomIn; 247 animation-name: zoomIn; 248 -webkit-animation-duration: 1s; 249 animation-duration: 1s; 250 -webkit-animation-fill-mode: both; 251 animation-fill-mode: both; 252 -webkit-animation-delay: 2s; 253 animation-delay: 2s; 254 } 255 256 /* MOBILE -------------------------------------------------------------------- */ 257 @media (max-width: 767px) { 258 :host { 259 padding: var(--confirmation-padding-small-only); 260 } 261 } 262`,r=class extends i.g{render(){return(0,i.c)` 263 <div class="main-header"> 264 <gds-icon 265 icon-type="confirmation" 266 color="success" 267 class="icon-animation" 268 ></gds-icon> 269 <h2> 270 <slot name="confirmation-header"></slot> 271 </h2> 272 </div> 273 <div class="content"> 274 <h3> 275 <span class="confirmation-heading">Confirmation Number: </span> 276 <!-- to uppercase --> 277 <span class="confirmation-number"> 278 <slot name="confirmation-number"></slot> 279 </span> 280 </h3> 281 <p> 282 <span class="policy-number-heading">Policy Number: </span> 283 <span class="policy-number"> 284 <slot name="policy-number"></slot> 285 </span> 286 </p> 287 <p>
288 <span class="policy-period-heading">Policy Period: </span> 289 <span class="policy-period"> 290 <slot name="policy-period-start"></slot> - 291 <slot name="policy-period-end"></slot> 292 </span> 293 </p> 294 </div> 295 <div class="extra-content"> 296 <slot name="extra-content"></slot> 297 </div> 298 `}connectedCallback(){super.connectedCallback();let o=new CSSStyleSheet;o.replaceSync(c.cssText),this.shadowRoot.adoptedStyleSheets=[t.g,t.e,o]}};r=(0,s.c)([(0,n.a)("gds-confirmation")],r),a(23827),a(41088),a(24291),a(8802)}}]);
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.