plant population examples 04/11/2022 0 Comentários

angular material input search

Button . Angular Material is a UI component library that is developed by the Angular team to build design components for desktop and mobile web applications. 2022 Moderator Election Q&A Question Collection, FormArray on save button click does not display mat error, Angular material 2 datepicker with [ngmodel], Angular material Error when mat-checkbox is imported, Display Angular Material mat-error in wrapper, angular material - mat-error not displaying the error message for the input field, Angular Material - Chips Autocomplete - how to display required error message & error highlight color, Getting ERROR mat-form-field must contain a MatFormFieldControl. With the above things done right, Angular material will be added to your project. How to use Angular Material tooltip in Angular? Recommended Articles. We have learned that we can use hideToggle attribute to make the Angular material accordion open by default. Latest version: 8.0.0, last published: 4 months ago. angular Current build: 12.1.0 Built-in validator functionslink. Lets edit our first example template to add hideToogle attribute. Angular Material Time Picker (md-time-picker) Angular Material has a date picker, but no time picker. First, install the angular material using the above-mentioned command. It is easy to use material color also, we are using it in angular.js application, we have already seen it some internal working in detail with a practice example how to change the color of component as well as the theme, it is provided by google material design. Angular Material File Input. Add Angular Material to your project!

This Angular post is compatible with Angular 4 upto latest versions, Angular 7, Angular 8, Angular 9, Angular 10, Angular 11, Angular 12 and Angular 13 Angular Material Table provides a great default filter component to filter data shown to the user, but this takes into account all columns and their cells. An Angular material is an amazing UI and built specifically for Angular framework, it has lots of pre-built components like card, modal, more, and Angular material select is one of them. It titles the section of each expansion panel and is a sub-component of the panel header. Amexio has 3 Editions, Standard, Enterprise and Creative. angular-material-fileupload: link to npm package. How to open popup using Angular and Bootstrap ? 2. ); You can specify the palette like above, here we are creating and specifying the color numbers ad codes, till 900. Why are only 2 out of the 3 boosters on Falcon Heavy reused? With the above things done right, Angular material will be added to your project. it's better to use the angular tool to upgrade ng update by doing:. Declare form control in your component.ts file: Add this to your button click event handler: Asking for help, clarification, or responding to other answers. In order to install it, we need to have angular installed in our project, once you have it How to make a multi-select dropdown using Angular 11/10 ? Last how to apply a style to Angular material accordion component like the background color to header. We can group a list of related items in an accordion panel, each item in the accordion has an item header and body. A DatetimePicker like @angular/material Datepicker by adding support for choosing time. I am green

Here is a screenshot of the Angular material button color and different button attributes. 1- Create touched-error-state.matcher.ts file: You can also easily call the AbstractControl.updateValueAndValidity() function on button click. We also need to add two custom component lists and the nextPanel to demonstrate the Angular material accordion example. I hope you got some idea of how to use the Angular material dialog component. Adding Angular Material Component to Angular Application. Supported features: Angular Material File Upload Component Example. I am green For Angular6 version: It's important to check how you are using the form control, ".markAsTouched()" on point 4 will show the mat error for the corresponding form control. Making statements based on opinion; back them up with references or personal experience. Demo basic navbar to show the error as soon 3. Here is how the modified app.module.ts file looks: Regex: Delete all lines before STRING, except one particular line. The problem is that there's no built-in component for file input in angular-material. 200 By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy, Explore 1000+ varieties of Mock tests View more, Special Offer - AngularJS Training Courses Learn More, Angular JS Training Program (9 Courses, 7 Projects), Software Development Course - All in One Bundle. By using Angular material we can modify the color of component and choose the color we want, for this material provide us themes by which we can style our components this make use of google material design. . Angular Material button color: using stroked, flat, and raised attribute directive. By using our site, you Go on the browser and try to run the application with the below URL. Choose the version corresponding to your Angular version: @see src/app/demo-fileinput/demo-fileinput.module.ts, npm i @angular-material-components/file-input, Gitgithub.com/h2qutc/angular-material-components, github.com/h2qutc/angular-material-components, src/app/demo-fileinput/demo-fileinput.module.ts. we can specify the color we want either from the Palettes or directly here. They have also come up with the color picker tool which all the number and codes which we can use to color our component.

in errors?.required. Input Examples. Please use ide.geeksforgeeks.org, Angular Material uses mat-select-content as class name for the select list content. Input . This tutorial was verified with Node v15.1.0, npm v6.14.8, @angular/core v11.0.0, and @angular/forms v11.0.0. @DipendraGurung it checks whether the error arisen for the control is for "required", if the control error is for required validation then error message should appear stating "name is required" similarly error can be checked for the pattern. }) Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide, Advanced: if you're creating your own custom form controls the, @Simran What is the function of '?' Here we discuss the introduction, how to create navbar in angular material? Std Edition consists of basic UI Components which include Grid, Tabs, Form Inputs and so How often are they spotted? Color palette to use on the datepicker's calendar. We have three types see below; Now we will have closer look at the syntax of using the material, color inside the HTML component lets get started; . Its header component of mat-expansion-panel, on clicking on it will expand its detail panel. @angular/flex-layout provides a CSS layout system supporting both FlexBox and CSS Grid using Angular directives. If the letter V occurs in a few native words, why isn't it included in the Irish Alphabet? In the above image, we have used two mat-expansion-panel components, lets edit the app.component.html template to add our Angular material expansion panel. Lets first create an Angular material expansion panel project, we need to install the angular material library and we dont have any dependency on another library. returns a boolean indicating whether errors should be shown. Getting started. Now everything is set we have our angular project now we will add the material library to our project just by running the below command on the command prompt. @Input Type Default value Description; disabled: boolean: null: If true, the picker is readonly and can't be modified: showSpinners: boolean: true: If true, the spinners above and below input are visible 800 Should we burninate the [variations] tag? In all our previous examples, we used the Angular material expansion panel component, Angular material also provides us with to create an Angular material accordion using the cdk-accordion component. @NgModule({ By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy, Explore 1000+ varieties of Mock tests View more, Special Offer - AngularJS Training Courses Learn More, Angular JS Training Program (9 Courses, 7 Projects), Software Development Course - All in One Bundle. As we have already seen how to create our own navbar using the angular material library, all the steps are mentioned in the article, it is easy to use and maintain with little code changes to the existing application. Once we have the countrys object, we can iterate through countries array objects inside our angular material expansion panel component and edit the list.component.html template file.if(typeof ez_ad_units!='undefined'){ez_ad_units.push([[300,250],'edupala_com-large-mobile-banner-2','ezslot_16',195,'0','0'])};__ez_fad_position('div-gpt-ad-edupala_com-large-mobile-banner-2-0'); In this example, we will demonstrate how to add background color to the Angular material panel header over the hover effect and background color to activate or expand the panel header. This post assumes you have some basic knowledge of Angular. As you can see in the above piece of code we are making use of the md-colors directive to color our component and change the theme a well. Supported features: ng new your project name Angular material checkbox example with color, label direction. npm i @angular-material-components/datetime-picker, Gitgithub.com/h2qutc/angular-material-components, github.com/h2qutc/angular-material-components, @angular-material-components/datetime-picker, src/app/demo-datetime/demo-datetime.module.ts, @angular-material-components/moment-adapter, If true, the picker is readonly and can't be modified, If true, the spinners above and below input are visible, If true, it is not possible to select seconds, If true, the minute (and second) is readonly, An array [hour, minute, second] for default time when the date is not yet defined, The number of hours to add/substract when clicking hour spinners, The number of minutes to add/substract when clicking minute spinners, The number of seconds to add/substract when clicking second spinners. In all our previous examples, we used the Angular material expansion panel component, Angular material also provides us with to create an Angular material accordion using the cdk-accordion component. Angular Material input components and directives. First install the angular CLI which enables us to download the required packages and library for our project. Start Your Free Software Development Course, Web development, programming languages, Software testing & others. Each must complete before errors are set. This works fine when user tabs out of the input without filling. We have demonstrated the same above example using the mat-checkbox component. By signing up, you agree to our Terms of Use and Privacy Policy. So just execute the below command on your Command Prompt and press enter. Improve this answer. which makes it readable to the developers as well. An Angular material is an amazing UI and built specifically for Angular framework, it has lots of pre-built components like card, modal, more, and Angular material select is one of them. But material makes it easy for us to use and design with default designing and styling. Here is a screenshot of the Angular material button color and different button attributes. 50: rgba(black, 0.87), Importing Angular Material modules. in Angular Material, in Angular Material, Complete Interview Preparation- Self Paced Course, Data Structures & Algorithms- Self Paced Course.

By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. Node.js MySQL CHARACTER_LENGTH() Function. Here is a screenshot of our second example. Recommended Articles. For reference copy the below code to your root module: import {MatSidenavModule} from '@angular/material/sidenav'; Below we have made use of all three tags in order to use this: Improve this answer. (true To use the Angular material component, we have to import it into our app module. This component is a seamless vertically collapsible panel accordion. An example of dark theme Footer with the form inside To use forms properly on a dark background add .text-white for typography and links, .btn-outline-light for buttons, and .form-white for the form. The Angular Material input or text-area marked by matInput that added to standard HTML input and text-area. Thus it is not suitable for many locales. In order to install it, we need to have angular installed in our project, once you have it you can enter the below command and can download it. link and

attributes . How to use <mat-chip-list> and <mat-chip> in Angular Material ? the easiest way is call markUserNameTouched() method as below on button click on template. GLOBALLY: Show mat-error while typing or touched: !</mat-sidenav-content> with palette purple, green, red. Then we need to add the following CSS style to our component scss file. To use this component we need to import CdkAccordionModule, we already import this module in our custom material module. Please help us improve Stack Overflow. <br /> Choose the version corresponding to your Angular version: Basically the same way the @angular/material Datepicker is configured and imported.   >> ng new my-first-project. Here is how the modified app.module.ts file looks: This site uses cookies from Google to deliver its services and to analyze traffic. Add the Slider module to app.module.ts file. This site uses cookies from Google to deliver its services and to analyze traffic. <span>200</span> In this post, we are going to go through a complete example of how to build a custom dialog using the Angular Material Dialog component.. We are going to cover many of the most common use cases that revolve around the Angular Material Dialog, such as: common dialog configuration options, passing data into the dialog, receiving data back, and dialog layout options. e.g using external libraries. <div md-colors="{background: 'grey-500'}" md-justified class="line"> UI component infrastructure and Material Design components for Angular web applications. Angular Material File Upload Component Example. Here we will see in detail how it works and use this inside our application in detail. As we have already seen how to create our own navbar using the angular material library, all the steps are mentioned in the article, it is easy to use and maintain with little code changes to the existing application.  ) Add multip=true to make multiple open of the material expansion. <body class="mat-app-background"> The material of angular dropdown input for the angular material component of select which provides design style material allows selecting the item from the drop-down list. Guides View all guides chevron_right. <mat-sidenav-content> Main </mat-sidenav-content>  Site design / logo  2022 Stack Exchange Inc; user contributions licensed under CC BY-SA.  In this section we will have closer look at the syntax which can be used to color our component in Angular using material, lets get started with the basic syntax understanding see below; <h1 md-colors="{backgroundColor:'color'}">your label</h1>. The angular material dropdown input or Angular material select component provides material design style and allows us to select an item from the drop-down list. We will make few configurations inside the angular application after adding the material library then it is ready to use.  In this example, well also demonstrate how to add buttons inside the mat-action-row. It is up to you to add all material modules in a separate custom module or root module app. Amexio is a rich set of Angular components powered by HTML5 & CSS3 for Responsive Web Design and 80+ built-in Material Design Themes. The problem is that there's no built-in component for file input in angular-material. follow the above link to get a better understanding about the color code and numbers and how to use them. In the MyErrorStateMatcher class I changed as following: I find it confusing that Angular Material is not detecting the error anyway. .controller('MydemoColorController', function ($scope) { In this post, we are going to go through a complete example of how to build a custom dialog using the Angular Material Dialog component.. We are going to cover many of the most common use cases that revolve around the Angular Material Dialog, such as: common dialog configuration options, passing data into the dialog, receiving data back, and dialog layout options. }) In Angular, you can use the ng-model directive to focus on input fields for any HTML element and bind the input fields value to a variable in the application model.. This means that it can be made to work with a variety of different date implementations.   should not. Add the Material Design icon font to your index.html. generate link and share the link here. Angular material is supporting the use of select elements inside the mat-form-field. Angular Material does not support yet a workaround for file upload. Use ::ng-deep:. How to detect click event outside Angular component ?  How to use matTooltip in Angular Material ? Lets try adding an Angular material Slider component to see if Angular material is working or not. If 'md-header-row' is an Angular component and it has 'mdHeaderRowDef' input, then verify that it is part of this module. The Angular Material input or text-area marked by matInput that added to standard HTML input and text-area. <meta charset="utf-8"> We have three objectives behind this tutorial, first will learn how to use the Angular material expansion panel component, and second how to add images. Use the /deep/ shadow-piercing descendant combinator to force a style down through the child component tree into all the child component views. Introduction to Angular Material navbar. Make sure you do specify 'ngModel' for #myInputRef. styleUrls: ['sidenav-demo.css'], This includes Angular directives such as ngModel and formControl.. Item is expanded its body only when we particular item header is clicked. Drawbar navbar using angular material it will work and show navbar on click of a button.  If we set this attribute value to true, mat-expansion-panel is set to open, by default is value is false. We will use the same countries array, here we have done the following step to add Angular material expansion panel header background color. How to bundle an Angular app for production? Use ::ng-deep:. Angular Material does not support yet a workaround for file upload. // they will continue to the 900 }, import {NgModule} from '@angular/core'; How to detect when an @Input() value changes in Angular? There are alternative to archieve this. How to implement the Angular material table? Importing Angular Material modules. In our second example, well add an image on the material expansion panel item. How to implement Angular material list in Angular .?  5.  <div >Demo navbar</div> We highly recommend using the NgxMatMomentModule or a custom NgxMatDateAdapter that works with the formatting/parsing library of your choice. How to create module with Routing in Angular 9 ? In order to run our example, let's first import all the Angular Material modules that we will need: Here is a breakdown of the contents of each Material module: MatInputModule: this contains the components and directives for adding Material design Input Boxes to our application (needed for the search input box) Iterate through addition of number sequence until a single digit. Amexio is a rich set of Angular components powered by HTML5 & CSS3 for Responsive Web Design and 80+ built-in Material Design Themes. 2. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.1/angular-material.min.css">  <mat-sidenav-content>Text two ! Guides View all guides chevron_right. Introduction to Angular Material navbar. </md-content> You can refer to this post if youre getting started with Angular CLI. If so then please share it with others and on social networks, this will encourage me to add more content. Native control contains the accessibility and advantages of usability. Slide toggle . Writing code in comment? 1. Here either we can specify the number or the color code which is defined by the material design color.  Use the /deep/ shadow-piercing descendant combinator to force a style down through the child component tree into all the child component views. Two surfaces in a 4-manifold whose algebraic intersection number is zero, What does puncturing in cryptography mean. Lets install the angular material library. @see src/app/demo-datetime/demo-datetime.module.ts, The same API as @angular/material Datepicker (@see API docs), You can use all @Input of ngx-mat-timepicker for ngx-mat-datetime-picker. But how do I force this error to show when I click a button? Angular Material 13 Server Side Table Pagination Example; Angular 13 Material Dialog Example  Positions, Fullscreen, Events Tutorial  Angular 9|8 Add Debounce Time using RxJS 6 to Optimize Search Input for API results from server. This code represents the number in general but with this codes we need to specify the color name as well in order to use it, because every color uses the same codes from 0 to 900 to represent their number for different shades of color we ca say. The modal popup is based off mdPickers, but with modifications for 24 hour time, removal of dependency on momentjs, and improvements in usability..  Also, using template-driven forms. If you are on newer material change md-input to mat-input. <mat-sidenav-content><span>Here is content</span></mat-sidenav-content> Angular Material button color: using stroked, flat, and raised attribute directive.  Basic Input and TextArea Example. You can refer to this post if youre getting started with Angular CLI. Are there small citation mistakes in published papers and how serious are they? Whether the calendar UI is in touch mode. Step 1: Setup and configure the Angular Material Accordion project, Step 2: An Example of Angular Material Accordion example, Angular Material accordion component, sub-components, and directives, Angular Material Accordion open by default, Angular Material Expansion panel example 2, How to add background color to active Angular Material Expansion panel header, Creating Angular Material Accordion using cdk-accordion, The mat-expansion-panel opens all by default & multiple expansions open. To use this component we need to import CdkAccordionModule, we already import this module in our custom material module. e.g using external libraries. 300: #7986cb, This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. In Angular material official website it is mentioned that filterPredicate: ((data: T, filter: string) => boolean) will filter data based on specific field. By using material color we can color our brand or component they provide us primary and secondary color to our, which we can choose to color our component in material or angular application. Now youll add Angular Material library using their schematic that automatically adds the  In order to install it, we need to have angular installed in our project, once you have it you can enter the below command and can download it. In order to install it, we need to have angular installed in our project, once you have it  Lets add this component using the following commands. Supported features: Drag and drop ; common uploads ; progress bar ; file size and more ngx-material-file-input: Link to repository. </div>  Material also provide the distinct code like below; Angular material also provides us default theme with default color to the component we can use them like below and lets see each of them: 1) purple-green.css: It would be light. This module is an effort to implement a time picker in Angular Material.. Otherwise, a developer has to make so many changes to the HTML, CSS, and code as well to maintain this. Just to make sure try one command which is mentioned below to install all the required libraries into our project. In the list.component.html template lets add the ngStyle directive to compare the index with selectedIndex to add background color only to activate the Angular expansion panel header. <head>  For its styling I would suggest four options. Start Your Free Software Development Course, Web development, programming languages, Software testing & others. We also need a model for our country to make strict types in our angular project. <button md-colors="{backgroundColor:'yellow'}">One</button> </mat-sidenav-container>. Import it and add it to the imports array. Now lets see the steps that need to be taken in order to step up our angular material project initially. In the coming section, we will see how we can change the color of components using material color in detail for better understanding and clarity. How to implement Angular material dropdown | select .? We are importing all the required modules in our custom material module file and keeping separate modules for Angular material will make the application easy to maintain. If you are on newer material change md-input to mat-input. <button md-colors="{backgroundColor:'blue-700'}">Sic</button> In the following examples we use mdbRipple directive and Input component. The angular material dropdown input or Angular material select component provides material design style and allows us to select an item from the drop-down list. <div md-colors="{background: 'green-A200'}" md-justified class="line"> Conclusion. That will make the HTML input and text-area works inside <mat-form-field>. Import it and add it to the imports array. </mat-sidenav-container>, import {Component} from '@angular/core'; <meta name="viewport" content="width=device-width, initial-scale=1.0">  <mat-sidenav-container> Below is the sample example using material color and the color picker provided by them, we can pick any color and color component as we want, follow below code to changes in the component color with index.html has to be same as below in order to import al the js files. contrast: ( Does it make sense to say that if someone was hired for an academic position, that means they were the "best"? Practice Problems, POTD Streak, Weekly Contests & More! @Input Type Default value Description; disabled: boolean: null: If true, the picker is readonly and can't be modified: showSpinners: boolean: true: If true, the spinners above and below input are visible In Angular material official website it is mentioned that filterPredicate: ((data: T, filter: string) => boolean) will filter data based on specific field. To add background color to Angular material expansion panel header when hover effect. This post also assumes you are building from a fresh Angular project generated by @angular/cli.  By clicking Accept all cookies, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy. </p>
<p><a href="http://vsimoveis.com/sdbp/allied-health-examples">Allied Health Examples</a>,
<a href="http://vsimoveis.com/sdbp/communications-okr-examples">Communications Okr Examples</a>,
<a href="http://vsimoveis.com/sdbp/men%27s-downhill-skiing-world-rankings">Men's Downhill Skiing World Rankings</a>,
<a href="http://vsimoveis.com/sdbp/install-cloudflare-origin-certificate-iis">Install Cloudflare Origin Certificate Iis</a>,
<a href="http://vsimoveis.com/sdbp/ocean-alkalinity-enhancement">Ocean Alkalinity Enhancement</a>,
<a href="http://vsimoveis.com/sdbp/scholastic-success-with-grammar-grade-2">Scholastic Success With Grammar Grade 2</a>,
<a href="http://vsimoveis.com/sdbp/what-is-the-formula-to-calculate-age">What Is The Formula To Calculate Age</a>,
<a href="http://vsimoveis.com/sdbp/what-is-the-command-to-kick-someone-in-minecraft">What Is The Command To Kick Someone In Minecraft</a>,
</p>
                </div>
        		                                            		<div class="tag-social flex-middle-lg">
                        
                                                    <div class="ali-right">
                                 <div class="apus-social-share">
		<div class="bo-social-icons bo-sicolor social-radius-rounded">
		 			<a href="http://vsimoveis.com/sdbp/perspectives-crossword-clue" data-original-title="facebook" class="bo-social-facebook addthis_button_facebook"><i class="fab fa-facebook-f"></i> 
 			<span class="text">Compartilhar no Facebook</span>
 			</a>
				 			<a href="http://vsimoveis.com/sdbp/civil-engineer-statistics" data-original-title="twitter" class="bo-social-twitter addthis_button_twitter"><i class="fab fa-twitter"></i> <span class="text">Compartilhar no Twitter</span></a>
						
		 			<a href="http://vsimoveis.com/sdbp/ca-bucaramanga-sa-vs-fortaleza-ceif-fc" data-original-title="pinterest" class="bo-social-pinterest addthis_button_pinterest"><i class="fab fa-pinterest-p"></i> <span class="text">Compartilhar no Pinterest</span></a>
		
					<a href="http://vsimoveis.com/sdbp/concacaf-under-20-qualifiers" data-original-title="share_more" class="addthis_button_compact"><i class="fas"></i>+</a>
			</div>
</div>                            </div>
                                    		</div>
                        	</div>

</div>
    </div>
    </article>						</div>
					</div>
				</div>	
				
						<div class="sidebar-wrapper col-md-4 col-lg-3 col-sm-12 col-xs-12 pull-right">
		  	<aside class="sidebar sidebar-right" itemscope="itemscope" itemtype="http://schema.org/WPSideBar">
		  		<div class="close-sidebar-btn hidden-lg hidden-md"><i class="ti-close"></i> <span>Fechar</span></div>
		   					   		<aside class="widget widget_search"><h2 class="widget-title">angular material input search<span>Search</span></h2><div class="widget-search">
	</div></aside><aside class="widget widget_categories"><h2 class="widget-title">angular material input search<span>Categories</span></h2>
			<ul>
					<li class="cat-item cat-item-1"><a href="http://vsimoveis.com/sdbp/basic-authentication-vulnerability">basic authentication vulnerability</a>
</li>
			</ul>

</aside><aside class="widget widget_apus_recent_post"><h2 class="widget-title">angular material input search<span>Latest Post</span></h2><div class="post-widget">
<ul class="posts-list">
	<li>
		<article class="post">
            <div class="flex-middle">
                                <div class="inner">
                                            <h4 class="entry-title">angular material input search<a href="http://vsimoveis.com/sdbp/gospel-reflection-september-14-2022">gospel reflection september 14 2022</a>
                        </h4>
                            			<div class="top-info-blog">
                        <div class="date">
                            04/11/2022                        </div>
                    </div>
                </div>
            </div>
		</article>
	</li>
</ul>
</div>
</aside>			   			  	</aside>
		</div>
					
			</div>	
		</section>
	
					</div>
					<div id="apus-footer" class="apus-footer footer-builder-wrapper  footer-1"><div class="apus-footer-inner">		<div data-elementor-type="wp-post" data-elementor-id="763" class="elementor elementor-763">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-e501a2c elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="e501a2c" data-element_type="section" data-settings='{"stretch_section":"section-stretched","background_background":"classic"}'>
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f483de" data-id="1f483de" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-4c63c10 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4c63c10" data-element_type="section">
						<div class="elementor-container elementor-column-gap-extended">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-8105f6a" data-id="8105f6a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-cfe3a66 elementor-widget elementor-widget-heading" data-id="cfe3a66" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<style>/*! elementor - v3.7.0 - 08-08-2022 */
.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><h2 class="elementor-heading-title elementor-size-default">angular material input search</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-1b2cbd9 elementor-widget elementor-widget-apus_element_address_box" data-id="1b2cbd9" data-element_type="widget" data-widget_type="apus_element_address_box.default">
				<div class="elementor-widget-container">
			            <div class="widget-address-box   style2">
                <div class="row">
                                            <div class="item col-xs-12 col-sm-12">
                            <div class="item-address style2">
                                 <div class="top-inner">
                                    <div class="features-box-image icon"><i class="flaticon-place"></i></div></div><div class="features-box-content"><div class="description">Rua Júlio de Castilhos, 283 - Centro 
Torres - RS, 95560-000</div></div>
                            </div>
                        </div>
                                            <div class="item col-xs-12 col-sm-12">
                            <div class="item-address style2">
                                 <div class="top-inner">
                                    <div class="features-box-image icon"><i class="flaticon-phone"></i></div></div><div class="features-box-content"><div class="description">(51) 3664-5151</div></div>
                            </div>
                        </div>
                                            <div class="item col-xs-12 col-sm-12">
                            <div class="item-address style2">
                                 <div class="top-inner">
                                    <div class="features-box-image icon"><i class="flaticon-mail-inbox-app"></i></div></div><div class="features-box-content"><div class="description">contato@vsimoveis.com</div></div>
                            </div>
                        </div>
                                    </div>
            </div>
            		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-677e89f" data-id="677e89f" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-3afda9c elementor-widget elementor-widget-apus_element_nav_menu" data-id="3afda9c" data-element_type="widget" data-widget_type="apus_element_nav_menu.default">
				<div class="elementor-widget-container">
			        <div class="widget-nav-menu no-margin widget  ">
            
                            <h2 class="widget-title">angular material input search</h2>
            
                            <div class="widget-content">
                    <div class="menu-imoveis-container"><ul id="menu-imoveis" class="menu"><li id="menu-item-9731" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9731"><a href="http://vsimoveis.com/sdbp/is-cockroach-spray-harmful-to-cats">is cockroach spray harmful to cats</a></li>
<li id="menu-item-9727" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9727"><a href="http://vsimoveis.com/sdbp/bedrock-server-software">bedrock server software</a></li>
<li id="menu-item-9728" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9728"><a href="http://vsimoveis.com/sdbp/aesthetic-philosophy-example">aesthetic philosophy example</a></li>
<li id="menu-item-9729" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9729"><a href="http://vsimoveis.com/sdbp/ohio-medicaid-contact-lenses">ohio medicaid contact lenses</a></li>
<li id="menu-item-9730" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9730"><a href="http://vsimoveis.com/sdbp/deftones-setlist-philadelphia-2022">deftones setlist philadelphia 2022</a></li>
</ul></div>                </div>
            
        </div>
        		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-bba423e" data-id="bba423e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-596a3fa elementor-widget elementor-widget-apus_element_nav_menu" data-id="596a3fa" data-element_type="widget" data-widget_type="apus_element_nav_menu.default">
				<div class="elementor-widget-container">
			        <div class="widget-nav-menu no-margin widget  ">
            
                            <h2 class="widget-title">angular material input search</h2>
            
                            <div class="widget-content">
                    <div class="menu-fale-conosco-footer-container"><ul id="menu-fale-conosco-footer" class="menu"><li id="menu-item-9726" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9726"><a href="http://vsimoveis.com/sdbp/progressive-education-examples">progressive education examples</a></li>
<li id="menu-item-9724" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9724"><a href="http://vsimoveis.com/sdbp/axios-put-request-example">axios put request example</a></li>
<li id="menu-item-9725" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9725"><a href="http://vsimoveis.com/sdbp/cartoon-network-coloring">cartoon network coloring</a></li>
</ul></div>                </div>
            
        </div>
        		</div>
				</div>
				<div class="elementor-element elementor-element-232fc2b elementor-widget elementor-widget-apus_element_social_links" data-id="232fc2b" data-element_type="widget" data-widget_type="apus_element_social_links.default">
				<div class="elementor-widget-container">
			
        <div class="widget-socials  ">
                        <ul class="social list-inline">
                                    <li>
                        <a href="http://vsimoveis.com/sdbp/basketball-world-cup-qualifiers" target="_blank">basketball world cup qualifiers<i class="fab fa-facebook-f"></i>                        </a>
                    </li>
                                    <li>
                        <a href="http://vsimoveis.com/sdbp/ecolab-safety-data-sheets-uk" target="_blank">ecolab safety data sheets uk<i class="fab fa-instagram"></i>                        </a>
                    </li>
                            </ul>
        </div> 
        		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<div class="elementor-element elementor-element-2e7a63a elementor-widget elementor-widget-spacer" data-id="2e7a63a" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
			<style>/*! elementor - v3.7.0 - 08-08-2022 */
.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-container{--container-widget-width:100%}.e-container>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-negative:0;flex-shrink:0}.e-container>.elementor-widget-spacer>.elementor-widget-container,.e-container>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-container>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}</style>		<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-67c41ea elementor-section-content-middle elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="67c41ea" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1447f40" data-id="1447f40" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-18290d9 elementor-widget elementor-widget-heading" data-id="18290d9" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<div class="elementor-heading-title elementor-size-default"><a href="http://vsimoveis.com/sdbp/what-is-structural-analysis-in-literature" target="_blank">what is structural analysis in literature</a></div>		</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f570498" data-id="f570498" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-d2e37bc elementor-widget elementor-widget-heading" data-id="d2e37bc" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<div class="elementor-heading-title elementor-size-default">© 2022 VS Imóveis. Todos os direitos reservados.</div>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
							</div>
		</div></div>					<a href="http://vsimoveis.com/sdbp/banks-investment-in-fossil-fuels" id="back-to-top" class="add-fix-top">banks investment in fossil fuels<i class="flaticon-up-arrow"></i>
		</a>
	</div>
	<div id="compare-sidebar" class="">
		<h3 class="title">angular material input search</h3>
		<div class="compare-sidebar-inner">
			<div class="compare-list">
							</div>
					</div>
		<div class="compare-sidebar-btn">
			Comparar (<span class="count">0</span>)
		</div>
	</div>
  
            <div class="ht-ctc ht-ctc-chat ctc-analytics ctc_wp_desktop style-7_1  " id="ht-ctc-chat" style="display: none;  position: fixed; bottom: 85px; right: 30px;">
                                <div class="ht_ctc_style ht_ctc_chat_style">
                <style id="ht-ctc-s7_1">
.ht-ctc .ctc_s_7_1:hover .ctc_s_7_icon_padding, .ht-ctc .ctc_s_7_1:hover{background-color:#00d34d !important;border-radius: 25px;}.ht-ctc .ctc_s_7_1:hover .ctc_s_7_1_cta{color:#f4f4f4 !important;}.ht-ctc .ctc_s_7_1:hover svg g path{fill:#f4f4f4 !important;}</style>

<div class="ctc_s_7_1 ctc-analytics" style="display:flex;justify-content:center;align-items:center; background-color: #25D366; border-radius:25px;">
    <p class="ctc_s_7_1_cta ctc-analytics ctc_cta ht-ctc-cta  ht-ctc-cta-hover ctc_cta_stick " style=";  display: none; order: 0; color: #ffffff; padding-left: 21px;  margin:0 10px; border-radius: 25px; ">WhatsApp</p>
    <div class="ctc_s_7_icon_padding ctc-analytics " style="padding: 12px;background-color: #25D366;border-radius: 25px; ">
        <svg style="pointer-events:none; display:block; height:25px; width:25px;" height="25px" version="1.1" viewbox="0 0 509 512" width="25px">
    <desc></desc><defs></defs>
    <g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1">
        <path d="M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z" fill="#ffffff" id="htwaicon-chat"></path>
    </g>
    </svg>    </div>
</div>                </div>
            </div>
                        <span class="ht_ctc_chat_data" data-no_number="" data-settings='{"number":"5551984279354","pre_filled":"Contato atrav\u00e9s do site VS Im\u00f3veis","dis_m":"show","dis_d":"show","css":"display: none; cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 85px; right: 30px;","pos_m":"position: fixed; bottom: 85px; right: 30px;","schedule":"no","se":150,"ani":"no-animations","url_target_d":"_blank","ga":"yes","fb":"yes"}'></span>
            <link rel="stylesheet" id="elementor-frontend-css" href="https://vsimoveis.com/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.7.0" type="text/css" media="all">
<link rel="stylesheet" id="elementor-post-179-css" href="https://vsimoveis.com/wp-content/uploads/elementor/css/post-179.css?ver=1666091606" type="text/css" media="all">
<link rel="stylesheet" id="elementor-post-763-css" href="https://vsimoveis.com/wp-content/uploads/elementor/css/post-763.css?ver=1665147259" type="text/css" media="all">
<link rel="stylesheet" id="elementor-icons-css" href="https://vsimoveis.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.16.0" type="text/css" media="all">
<link rel="stylesheet" id="elementor-post-3861-css" href="https://vsimoveis.com/wp-content/uploads/elementor/css/post-3861.css?ver=1665147258" type="text/css" media="all">
<link rel="stylesheet" id="google-fonts-1-css" href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=auto&ver=6.1" type="text/css" media="all">
<link rel="stylesheet" id="elementor-icons-shared-0-css" href="https://vsimoveis.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3" type="text/css" media="all">
<link rel="stylesheet" id="elementor-icons-fa-brands-css" href="https://vsimoveis.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3" type="text/css" media="all">
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/bootstrap.min.js?ver=20150330" id="bootstrap-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/slick.min.js?ver=1.8.0" id="slick-js"></script>
<script type="text/javascript" id="countdown-js-extra">
/* <![CDATA[ */
var houzing_countdown_opts = {"days":"Dias","hours":"Hrs","mins":"Mins","secs":"Secs"};
/* ]]> */
</script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/countdown.js?ver=20150315" id="countdown-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/jquery.magnific-popup.min.js?ver=1.1.0" id="jquery-magnific-popup-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/jquery.unveil.js?ver=1.1.0" id="jquery-unveil-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/perfect-scrollbar.min.js?ver=1.5.0" id="perfect-scrollbar-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/jquery.mmenu.js?ver=0.6.12" id="jquery-mmenu-js"></script>
<script type="text/javascript" id="houzing-functions-js-extra">
/* <![CDATA[ */
var houzing_ajax = {"ajaxurl":"https:\/\/vsimoveis.com\/wp-admin\/admin-ajax.php","previous":"Previous","next":"Pr\u00f3ximo","mmenu_title":"Menu"};
/* ]]> */
</script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/functions.js?ver=20150330" id="houzing-functions-js"></script>
<script type="text/javascript" id="houzing-functions-js-after">
(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);
</script>
<script type="text/javascript" id="ht_ctc_app_js-js-extra">
/* <![CDATA[ */
var ht_ctc_chat_var = {"number":"5551984279354","pre_filled":"Contato atrav\u00e9s do site VS Im\u00f3veis","dis_m":"show","dis_d":"show","css":"display: none; cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 85px; right: 30px;","pos_m":"position: fixed; bottom: 85px; right: 30px;","schedule":"no","se":"150","ani":"no-animations","url_target_d":"_blank","ga":"yes","fb":"yes"};
/* ]]> */
</script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/js/app.js?ver=3.12.2" id="ht_ctc_app_js-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9" id="regenerator-runtime-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
<script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
var wpcf7 = {"api":{"root":"https:\/\/vsimoveis.com\/wp-json\/","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.6.2" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/magnific/jquery.magnific-popup.min.js?ver=1.1.0" id="magnific-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.2" id="jquery-ui-mouse-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-includes/js/jquery/ui/slider.min.js?ver=1.13.2" id="jquery-ui-slider-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/jquery.ui.touch-punch.min.js?ver=20150330" id="jquery-ui-touch-punch-js"></script>
<script type="text/javascript" id="wp-realestate-main-js-extra">
/* <![CDATA[ */
var wp_realestate_opts = {"ajaxurl":"https:\/\/vsimoveis.com\/wp-admin\/admin-ajax.php","ajaxurl_endpoint":"\/?wre-ajax=%%endpoint%%","dashboard_url":"https:\/\/vsimoveis.com\/painel\/","login_register_url":"https:\/\/vsimoveis.com\/login\/","after_login_page_agency_url":"https:\/\/vsimoveis.com\/painel\/","after_login_page_agent_url":"https:\/\/vsimoveis.com\/painel\/","after_login_page_user_url":"https:\/\/vsimoveis.com\/painel\/","home_url":"https:\/\/vsimoveis.com\/","money_decimals":"3","money_dec_point":",","money_thousands_separator":".","show_more":"Show more +","show_more_icon":"","show_less":"Show less -","show_less_icon":"","map_service":"google-map","geocoder_country":"br","rm_item_txt":"Voc\u00ea tem certeza? Esta a\u00e7\u00e3o n\u00e3o poder\u00e1 ser desfeita.","ajax_nonce":"39451b4c93","approval_type":"admin_approve","resend_otp_wait_time":"30","recaptcha_enable":"","divisors":{"":{"divisor":1,"key":""}},"enable_multi_currencies":"no"};
/* ]]> */
</script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/main.js?ver=20131022" id="wp-realestate-main-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-private-message/assets/js/perfect-scrollbar.jquery.min.js?ver=0.6.10" id="perfect-scrollbar-jquery-js"></script>
<script type="text/javascript" id="wp-private-message-main-js-extra">
/* <![CDATA[ */
var wp_private_message_opts = {"ajaxurl":"https:\/\/vsimoveis.com\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-private-message/assets/js/main.js?ver=20131022" id="wp-private-message-main-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/jquery.highlight.js?ver=5" id="jquery-highlight-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/leaflet/leaflet.js?ver=1.5.1" id="leaflet-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/leaflet/Control.Geocoder.js?ver=1.5.1" id="control-geocoder-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/leaflet/esri-leaflet.js?ver=1.5.1" id="esri-leaflet-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/leaflet/esri-leaflet-geocoder.js?ver=1.5.1" id="esri-leaflet-geocoder-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/leaflet/leaflet.markercluster.js?ver=1.5.1" id="leaflet-markercluster-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/leaflet/LeafletHtmlIcon.js?ver=1.5.1" id="leaflet-HtmlIcon-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/wp-realestate/assets/js/leaflet/Leaflet.GoogleMutant.js?ver=1.5.1" id="leaflet-GoogleMutant-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-includes/js/imagesloaded.min.js?ver=4.1.4" id="imagesloaded-js"></script>
<script type="text/javascript" id="houzing-property-js-extra">
/* <![CDATA[ */
var houzing_property_opts = {"ajaxurl":"https:\/\/vsimoveis.com\/wp-admin\/admin-ajax.php","dec_point":",","thousands_separator":".","currency":"$","monthly_text":"Monthly Payment: ","compare_added_title":"Adicionado","compare_title":"Comparar","compare_added_tooltip_title":"Remover","compare_add_tooltip_title":"Add a compara\u00e7\u00e3o","favorite_added_tooltip_title":"Remover","favorite_add_tooltip_title":"Add Favorite","template":"<a href=\"{{url}}\" class=\"media autocompleate-media\">\r\n\t\t\t<div class=\"media-left media-middle\">\r\n\t\t\t\t<img src=\"{{image}}\" class=\"media-object\" height=\"50\" width=\"50\">\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"media-body media-middle\">\r\n\t\t\t\t<h4>{{title}}<\/h4>\r\n\t\t\t\t{{{price}}}\r\n\t\t\t\t{{{metas}}}\r\n\t\t\t\t<\/div><\/a>","empty_msg":"Unable to find any listing that match the currenty query"};
/* ]]> */
</script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/property.js?ver=20150330" id="houzing-property-js"></script>
<script type="text/javascript" id="houzing-property-map-js-extra">
/* <![CDATA[ */
var houzing_property_map_opts = {"map_service":"google-map","mapbox_token":"","mapbox_style":"","custom_style":"[\r\n    {\r\n        \"featureType\": \"poi\",\r\n        \"elementType\": \"labels.text.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#747474\"\r\n            },\r\n            {\r\n                \"lightness\": \"23\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"poi.attraction\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#f38eb0\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"poi.government\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#ced7db\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"poi.medical\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#ffa5a8\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"poi.park\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#c7e5c8\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"poi.place_of_worship\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#d6cbc7\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"poi.school\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#c4c9e8\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"poi.sports_complex\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#b1eaf1\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road\",\r\n        \"elementType\": \"geometry\",\r\n        \"stylers\": [\r\n            {\r\n                \"lightness\": \"100\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road\",\r\n        \"elementType\": \"labels\",\r\n        \"stylers\": [\r\n            {\r\n                \"visibility\": \"off\"\r\n            },\r\n            {\r\n                \"lightness\": \"100\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road.highway\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#ffd4a5\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road.arterial\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#ffe9d2\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road.local\",\r\n        \"elementType\": \"all\",\r\n        \"stylers\": [\r\n            {\r\n                \"visibility\": \"simplified\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road.local\",\r\n        \"elementType\": \"geometry.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"weight\": \"3.00\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road.local\",\r\n        \"elementType\": \"geometry.stroke\",\r\n        \"stylers\": [\r\n            {\r\n                \"weight\": \"0.30\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road.local\",\r\n        \"elementType\": \"labels.text\",\r\n        \"stylers\": [\r\n            {\r\n                \"visibility\": \"on\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road.local\",\r\n        \"elementType\": \"labels.text.fill\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#747474\"\r\n            },\r\n            {\r\n                \"lightness\": \"36\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"road.local\",\r\n        \"elementType\": \"labels.text.stroke\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#e9e5dc\"\r\n            },\r\n            {\r\n                \"lightness\": \"30\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"transit.line\",\r\n        \"elementType\": \"geometry\",\r\n        \"stylers\": [\r\n            {\r\n                \"visibility\": \"on\"\r\n            },\r\n            {\r\n                \"lightness\": \"100\"\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \"featureType\": \"water\",\r\n        \"elementType\": \"all\",\r\n        \"stylers\": [\r\n            {\r\n                \"color\": \"#d2e7f7\"\r\n            }\r\n        ]\r\n    }\r\n]","googlemap_type":"roadmap","default_latitude":"-29.33927968445779","default_longitude":"-49.72608861800667","default_pin":""};
/* ]]> */
</script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/themes/houzing/js/property-map.js?ver=20150330" id="houzing-property-map-js"></script>
<script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js?ver=0.6.12" id="addthis-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.7.0" id="elementor-webpack-runtime-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.7.0" id="elementor-frontend-modules-js"></script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script>
<script type="text/javascript" id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnTwitter":"Compartilhar no Twitter","pinIt":"Fixar","download":"Baixar","downloadImage":"Baixar imagem","fullscreen":"Tela cheia","zoom":"Zoom","share":"Compartilhar","playVideo":"Reproduzir v\u00eddeo","previous":"Anterior","next":"Pr\u00f3ximo","close":"Fechar"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Celular","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Celular extra","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet extra","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.7.0","is_static":false,"experimentalFeatures":{"e_dom_optimization":true,"e_optimized_assets_loading":true,"e_optimized_css_loading":true,"a11y_improvements":true,"additional_custom_breakpoints":true,"e_import_export":true,"e_hidden__widgets":true,"landing-pages":true,"elements-color-picker":true,"favorite-widgets":true,"admin-top-bar":true},"urls":{"assets":"https:\/\/vsimoveis.com\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":16995,"title":"angular material input search%20-%20VS%20Im%C3%B3veis","excerpt":"","featuredImage":false}};
</script>
<script type="text/javascript" src="https://vsimoveis.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.7.0" id="elementor-frontend-js"></script>
</body>
</html>