{"version":3,"names":["phoneNumberCss","LgrPhoneNumberStyle0","PhoneNumber","render","h","Host","key","tabindex","onClick","this","visible","class"],"sources":["src/components/phoneNumber/phoneNumber.scss?tag=lgr-phone-number&encapsulation=shadow","src/components/phoneNumber/phoneNumber.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  border-radius: 24px;\n  overflow: hidden;\n  cursor: pointer;\n\n  .lgr-phone-number-icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: var(--lgr-spacing-xs);\n    max-height: var(--lgr-spacing-xs);\n    min-width: var(--lgr-spacing-xs);\n    max-width: var(--lgr-spacing-xs);\n    font-size: var(--lgr-font-size-xl);\n    padding: var(--lgr-spacing-nano);\n    border-radius: 50%;\n    color: var(--lgr-color-neutral-high-pure);\n    background-color: var(--lgr-color-neutral-low-pure);\n  }\n\n  .lgr-phone-number-text {\n    padding: var(--lgr-spacing-quarck) var(--lgr-spacing-nano);\n  }\n\n  .lgr-phone-number-mask {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(270deg, #F4F4F4 53.02%, rgba(244, 244, 244, 0.00) 82.05%);\n\n    &-visible {\n      display: none;\n    }\n  }\n}","import { Component, Host, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'lgr-phone-number',\n  styleUrl: 'phoneNumber.scss',\n  shadow: true,\n})\nexport class PhoneNumber {\n  @State() visible: boolean = false;\n\n  render() {\n    return (\n      <Host\n        tabindex=\"0\"\n        onClick={() => {\n          this.visible = true;\n        }}\n      >\n        <div class='lgr-phone-number-icon'>\n          <lgr-icon>call</lgr-icon>\n        </div>\n        <div class='lgr-phone-number-text'>\n          <slot></slot>\n        </div>\n        <span\n          class={{\n            'lgr-phone-number-mask': true,\n            'lgr-phone-number-mask-visible': this.visible\n          }}\n        />\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,+xBACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,sCACM,K,CAE5B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,SAAS,IACTC,QAAS,KACPC,KAAKC,QAAU,IAAI,GAGrBN,EAAA,OAAAE,IAAA,2CAAKK,MAAM,yBACTP,EAAA,YAAAE,IAAA,qDAEFF,EAAA,OAAAE,IAAA,2CAAKK,MAAM,yBACTP,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CACEK,MAAO,CACL,wBAAyB,KACzB,gCAAiCF,KAAKC,W"}