ngx-mimic 0.0.7 → 0.0.10

package/fesm2015/ngx-mimic.mjs

@@ -1,5 +1,7 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Injectable, Component, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class NgxMimicService {
     constructor() { }
@@ -50,24 +52,96 @@ class FeatureCardComponent {
     }
 }
 FeatureCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: FeatureCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeatureCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: FeatureCardComponent, selector: "mimic-feature-card", ngImport: i0, template: "<div class=\"feature-card-body flex flex--between\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter&display=swap\";.text{font-family:Inter;font-size:16px;color:#1e2022;letter-spacing:0em}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}.feature-card-body{background-color:#f8f8f8;border-radius:10px;box-shadow:1px 1px .8rem 2px #80808033;height:5.5rem;width:89%;margin:auto;padding:.5rem 1rem}.card-image{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:6.5rem;height:100%}.card-content-body{flex-direction:column;align-items:flex-end}.text-price{align-content:right;justify-content:flex-end}.text-location{font-weight:500}\n"] });
+FeatureCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: FeatureCardComponent, selector: "mimic-feature-card", ngImport: i0, template: "\n<footer>\n  <div class=\"card-icon flex\">\n\n    <div class=\"box-icon-1 flex\">\n      <div class=\"icon-1\"></div>\n    </div>\n\n    <div class=\"box-icon-2 flex\">\n      <div class=\"icon-2\"></div>\n    </div>\n\n    <div class=\"box-icon-3 flex\">\n      <div class=\"icon-3\"></div>\n    </div>\n\n    <div class=\"box-icon-4 flex\">\n      <div class=\"icon-4\"></div>\n    </div>\n\n  </div>\n</footer>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.feature-card-body{background-color:#f8f8f8;border-radius:10px;box-shadow:.1rem .3rem .5rem .1rem #80808033;height:6.5rem;width:90%;max-width:500px;margin:auto;padding:.5rem 1rem .5rem .5rem}.card-image{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:41%;height:99%}.card-icon{display:flex;background-color:#fff;flex-direction:row;border-radius:1.25rem;width:64%;position:fixed;bottom:0%;justify-content:space-between;padding:5% 18%;box-shadow:0 -5px 50px #0f1a420d;margin:0% 0% 0% -16px}.icon-1{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}.icon-2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB5UlEQVRIie3WS0tVYRQG4EezBFHLY0F0UorCv9CkhjUulH6DBWG/Qaim9UN0UuCgBkGmUVB2ocsgs/TMug0KFIrdYK/N2dg+V8+hBr6w+GCtd73v/vblW5td/GP0YArzqGATa1jARfTluH2RWwjOZvTMYTK0msIYHiGpEw9wBGUsNuAuh2ZD00o0rGE6cntjvYovUX8bkeAzZrZxL+Fj1Cv1zHtyO72L4Rq8g3iY29EiRmtwh3EveEtq3Pap3E5rmWYYwuOIwQbcYdWdTxYR5qM43UCoHVwO7bmi4kYUx7tgfCy0N4qKW1Hc1wXj/tDeyhK9ueL3WA93wTjT/FZk/DzWs10wzjRXiooz0tvxQgunTRPoxcvQvlJEKOFnEM530PhCaP7ASC3S9SC9w0AHTAdCK8G1esQhrAbxZgeMb4XWamjXxRn8jtjJi3YuNH7hdLNNN6RX+hUTbZhORG8ifXxNYw/uqE6hUgu9JdWpdTu0WsKg9LtL8EztCZTHAengSPAK+1s1zVDG+xB62sB8NDhJ9JTbNc0wjg8huCKdx9sxgifB+YTjOzXNcFI6pxPp0ZrfTVl62iVxgSc6ZZphTPWlWcepiPXIvcHRTptmKOG+v3/olnCoW6YZ+jGL1xGzkdvF/4k//ySPl+IWrEwAAAAASUVORK5CYII=);object-fit:contain;width:20px;height:25px}.icon-3{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}.icon-4{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}p{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;margin:0%}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: FeatureCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mimic-feature-card', template: "<div class=\"feature-card-body flex flex--between\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter&display=swap\";.text{font-family:Inter;font-size:16px;color:#1e2022;letter-spacing:0em}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}.feature-card-body{background-color:#f8f8f8;border-radius:10px;box-shadow:1px 1px .8rem 2px #80808033;height:5.5rem;width:89%;margin:auto;padding:.5rem 1rem}.card-image{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:6.5rem;height:100%}.card-content-body{flex-direction:column;align-items:flex-end}.text-price{align-content:right;justify-content:flex-end}.text-location{font-weight:500}\n"] }]
+            args: [{ selector: 'mimic-feature-card', template: "\n<footer>\n  <div class=\"card-icon flex\">\n\n    <div class=\"box-icon-1 flex\">\n      <div class=\"icon-1\"></div>\n    </div>\n\n    <div class=\"box-icon-2 flex\">\n      <div class=\"icon-2\"></div>\n    </div>\n\n    <div class=\"box-icon-3 flex\">\n      <div class=\"icon-3\"></div>\n    </div>\n\n    <div class=\"box-icon-4 flex\">\n      <div class=\"icon-4\"></div>\n    </div>\n\n  </div>\n</footer>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.feature-card-body{background-color:#f8f8f8;border-radius:10px;box-shadow:.1rem .3rem .5rem .1rem #80808033;height:6.5rem;width:90%;max-width:500px;margin:auto;padding:.5rem 1rem .5rem .5rem}.card-image{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:41%;height:99%}.card-icon{display:flex;background-color:#fff;flex-direction:row;border-radius:1.25rem;width:64%;position:fixed;bottom:0%;justify-content:space-between;padding:5% 18%;box-shadow:0 -5px 50px #0f1a420d;margin:0% 0% 0% -16px}.icon-1{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}.icon-2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB5UlEQVRIie3WS0tVYRQG4EezBFHLY0F0UorCv9CkhjUulH6DBWG/Qaim9UN0UuCgBkGmUVB2ocsgs/TMug0KFIrdYK/N2dg+V8+hBr6w+GCtd73v/vblW5td/GP0YArzqGATa1jARfTluH2RWwjOZvTMYTK0msIYHiGpEw9wBGUsNuAuh2ZD00o0rGE6cntjvYovUX8bkeAzZrZxL+Fj1Cv1zHtyO72L4Rq8g3iY29EiRmtwh3EveEtq3Pap3E5rmWYYwuOIwQbcYdWdTxYR5qM43UCoHVwO7bmi4kYUx7tgfCy0N4qKW1Hc1wXj/tDeyhK9ueL3WA93wTjT/FZk/DzWs10wzjRXiooz0tvxQgunTRPoxcvQvlJEKOFnEM530PhCaP7ASC3S9SC9w0AHTAdCK8G1esQhrAbxZgeMb4XWamjXxRn8jtjJi3YuNH7hdLNNN6RX+hUTbZhORG8ifXxNYw/uqE6hUgu9JdWpdTu0WsKg9LtL8EztCZTHAengSPAK+1s1zVDG+xB62sB8NDhJ9JTbNc0wjg8huCKdx9sxgifB+YTjOzXNcFI6pxPp0ZrfTVl62iVxgSc6ZZphTPWlWcepiPXIvcHRTptmKOG+v3/olnCoW6YZ+jGL1xGzkdvF/4k//ySPl+IWrEwAAAAASUVORK5CYII=);object-fit:contain;width:20px;height:25px}.icon-3{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}.icon-4{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}p{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;margin:0%}\n"] }]
         }], ctorParameters: function () { return []; } });
 
-class ButtonComponent {
+class MobileBarComponent {
     constructor() { }
     ngOnInit() {
     }
 }
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: ButtonComponent, selector: "lib-button", ngImport: i0, template: "<button type=\"button\">CLICK</button>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: ButtonComponent, decorators: [{
+MobileBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: MobileBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MobileBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: MobileBarComponent, selector: "mobile-bar", ngImport: i0, template: "<div class=\"mobile-bar-body flex\">\n  <div class=\"mobile-bar-itens flex\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.mobile-bar-body{width:100vw;height:61px;background-color:#fff;border-radius:20px}.mobile-bar-body .mobile-bar-itens{width:80%;justify-content:space-between}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: MobileBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-button', template: "<button type=\"button\">CLICK</button>\n", styles: [""] }]
+            args: [{ selector: 'mobile-bar', template: "<div class=\"mobile-bar-body flex\">\n  <div class=\"mobile-bar-itens flex\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.mobile-bar-body{width:100vw;height:61px;background-color:#fff;border-radius:20px}.mobile-bar-body .mobile-bar-itens{width:80%;justify-content:space-between}\n"] }]
         }], ctorParameters: function () { return []; } });
 
+class StateMenuComponent {
+    constructor() {
+        this.active = false;
+        this.icon = '';
+        this.text = '';
+    }
+    ngOnInit() {
+    }
+}
+StateMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: StateMenuComponent, selector: "state-menu", inputs: { active: "active", icon: "icon", text: "text" }, ngImport: i0, template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'state-menu', template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { active: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
+class DescriptionBoxComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+DescriptionBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: DescriptionBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DescriptionBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: DescriptionBoxComponent, selector: "description-box", ngImport: i0, template: "<div class=\"description-box-body\">\n  <div class=\"description-box-itens\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.description-box-body{display:flex;width:100%;min-height:504px;background-color:#fff;border-radius:32px 32px 20px 19px;text-align:justify;font-size:18px;color:#000000b3}.description-box-body .description-box-itens{width:100%;margin:39px 24px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: DescriptionBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'description-box', template: "<div class=\"description-box-body\">\n  <div class=\"description-box-itens\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.description-box-body{display:flex;width:100%;min-height:504px;background-color:#fff;border-radius:32px 32px 20px 19px;text-align:justify;font-size:18px;color:#000000b3}.description-box-body .description-box-itens{width:100%;margin:39px 24px}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+class CircleButtonComponent {
+    constructor() {
+        this.active = false;
+        this.icon = '';
+    }
+    ngOnInit() {
+    }
+}
+CircleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: CircleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CircleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: CircleButtonComponent, selector: "circle-button", inputs: { active: "active", icon: "icon" }, ngImport: i0, template: "<div class=\"flex circle-button\" [ngClass]=\"active ? 'active' : 'notActive'\">\n  <span class=\"circle-button-icon {{ icon }}\"></span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.circle-button{height:42px;width:42px;background-color:#fff;border-radius:50%}.circle-button .circle-button-icon{display:flex;margin-top:3px;font-size:26px}.notActive{color:#d3dbe2}.active{color:#ff8d3a}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: CircleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'circle-button', template: "<div class=\"flex circle-button\" [ngClass]=\"active ? 'active' : 'notActive'\">\n  <span class=\"circle-button-icon {{ icon }}\"></span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.circle-button{height:42px;width:42px;background-color:#fff;border-radius:50%}.circle-button .circle-button-icon{display:flex;margin-top:3px;font-size:26px}.notActive{color:#d3dbe2}.active{color:#ff8d3a}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { active: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class TagComponent {
+    constructor() {
+        this.color = '#46D0D9';
+        this.text = '';
+    }
+    ngOnInit() {
+    }
+}
+TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: TagComponent, selector: "app-tag", inputs: { color: "color", text: "text" }, ngImport: i0, template: "<span class=\"flex tag text\" style=\"background-color: {{ color }};\">{{ text }}</span>\n\n<div class=\"body\">\n\n<div class=\"flex login\">\n  <p>LOGIN</p>\n</div>\n\n<div class=\"flex option\">\n  <p>Tenho interesse!</p>\n</div>\n\n<div class=\"flex campo-text\">\n  <p class=\"text\">Email</p>\n</div>\n\n\n<div class=\"flex campo\">\n  <h1>1</h1>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.tag{max-width:300px;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:500;color:#fff;padding:9px 15px 8px;border-radius:50px}.login{margin-top:30%;width:357px;height:55px;font-size:14px;font-weight:500;font-family:rubik;background-color:#ff8d3a;border-radius:10px;margin-left:3%;box-shadow:0 0 20px #1d288e0d;line-height:17px}p{color:#fff}.option{margin-top:30%;width:178px;height:40px;font-size:15px;font-weight:400;font-family:rubik;background-color:#ffb885;border-radius:10px;margin-left:7%;box-shadow:0 0 20px #1d288e0d;line-height:19px;letter-spacing:-.3px}.campo{flex-direction:column;align-items:flex-end;width:357px;height:46px;background-color:#fff;border-radius:10px;margin-left:3%;box-shadow:0 0 20px #1d288e12}h1{margin-right:7%}.body{background-color:#f8fbff;height:500px}.campo-text{margin-top:30%;margin-left:3%;width:20%}.text{color:#ff8d3a}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-tag', template: "<span class=\"flex tag text\" style=\"background-color: {{ color }};\">{{ text }}</span>\n\n<div class=\"body\">\n\n<div class=\"flex login\">\n  <p>LOGIN</p>\n</div>\n\n<div class=\"flex option\">\n  <p>Tenho interesse!</p>\n</div>\n\n<div class=\"flex campo-text\">\n  <p class=\"text\">Email</p>\n</div>\n\n\n<div class=\"flex campo\">\n  <h1>1</h1>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.tag{max-width:300px;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:500;color:#fff;padding:9px 15px 8px;border-radius:50px}.login{margin-top:30%;width:357px;height:55px;font-size:14px;font-weight:500;font-family:rubik;background-color:#ff8d3a;border-radius:10px;margin-left:3%;box-shadow:0 0 20px #1d288e0d;line-height:17px}p{color:#fff}.option{margin-top:30%;width:178px;height:40px;font-size:15px;font-weight:400;font-family:rubik;background-color:#ffb885;border-radius:10px;margin-left:7%;box-shadow:0 0 20px #1d288e0d;line-height:19px;letter-spacing:-.3px}.campo{flex-direction:column;align-items:flex-end;width:357px;height:46px;background-color:#fff;border-radius:10px;margin-left:3%;box-shadow:0 0 20px #1d288e12}h1{margin-right:7%}.body{background-color:#f8fbff;height:500px}.campo-text{margin-top:30%;margin-left:3%;width:20%}.text{color:#ff8d3a}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { color: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
 class NgxMimicModule {
     static forRoot() {
         return {
@@ -78,23 +152,43 @@ class NgxMimicModule {
 NgxMimicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 NgxMimicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, declarations: [NgxMimicComponent,
         FeatureCardComponent,
-        ButtonComponent], exports: [NgxMimicComponent,
+        MobileBarComponent,
+        TagComponent,
+        CircleButtonComponent,
+        StateMenuComponent,
+        DescriptionBoxComponent], imports: [CommonModule], exports: [NgxMimicComponent,
         FeatureCardComponent,
-        ButtonComponent] });
-NgxMimicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, imports: [[]] });
+        MobileBarComponent,
+        TagComponent,
+        CircleButtonComponent,
+        StateMenuComponent,
+        DescriptionBoxComponent] });
+NgxMimicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, imports: [[
+            CommonModule
+        ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         NgxMimicComponent,
                         FeatureCardComponent,
-                        ButtonComponent
+                        MobileBarComponent,
+                        TagComponent,
+                        CircleButtonComponent,
+                        StateMenuComponent,
+                        DescriptionBoxComponent
+                    ],
+                    imports: [
+                        CommonModule
                     ],
-                    imports: [],
                     exports: [
                         NgxMimicComponent,
                         FeatureCardComponent,
-                        ButtonComponent
+                        MobileBarComponent,
+                        TagComponent,
+                        CircleButtonComponent,
+                        StateMenuComponent,
+                        DescriptionBoxComponent
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA]
                 }]
@@ -108,5 +202,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, FeatureCardComponent, NgxMimicComponent, NgxMimicModule, NgxMimicService, VisualIdentity };
+export { CircleButtonComponent, DescriptionBoxComponent, FeatureCardComponent, MobileBarComponent, NgxMimicComponent, NgxMimicModule, NgxMimicService, StateMenuComponent, TagComponent, VisualIdentity };
 //# sourceMappingURL=ngx-mimic.mjs.map

package/fesm2015/ngx-mimic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-mimic.mjs","sources":["../../../projects/ngx-mimic/src/lib/ngx-mimic.service.ts","../../../projects/ngx-mimic/src/lib/ngx-mimic.component.ts","../../../projects/ngx-mimic/src/lib/feature-card/feature-card.component.ts","../../../projects/ngx-mimic/src/lib/feature-card/feature-card.component.html","../../../projects/ngx-mimic/src/lib/button/button.component.ts","../../../projects/ngx-mimic/src/lib/button/button.component.html","../../../projects/ngx-mimic/src/lib/ngx-mimic.module.ts","../../../projects/ngx-mimic/src/public-api.ts","../../../projects/ngx-mimic/src/ngx-mimic.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\n\nexport class NgxMimicService {\n  visualIdentity: VisualIdentity | undefined;\n\n  constructor() { }\n\n  getVisualIdentity(): VisualIdentity | undefined {\n    return this.visualIdentity;\n  }\n\n  setVisualIdentity(visualIdentity: VisualIdentity): void {\n    this.visualIdentity = visualIdentity;\n  }\n}\n\nexport class VisualIdentity {\n  id: number | undefined;\n  theme: number | undefined;\n  baseColor: string | undefined;\n  primaryColor: string | undefined;\n  callToActionColor: string | undefined;\n  textColor: string | undefined;\n  logoFile: string | undefined;\n  logo: any | undefined;\n}","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'lib-ngx-mimic',\n  template: `\n    <p>\n      ngx-mimic works!\n    </p>\n  `,\n  styles: [\n  ]\n})\nexport class NgxMimicComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {}\n\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'mimic-feature-card',\n  templateUrl: './feature-card.component.html',\n  styleUrls: ['./feature-card.component.scss']\n})\nexport class FeatureCardComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","<div class=\"feature-card-body flex flex--between\">\n  <ng-content></ng-content>\n</div>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'lib-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<button type=\"button\">CLICK</button>\n","import { CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders, NgModule } from '@angular/core';\nimport { FeatureCardComponent } from './feature-card/feature-card.component';\nimport { NgxMimicComponent } from './ngx-mimic.component';\nimport { ButtonComponent } from './button/button.component';\n\n@NgModule({\n  declarations: [\n    NgxMimicComponent,\n    FeatureCardComponent,\n    ButtonComponent\n  ],\n  imports: [\n  ],\n  exports: [\n    NgxMimicComponent,\n    FeatureCardComponent,\n    ButtonComponent\n  ],\n  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]\n})\nexport class NgxMimicModule {\n  static forRoot(): ModuleWithProviders<NgxMimicModule> {\n    return {\n      ngModule: NgxMimicModule\n    }\n  }\n}\n","/*\n * Public API Surface of ngx-mimic\n */\n\nexport * from './lib/ngx-mimic.service';\nexport * from './lib/ngx-mimic.component';\nexport * from './lib/ngx-mimic.module';\n\nexport * from './lib/feature-card/feature-card.component'\nexport * from './lib/button/button.component'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-mimic.mjs","sources":["../../../projects/ngx-mimic/src/lib/ngx-mimic.service.ts","../../../projects/ngx-mimic/src/lib/ngx-mimic.component.ts","../../../projects/ngx-mimic/src/lib/feature-card/feature-card.component.ts","../../../projects/ngx-mimic/src/lib/feature-card/feature-card.component.html","../../../projects/ngx-mimic/src/lib/mobile-bar/mobile-bar.component.ts","../../../projects/ngx-mimic/src/lib/mobile-bar/mobile-bar.component.html","../../../projects/ngx-mimic/src/lib/state-menu/state-menu.component.ts","../../../projects/ngx-mimic/src/lib/state-menu/state-menu.component.html","../../../projects/ngx-mimic/src/lib/description-box/description-box.component.ts","../../../projects/ngx-mimic/src/lib/description-box/description-box.component.html","../../../projects/ngx-mimic/src/lib/circle-button/circle-button.component.ts","../../../projects/ngx-mimic/src/lib/circle-button/circle-button.component.html","../../../projects/ngx-mimic/src/lib/tag/tag.component.ts","../../../projects/ngx-mimic/src/lib/tag/tag.component.html","../../../projects/ngx-mimic/src/lib/ngx-mimic.module.ts","../../../projects/ngx-mimic/src/public-api.ts","../../../projects/ngx-mimic/src/ngx-mimic.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\n\nexport class NgxMimicService {\n  visualIdentity: VisualIdentity | undefined;\n\n  constructor() { }\n\n  getVisualIdentity(): VisualIdentity | undefined {\n    return this.visualIdentity;\n  }\n\n  setVisualIdentity(visualIdentity: VisualIdentity): void {\n    this.visualIdentity = visualIdentity;\n  }\n}\n\nexport class VisualIdentity {\n  id: number | undefined;\n  theme: number | undefined;\n  baseColor: string | undefined;\n  primaryColor: string | undefined;\n  callToActionColor: string | undefined;\n  textColor: string | undefined;\n  logoFile: string | undefined;\n  logo: any | undefined;\n}","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'lib-ngx-mimic',\n  template: `\n    <p>\n      ngx-mimic works!\n    </p>\n  `,\n  styles: [\n  ]\n})\nexport class NgxMimicComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {}\n\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'mimic-feature-card',\n  templateUrl: './feature-card.component.html',\n  styleUrls: ['./feature-card.component.scss']\n})\nexport class FeatureCardComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","\n<footer>\n  <div class=\"card-icon flex\">\n\n    <div class=\"box-icon-1 flex\">\n      <div class=\"icon-1\"></div>\n    </div>\n\n    <div class=\"box-icon-2 flex\">\n      <div class=\"icon-2\"></div>\n    </div>\n\n    <div class=\"box-icon-3 flex\">\n      <div class=\"icon-3\"></div>\n    </div>\n\n    <div class=\"box-icon-4 flex\">\n      <div class=\"icon-4\"></div>\n    </div>\n\n  </div>\n</footer>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'mobile-bar',\n  templateUrl: './mobile-bar.component.html',\n  styleUrls: ['./mobile-bar.component.scss']\n})\nexport class MobileBarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","<div class=\"mobile-bar-body flex\">\n  <div class=\"mobile-bar-itens flex\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'state-menu',\n  templateUrl: './state-menu.component.html',\n  styleUrls: ['./state-menu.component.scss']\n})\nexport class StateMenuComponent implements OnInit {\n  @Input() active: boolean = false;\n  @Input() icon: string = '';\n  @Input() text: string = '';\n\n  constructor() {}\n\n  ngOnInit() {\n    \n  }\n}\n","<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'description-box',\n  templateUrl: './description-box.component.html',\n  styleUrls: ['./description-box.component.scss']\n})\nexport class DescriptionBoxComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"description-box-body\">\n  <div class=\"description-box-itens\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n  selector: 'circle-button',\n  templateUrl: './circle-button.component.html',\n  styleUrls: ['./circle-button.component.scss']\n})\nexport class CircleButtonComponent implements OnInit {\n  @Input() active: boolean = false;\n  @Input() icon: string = '';\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n}\n","<div class=\"flex circle-button\" [ngClass]=\"active ? 'active' : 'notActive'\">\n  <span class=\"circle-button-icon {{ icon }}\"></span>\n</div>","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-tag',\n  templateUrl: './tag.component.html',\n  styleUrls: ['./tag.component.scss']\n})\nexport class TagComponent implements OnInit {\n  @Input() color: string = '#46D0D9';\n  @Input() text: string = '';\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","<span class=\"flex tag text\" style=\"background-color: {{ color }};\">{{ text }}</span>\n\n<div class=\"body\">\n\n<div class=\"flex login\">\n  <p>LOGIN</p>\n</div>\n\n<div class=\"flex option\">\n  <p>Tenho interesse!</p>\n</div>\n\n<div class=\"flex campo-text\">\n  <p class=\"text\">Email</p>\n</div>\n\n\n<div class=\"flex campo\">\n  <h1>1</h1>\n</div>\n\n","import { CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders, NgModule } from '@angular/core';\nimport { FeatureCardComponent } from './feature-card/feature-card.component';\nimport { NgxMimicComponent } from './ngx-mimic.component';\nimport { MobileBarComponent } from './mobile-bar/mobile-bar.component';\nimport { StateMenuComponent } from './state-menu/state-menu.component';\nimport { DescriptionBoxComponent } from './description-box/description-box.component';\nimport { CircleButtonComponent } from './circle-button/circle-button.component';\nimport { TagComponent } from './tag/tag.component';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [\n    NgxMimicComponent,\n    FeatureCardComponent,\n    MobileBarComponent,\n    TagComponent,\n    CircleButtonComponent,\n    StateMenuComponent,\n    DescriptionBoxComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    NgxMimicComponent,\n    FeatureCardComponent,\n    MobileBarComponent,\n    TagComponent,\n    CircleButtonComponent,\n    StateMenuComponent,\n    DescriptionBoxComponent\n  ],\n  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]\n})\nexport class NgxMimicModule {\n  static forRoot(): ModuleWithProviders<NgxMimicModule> {\n    return {\n      ngModule: NgxMimicModule\n    }\n  }\n}\n","/*\n * Public API Surface of ngx-mimic\n */\n\nexport * from './lib/ngx-mimic.service';\nexport * from './lib/ngx-mimic.component';\nexport * from './lib/ngx-mimic.module';\n\nexport * from './lib/feature-card/feature-card.component';\nexport * from './lib/mobile-bar/mobile-bar.component';\nexport * from './lib/state-menu/state-menu.component';\nexport * from './lib/circle-button/circle-button.component';\nexport * from './lib/tag/tag.component';\nexport * from './lib/description-box/description-box.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/ngx-mimic.mjs

@@ -1,5 +1,7 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Injectable, Component, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class NgxMimicService {
     constructor() { }
@@ -50,24 +52,96 @@ class FeatureCardComponent {
     }
 }
 FeatureCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: FeatureCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeatureCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: FeatureCardComponent, selector: "mimic-feature-card", ngImport: i0, template: "<div class=\"feature-card-body flex flex--between\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter&display=swap\";.text{font-family:Inter;font-size:16px;color:#1e2022;letter-spacing:0em}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}.feature-card-body{background-color:#f8f8f8;border-radius:10px;box-shadow:1px 1px .8rem 2px #80808033;height:5.5rem;width:89%;margin:auto;padding:.5rem 1rem}.card-image{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:6.5rem;height:100%}.card-content-body{flex-direction:column;align-items:flex-end}.text-price{align-content:right;justify-content:flex-end}.text-location{font-weight:500}\n"] });
+FeatureCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: FeatureCardComponent, selector: "mimic-feature-card", ngImport: i0, template: "\n<footer>\n  <div class=\"card-icon flex\">\n\n    <div class=\"box-icon-1 flex\">\n      <div class=\"icon-1\"></div>\n    </div>\n\n    <div class=\"box-icon-2 flex\">\n      <div class=\"icon-2\"></div>\n    </div>\n\n    <div class=\"box-icon-3 flex\">\n      <div class=\"icon-3\"></div>\n    </div>\n\n    <div class=\"box-icon-4 flex\">\n      <div class=\"icon-4\"></div>\n    </div>\n\n  </div>\n</footer>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.feature-card-body{background-color:#f8f8f8;border-radius:10px;box-shadow:.1rem .3rem .5rem .1rem #80808033;height:6.5rem;width:90%;max-width:500px;margin:auto;padding:.5rem 1rem .5rem .5rem}.card-image{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:41%;height:99%}.card-icon{display:flex;background-color:#fff;flex-direction:row;border-radius:1.25rem;width:64%;position:fixed;bottom:0%;justify-content:space-between;padding:5% 18%;box-shadow:0 -5px 50px #0f1a420d;margin:0% 0% 0% -16px}.icon-1{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}.icon-2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB5UlEQVRIie3WS0tVYRQG4EezBFHLY0F0UorCv9CkhjUulH6DBWG/Qaim9UN0UuCgBkGmUVB2ocsgs/TMug0KFIrdYK/N2dg+V8+hBr6w+GCtd73v/vblW5td/GP0YArzqGATa1jARfTluH2RWwjOZvTMYTK0msIYHiGpEw9wBGUsNuAuh2ZD00o0rGE6cntjvYovUX8bkeAzZrZxL+Fj1Cv1zHtyO72L4Rq8g3iY29EiRmtwh3EveEtq3Pap3E5rmWYYwuOIwQbcYdWdTxYR5qM43UCoHVwO7bmi4kYUx7tgfCy0N4qKW1Hc1wXj/tDeyhK9ueL3WA93wTjT/FZk/DzWs10wzjRXiooz0tvxQgunTRPoxcvQvlJEKOFnEM530PhCaP7ASC3S9SC9w0AHTAdCK8G1esQhrAbxZgeMb4XWamjXxRn8jtjJi3YuNH7hdLNNN6RX+hUTbZhORG8ifXxNYw/uqE6hUgu9JdWpdTu0WsKg9LtL8EztCZTHAengSPAK+1s1zVDG+xB62sB8NDhJ9JTbNc0wjg8huCKdx9sxgifB+YTjOzXNcFI6pxPp0ZrfTVl62iVxgSc6ZZphTPWlWcepiPXIvcHRTptmKOG+v3/olnCoW6YZ+jGL1xGzkdvF/4k//ySPl+IWrEwAAAAASUVORK5CYII=);object-fit:contain;width:20px;height:25px}.icon-3{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}.icon-4{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}p{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;margin:0%}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: FeatureCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mimic-feature-card', template: "<div class=\"feature-card-body flex flex--between\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter&display=swap\";.text{font-family:Inter;font-size:16px;color:#1e2022;letter-spacing:0em}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}.feature-card-body{background-color:#f8f8f8;border-radius:10px;box-shadow:1px 1px .8rem 2px #80808033;height:5.5rem;width:89%;margin:auto;padding:.5rem 1rem}.card-image{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:6.5rem;height:100%}.card-content-body{flex-direction:column;align-items:flex-end}.text-price{align-content:right;justify-content:flex-end}.text-location{font-weight:500}\n"] }]
+            args: [{ selector: 'mimic-feature-card', template: "\n<footer>\n  <div class=\"card-icon flex\">\n\n    <div class=\"box-icon-1 flex\">\n      <div class=\"icon-1\"></div>\n    </div>\n\n    <div class=\"box-icon-2 flex\">\n      <div class=\"icon-2\"></div>\n    </div>\n\n    <div class=\"box-icon-3 flex\">\n      <div class=\"icon-3\"></div>\n    </div>\n\n    <div class=\"box-icon-4 flex\">\n      <div class=\"icon-4\"></div>\n    </div>\n\n  </div>\n</footer>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.feature-card-body{background-color:#f8f8f8;border-radius:10px;box-shadow:.1rem .3rem .5rem .1rem #80808033;height:6.5rem;width:90%;max-width:500px;margin:auto;padding:.5rem 1rem .5rem .5rem}.card-image{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:41%;height:99%}.card-icon{display:flex;background-color:#fff;flex-direction:row;border-radius:1.25rem;width:64%;position:fixed;bottom:0%;justify-content:space-between;padding:5% 18%;box-shadow:0 -5px 50px #0f1a420d;margin:0% 0% 0% -16px}.icon-1{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}.icon-2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB5UlEQVRIie3WS0tVYRQG4EezBFHLY0F0UorCv9CkhjUulH6DBWG/Qaim9UN0UuCgBkGmUVB2ocsgs/TMug0KFIrdYK/N2dg+V8+hBr6w+GCtd73v/vblW5td/GP0YArzqGATa1jARfTluH2RWwjOZvTMYTK0msIYHiGpEw9wBGUsNuAuh2ZD00o0rGE6cntjvYovUX8bkeAzZrZxL+Fj1Cv1zHtyO72L4Rq8g3iY29EiRmtwh3EveEtq3Pap3E5rmWYYwuOIwQbcYdWdTxYR5qM43UCoHVwO7bmi4kYUx7tgfCy0N4qKW1Hc1wXj/tDeyhK9ueL3WA93wTjT/FZk/DzWs10wzjRXiooz0tvxQgunTRPoxcvQvlJEKOFnEM530PhCaP7ASC3S9SC9w0AHTAdCK8G1esQhrAbxZgeMb4XWamjXxRn8jtjJi3YuNH7hdLNNN6RX+hUTbZhORG8ifXxNYw/uqE6hUgu9JdWpdTu0WsKg9LtL8EztCZTHAengSPAK+1s1zVDG+xB62sB8NDhJ9JTbNc0wjg8huCKdx9sxgifB+YTjOzXNcFI6pxPp0ZrfTVl62iVxgSc6ZZphTPWlWcepiPXIvcHRTptmKOG+v3/olnCoW6YZ+jGL1xGzkdvF/4k//ySPl+IWrEwAAAAASUVORK5CYII=);object-fit:contain;width:20px;height:25px}.icon-3{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}.icon-4{background-image:url(https://imobiliariagaribaldi.com.br/imagens/imoveis/20220311143040658720.jpeg);background-size:cover;border-radius:4px;width:20px;height:25px}p{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;margin:0%}\n"] }]
         }], ctorParameters: function () { return []; } });
 
-class ButtonComponent {
+class MobileBarComponent {
     constructor() { }
     ngOnInit() {
     }
 }
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: ButtonComponent, selector: "lib-button", ngImport: i0, template: "<button type=\"button\">CLICK</button>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: ButtonComponent, decorators: [{
+MobileBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: MobileBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MobileBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: MobileBarComponent, selector: "mobile-bar", ngImport: i0, template: "<div class=\"mobile-bar-body flex\">\n  <div class=\"mobile-bar-itens flex\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.mobile-bar-body{width:100vw;height:61px;background-color:#fff;border-radius:20px}.mobile-bar-body .mobile-bar-itens{width:80%;justify-content:space-between}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: MobileBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-button', template: "<button type=\"button\">CLICK</button>\n", styles: [""] }]
+            args: [{ selector: 'mobile-bar', template: "<div class=\"mobile-bar-body flex\">\n  <div class=\"mobile-bar-itens flex\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.mobile-bar-body{width:100vw;height:61px;background-color:#fff;border-radius:20px}.mobile-bar-body .mobile-bar-itens{width:80%;justify-content:space-between}\n"] }]
         }], ctorParameters: function () { return []; } });
 
+class StateMenuComponent {
+    constructor() {
+        this.active = false;
+        this.icon = '';
+        this.text = '';
+    }
+    ngOnInit() {
+    }
+}
+StateMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: StateMenuComponent, selector: "state-menu", inputs: { active: "active", icon: "icon", text: "text" }, ngImport: i0, template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'state-menu', template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { active: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
+class DescriptionBoxComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+DescriptionBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: DescriptionBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DescriptionBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: DescriptionBoxComponent, selector: "description-box", ngImport: i0, template: "<div class=\"description-box-body\">\n  <div class=\"description-box-itens\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.description-box-body{display:flex;width:100%;min-height:504px;background-color:#fff;border-radius:32px 32px 20px 19px;text-align:justify;font-size:18px;color:#000000b3}.description-box-body .description-box-itens{width:100%;margin:39px 24px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: DescriptionBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'description-box', template: "<div class=\"description-box-body\">\n  <div class=\"description-box-itens\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.description-box-body{display:flex;width:100%;min-height:504px;background-color:#fff;border-radius:32px 32px 20px 19px;text-align:justify;font-size:18px;color:#000000b3}.description-box-body .description-box-itens{width:100%;margin:39px 24px}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+class CircleButtonComponent {
+    constructor() {
+        this.active = false;
+        this.icon = '';
+    }
+    ngOnInit() {
+    }
+}
+CircleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: CircleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CircleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: CircleButtonComponent, selector: "circle-button", inputs: { active: "active", icon: "icon" }, ngImport: i0, template: "<div class=\"flex circle-button\" [ngClass]=\"active ? 'active' : 'notActive'\">\n  <span class=\"circle-button-icon {{ icon }}\"></span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.circle-button{height:42px;width:42px;background-color:#fff;border-radius:50%}.circle-button .circle-button-icon{display:flex;margin-top:3px;font-size:26px}.notActive{color:#d3dbe2}.active{color:#ff8d3a}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: CircleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'circle-button', template: "<div class=\"flex circle-button\" [ngClass]=\"active ? 'active' : 'notActive'\">\n  <span class=\"circle-button-icon {{ icon }}\"></span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.circle-button{height:42px;width:42px;background-color:#fff;border-radius:50%}.circle-button .circle-button-icon{display:flex;margin-top:3px;font-size:26px}.notActive{color:#d3dbe2}.active{color:#ff8d3a}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { active: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class TagComponent {
+    constructor() {
+        this.color = '#46D0D9';
+        this.text = '';
+    }
+    ngOnInit() {
+    }
+}
+TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: TagComponent, selector: "app-tag", inputs: { color: "color", text: "text" }, ngImport: i0, template: "<span class=\"flex tag text\" style=\"background-color: {{ color }};\">{{ text }}</span>\n\n<div class=\"body\">\n\n<div class=\"flex login\">\n  <p>LOGIN</p>\n</div>\n\n<div class=\"flex option\">\n  <p>Tenho interesse!</p>\n</div>\n\n<div class=\"flex campo-text\">\n  <p class=\"text\">Email</p>\n</div>\n\n\n<div class=\"flex campo\">\n  <h1>1</h1>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.tag{max-width:300px;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:500;color:#fff;padding:9px 15px 8px;border-radius:50px}.login{margin-top:30%;width:357px;height:55px;font-size:14px;font-weight:500;font-family:rubik;background-color:#ff8d3a;border-radius:10px;margin-left:3%;box-shadow:0 0 20px #1d288e0d;line-height:17px}p{color:#fff}.option{margin-top:30%;width:178px;height:40px;font-size:15px;font-weight:400;font-family:rubik;background-color:#ffb885;border-radius:10px;margin-left:7%;box-shadow:0 0 20px #1d288e0d;line-height:19px;letter-spacing:-.3px}.campo{flex-direction:column;align-items:flex-end;width:357px;height:46px;background-color:#fff;border-radius:10px;margin-left:3%;box-shadow:0 0 20px #1d288e12}h1{margin-right:7%}.body{background-color:#f8fbff;height:500px}.campo-text{margin-top:30%;margin-left:3%;width:20%}.text{color:#ff8d3a}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-tag', template: "<span class=\"flex tag text\" style=\"background-color: {{ color }};\">{{ text }}</span>\n\n<div class=\"body\">\n\n<div class=\"flex login\">\n  <p>LOGIN</p>\n</div>\n\n<div class=\"flex option\">\n  <p>Tenho interesse!</p>\n</div>\n\n<div class=\"flex campo-text\">\n  <p class=\"text\">Email</p>\n</div>\n\n\n<div class=\"flex campo\">\n  <h1>1</h1>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px;background:black}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.tag{max-width:300px;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:500;color:#fff;padding:9px 15px 8px;border-radius:50px}.login{margin-top:30%;width:357px;height:55px;font-size:14px;font-weight:500;font-family:rubik;background-color:#ff8d3a;border-radius:10px;margin-left:3%;box-shadow:0 0 20px #1d288e0d;line-height:17px}p{color:#fff}.option{margin-top:30%;width:178px;height:40px;font-size:15px;font-weight:400;font-family:rubik;background-color:#ffb885;border-radius:10px;margin-left:7%;box-shadow:0 0 20px #1d288e0d;line-height:19px;letter-spacing:-.3px}.campo{flex-direction:column;align-items:flex-end;width:357px;height:46px;background-color:#fff;border-radius:10px;margin-left:3%;box-shadow:0 0 20px #1d288e12}h1{margin-right:7%}.body{background-color:#f8fbff;height:500px}.campo-text{margin-top:30%;margin-left:3%;width:20%}.text{color:#ff8d3a}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { color: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
 class NgxMimicModule {
     static forRoot() {
         return {
@@ -78,23 +152,43 @@ class NgxMimicModule {
 NgxMimicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 NgxMimicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, declarations: [NgxMimicComponent,
         FeatureCardComponent,
-        ButtonComponent], exports: [NgxMimicComponent,
+        MobileBarComponent,
+        TagComponent,
+        CircleButtonComponent,
+        StateMenuComponent,
+        DescriptionBoxComponent], imports: [CommonModule], exports: [NgxMimicComponent,
         FeatureCardComponent,
-        ButtonComponent] });
-NgxMimicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, imports: [[]] });
+        MobileBarComponent,
+        TagComponent,
+        CircleButtonComponent,
+        StateMenuComponent,
+        DescriptionBoxComponent] });
+NgxMimicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, imports: [[
+            CommonModule
+        ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: NgxMimicModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         NgxMimicComponent,
                         FeatureCardComponent,
-                        ButtonComponent
+                        MobileBarComponent,
+                        TagComponent,
+                        CircleButtonComponent,
+                        StateMenuComponent,
+                        DescriptionBoxComponent
+                    ],
+                    imports: [
+                        CommonModule
                     ],
-                    imports: [],
                     exports: [
                         NgxMimicComponent,
                         FeatureCardComponent,
-                        ButtonComponent
+                        MobileBarComponent,
+                        TagComponent,
+                        CircleButtonComponent,
+                        StateMenuComponent,
+                        DescriptionBoxComponent
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA]
                 }]
@@ -108,5 +202,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, FeatureCardComponent, NgxMimicComponent, NgxMimicModule, NgxMimicService, VisualIdentity };
+export { CircleButtonComponent, DescriptionBoxComponent, FeatureCardComponent, MobileBarComponent, NgxMimicComponent, NgxMimicModule, NgxMimicService, StateMenuComponent, TagComponent, VisualIdentity };
 //# sourceMappingURL=ngx-mimic.mjs.map