{"__symbolic":"module","version":4,"metadata":{"DebitCardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"db-debit-card","template":"<section class=\"card\">\n  <div class=\"content\">\n    <div class=\"infos\">\n      <p class=\"name\">{{ debitCard.name }}</p>\n      <div class=\"number\">\n        <p>{{ debitCard.number }}</p>\n      </div>\n      <footer class=\"d-flex justify-content-between\">\n        <p>{{ debitCard.securityCode }}</p>\n        <p><strong>VALID</strong> {{ debitCard.expirationDate }}</p>\n      </footer>\n    </div>\n  </div>\n</section>\n","styles":["@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@-webkit-keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@-webkit-keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes circleAnimation{to{transform:rotate(1turn)}}@keyframes circleAnimation{to{transform:rotate(1turn)}}.card{color:#fff}.card,.card .content{width:238px;height:134px}.card .content{border-radius:8px;position:absolute;padding:.4285714286rem;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%22238%22 height%3D%22134%22 viewBox%3D%220 0 238 134%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%22238%22 height%3D%22134%22 rx%3D%2210%22 fill%3D%22url(%23paint0_linear)%22%2F%3E%3Cdefs%3E%3ClinearGradient id%3D%22paint0_linear%22 x1%3D%22251.341%22 y1%3D%22-28.2451%22 x2%3D%2235.1799%22 y2%3D%22153.508%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%23F18D0F%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23FEA000%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\"),linear-gradient(244.67deg,#f18d0f -10.58%,#fea000 94.65%)}.card .content .infos{padding-top:1.4285714286rem;padding-left:.3571428571rem;padding-right:.3571428571rem}.card .content .infos .name{line-height:21px;font-size:1.2857142857rem}.card .content .infos .number{letter-spacing:2px}.card .content .infos .number p,.card .content .infos footer p{font-size:.8571428571rem}"]}]}],"members":{"debitCard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}]}},"DebitCard":{"__symbolic":"interface"},"DebitCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"declarations":[{"__symbolic":"reference","name":"DebitCardComponent"}],"exports":[{"__symbolic":"reference","name":"DebitCardComponent"}]}]}],"members":{}}},"origins":{"DebitCardComponent":"./debit-card.component","DebitCard":"./debit-card.interface","DebitCardModule":"./debit-card.module"},"importAs":"@desbank/components/src/lib/debit-card"}