{"version":3,"names":["lgrPhoneFloatingCss","LgrPhoneFloatingStyle0","LgrPhoneFloating","this","startVisible","render","h","Host","key","class","visible","onClick","textIntro","storeNumber","href","target","callToStore","whatsAppNumber","whatsAppMessage"],"sources":["src/components/lgr-phone-floating/lgr-phone-floating.scss?tag=lgr-phone-floating&encapsulation=shadow","src/components/lgr-phone-floating/lgr-phone-floating.tsx"],"sourcesContent":["/*\nphone icon\n\n \n\n*/\n/*\nclose icon\n\n \n\n*/\n/*\nwhatsapp icon\n\n \n\n*/\n:host {\n display: block;\n position: fixed;\n bottom: 0;\n right: 0;\n margin: 49px;\n z-index: 100;\n * {\n box-sizing: border-box;\n }\n @media (max-width: 400px) {\n margin: 15px 10px;\n }\n}\n.lgr-phone-floating-container {\n position: relative;\n .lgr-phone-floating-number{\n &-container {\n position: absolute;\n bottom: calc(64px + 16px);\n right: 0;\n width: 350px;\n // height: 244px;\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n align-content: flex-start;\n justify-content: flex-start;\n padding: 32px;\n border-radius: 16px;\n background-color: #ffffff;\n border: solid 1px rgba(229, 229, 229, 1);\n box-shadow: 0 4px 10px rgba(68, 88, 122, 0.2);\n gap: 0;\n transition: all 0.3s linear;\n opacity: 0;\n transform: translateY(110%);\n &[data-visible=\"true\"] {\n opacity: 1;\n transform: translateX(0);\n }\n .lgr-phone-floating-close {\n position: absolute;\n top: 0;\n right: 0;\n width: 24px;\n height: 24px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z' fill='%23183C8F'/%3E%3C/svg%3E\");\n // background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n margin: 16px;\n cursor: pointer;\n @media (max-width: 400px) {\n margin: 8px;\n }\n }\n @media (max-width: 400px) {\n max-width: calc(100vw - 20px);\n padding: 32px 20px;\n }\n }\n &-text-intro {\n font-family: var(--lgr-font-family-bold);\n font-size: 20px;\n line-height: 28px;\n margin-bottom: 16px;\n color: var(--lgr-color-neutral-low-dark);\n }\n &-item {\n flex: 0 0 100%;\n margin-top: 16px;\n a {\n flex: 0 0 100%;\n height: 48px;\n border: solid 1px var(--lgr-color-brand-primary);\n border-radius: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n font-family: var(--lgr-font-family-regular);\n font-size: 16px;\n line-height: 24px;\n text-decoration: none;\n color: var(--lgr-color-brand-primary);\n }\n &.number-store {\n a {\n &:before {\n content: '';\n display: block;\n flex: 0 0 16px;\n height: 16px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.7137 34.4016C29.2738 34.4016 25.9204 33.6349 22.6537 32.1016C19.3871 30.5682 16.4937 28.5416 13.9738 26.0216C11.4537 23.5016 9.42708 20.6082 7.89375 17.3416C6.36042 14.0749 5.59375 10.7216 5.59375 7.28156C5.59375 6.80156 5.75375 6.40156 6.07375 6.08156C6.39375 5.76156 6.79375 5.60156 7.27375 5.60156H13.7537C14.1271 5.60156 14.4604 5.72156 14.7537 5.96156C15.0471 6.20156 15.2204 6.50823 15.2737 6.88156L16.3137 12.4816C16.3671 12.8549 16.3604 13.1949 16.2937 13.5016C16.2271 13.8082 16.0737 14.0816 15.8337 14.3216L11.9537 18.2416C13.0738 20.1616 14.4804 21.9616 16.1737 23.6416C17.8671 25.3216 19.7271 26.7749 21.7537 28.0016L25.5138 24.2416C25.7537 24.0016 26.0671 23.8216 26.4537 23.7016C26.8404 23.5816 27.2204 23.5482 27.5938 23.6016L33.1137 24.7216C33.4871 24.8016 33.7937 24.9816 34.0337 25.2616C34.2738 25.5416 34.3937 25.8682 34.3937 26.2416V32.7216C34.3937 33.2016 34.2337 33.6016 33.9137 33.9216C33.5938 34.2416 33.1937 34.4016 32.7137 34.4016ZM10.4337 15.2016L13.0738 12.5616L12.3937 8.80156H8.83375C8.96708 9.8949 9.15375 10.9749 9.39375 12.0416C9.63375 13.1082 9.98042 14.1616 10.4337 15.2016ZM24.7537 29.5216C25.7937 29.9749 26.8538 30.3349 27.9338 30.6016C29.0138 30.8682 30.1004 31.0416 31.1937 31.1216V27.6016L27.4338 26.8416L24.7537 29.5216Z' fill='%23183C8F'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n }\n }\n @media (min-width: 768px) {\n display: none;\n }\n }\n &.number-whatsapp {\n a {\n background-color: #006C2E;\n color: #ffffff;\n &:before {\n content: '';\n display: block;\n flex: 0 0 16px;\n height: 16px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2513 1.746C9.12362 0.618 7.62211 0 6.02412 0C2.73166 0 0.0482413 2.67 0.0482413 5.946C0.0482413 6.996 0.325628 8.016 0.844221 8.916L0 12L3.16583 11.172C4.0402 11.646 5.02311 11.898 6.02412 11.898C9.31658 11.898 12 9.228 12 5.952C12 4.362 11.3789 2.868 10.2513 1.746ZM6.02412 10.89C5.13166 10.89 4.25729 10.65 3.49146 10.2L3.31055 10.092L1.42915 10.584L1.92965 8.76L1.80905 8.574C1.31457 7.788 1.04925 6.876 1.04925 5.946C1.04925 3.222 3.2804 1.002 6.01809 1.002C7.34472 1.002 8.59296 1.518 9.52764 2.454C10.4683 3.39 10.9809 4.632 10.9809 5.952C10.993 8.676 8.76181 10.89 6.02412 10.89ZM8.74975 7.194C8.59899 7.122 7.86332 6.762 7.73065 6.708C7.59196 6.66 7.49548 6.636 7.39296 6.78C7.29045 6.93 7.00703 7.266 6.92261 7.362C6.83819 7.464 6.74774 7.476 6.59698 7.398C6.44623 7.326 5.96382 7.164 5.39698 6.66C4.95075 6.264 4.65528 5.778 4.56482 5.628C4.4804 5.478 4.55276 5.4 4.63116 5.322C4.69749 5.256 4.78191 5.148 4.85427 5.064C4.92663 4.98 4.95678 4.914 5.00502 4.818C5.05327 4.716 5.02914 4.632 4.99296 4.56C4.95678 4.488 4.65528 3.756 4.53467 3.456C4.41407 3.168 4.28744 3.204 4.19698 3.198C4.10653 3.198 4.01005 3.198 3.90754 3.198C3.80502 3.198 3.64824 3.234 3.50955 3.384C3.37688 3.534 2.99095 3.894 2.99095 4.626C2.99095 5.358 3.52764 6.066 3.6 6.162C3.67236 6.264 4.65528 7.764 6.15075 8.406C6.50653 8.562 6.78392 8.652 7.001 8.718C7.35678 8.832 7.68241 8.814 7.94171 8.778C8.23115 8.736 8.82814 8.418 8.94874 8.07C9.07538 7.722 9.07538 7.428 9.03316 7.362C8.99095 7.296 8.9005 7.266 8.74975 7.194Z' fill='white'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n }\n }\n }\n }\n }\n}\n.lgr-phone-floating-trigger {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background-color: var(--lgr-color-brand-primary);\n background-image: url(\"data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.7137 34.4016C29.2738 34.4016 25.9204 33.6349 22.6537 32.1016C19.3871 30.5682 16.4937 28.5416 13.9738 26.0216C11.4537 23.5016 9.42708 20.6082 7.89375 17.3416C6.36042 14.0749 5.59375 10.7216 5.59375 7.28156C5.59375 6.80156 5.75375 6.40156 6.07375 6.08156C6.39375 5.76156 6.79375 5.60156 7.27375 5.60156H13.7537C14.1271 5.60156 14.4604 5.72156 14.7537 5.96156C15.0471 6.20156 15.2204 6.50823 15.2737 6.88156L16.3137 12.4816C16.3671 12.8549 16.3604 13.1949 16.2937 13.5016C16.2271 13.8082 16.0737 14.0816 15.8337 14.3216L11.9537 18.2416C13.0738 20.1616 14.4804 21.9616 16.1737 23.6416C17.8671 25.3216 19.7271 26.7749 21.7537 28.0016L25.5138 24.2416C25.7537 24.0016 26.0671 23.8216 26.4537 23.7016C26.8404 23.5816 27.2204 23.5482 27.5938 23.6016L33.1137 24.7216C33.4871 24.8016 33.7937 24.9816 34.0337 25.2616C34.2738 25.5416 34.3937 25.8682 34.3937 26.2416V32.7216C34.3937 33.2016 34.2337 33.6016 33.9137 33.9216C33.5938 34.2416 33.1937 34.4016 32.7137 34.4016ZM10.4337 15.2016L13.0738 12.5616L12.3937 8.80156H8.83375C8.96708 9.8949 9.15375 10.9749 9.39375 12.0416C9.63375 13.1082 9.98042 14.1616 10.4337 15.2016ZM24.7537 29.5216C25.7937 29.9749 26.8538 30.3349 27.9338 30.6016C29.0138 30.8682 30.1004 31.0416 31.1937 31.1216V27.6016L27.4338 26.8416L24.7537 29.5216Z' fill='white'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center;\n background-size: 34px;\n cursor: pointer;\n position: relative;\n z-index: 2;\n}\n","import { Component, Host, h , Prop, State} from '@stencil/core';\n\n@Component({\n tag: 'lgr-phone-floating',\n styleUrl: 'lgr-phone-floating.scss',\n shadow: true,\n})\nexport class LgrPhoneFloating {\n @Prop({ reflect: true }) startVisible: boolean = false ;\n\n @State() visible: boolean = this.startVisible;\n\n @Prop({ reflect: true }) textIntro: string = 'Olá! Precisa de ajuda?';\n\n @Prop({ reflect: true }) storeNumber!: string ;\n\n @Prop({ reflect: true }) callToStore: string = 'Ligar para a loja';\n\n @Prop({ reflect: true }) whatsAppNumber!: string ;\n\n @Prop({ reflect: true }) whatsAppMessage!: string ;\n\n render() {\n return (\n \n
\n\n
\n\n
{\n this.visible = false;\n }}\n >\n
\n
{this.textIntro}
\n {this.storeNumber ?\n\n
{this.callToStore}
\n :''\n }\n\n {this.whatsAppNumber ?\n
Conversar por WhatsApp
\n :''\n }\n
\n
{\n this.visible = true;\n }}\n >\n
\n
\n \n );\n }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,kgPAC5B,MAAAC,EAAeD,E,MCMFE,EAAgB,M,2CACsB,M,aAErBC,KAAKC,a,eAEY,yB,4CAIE,oB,6DAM/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCAETH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sCAAqC,eAAeN,KAAKO,QAAU,OAAQ,SAEtFJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTE,QAAS,KACPR,KAAKO,QAAU,KAAK,IAIxBJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wCAAwCN,KAAKS,WACrDT,KAAKU,YAEJP,EAAA,OAAKG,MAAM,+CAA8CH,EAAA,KACzDQ,KAAMX,KAAKU,YAAc,OAAOV,KAAKU,YAAY,KACjDE,OAAO,UAAST,EAAA,YAAOH,KAAKa,eAC3B,GAGFb,KAAKc,eACNX,EAAA,OAAKG,MAAM,kDAAiDH,EAAA,KAC5DQ,KACEX,KAAKc,eACL,wCAAwCd,KAAKc,eAAe,QAAQd,KAAKe,gBAAkB,IAAIf,KAAKe,gBAAkB,oCACrH,KAEHH,OAAO,UAAST,EAAA,wCACb,IAGLA,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACTE,QAAS,KACPR,KAAKO,QAAU,IAAI,K"}