https://511in.org/header-search-predefined-area-f9425952eac7a0d5c26b.js

1"use strict";(self.webpackChunkone_web=self.webpackChunkone_web||[]).push([[1230],{57304:(e,t,a)=>{a.r(t),a.d(t,{HeaderSearchPredefinedArea:()=>P,default:()=>E});var s=a(71413),n=a(52706),r=a(22708),o=a(80027),i=a(52850),c=a(10388),l=a(43627),p=(a(10147),a(24634)),h=a(32701),d=a(56365),g=a(79066),u=a(85564),A=a(63822),M=a(56188),_=a(66003),L=(a(58673),a(2379)),f=Object.defineProperty,w=Object.getOwnPropertyDescriptor,m=(e,t,a,s)=>{for(var n,r=s>1?void 0:s?w(t,a):t,o=e.length-1;o>=0;o--)(n=e[o])&&(r=(s?n(t,a,r):n(r))||r);return s&&r&&f(t,a,r),r};let P=class extends l.h{constructor(){super(),window.addEventListener(i.faW,(e=>{e.detail.searchType===i.nXf.SEARCH_PREDEFINED_AREA&&this.updateComplete.then((()=>{this.predefinedInput?.focusInput()}))}))}static get styles(){return[h.A,p.A,g.A,d.A,u.A]}render(){return s.qy`
2			<div id="search-form-wrapper">
3				${this.dropdownHtml}
4				<form id="search-form" @submit="${this.onSearchSubmit}" @keydown="${this.onKeyDownSubmit}">
5					${this.active?s.qy`<predefined-search-input
6								.placeholder="${(0,A.A)("header.search.predefinedArea.placeholder.text","Search for a predefined area")}"
7								class="focused"
8								@place-chosen="${this.onPlaceChanged}"
9								.place="${this.place}"
10						  >
11								<button
12									slot="suffix"
13									class=" btn btn-light search-btn search-btn-right"
14									aria-label="Search area"
15								>
16									<svg class="btn_icon" role="presentation" aria-hidden="true">
17										<use href="${"/images/sprites.svg#magnifying-glass"}"></use>
18									</svg>
19								</button>
20						  </predefined-search-input>`:void 0}
21				</form>
22			</div>
23		`}async onSearchSubmit(e){e.preventDefault();const t=await(this.predefinedInput?.submit());if(t&&t.viewport){const e=(0,L.Ay)(t.viewport,t.text,void 0,i.nXf.SEARCH_PREDEFINED_AREA);c.M_.dispatch((0,r.P)("predefined-area",e,i.l_R.SEARCH)),await c.M_.dispatch((0,_.oo)(e)),this.shadowRoot&&this.shadowRoot.activeElement&&this.shadowRoot.activeElement.blur(),window.dispatchEvent((0,M.h)(i.W3b)),o.Vu&&!o.Vu.isComingSoon&&c.M_.dispatch((0,_.f5)(i.QeQ.FAVORITE_ADD))}else this.predefinedInput?.focusInput()}onPlaceChanged(e){c.M_.dispatch({type:i.mXv,place:e.detail.place})}stateChanged(e){this.urlAround=e.search.urlAround,this.place=e.search.predefinedAreaPlace,this.searchType=e.search.type,this.tutorialStep=(0,_.Xv)(e)}};m([(0,n.MZ)({type:Object})],P.prototype,"place",2),m([(0,n.P)("predefined-search-input")],P.prototype,"predefinedInput",2),P=m([(0,n.EM)("search-predefined-area")],P);const E=P},10147:(e,t,a)=>{var s=a(71413),n=a(52706),r=a(80027),o=a(30836);Object.defineProperty,Object.getOwnPropertyDescriptor;let i=class extends s.WF{constructor(){super(...arguments),this.rectangle1=new google.maps.Rectangle({...i.MASK_PROPERTIES_DEFAULT,...r.VV.searchMask}),this.rectangle2=new google.maps.Rectangle({...i.MASK_PROPERTIES_DEFAULT,...r.VV.searchMask}),this.rectangle3=new google.maps.Rectangle({...i.MASK_PROPERTIES_DEFAULT,...r.VV.searchMask}),this.rectangle4=new google.maps.Rectangle({...i.MASK_PROPERTIES_DEFAULT,...r.VV.searchMask})}set bounds(e){e?(o.W.getMap().then((e=>{this.rectangle1.setMap(e),this.rectangle2.setMap(e),this.rectangle3.setMap(e),this.rectangle4.setMap(e)})),this.rectangle1.setBounds(new google.maps.LatLngBounds(new google.maps.LatLng(e.north,i.MAP_MIN_LNG),new google.maps.LatLng(i.MAP_MAX_LAT,i.MAP_MAX_LNG))),this.rectangle2.setBounds(new google.maps.LatLngBounds(new google.maps.LatLng(i.MAP_MIN_LAT,i.MAP_MIN_LNG),new google.maps.LatLng(e.south,i.MAP_MAX_LNG))),this.rectangle3.setBounds(new google.maps.LatLngBounds(new google.maps.LatLng(e.south,i.MAP_MIN_LNG),new google.maps.LatLng(e.north,e.west))),this.rectangle4.setBounds(new google.maps.LatLngBounds(new google.maps.LatLng(e.south,e.east),new google.maps.LatLng(e.north,i.MAP_MAX_LNG)))):this.disconnectedCallback()}get bounds(){return this._bounds}disconnectedCallback(){this.rectangle1.setMap(null),this.rectangle2.setMap(null),this.rectangle3.setMap(null),this.rectangle4.setMap(null),super.disconnectedCallback()}createRenderRoot(){return this}};i.MASK_PROPERTIES_DEFAULT={fillColor:"#00F",fillOpacity:.2,strokeOpacity:0,clickable:!1},i.MAP_MAX_LAT=85,i.MAP_MIN_LAT=-85,i.MAP_MAX_LNG=179,i.MAP_MIN_LNG=-179,i=((e,t,a,s)=>{for(var n,r=t,o=e.length-1;o>=0;o--)(n=e[o])&&(r=n(r)||r);return r})([(0,n.EM)("map-bounds-mask")],i)}}]);