1"use strict";(self.webpackChunkone_web=self.webpackChunkone_web||[]).push([[9414],{12052:(t,e,r)=>{r.r(e),r.d(e,{default:()=>_});var i=r(71413),o=r(52706),s=r(30555),a=r(80480),l=r(56599),n=r(65160),c=r(35135),d=r(63822),p=r(80027),h=r(52850),g=r(10388),u=r(87190),m=r(28912),y=r(21379),v=r(88014),b=r(5124),w=r(32701),f=r(98101),$=r(58959),k=(r(55453),r(70544),r(6710),r(41820),r(2439),r(95313),r(32825),r(82477),r(56774),r(99201)),M=r(73555),x=r(49602),C=Object.defineProperty,A=Object.getOwnPropertyDescriptor,O=(t,e,r,i)=>{for(var o,s=i>1?void 0:i?A(e,r):e,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(i?o(e,r,s):o(s))||s);return i&&s&&C(e,r,s),s};let _=class extends((0,l.N)(g.M_)($.o)){constructor(){super(...arguments),this.plow=void 0,this.renderView=(t,e)=>{if(t)return i.qy` 2 <card-media 3 uri="${t.uri}" 4 data-index="${e}" 5 data-parent-uri="${t.parentCollection.uri}" 6 @card-click=${this.handleCardClick} 7 category="${t.category}" 8 src="${(0,c.J)(t.url??void 0)}" 9 title=${t.title} 10 ?visible="${0===e}" 11 @mouseover=${this.handleCardMouseOver} 12 @focus=${this.handleCardMouseOver} 13 @mouseout=${this.handleCardMouseOut} 14 @blur=${this.handleCardMouseOut} 15 tabindex="${e}" 16 > 17 ${t.title} 18 </card-media> 19 `},this.renderMarker=t=>{if(t){const e=this.cardHoverUri===t.uri?k.cH.HOVER:k.cH.DEFAULT,r=t.geometry,o="Point"===r.type?{lng:r.coordinates[0],lat:r.coordinates[1]}:void 0,s=t.properties;return i.qy` 20 <map-marker 21 data-uri=${(0,c.J)(t.uri??void 0)} 22 .position=${o} 23 .icon=${s.icon} 24 .state=${e} 25 .opacity=${e===k.cH.HOVER?1:s.opacity??0} 26 .tooltip=${t.title} 27 .clickable=${s.clickable??!0} 28 .zIndex=${s.zIndex??h.uNF} 29 @marker-click=${this.handleMarkerClick} 30 ></map-marker> 31 `}return i.qy``}}static get styles(){return[w.A,b.A,f.A,i.AH` 32 #plow-details { 33 width: 100%; 34 margin-left: 6rem; 35 } 36 37 .top-fields-grid { 38 margin-bottom: 1rem !important; 39 } 40 `]}render(){const t=(0,x.A)(this?.error,"plow");if(this.isLoading||!this.plow)return i.qy` 41 <card-section-container> 42 ${t} 43 <card-section ?first-child=${!t} last-child> 44 <main> 45 <header class="card_header"> 46 <div class="placeholder_icon card_icon"></div> 47 <div class="card_header-text "> 48 <h2><div class="placeholder placeholder_h2"></div></h2> 49 <div class="placeholder placeholder_last-updated"></div> 50 </div> 51 </header> 52 <div class="card_indent card_description"> 53 <div class="placeholder"></div> 54 <div class="placeholder"></div> 55 </div> 56 </main> 57 </card-section> 58 </card-section-container> 59 `;const e=this.plow&&this.plow.nearbyResults?this.plow.nearbyResults:[];return i.qy` 60 <card-section-container> 61 ${t} 62 <card-section 63 border-color=${(0,c.J)(this.plow.color??void 0)} 64 ?first-child=${!t} 65 > 66 <div 67 class="${(0,s.H)({"has-carousel":!!this.plow.views?.length&&this.plow.plowType!==h.f2p.PLOW_CAMERA})}" 68 > 69 <main role="main"> 70 <header class="card_header "> 71 <img 72 src="${(0,c.J)(this.plow.icon??void 0)}" 73 role="presentation" 74 alt="" 75 class="card_icon" 76 /> 77 <div class="card_header-text"> 78 <h2>${this.plow.title}</h2> 79 <div> 80 ${this.plow.lastUpdated?i.qy` 81 <date-last-updated 82 timestamp=${this.plow.lastUpdated.timestamp} 83 timezone=${this.plow.lastUpdated.timezone} 84 ></date-last-updated> 85 <context-help-tooltip @show="${this.handleContextShow}"> 86 <h3>What's This?</h3> 87 <p> 88 ${this.plow.plowType===h.f2p.PLOW_CAMERA?p.d2.plowCamera:p.d2.plowTruck} 89 </p> 90 </context-help-tooltip> 91 `:""} 92 </div> 93 </div> 94 </header> 95 ${this.plow.plowType===h.f2p.PLOW_LOCATION&&this.plow.vehicleType!==h.cIw.POTHOLE_TRUCK&&this.plow.vehicleType!==h.cIw.STREET_SWEEPER?i.qy` 96 <div class="card_indent card_description"> 97 <ul class="top-fields-grid"> 98 ${this.plow.activeMaterialPhrase?i.qy` 99 <li class="top-field-item card--rounded top-field-item-no-alert"> 100 <div class="top-field-item-content"> 101 <h2>${this.plow.activeMaterialPhrase}</h2> 102 <p>Currently Applying</p> 103 </div> 104 </li> 105 `:i.qy``} 106 ${this.plow.totalPlows?i.qy` 107 <li class="top-field-item card--rounded top-field-item-no-alert"> 108 <div class="top-field-item-content"> 109 <h2>${this.plow.totalPlows}</h2> 110 <p>Active Plows</p> 111 </div> 112 </li> 113 `:i.qy``} 114 ${this.plow.heading?i.qy` 115 <li class="top-field-item card--rounded top-field-item-no-alert"> 116 <div class="top-field-item-content"> 117 <h2>${this.plow.heading}</h2> 118 <p>${(0,d.A)("plow.tile.heading","Direction of Travel")}</p> 119 </div> 120 </li> 121 `:i.qy``} 122 </ul> 123 ${this.plow.locationDescription?i.qy` <p id="plow-location-note">${this.plow.locationDescription}.</p> `:i.qy``} 124 </div> 125 `:i.qy``} 126 </main>
127 ${this.plow.views?.length?i.qy` 128 <card-media-carousel 129 style=${(0,a.W)({"--carousel-full-width-padding-x":"1.5rem"})} 130 @crc:carousel:scrolltocard=${this.onCarouselScrollToCard} 131 > 132 ${this.plow.views?.map(this.renderView)} 133 </card-media-carousel> 134 `:""} 135 </div> 136 </card-section> 137 <card-section border-color="rgb(var(--silver))" last-child> 138 <content-actions 139 class="card_well" 140 titleText="${this.plow.title??""}" 141 label="Snow Plow" 142 shareUrl="${(0,M.A)(this.plow.uri)}" 143 contentUri="${this.plow.uri}" 144 .buttons=${p.BZ.plow.buttons} 145 ></content-actions> 146 </card-section> 147 </card-section-container> 148 149 <card-list-nearby-results .nearbyResults="${e}"> </card-list-nearby-results> 150 151 ${this.plowMarkers?.map(this.renderMarker)} 152 `}handleContextShow(){g.M_.dispatch({type:h.Aky,title:"plow date"})}handleCardClick(t){const e=t.currentTarget;g.M_.dispatch((0,y.z)(e.uri))}handleCardMouseOver(t){const e=t.currentTarget,r=parseInt(e.dataset.index??"",10);if(this.plow?.plowType===h.f2p.PLOW_CAMERA){const t=0===r&&this.plow&&this.plow.uri?this.plow.uri:e.uri;g.M_.dispatch((0,u.wf)(t))}else g.M_.dispatch((0,u.wf)(e.dataset.parentUri))}handleCardMouseOut(){g.M_.dispatch((0,u.wf)(null))}handleMarkerClick(t){const e=t.currentTarget,{uri:r}=e.dataset;if(!r)throw new Error("missing uri on marker");g.M_.dispatch((0,u.jF)(r))}stateChanged(t){this.isLoading=t.tray.isLoading,this.cardHoverUri=t.app.highlightedCollectionUri,this.clickedMarkerUri=t.app.hoveringCollectionUri,t.tray.visibleView===v.UN.PLOW&&(this.plow=(0,v.cF)(t)),this.plowMarkers=this.plow&&t.tray.activeUri===this.plow.uri&&this.plow.markers||[],this.error=t.tray.error}disconnectedCallback(){(0,m.JO)(),super.disconnectedCallback()}updated(t){t.has("plow")&&this.plow?.title&&(0,n.D)({title:`${this.plow.title} | ${p.s1.pageTitle}`}),t.has("clickedMarkerUri")&&this.clickedMarkerUri&&this.focusCarouselByUri(this.clickedMarkerUri)}focusCarouselByUri(t){const e=this.renderRoot.querySelector("card-media-carousel"),r=this.getCardMediaByUri(t);e&&r&&e.scrollToCard(r)}getCardMediaByUri(t){return this.renderRoot.querySelector(`card-media[uri="${t}"]`)}};O([(0,o.MZ)({type:Object})],_.prototype,"plow",2),O([(0,o.MZ)({type:Array})],_.prototype,"plowMarkers",2),O([(0,o.MZ)({type:String})],_.prototype,"cardHoverUri",2),O([(0,o.MZ)({type:String})],_.prototype,"clickedMarkerUri",2),_=O([(0,o.EM)("tray-plow")],_)},49602:(t,e,r)=>{r.d(e,{A:()=>l});var i=r(71413),o=r(5218),s=r(52850),a=r(80027);r(82477);const l=function(t,e=""){return t?.type===s.i65.INTERNAL_SERVER_ERROR?i.qy` 153 <tray-failure> 154 <h4 slot="headline">${a.KP.title}</h4> 155 <p class="text-muted text-smaller">${(0,o._)(a.KP.description)}</p> 156 </tray-failure> 157 `:t?.type===s.i65.NOT_FOUND?i.qy` 158 <tray-failure> 159 <h4 slot="headline">This ${e} information has expired</h4> 160 <p class="text-muted text-smaller"> 161 Details below are no longer current. Refresh the page or click 'Clear Details' to see 162 updated information. 163 </p> 164 </tray-failure> 165 `:void 0}},56774:(t,e,r)=>{var i=r(71413),o=r(52706),s=r(35135),a=r(70192),l=r(5218),n=r(96548),c=r(10388),d=r(32701),p=r(5124),h=(r(70909),r(62600),r(95313),r(52850)),g=r(80027),u=r(8986),m=Object.defineProperty,y=Object.getOwnPropertyDescriptor,v=(t,e,r,i)=>{for(var o,s=i>1?void 0:i?y(e,r):e,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(i?o(e,r,s):o(s))||s);return i&&s&&m(e,r,s),s};let b=class extends n.Ay{static get styles(){return[d.A,p.A,i.AH` 166 :host { 167 display: block; 168 } 169 `]}render(){let t=this.nearbyResults?.filter((t=>!!t))||[];
169if(t.length&&(t=(0,u.Q9)(t)),t.length)return i.qy` 170 <card-result-list role="list"> 171 <h2 slot="title" class="h-display h-display-reduced-margin"> 172 <span style="color: rgb(var(--darker)); vertical-align: middle">Nearby Info</span> 173 <context-help-tooltip @show=${this.showContextHelp}> 174 <h3>What's This?</h3> 175 <p>${(0,l._)(g.d2.nearbyResults)}</p> 176 </context-help-tooltip> 177 </h2> 178 ${t.map((t=>{const e=t&&(0,a.ju)(t)&&t.quantities;let r;return t&&(0,a.ju)(t)&&t.delayDescriptions&&(r=t.delayDescriptions.filter((t=>!t?.segmentDelays?.length))),t?i.qy` 179 <card-result 180 role="listitem" 181 .result=${t} 182 uri="/${t.uri}" 183 hover-uri="${t.uri}" 184 thumb-url="${(0,s.J)(t?.views?.[0]?.url??void 0)}" 185 thumb-category="${(0,s.J)(t?.views?.[0]?t.views[0].category:h.NaE.UNKNOWN)}" 186 thumb-alt=${(0,s.J)(t.title??void 0)} 187 .quantities=${e||[]} 188 border-color=${(0,s.J)(t.color??void 0)} 189 icon="${(0,s.J)(t.icon??void 0)}" 190 .delayDescriptions="${r}" 191 .restAreaStatusSummary="${t.restAreaStatusSummary}" 192 > 193 <h3>${t.title}</h3> 194 <p class="text-muted text-smaller">${t.cityReference}</p> 195 </card-result> 196 `:void 0}))} 197 </card-result-list> 198 `}showContextHelp(){c.M_.dispatch({type:h.Aky,title:"nearby results"})}};v([(0,o.MZ)({type:Array})],b.prototype,"nearbyResults",2),b=v([(0,o.EM)("card-list-nearby-results")],b)},41820:(t,e,r)=>{var i=r(71413),o=r(52706),s=r(32701);Object.defineProperty,Object.getOwnPropertyDescriptor;let a=class extends i.WF{static get styles(){return[s.A,i.AH` 199 :host { 200 display: flex; 201 flex: 1 1 auto; 202 flex-direction: column; 203 box-shadow: var(--shadow-sm); 204 margin-bottom: calc(var(--gap) * 2); 205 } 206 `]}render(){return i.qy` <slot></slot> `}};a=((t,e,r,i)=>{for(var o,s=e,a=t.length-1;a>=0;a--)(o=t[a])&&(s=o(s)||s);return s})([(0,o.EM)("card-section-container")],a)},6710:(t,e,r)=>{var i=r(71413),o=r(52706),s=r(80480),a=r(32701),l=r(96548);Object.defineProperty,Object.getOwnPropertyDescriptor;let n=class extends l.Ay{static get styles(){return[a.A,i.AH` 207 :host { 208 display: flex; 209 } 210 :host([last-child]) { 211 flex-grow: 1; 212 } 213 .card-section_border { 214 flex: 0 0 var(--gap); 215 align-self: stretch; 216 background-color: var(--border-color); 217 } 218 .card-section_content { 219 flex-grow: 1; 220 } 221 :host([first-child]) .card-section_content { 222 border-top: var(--border-width) solid rgb(var(--silver)); 223 } 224 :host([last-child]) .card-section_content { 225 border-bottom: var(--border-width) solid rgb(var(--silver)); 226 } 227 `]}render(){return i.qy` 228 <div 229 class="card-section_border" 230 style="${(0,s.W)({"background-color":this.borderColor})}" 231 ></div> 232 <div 233 class="card-section_content" 234 style="${(0,s.W)({backgroundColor:this.backgroundColor,color:this.textColor,borderColor:this.backgroundColor.toLowerCase()!==l.Ay.DEFAULT_BACKGROUND_COLOR.toLowerCase()?this.borderColor:"rgb(var(--silver))"})}" 235 > 236 <div class="fadein"> 237 <slot></slot> 238 </div> 239 </div> 240 `}};n=((t,e,r,i)=>{for(var o,s=e,a=t.length-1;a>=0;a--)(o=t[a])&&(s=o(s)||s);return s})([(0,o.EM)("card-section")],n)},95313:(t,e,r)=>{var i,o=r(71413),s=r(52706),a=r(10427),l=r(5366),n=r(24634),c=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(t,e,r,i)=>{for(var o,s=i>1?void 0:i?d(e,r):e,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(i?o(e,r,s):o(s))||s);return i&&s&&c(e,r,s),s},h=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)};let g=class extends o.WF{constructor(){super(...arguments),this.iconSource="/images/icon-whats-fill-solid.svg",this.expanded=!1,this.omitIcon=!1,this.position=l.kl.BOTTOM,this.strategy="absolute",((t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,void 0)})(this,i)}static get styles(){return[...a.Ay.styles,n.A,o.AH` 241 :host { 242 display: inline-block; 243 margin: -1rem -0.75rem -0.75rem; 244 vertical-align: sub; 245 246 --bg-color: rgb(var(--darkest)); 247 --text-color: #fff; 248 } 249 250 :host([center-vertically]) { 251 margin: -1.25rem -0.75rem -1rem; 252 vertical-align: middle; 253 } 254 255 :host([small-footprint]) [slot='toggler'] { 256 padding: 0; 257 margin: var(--gap); 258 } 259 260 #tooltip-wrapper { 261 padding: 1rem; 262 width: calc(100vw - var(--scrollbar-width) - 2rem - var(--gap) * 2); 263 max-width: 360px; 264 font-size: var(--smaller); 265 border-radius: var(--border-radius); 266 background-color: var(--bg-color); 267 box-shadow: var(--shadow-sm); 268 text-align: left; 269 text-transform: initial; 270 color: var(--text-color); 271 position: relative; 272 } 273 274 ::slotted(h3), 275 ::slotted(h4) { 276 font-size: var(--smaller) !important; 277 margin-bottom: 0.25rem; 278 } 279 280 popper-container { 281 --tail-color: rgb(var(--darkest)); 282 --tail-border-width: 0; 283 } 284 .tooltip-close { 285 position: absolute; 286 top: 0; 287 right: 0; 288 padding: var(--gap); 289 display: none; 290 fill: rgb(var(--concrete)); 291 } 292 @media (hover: none) { 293 .tooltip-close { 294 display: flex; 295 } 296 } 297 298 .btn-context-help { 299 padding: calc(var(--gap) - 0.25rem); 300 margin: 0.25rem; 301 } 302 `]}render(){return o.qy` 303 <popper-container 304 @mouseenter=${this.enter} 305 @mouseleave=${this.leave} 306 @focusin=${this.show} 307 @focusout=${this.hide} 308 @click=${this.stopPropagation} 309 position=${this.position} 310 strategy=${this.strategy} 311 ?is-visible="${this.expanded}" 312 is-flip 313 > 314 <button slot="toggler" class="btn fadein btn-context-help" aria-label="Help Tooltip"> 315 ${this.omitIcon?o.qy``:o.qy`<img role="presentation" class="icon-sm" src="${this.iconSource}" alt="" />`} 316 </button> 317 <div id="tooltip-wrapper"> 318 <button class="btn btn-close tooltip-close" title="Close"> 319 <svg role="presentation" class="btn_icon btn-sm_icon" aria-hidden="true"> 320 <use href="${"/images/sprites.svg#close-btn"}"></use> 321 </svg> 322 </button> 323 <slot></slot>
324 </div> 325 </popper-container> 326 `}stopPropagation(t){t.preventDefault(),t.stopPropagation(),this.expanded=!this.expanded}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tooltip")}show(){this.expanded=!0}hide(){this.expanded=!1}enter(){var t,e,r;t=this,e=i,r=setTimeout((()=>{this.expanded=!0}),1e3),h(t,e,"write to private field"),e.set(t,r)}leave(){var t;clearTimeout((h(this,t=i,"read from private field"),t.get(this))),this.expanded=!1}};i=new WeakMap,p([(0,s.MZ)({type:String,attribute:"icon-source"})],g.prototype,"iconSource",2),p([(0,s.MZ)({type:Boolean,reflect:!0})],g.prototype,"expanded",2),p([(0,s.MZ)({type:Boolean})],g.prototype,"omitIcon",2),p([(0,s.MZ)({type:String})],g.prototype,"position",2),p([(0,s.MZ)({type:String})],g.prototype,"strategy",2),g=p([(0,s.EM)("context-help-tooltip")],g)},32825:(t,e,r)=>{r.d(e,{A:()=>h});var i=r(71413),o=r(52706),s=r(63822),a=r(32701),l=r(80027),n=(r(51595),Object.defineProperty),c=Object.getOwnPropertyDescriptor,d=(t,e,r,i)=>{for(var o,s=i>1?void 0:i?c(e,r):e,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(i?o(e,r,s):o(s))||s);return i&&s&&n(e,r,s),s};let p=class extends i.WF{constructor(){super(...arguments),this.label="Updated",this.isWazeEvent=!1}static get styles(){return[a.A,i.AH` 327 :host { 328 display: inline; 329 color: rgb(var(--darker)); 330 font-style: italic; 331 font-size: var(--smaller); 332 } 333 a { 334 font-weight: bold; 335 text-decoration: underline; 336 } 337 `]}render(){return this.timestamp&&this.timezone?this.isWazeEvent&&this.agencyAttribution?i.qy` 338 ${(0,s.t)(this.label)} ${this.agencyAttribution.agencyName} 339 <relative-time timestamp=${this.timestamp} timezone=${this.timezone}></relative-time> 340 `:l.JM.agencyAttributionEnabled&&this.agencyAttribution?i.qy` 341 ${this.agencyAttribution.agencyIconURL?i.qy` 342 <img 343 src="${this.agencyAttribution.agencyIconURL}" 344 alt="" 345 style="vertical-align: middle" 346 role="presentation" 347 /> 348 `:""} 349 ${(0,s.t)(this.label)} 350 <relative-time timestamp=${this.timestamp} timezone=${this.timezone}></relative-time> 351 ${this.agencyAttribution.agencyName?i.qy` 352 ${(0,s.t)("by")} 353 ${this.agencyAttribution.agencyURL?i.qy` 354 <a href="${this.agencyAttribution.agencyURL}" 355 >${this.agencyAttribution.agencyName}</a 356 > 357 `:i.qy` ${this.agencyAttribution.agencyName} `} 358 `:i.qy``} 359 `:i.qy` 360 ${(0,s.t)(this.label)} 361 <relative-time timestamp=${this.timestamp} timezone=${this.timezone}></relative-time> 362 `:i.qy`<span class="placeholder placeholder_last-updated"></span>`}};d([(0,o.MZ)({type:Number})],p.prototype,"timestamp",2),d([(0,o.MZ)({type:String})],p.prototype,"timezone",2),d([(0,o.MZ)({type:String,reflect:!0})],p.prototype,"label",2),d([(0,o.MZ)({type:Object,reflect:!0})],p.prototype,"agencyAttribution",2),d([(0,o.MZ)({type:Boolean,reflect:!0})],p.prototype,"isWazeEvent",2),p=d([(0,o.EM)("date-last-updated")],p);const h=8792==r.j?p:null},99201:(t,e,r)=>{r.d(e,{cH:()=>m});var i=r(71413),o=r(52706),s=r(81432),a=r(83002),l=r(18211),n=r(80027),c=r(52850),d=r(30836),p=r(56188),h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,u=(t,e,r,i)=>{for(var o,s=i>1?void 0:i?g(e,r):e,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(i?o(e,r,s):o(s))||s);return i&&s&&h(e,r,s),s},m=(t=>(t.DEFAULT="DEFAULT",t.HOVER="HOVER",t.TOGGLE="TOGGLE",t))(m||{});let y=class extends i.WF{constructor(){super(),this.state="DEFAULT",this.hoverHalo=new google.maps.Marker({clickable:!1,draggable:!1,title:void 0,visible:!1,opacity:1,icon:{url:"/images/icon-hovering-indicator.svg"},zIndex:c.MQk-1}),this.marker=new google.maps.Marker({zIndex:c.MQk}),this.isDragging=!1,this.mousedUp=!1,this.hoverHalo.bindTo("map",this.marker),this.hoverHalo.bindTo("position",this.marker)}get clickable(){return this.marker.getClickable()}set clickable(t){this.marker.setClickable(t)}get visible(){return this.marker.getVisible()}set visible(t){this.marker.setVisible(t)}get opacity(){return this.marker.getOpacity()||1}set opacity(t){this.marker.setOpacity(t)}get title(){return this.marker.getTitle()||""}set title(t){t&&this.marker.setTitle(t)}
362set icon(t){if(this.marker.setIcon(t),t.scaledSize){const e="/images/icon-hovering-indicator.svg";this.hoverHalo.setIcon({url:e,scaledSize:{width:t.scaledSize.width*n.VV.stateModifiers.iconHoverHaloSizePercent,height:t.scaledSize.height*n.VV.stateModifiers.iconHoverHaloSizePercent},anchor:{x:t.scaledSize.width*n.VV.stateModifiers.iconHoverHaloSizePercent/2,y:t.scaledSize.height*n.VV.stateModifiers.iconHoverHaloSizePercent/2}})}}get position(){const t=this.marker.getPosition()?.toJSON(),e=this.isDragging&&this.tempLocation?this.tempLocation:t;return{lat:(0,l.A)(e.lat),lng:(0,l.A)(e.lng)}}set position(t){d.W.getMap().then((e=>{t?this.isDragging?this.tempLocation=t:(this.marker.setMap(e),this.marker.setPosition(t)):this.marker.setMap(null)}))}get draggable(){return!!this.marker.getDraggable()}set draggable(t){this.marker.setDraggable(t)}get zIndex(){return this.marker.getZIndex()||c.MQk}set zIndex(t){t&&(this.marker.setZIndex(t),this.hoverHalo.setZIndex(t-1))}set menu(t){this.contextMenu||d.W.getMap().then((e=>{this.contextMenu=new a.X(t),this.contextMenu.setMap(e),google.maps.event.addListener(this.marker,"rightclick",(()=>{if(!this.contextMenu||!this.position)throw new Error("`contextMenu` and `position` expected");this.contextMenu.show(this.position,!0)})),google.maps.event.addListener(this.marker,"mousedown",(t=>{this.mousedUp=!1,setTimeout((()=>{!this.mousedUp&&t.latLng&&this.contextMenu?.show(t.latLng.toJSON(),!1)}),1250)})),google.maps.event.addListener(this.marker,"mouseup",(()=>{this.mousedUp=!0})),google.maps.event.addListener(this.marker,"dragstart",(()=>{this.mousedUp=!0}))}
362))}updated(t){if(t.has("state"))switch(this.state){case"HOVER":this.hoverHalo.setVisible(!0);break;case"TOGGLE":break;default:this.hoverHalo.setVisible(!1)}}connectedCallback(){super.connectedCallback(),google.maps.event.addListener(this.marker,"dragstart",this.onDragStart.bind(this)),google.maps.event.addListener(this.marker,"drag",(0,s.A)(this.onDrag.bind(this),300,{trailing:!1})),google.maps.event.addListener(this.marker,"dragend",this.onDragEnd.bind(this)),google.maps.event.addListener(this.marker,"click",(t=>{this.dispatchEvent(new CustomEvent("marker-click",{detail:{location:t.latLng?.toJSON(),oldLocation:this.position}}))}))}disconnectedCallback(){this.contextMenu&&this.contextMenu.setMap(null),google.maps.event.clearInstanceListeners(this.marker),this.marker.setMap(null),super.disconnectedCallback()}onDragStart(){this.tempLocation=this.position,this.isDragging=!0}onDrag(t){const e=t.latLng?.toJSON(),r=e?{lng:(0,l.A)(e.lng),lat:(0,l.A)(e.lat)}:void 0;this.dispatchEvent(new CustomEvent("marker-drag",{detail:{location:r,oldLocation:this.position}}))}onDragEnd(t){this.isDragging=!1,this.position=this.tempLocation;const e=t.latLng?.toJSON(),r=e?{lng:(0,l.A)(e.lng),lat:(0,l.A)(e.lat)}:void 0;this.dispatchEvent((0,p.h)("marker-dragend",{detail:{location:r,oldLocation:this.position}}))}createRenderRoot(){return this}};u([(0,o.MZ)({type:String,reflect:!0})],y.prototype,"state",2),u([(0,o.MZ)({type:Boolean})],y.prototype,"clickable",1),u([(0,o.MZ)({type:Boolean})],y.prototype,"visible",1),u([(0,o.MZ)({type:Number})],y.prototype,"opacity",1),u([(0,o.MZ)({type:String})],y.prototype,"title",1),u([(0,o.MZ)({type:Boolean})],y.prototype,"draggable",1),u([(0,o.MZ)({type:Number})],y.prototype,"zIndex",1),y=u([(0,o.EM)("map-marker")],y)},82477:(t,e,r)=>{var i=r(71413),o=r(52706),s=r(80480),a=r(5218),l=r(32701),n=r(5124),c=r(80027),d=r(96548);Object.defineProperty,Object.getOwnPropertyDescriptor;let p=class extends d.Ay{constructor(){super(...arguments),this._backgroundColor=c.KP.backgroundColor,this._borderColor=c.KP.borderColor}static get styles(){return[l.A,n.A,i.AH` 363 :host { 364 box-shadow: var(--shadow-sm); 365 display: flex; 366 } 367 368 .default-failure-border { 369 flex: 0 0 var(--gap); 370 align-self: stretch; 371 } 372 373 .default-failure-content { 374 display: flex; 375 border: var(--border-width) solid rgb(var(--silver)); 376 border-right: 0; 377 border-left: 0; 378 flex: 1; 379 } 380 `]}render(){return i.qy` 381 <div 382 class="default-failure-border" 383 style="${(0,s.W)({backgroundColor:this.borderColor})}" 384 ></div> 385 <section 386 class="default-failure-content" 387 style="${(0,s.W)({backgroundColor:this.backgroundColor,borderColor:this.borderColor})}" 388 > 389 <slot name="icon"> 390 <img src="${c.KP.icon}" role="presentation" alt="" class="card_icon " /> 391 </slot> 392 <div class="card_header-text card_description"> 393 <slot name="headline"> 394 <h4>${c.KP.title}</h4> 395 </slot> 396 <slot> 397 <div class="text-muted">${(0,a._)(c.KP.description)}</div> 398 </slot> 399 </div> 400 </section> 401 `}};p=((t,e,r,i)=>{for(var o,s=e,a=t.length-1;a>=0;a--)(o=t[a])&&(s=o(s)||s);return s})([(0,o.EM)("tray-failure")],p)},73555:(t,e,r)=>{r.d(e,{A:()=>i});const i=function(t){return`${window.location.protocol}//${window.location.host}/${t}${window.location.search}`}}}]);
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.