1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67357],{23827:(o,e,t)=>{t.d(e,{a:()=>h});var a=t(41088),r=t(98314),s=t(24291),l=t(85065),n=t(40629),i=t(11598),c=o=>(0,n.b)` 2 width: ${o}; 3 height: ${o}; 4 font-size: ${o}; 5 line-height: ${o}; 6 `,p=(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 ${c((0,n.b)`var(--icon-size-value-xxsmall)`)} 25 } 26 27 :host([size="xsmall"]) span { 28 ${c((0,n.b)`var(--icon-size-value-xsmall)`)} 29 } 30 31 :host([size="small"]) span { 32 ${c((0,n.b)`var(--icon-size-value-small)`)} 33 } 34 35 :host([size="medium"]) span { 36 ${c((0,n.b)`var(--icon-size-value-medium)`)} 37 } 38 39 :host([size="large"]) span { 40 ${c((0,n.b)`var(--icon-size-value-large)`)} 41 } 42 43 :host([size="xlarge"]) span { 44 ${c((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`,d=(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(p.cssText);let e=new CSSStyleSheet;e.replaceSync(d.cssText),this.shadowRoot.adoptedStyleSheets=[r.d,r.b,o,e,r.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",a.a))}};(0,i.c)([(0,s.b)({reflect:!0})],h.prototype,"type",2),(0,i.c)([(0,s.b)({type:String,attribute:"icon-type"})],h.prototype,"iconType",2),(0,i.c)([(0,s.b)({type:String,reflect:!0})],h.prototype,"color",2),(0,i.c)([(0,s.b)({type:String,reflect:!0})],h.prototype,"size",2),(0,i.c)([(0,s.b)()],h.prototype,"href",2),(0,i.c)([(0,s.b)()],h.prototype,"target",2),(0,i.c)([(0,s.b)({type:String,attribute:"button-aria-label"})],h.prototype,"buttonAriaLabel",2),h=(0,i.c)([(0,l.a)("gds-icon")],h)},24879:(o,e,t)=>{t.r(e),t.d(e,{GdsDropdownListItem:()=>a.a});var a=t(62646);t(23827),t(41088),t(98314),t(24291),t(8802),t(40629),t(11598)},41088:(o,e,t)=>{t.d(e,{a:()=>a});var a={bubbles:!0,cancelable:!1,composed:!0}},62646:(o,e,t)=>{t.d(e,{a:()=>c});var a=t(98314),r=t(24291),s=t(85065),l=t(40629),n=t(11598),i=(0,l.b)` 177 :host { 178 display: block; 179 padding: var(--dropdown-list-list-item-padding); 180 } 181 182 :host li { 183 list-style: none; 184 padding: 0; 185 margin: 0; 186 } 187 188 :host([type="heading"]) { 189 padding-left: 0rem; 190 margin-bottom: 0.8rem; 191 } 192 193 :host([type="heading"]) li { 194 color: var(--text-color); 195 font-size: var(--font-size-small); 196 text-transform: capitalize; 197 font-weight: bold; 198 border-bottom: var(--dropdown-list-list-item-seperator-border-bottom); 199 } 200 201 :host([type="link"]) li { 202 &:hover { 203 background: var(--color-neutral-surface-hover-emphasis); 204 } 205 } 206 207 :host([type="link"]) li a { 208 display: block; 209 height: auto !important; 210 text-decoration: none; 211 } 212 213 :host([type="link"]) li a span { 214 display: block; 215 width: 100%; 216 217 &:first-child { 218 font-weight: bold; 219 text-decoration: underline; 220 } 221 222 &:last-child { 223 color: var(--text-color-emphasis); 224 font-weight: normal; 225 } 226 } 227 228 :host([type="address"]) { 229 padding-left: 0rem; 230 } 231 232 :host([type="address"]) li { 233 color: var(--text-color-emphasis); 234 font-size: var(--font-size-small); 235 padding-left: 0rem; 236 cursor: pointer; 237 min-height: 3rem; 238 239 &:hover { 240 background: var(--color-neutral-surface-hover-emphasis); 241 } 242 } 243 244 :host([type="address"][selected]) li { 245 background: var(--color-neutral-surface-hover-emphasis); 246 } 247 248 :host([type="link"][selected]) li { 249 background: var(--color-neutral-surface-hover-emphasis); 250 } 251 252 :host([type="address"]) li span { 253 position: relative; 254 255 &:first-child { 256 top: 0.25rem; 257 } 258 259 &:last-child { 260 margin-bottom: 0.8rem; 261 top: -0.2rem; 262 } 263 } 264`,c=class extends l.g{constructor(){super(...arguments),this.selected=!1}render(){return"heading"===this.type?(0,l.c)` <li role="none"> 265 <slot></slot> 266 </li>`:"link"===this.type?(0,l.c)` <li role="none"> 267 <a href="${this.href}" target="${this.target||l.e}"> 268 <span><slot></slot></span> 269 <span><slot name="subtext"></slot></span> 270 </a> 271 </li>`:"address"===this.type?(0,l.c)` <li role="none" tabindex="0"> 272 <span> 273 <gds-icon 274 icon-type="geolocation" 275 size="small" 276 color="action" 277 ></gds-icon> 278 </span> 279 <span> 280 <slot></slot> 281 </span> 282 </li>`:void 0}connectedCallback(){super.connectedCallback();let o=new CSSStyleSheet;o.replaceSync(i.cssText),this.shadowRoot.adoptedStyleSheets=[a.d,o],this.setAttribute("role","listitem")}};(0,n.c)([(0,r.b)({reflect:!0})],c.prototype,"type",2),(0,n.c)([(0,r.b)()],c.prototype,"href",2),(0,n.c)([(0,r.b)()],c.prototype,"target",2),(0,n.c)([(0,r.b)({type:Boolean,reflect:!0})],c.prototype,"selected",2),c=(0,n.c)([(0,s.a)("gds-dropdown-list-item")],c)}}]);
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.