Mirrors/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-14 15:13:29 +01:00
Code Issues Releases Activity
85f18d0edb
invoiceninja/public/js/card.min.js
Hillel Coren 44c2959f05 Added card library
2017-02-22 20:57:32 +02:00

4 lines
52 KiB
JavaScript
Raw Blame History

var card=function(r){function n(t){if(e[t])return e[t].exports;var a=e[t]={exports:{},id:t,loaded:!1};return r[t].call(a.exports,a,a.exports,n),a.loaded=!0,a.exports}var e={};return n.m=r,n.c=e,n.p="",n(0)}([function(r,n,e){(function(n){var t,a,i,o,d=function(r,n){return function(){return r.apply(n,arguments)}};e(1),a=e(5),o=e(6),i=e(7),t=function(){function r(r){this.maskCardNumber=d(this.maskCardNumber,this);var n;this.options=i(!0,this.defaults,r),this.options.form&&(this.$el=a(this.options.form),this.options.container&&(this.$container=a(this.options.container),n=a.isDOMElement(this.$container)?this.$container:this.$container[0],n.getAttribute(this.initializedDataAttr)||(n.setAttribute(this.initializedDataAttr,!0),this.render(),this.attachHandlers(),this.handleInitialPlaceholders())))}var n;return r.prototype.initializedDataAttr="data-jp-card-initialized",r.prototype.cardTemplate='<div class="jp-card-container"><div class="jp-card"><div class="jp-card-front"><div class="jp-card-logo jp-card-elo"><div class="e">e</div><div class="l">l</div><div class="o">o</div></div><div class="jp-card-logo jp-card-visa">visa</div><div class="jp-card-logo jp-card-mastercard">MasterCard</div><div class="jp-card-logo jp-card-maestro">Maestro</div><div class="jp-card-logo jp-card-amex"></div><div class="jp-card-logo jp-card-discover">discover</div><div class="jp-card-logo jp-card-dankort"><div class="dk"><div class="d"></div><div class="k"></div></div></div><div class="jp-card-lower"><div class="jp-card-shiny"></div><div class="jp-card-cvc jp-card-display">{{cvc}}</div><div class="jp-card-number jp-card-display">{{number}}</div><div class="jp-card-name jp-card-display">{{name}}</div><div class="jp-card-expiry jp-card-display" data-before="{{monthYear}}" data-after="{{validDate}}">{{expiry}}</div></div></div><div class="jp-card-back"><div class="jp-card-bar"></div><div class="jp-card-cvc jp-card-display">{{cvc}}</div><div class="jp-card-shiny"></div></div></div></div>',r.prototype.template=function(r,n){return r.replace(/\{\{(.*?)\}\}/g,function(r,e,t){return n[e]})},r.prototype.cardTypes=["jp-card-amex","jp-card-dankort","jp-card-dinersclub","jp-card-discover","jp-card-jcb","jp-card-laser","jp-card-maestro","jp-card-mastercard","jp-card-unionpay","jp-card-visa","jp-card-visaelectron","jp-card-elo"],r.prototype.defaults={formatting:!0,formSelectors:{numberInput:'input[name="number"]',expiryInput:'input[name="expiry"]',cvcInput:'input[name="cvc"]',nameInput:'input[name="name"]'},cardSelectors:{cardContainer:".jp-card-container",card:".jp-card",numberDisplay:".jp-card-number",expiryDisplay:".jp-card-expiry",cvcDisplay:".jp-card-cvc",nameDisplay:".jp-card-name"},messages:{validDate:"valid\nthru",monthYear:"month/year"},placeholders:{number:"&bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull;",cvc:"&bull;&bull;&bull;",expiry:"&bull;&bull;/&bull;&bull;",name:"Full Name"},masks:{cardNumber:!1},classes:{valid:"jp-card-valid",invalid:"jp-card-invalid"},debug:!1},r.prototype.render=function(){var r,n,e,t,o,d,p,c;a.append(this.$container,this.template(this.cardTemplate,i({},this.options.messages,this.options.placeholders))),p=this.options.cardSelectors;for(e in p)o=p[e],this["$"+e]=a.find(this.$container,o);c=this.options.formSelectors;for(e in c)o=c[e],o=this.options[e]?this.options[e]:o,t=a.find(this.$el,o),!t.length&&this.options.debug,this["$"+e]=t;if(this.options.formatting&&(Payment.formatCardNumber(this.$numberInput),Payment.formatCardCVC(this.$cvcInput),Payment.formatCardExpiry(this.$expiryInput)),this.options.width&&(r=a(this.options.cardSelectors.cardContainer)[0],n=parseInt(r.clientWidth||window.getComputedStyle(r).width),r.style.transform="scale("+this.options.width/n+")"),("undefined"!=typeof navigator&&null!==navigator?navigator.userAgent:void 0)&&(d=navigator.userAgent.toLowerCase(),d.indexOf("safari")!==-1&&d.indexOf("chrome")===-1&&a.addClass(this.$card,"jp-card-safari")),/MSIE 10\./i.test(navigator.userAgent)&&a.addClass(this.$card,"jp-card-ie-10"),/rv:11.0/i.test(navigator.userAgent))return a.addClass(this.$card,"jp-card-ie-11")},r.prototype.attachHandlers=function(){var r,e;return e=[this.validToggler("cardNumber")],this.options.masks.cardNumber&&e.push(this.maskCardNumber),n(this.$numberInput,this.$numberDisplay,{fill:!1,filters:e}),a.on(this.$numberInput,"payment.cardType",this.handle("setCardType")),r=[function(r){return r.replace(/(\s+)/g,"")}],r.push(this.validToggler("cardExpiry")),n(this.$expiryInput,this.$expiryDisplay,{join:function(r){return 2===r[0].length||r[1]?"/":""},filters:r}),n(this.$cvcInput,this.$cvcDisplay,{filters:this.validToggler("cardCVC")}),a.on(this.$cvcInput,"focus",this.handle("flipCard")),a.on(this.$cvcInput,"blur",this.handle("unflipCard")),n(this.$nameInput,this.$nameDisplay,{fill:!1,filters:this.validToggler("cardHolderName"),join:" "})},r.prototype.handleInitialPlaceholders=function(){var r,n,e,t,i;t=this.options.formSelectors,i=[];for(n in t)e=t[n],r=this["$"+n],a.val(r)?(a.trigger(r,"paste"),i.push(setTimeout(function(){return a.trigger(r,"keyup")}))):i.push(void 0);return i},r.prototype.handle=function(r){return function(n){return function(e){var t;return t=Array.prototype.slice.call(arguments),t.unshift(e.target),n.handlers[r].apply(n,t)}}(this)},r.prototype.validToggler=function(r){var n;return"cardExpiry"===r?n=function(r){var n;return n=Payment.fns.cardExpiryVal(r),Payment.fns.validateCardExpiry(n.month,n.year)}:"cardCVC"===r?n=function(r){return function(n){return Payment.fns.validateCardCVC(n,r.cardType)}}(this):"cardNumber"===r?n=function(r){return Payment.fns.validateCardNumber(r)}:"cardHolderName"===r&&(n=function(r){return""!==r}),function(r){return function(e,t,a){var i;return i=n(e),r.toggleValidClass(t,i),r.toggleValidClass(a,i),e}}(this)},r.prototype.toggleValidClass=function(r,n){return a.toggleClass(r,this.options.classes.valid,n),a.toggleClass(r,this.options.classes.invalid,!n)},r.prototype.maskCardNumber=function(r,n,e){var t,a;return t=this.options.masks.cardNumber,a=r.split(" "),a.length>=3?(a.forEach(function(r,n){if(n!==a.length-1)return a[n]=a[n].replace(/\d/g,t)}),a.join(" ")):r.replace(/\d/g,t)},r.prototype.handlers={setCardType:function(r,n){var e;if(e=n.data,!a.hasClass(this.$card,e))return a.removeClass(this.$card,"jp-card-unknown"),a.removeClass(this.$card,this.cardTypes.join(" ")),a.addClass(this.$card,"jp-card-"+e),a.toggleClass(this.$card,"jp-card-identified","unknown"!==e),this.cardType=e},flipCard:function(){return a.addClass(this.$card,"jp-card-flipped")},unflipCard:function(){return a.removeClass(this.$card,"jp-card-flipped")}},n=function(r,n,e){var t,i,o;return null==e&&(e={}),e.fill=e.fill||!1,e.filters=e.filters||[],e.filters instanceof Array||(e.filters=[e.filters]),e.join=e.join||"","function"!=typeof e.join&&(t=e.join,e.join=function(){return t}),o=function(){var r,e,t;for(t=[],r=0,e=n.length;r<e;r++)i=n[r],t.push(i.textContent);return t}(),a.on(r,"focus",function(){return a.addClass(n,"jp-card-focused")}),a.on(r,"blur",function(){return a.removeClass(n,"jp-card-focused")}),a.on(r,"keyup change paste",function(t){var i,d,p,c,l,s,f,g,u,b,j,h,m;for(f=function(){var n,e,t;for(t=[],n=0,e=r.length;n<e;n++)i=r[n],t.push(a.val(i));return t}(),c=e.join(f),f=f.join(c),f===c&&(f=""),h=e.filters,g=0,b=h.length;g<b;g++)d=h[g],f=d(f,r,n);for(m=[],p=u=0,j=n.length;u<j;p=++u)l=n[p],s=e.fill?f+o[p].substring(f.length):f||o[p],m.push(l.textContent=s);return m}),r},r}(),r.exports=t,n.Card=t}).call(n,function(){return this}())},function(r,n,e){var t=e(2);"string"==typeof t&&(t=[[r.id,t,""]]);e(4)(t,{});t.locals&&(r.exports=t.locals)},function(r,n,e){n=r.exports=e(3)(),n.push([r.id,'.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {\n background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\n background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }\n\n.jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped {\n -webkit-transform: 0deg;\n -moz-transform: 0deg;\n -ms-transform: 0deg;\n -o-transform: 0deg;\n transform: 0deg; }\n .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {\n -webkit-transform: rotateY(0deg);\n -moz-transform: rotateY(0deg);\n -ms-transform: rotateY(0deg);\n -o-transform: rotateY(0deg);\n transform: rotateY(0deg); }\n .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {\n -webkit-transform: rotateY(0deg);\n -moz-transform: rotateY(0deg);\n -ms-transform: rotateY(0deg);\n -o-transform: rotateY(0deg);\n transform: rotateY(0deg); }\n .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {\n left: 18%; }\n .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {\n -webkit-transform: rotateY(180deg);\n -moz-transform: rotateY(180deg);\n -ms-transform: rotateY(180deg);\n -o-transform: rotateY(180deg);\n transform: rotateY(180deg);\n left: 5%; }\n .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {\n left: 84%; }\n .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {\n left: -480%;\n -webkit-transform: rotateY(180deg);\n -moz-transform: rotateY(180deg);\n -ms-transform: rotateY(180deg);\n -o-transform: rotateY(180deg);\n transform: rotateY(180deg); }\n\n.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {\n display: none; }\n\n.jp-card-logo {\n height: 36px;\n width: 60px;\n font-style: italic; }\n .jp-card-logo, .jp-card-logo:before, .jp-card-logo:after {\n box-sizing: border-box; }\n\n.jp-card-logo.jp-card-amex {\n text-transform: uppercase;\n font-size: 4px;\n font-weight: bold;\n color: white;\n background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);\n background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);\n border: 1px solid #EEE; }\n .jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after {\n width: 28px;\n display: block;\n position: absolute;\n left: 16px; }\n .jp-card-logo.jp-card-amex:before {\n height: 28px;\n content: "american";\n top: 3px;\n text-align: left;\n padding-left: 2px;\n padding-top: 11px;\n background: #267AC3; }\n .jp-card-logo.jp-card-amex:after {\n content: "express";\n bottom: 11px;\n text-align: right;\n padding-right: 2px; }\n\n.jp-card.jp-card-amex.jp-card-flipped {\n -webkit-transform: none;\n -moz-transform: none;\n -ms-transform: none;\n -o-transform: none;\n transform: none; }\n\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {\n background-color: #108168; }\n\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {\n opacity: 1; }\n\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {\n visibility: visible; }\n\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {\n opacity: 1; }\n\n.jp-card-logo.jp-card-discover {\n background: #FF6600;\n color: #111;\n text-transform: uppercase;\n font-style: normal;\n font-weight: bold;\n font-size: 10px;\n text-align: center;\n overflow: hidden;\n z-index: 1;\n padding-top: 9px;\n letter-spacing: .03em;\n border: 1px solid #EEE; }\n .jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after {\n content: " ";\n display: block;\n position: absolute; }\n .jp-card-logo.jp-card-discover:before {\n background: white;\n width: 200px;\n height: 200px;\n border-radius: 200px;\n bottom: -5%;\n right: -80%;\n z-index: -1; }\n .jp-card-logo.jp-card-discover:after {\n width: 8px;\n height: 8px;\n border-radius: 4px;\n top: 10px;\n left: 27px;\n background-color: #FF6600;\n background-image: -webkit-radial-gradient(#FF6600, #fff);\n background-image: radial-gradient( #FF6600, #fff);\n content: "network";\n font-size: 4px;\n line-height: 24px;\n text-indent: -7px; }\n\n.jp-card .jp-card-front .jp-card-logo.jp-card-discover {\n right: 12%;\n top: 18%; }\n\n.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {\n background-color: #86B8CF; }\n\n.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {\n opacity: 1; }\n\n.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {\n -webkit-transition: 400ms;\n -moz-transition: 400ms;\n transition: 400ms;\n content: " ";\n display: block;\n background-color: #FF6600;\n background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600);\n background-image: linear-gradient(#FF6600, #ffa366, #FF6600);\n height: 50px;\n width: 50px;\n border-radius: 25px;\n position: absolute;\n left: 100%;\n top: 15%;\n margin-left: -25px;\n box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5); }\n\n.jp-card-logo.jp-card-visa {\n background: white;\n text-transform: uppercase;\n color: #1A1876;\n text-align: center;\n font-weight: bold;\n font-size: 15px;\n line-height: 18px; }\n .jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after {\n content: " ";\n display: block;\n width: 100%;\n height: 25%; }\n .jp-card-logo.jp-card-visa:before {\n background: #1A1876; }\n .jp-card-logo.jp-card-visa:after {\n background: #E79800; }\n\n.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {\n background-color: #191278; }\n\n.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {\n opacity: 1; }\n\n.jp-card-logo.jp-card-mastercard {\n color: white;\n font-weight: bold;\n text-align: center;\n font-size: 9px;\n line-height: 36px;\n z-index: 1;\n text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }\n .jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after {\n content: " ";\n display: block;\n width: 36px;\n top: 0;\n position: absolute;\n height: 36px;\n border-radius: 18px; }\n .jp-card-logo.jp-card-mastercard:before {\n left: 0;\n background: #FF0000;\n z-index: -1; }\n .jp-card-logo.jp-card-mastercard:after {\n right: 0;\n background: #FFAB00;\n z-index: -2; }\n\n.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {\n box-shadow: none; }\n\n.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {\n background-color: #0061A8; }\n\n.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {\n opacity: 1; }\n\n.jp-card-logo.jp-card-maestro {\n color: white;\n font-weight: bold;\n text-align: center;\n font-size: 14px;\n line-height: 36px;\n z-index: 1;\n text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }\n .jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after {\n content: " ";\n display: block;\n width: 36px;\n top: 0;\n position: absolute;\n height: 36px;\n border-radius: 18px; }\n .jp-card-logo.jp-card-maestro:before {\n left: 0;\n background: #0064CB;\n z-index: -1; }\n .jp-card-logo.jp-card-maestro:after {\n right: 0;\n background: #CC0000;\n z-index: -2; }\n\n.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {\n box-shadow: none; }\n\n.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {\n background-color: #0B2C5F; }\n\n.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {\n opacity: 1; }\n\n.jp-card-logo.jp-card-dankort {\n width: 60px;\n height: 36px;\n padding: 3px;\n border-radius: 8px;\n border: #000000 1px solid;\n background-color: #FFFFFF; }\n .jp-card-logo.jp-card-dankort .dk {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden; }\n .jp-card-logo.jp-card-dankort .dk:before {\n background-color: #ED1C24;\n content: \'\';\n position: absolute;\n width: 100%;\n height: 100%;\n display: block;\n border-radius: 6px; }\n .jp-card-logo.jp-card-dankort .dk:after {\n content: \'\';\n position: absolute;\n top: 50%;\n margin-top: -7.7px;\n right: 0;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 7px 7px 10px 0;\n border-color: transparent #ED1C24 transparent transparent;\n z-index: 1; }\n .jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k {\n position: absolute;\n top: 50%;\n width: 50%;\n display: block;\n height: 15.4px;\n margin-top: -7.7px;\n background: white; }\n .jp-card-logo.jp-card-dankort .d {\n left: 0;\n border-radius: 0 8px 10px 0; }\n .jp-card-logo.jp-card-dankort .d:before {\n content: \'\';\n position: absolute;\n top: 50%;\n left: 50%;\n display: block;\n background: #ED1C24;\n border-radius: 2px 4px 6px 0px;\n height: 5px;\n width: 7px;\n margin: -3px 0 0 -4px; }\n .jp-card-logo.jp-card-dankort .k {\n right: 0; }\n .jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after {\n content: \'\';\n position: absolute;\n right: 50%;\n width: 0;\n height: 0;\n border-style: solid;\n margin-right: -1px; }\n .jp-card-logo.jp-card-dankort .k:before {\n top: 0;\n border-width: 8px 5px 0 0;\n border-color: #ED1C24 transparent transparent transparent; }\n .jp-card-logo.jp-card-dankort .k:after {\n bottom: 0;\n border-width: 0 5px 8px 0;\n border-color: transparent transparent #ED1C24 transparent; }\n\n.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {\n background-color: #0055C7; }\n\n.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {\n opacity: 1; }\n\n.jp-card-logo.jp-card-elo {\n height: 50px;\n width: 50px;\n border-radius: 100%;\n background: black;\n color: white;\n text-align: center;\n text-transform: lowercase;\n font-size: 21px;\n font-style: normal;\n letter-spacing: 1px;\n font-weight: bold;\n padding-top: 13px; }\n .jp-card-logo.jp-card-elo .e, .jp-card-logo.jp-card-elo .l, .jp-card-logo.jp-card-elo .o {\n display: inline-block;\n position: relative; }\n .jp-card-logo.jp-card-elo .e {\n -webkit-transform: rotate(-15deg);\n -moz-transform: rotate(-15deg);\n -ms-transform: rotate(-15deg);\n -o-transform: rotate(-15deg);\n transform: rotate(-15deg); }\n .jp-card-logo.jp-card-elo .o {\n position: relative;\n display: inline-block;\n width: 12px;\n height: 12px;\n right: 0;\n top: 7px;\n border-radius: 100%;\n background-image: -webkit-linear-gradient( yellow 50%, red 50%);\n background-image: linear-gradient( yellow 50%, red 50%);\n -webkit-transform: rotate(40deg);\n -moz-transform: rotate(40deg);\n -ms-transform: rotate(40deg);\n -o-transform: rotate(40deg);\n transform: rotate(40deg);\n text-indent: -9999px; }\n .jp-card-logo.jp-card-elo .o:before {\n content: "";\n position: absolute;\n width: 49%;\n height: 49%;\n background: black;\n border-radius: 100%;\n text-indent: -99999px;\n top: 25%;\n left: 25%; }\n\n.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before, .jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {\n background-color: #6F6969; }\n\n.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {\n opacity: 1; }\n\n.jp-card-container {\n -webkit-perspective: 1000px;\n -moz-perspective: 1000px;\n perspective: 1000px;\n width: 350px;\n max-width: 100%;\n height: 200px;\n margin: auto;\n z-index: 1;\n position: relative; }\n\n.jp-card {\n font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n line-height: 1;\n position: relative;\n width: 100%;\n height: 100%;\n min-width: 315px;\n border-radius: 10px;\n -webkit-transform-style: preserve-3d;\n -moz-transform-style: preserve-3d;\n -ms-transform-style: preserve-3d;\n -o-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-transition: all 400ms linear;\n -moz-transition: all 400ms linear;\n transition: all 400ms linear; }\n .jp-card > *, .jp-card > *:before, .jp-card > *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-family: inherit; }\n .jp-card.jp-card-flipped {\n -webkit-transform: rotateY(180deg);\n -moz-transform: rotateY(180deg);\n -ms-transform: rotateY(180deg);\n -o-transform: rotateY(180deg);\n transform: rotateY(180deg);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden; }\n .jp-card .jp-card-front, .jp-card .jp-card-back {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transform-style: preserve-3d;\n -moz-transform-style: preserve-3d;\n -ms-transform-style: preserve-3d;\n -o-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-transition: all 400ms linear;\n -moz-transition: all 400ms linear;\n transition: all 400ms linear;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n border-radius: 10px;\n background: #DDD; }\n .jp-card .jp-card-front:before, .jp-card .jp-card-back:before {\n content: " ";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n opacity: 0;\n border-radius: 10px;\n -webkit-transition: all 400ms ease;\n -moz-transition: all 400ms ease;\n transition: all 400ms ease; }\n .jp-card .jp-card-front:after, .jp-card .jp-card-back:after {\n content: " ";\n display: block; }\n .jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {\n color: white;\n font-weight: normal;\n opacity: 0.5;\n -webkit-transition: opacity 400ms linear;\n -moz-transition: opacity 400ms linear;\n transition: opacity 400ms linear; }\n .jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused {\n opacity: 1;\n font-weight: 700; }\n .jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc {\n font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;\n font-size: 14px; }\n .jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny {\n width: 50px;\n height: 35px;\n border-radius: 5px;\n background: #CCC;\n position: relative; }\n .jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before {\n content: " ";\n display: block;\n width: 70%;\n height: 60%;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n background: #d9d9d9;\n position: absolute;\n top: 20%; }\n .jp-card .jp-card-front .jp-card-logo {\n position: absolute;\n opacity: 0;\n right: 5%;\n top: 8%;\n -webkit-transition: 400ms;\n -moz-transition: 400ms;\n transition: 400ms; }\n .jp-card .jp-card-front .jp-card-lower {\n width: 80%;\n position: absolute;\n left: 10%;\n bottom: 30px; }\n @media only screen and (max-width: 480px) {\n .jp-card .jp-card-front .jp-card-lower {\n width: 90%;\n left: 5%; } }\n .jp-card .jp-card-front .jp-card-lower .jp-card-cvc {\n visibility: hidden;\n float: right;\n position: relative;\n bottom: 5px; }\n .jp-card .jp-card-front .jp-card-lower .jp-card-number {\n font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;\n font-size: 24px;\n clear: both;\n margin-bottom: 30px; }\n .jp-card .jp-card-front .jp-card-lower .jp-card-expiry {\n font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;\n letter-spacing: 0em;\n position: relative;\n float: right;\n width: 25%; }\n .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {\n font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n font-weight: bold;\n font-size: 7px;\n white-space: pre;\n display: block;\n opacity: .5; }\n .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {\n content: attr(data-before);\n margin-bottom: 2px;\n font-size: 7px;\n text-transform: uppercase; }\n .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {\n position: absolute;\n content: attr(data-after);\n text-align: right;\n right: 100%;\n margin-right: 5px;\n margin-top: 2px;\n bottom: 0; }\n .jp-card .jp-card-front .jp-card-lower .jp-card-name {\n text-transform: uppercase;\n font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;\n font-size: 20px;\n max-height: 45px;\n position: absolute;\n bottom: 0;\n width: 190px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: horizontal;\n overflow: hidden;\n text-overflow: ellipsis; }\n .jp-card .jp-card-back {\n -webkit-transform: rotateY(180deg);\n -moz-transform: rotateY(180deg);\n -ms-transform: rotateY(180deg);\n -o-transform: rotateY(180deg);\n transform: rotateY(180deg); }\n .jp-card .jp-card-back .jp-card-bar {\n background-color: #444;\n background-image: -webkit-linear-gradient(#444, #333);\n background-image: linear-gradient(#444, #333);\n width: 100%;\n height: 20%;\n position: absolute;\n top: 10%; }\n .jp-card .jp-card-back:after {\n content: " ";\n display: block;\n background-color: #FFF;\n background-image: -webkit-linear-gradient(#FFF, #FFF);\n background-image: linear-gradient(#FFF, #FFF);\n width: 80%;\n height: 16%;\n position: absolute;\n top: 40%;\n left: 2%; }\n .jp-card .jp-card-back .jp-card-cvc {\n position: absolute;\n top: 40%;\n left: 85%;\n -webkit-transition-delay: 600ms;\n -moz-transition-delay: 600ms;\n transition-delay: 600ms; }\n .jp-card .jp-card-back .jp-card-shiny {\n position: absolute;\n top: 66%;\n left: 2%; }\n .jp-card .jp-card-back .jp-card-shiny:after {\n content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.AIt comes with no warranty.A For support issues, please visit: github.com/jessepollak/card.";\n position: absolute;\n left: 120%;\n top: 5%;\n color: white;\n font-size: 7px;\n width: 230px;\n opacity: .5; }\n .jp-card.jp-card-identified {\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }\n .jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back {\n background-color: #000;\n background-color: rgba(0, 0, 0, 0.5); }\n .jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before {\n -webkit-transition: all 400ms ease;\n -moz-transition: all 400ms ease;\n transition: all 400ms ease;\n background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\n background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\n opacity: 1; }\n .jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo {\n box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }\n .jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {\n background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\n background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }\n',""]);
},function(r,n){r.exports=function(){var r=[];return r.toString=function(){for(var r=[],n=0;n<this.length;n++){var e=this[n];e[2]?r.push("@media "+e[2]+"{"+e[1]+"}"):r.push(e[1])}return r.join("")},r.i=function(n,e){"string"==typeof n&&(n=[[null,n,""]]);for(var t={},a=0;a<this.length;a++){var i=this[a][0];"number"==typeof i&&(t[i]=!0)}for(a=0;a<n.length;a++){var o=n[a];"number"==typeof o[0]&&t[o[0]]||(e&&!o[2]?o[2]=e:e&&(o[2]="("+o[2]+") and ("+e+")"),r.push(o))}},r}},function(r,n,e){function t(r,n){for(var e=0;e<r.length;e++){var t=r[e],a=g[t.id];if(a){a.refs++;for(var i=0;i<a.parts.length;i++)a.parts[i](t.parts[i]);for(;i<t.parts.length;i++)a.parts.push(c(t.parts[i],n))}else{for(var o=[],i=0;i<t.parts.length;i++)o.push(c(t.parts[i],n));g[t.id]={id:t.id,refs:1,parts:o}}}}function a(r){for(var n=[],e={},t=0;t<r.length;t++){var a=r[t],i=a[0],o=a[1],d=a[2],p=a[3],c={css:o,media:d,sourceMap:p};e[i]?e[i].parts.push(c):n.push(e[i]={id:i,parts:[c]})}return n}function i(r,n){var e=j(),t=v[v.length-1];if("top"===r.insertAt)t?t.nextSibling?e.insertBefore(n,t.nextSibling):e.appendChild(n):e.insertBefore(n,e.firstChild),v.push(n);else{if("bottom"!==r.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");e.appendChild(n)}}function o(r){r.parentNode.removeChild(r);var n=v.indexOf(r);n>=0&&v.splice(n,1)}function d(r){var n=document.createElement("style");return n.type="text/css",i(r,n),n}function p(r){var n=document.createElement("link");return n.rel="stylesheet",i(r,n),n}function c(r,n){var e,t,a;if(n.singleton){var i=m++;e=h||(h=d(n)),t=l.bind(null,e,i,!1),a=l.bind(null,e,i,!0)}else r.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(e=p(n),t=f.bind(null,e),a=function(){o(e),e.href&&URL.revokeObjectURL(e.href)}):(e=d(n),t=s.bind(null,e),a=function(){o(e)});return t(r),function(n){if(n){if(n.css===r.css&&n.media===r.media&&n.sourceMap===r.sourceMap)return;t(r=n)}else a()}}function l(r,n,e,t){var a=e?"":t.css;if(r.styleSheet)r.styleSheet.cssText=x(n,a);else{var i=document.createTextNode(a),o=r.childNodes;o[n]&&r.removeChild(o[n]),o.length?r.insertBefore(i,o[n]):r.appendChild(i)}}function s(r,n){var e=n.css,t=n.media;if(t&&r.setAttribute("media",t),r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}function f(r,n){var e=n.css,t=n.sourceMap;t&&(e+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */");var a=new Blob([e],{type:"text/css"}),i=r.href;r.href=URL.createObjectURL(a),i&&URL.revokeObjectURL(i)}var g={},u=function(r){var n;return function(){return"undefined"==typeof n&&(n=r.apply(this,arguments)),n}},b=u(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),j=u(function(){return document.head||document.getElementsByTagName("head")[0]}),h=null,m=0,v=[];r.exports=function(r,n){n=n||{},"undefined"==typeof n.singleton&&(n.singleton=b()),"undefined"==typeof n.insertAt&&(n.insertAt="bottom");var e=a(r);return t(e,n),function(r){for(var i=[],o=0;o<e.length;o++){var d=e[o],p=g[d.id];p.refs--,i.push(p)}if(r){var c=a(r);t(c,n)}for(var o=0;o<i.length;o++){var p=i[o];if(0===p.refs){for(var l=0;l<p.parts.length;l++)p.parts[l]();delete g[p.id]}}}};var x=function(){var r=[];return function(n,e){return r[n]=e,r.filter(Boolean).join("\n")}}()},function(r,n){(function(){var n,e,t;n=function(r){return n.isDOMElement(r)?r:document.querySelectorAll(r)},n.isDOMElement=function(r){return r&&null!=r.nodeName},t=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,n.trim=function(r){return null===r?"":(r+"").replace(t,"")},e=/\r/g,n.val=function(r,n){var t;return arguments.length>1?r.value=n:(t=r.value,"string"==typeof t?t.replace(e,""):null===t?"":t)},n.preventDefault=function(r){return"function"==typeof r.preventDefault?void r.preventDefault():(r.returnValue=!1,!1)},n.normalizeEvent=function(r){var e;return e=r,r={which:null!=e.which?e.which:void 0,target:e.target||e.srcElement,preventDefault:function(){return n.preventDefault(e)},originalEvent:e,data:e.data||e.detail},null==r.which&&(r.which=null!=e.charCode?e.charCode:e.keyCode),r},n.on=function(r,e,t){var a,i,o,d,p,c,l,s;if(r.length)for(i=0,d=r.length;i<d;i++)a=r[i],n.on(a,e,t);else{if(!e.match(" "))return l=t,t=function(r){return r=n.normalizeEvent(r),l(r)},r.addEventListener?r.addEventListener(e,t,!1):r.attachEvent?(e="on"+e,r.attachEvent(e,t)):void(r["on"+e]=t);for(s=e.split(" "),o=0,p=s.length;o<p;o++)c=s[o],n.on(r,c,t)}},n.addClass=function(r,e){var t;return r.length?function(){var a,i,o;for(o=[],a=0,i=r.length;a<i;a++)t=r[a],o.push(n.addClass(t,e));return o}():r.classList?r.classList.add(e):r.className+=" "+e},n.hasClass=function(r,e){var t,a,i,o;if(r.length){for(a=!0,i=0,o=r.length;i<o;i++)t=r[i],a=a&&n.hasClass(t,e);return a}return r.classList?r.classList.contains(e):new RegExp("(^| )"+e+"( |$)","gi").test(r.className)},n.removeClass=function(r,e){var t,a,i,o,d,p;if(r.length)return function(){var t,i,o;for(o=[],t=0,i=r.length;t<i;t++)a=r[t],o.push(n.removeClass(a,e));return o}();if(r.classList){for(d=e.split(" "),p=[],i=0,o=d.length;i<o;i++)t=d[i],p.push(r.classList.remove(t));return p}return r.className=r.className.replace(new RegExp("(^|\\b)"+e.split(" ").join("|")+"(\\b|$)","gi")," ")},n.toggleClass=function(r,e,t){var a;return r.length?function(){var i,o,d;for(d=[],i=0,o=r.length;i<o;i++)a=r[i],d.push(n.toggleClass(a,e,t));return d}():t?n.hasClass(r,e)?void 0:n.addClass(r,e):n.removeClass(r,e)},n.append=function(r,e){var t;return r.length?function(){var a,i,o;for(o=[],a=0,i=r.length;a<i;a++)t=r[a],o.push(n.append(t,e));return o}():r.insertAdjacentHTML("beforeend",e)},n.find=function(r,n){return(r instanceof NodeList||r instanceof Array)&&(r=r[0]),r.querySelectorAll(n)},n.trigger=function(r,n,e){var t,a,i;try{i=new CustomEvent(n,{detail:e})}catch(a){t=a,i=document.createEvent("CustomEvent"),i.initCustomEvent?i.initCustomEvent(n,!0,!0,e):i.initEvent(n,!0,!0,e)}return r.dispatchEvent(i)},r.exports=n}).call(this)},function(r,n,e){(function(n){(function(){var t,a,i,o,d,p,c,l,s,f,g,u,b,j,h,m,v,x,y,k,w,C,E,$,F=[].indexOf||function(r){for(var n=0,e=this.length;n<e;n++)if(n in this&&this[n]===r)return n;return-1};a=e(5),p=/(\d{1,4})/g,d=[{type:"amex",pattern:/^3[47]/,format:/(\d{1,4})(\d{1,6})?(\d{1,5})?/,length:[15],cvcLength:[4],luhn:!0},{type:"dankort",pattern:/^5019/,format:p,length:[16],cvcLength:[3],luhn:!0},{type:"dinersclub",pattern:/^(36|38|30[0-5])/,format:/(\d{1,4})(\d{1,6})?(\d{1,4})?/,length:[14],cvcLength:[3],luhn:!0},{type:"discover",pattern:/^(6011|65|64[4-9]|622)/,format:p,length:[16],cvcLength:[3],luhn:!0},{type:"jcb",pattern:/^35/,format:p,length:[16],cvcLength:[3],luhn:!0},{type:"laser",pattern:/^(6706|6771|6709)/,format:p,length:[16,17,18,19],cvcLength:[3],luhn:!0},{type:"maestro",pattern:/^(5018|5020|5038|6304|6703|6708|6759|676[1-3])/,format:p,length:[12,13,14,15,16,17,18,19],cvcLength:[3],luhn:!0},{type:"mastercard",pattern:/^5[1-5]/,pattern:/^(5[1-5]|677189)|^(222[1-9]|2[3-6]\d{2}|27[0-1]\d|2720)/,format:p,length:[16],cvcLength:[3],luhn:!0},{type:"unionpay",pattern:/^62/,format:p,length:[16,17,18,19],cvcLength:[3],luhn:!1},{type:"visaelectron",pattern:/^4(026|17500|405|508|844|91[37])/,format:p,length:[16],cvcLength:[3],luhn:!0},{type:"elo",pattern:/^(4011|438935|45(1416|76|7393)|50(4175|6699|67|90[4-7])|63(6297|6368))/,format:p,length:[16],cvcLength:[3],luhn:!0},{type:"visa",pattern:/^4/,format:p,length:[13,16,19],cvcLength:[3],luhn:!0}],i=function(r){var n,e,t;for(r=(r+"").replace(/\D/g,""),e=0,t=d.length;e<t;e++)if(n=d[e],n.pattern.test(r))return n},o=function(r){var n,e,t;for(e=0,t=d.length;e<t;e++)if(n=d[e],n.type===r)return n},h=function(r){var n,e,t,a,i,o;for(i=!0,o=0,e=(r+"").split("").reverse(),t=0,a=e.length;t<a;t++)n=e[t],n=parseInt(n,10),(i=!i)&&(n*=2),n>9&&(n-=9),o+=n;return o%10===0},j=function(r){var n,e,t;try{if(null!=r.selectionStart&&r.selectionStart!==r.selectionEnd)return!0;if(null!=("undefined"!=typeof document&&null!==document&&null!=(t=document.selection)?t.createRange:void 0)&&document.selection.createRange().text)return!0}catch(e){n=e}return!1},m=function(r){return setTimeout(function(n){return function(){var n,e;return n=r.target,e=a.val(n),e=t.fns.formatCardNumber(e),a.val(n,e),a.trigger(n,"change")}}(this))},s=function(r){var n,e,t,o,d,p,c;if(e=String.fromCharCode(r.which),/^\d+$/.test(e)&&(d=r.target,c=a.val(d),n=i(c+e),t=(c.replace(/\D/g,"")+e).length,p=16,n&&(p=n.length[n.length.length-1]),!(t>=p||j(d))))return o=n&&"amex"===n.type?/^(\d{4}|\d{4}\s\d{6})$/:/(?:^|\s)(\d{4})$/,o.test(c)?(r.preventDefault(),a.val(d,c+" "+e),a.trigger(d,"change")):o.test(c+e)?(r.preventDefault(),a.val(d,c+e+" "),a.trigger(d,"change")):void 0},c=function(r){var n,e;if(n=r.target,e=a.val(n),!r.meta&&8===r.which&&!j(n))return/\d\s$/.test(e)?(r.preventDefault(),a.val(n,e.replace(/\d\s$/,""))):/\s\d?$/.test(e)?(r.preventDefault(),a.val(n,e.replace(/\s\d?$/,""))):void 0},f=function(r){var n,e,t;if(n=String.fromCharCode(r.which),/^\d+$/.test(n))return e=r.target,t=a.val(e)+n,/^\d$/.test(t)&&"0"!==t&&"1"!==t?(r.preventDefault(),a.val(e,"0"+t+" / ")):/^\d\d$/.test(t)?(r.preventDefault(),a.val(e,t+" / ")):void 0},b=function(r){var n,e,t;if(n=String.fromCharCode(r.which),/^\d+$/.test(n))return e=r.target,t=a.val(e)+n,/^\d$/.test(t)&&"0"!==t&&"1"!==t?(r.preventDefault(),a.val(e,"0"+t)):/^\d\d$/.test(t)?(r.preventDefault(),a.val(e,""+t)):void 0},g=function(r){var n,e,t;if(n=String.fromCharCode(r.which),/^\d+$/.test(n))return e=r.target,t=a.val(e),/^\d\d$/.test(t)?a.val(e,t+" / "):void 0},u=function(r){var n,e,t;if(n=String.fromCharCode(r.which),"/"===n)return e=r.target,t=a.val(e),/^\d$/.test(t)&&"0"!==t?a.val(e,"0"+t+" / "):void 0},l=function(r){var n,e;if(!r.metaKey&&(n=r.target,e=a.val(n),8===r.which&&!j(n)))return/\d(\s|\/)+$/.test(e)?(r.preventDefault(),a.val(n,e.replace(/\d(\s|\/)*$/,""))):/\s\/\s?\d?$/.test(e)?(r.preventDefault(),a.val(n,e.replace(/\s\/\s?\d?$/,""))):void 0},C=function(r){var n;return!(!r.metaKey&&!r.ctrlKey)||(32===r.which?r.preventDefault():0===r.which||(r.which<33||(n=String.fromCharCode(r.which),/[\d\s]/.test(n)?void 0:r.preventDefault())))},x=function(r){var n,e,t,o;if(t=r.target,e=String.fromCharCode(r.which),/^\d+$/.test(e)&&!j(t))if(o=(a.val(t)+e).replace(/\D/g,""),n=i(o)){if(!(o.length<=n.length[n.length.length-1]))return r.preventDefault()}else if(!(o.length<=16))return r.preventDefault()},k=function(r,n){var e,t,i;if(t=r.target,e=String.fromCharCode(r.which),/^\d+$/.test(e)&&!j(t))return i=a.val(t)+e,i=i.replace(/\D/g,""),i.length>n?r.preventDefault():void 0},y=function(r){return k(r,6)},w=function(r){return k(r,2)},E=function(r){return k(r,4)},v=function(r){var n,e,t;if(e=r.target,n=String.fromCharCode(r.which),/^\d+$/.test(n)&&!j(e))return t=a.val(e)+n,t.length<=4?void 0:r.preventDefault()},$=function(r){var n,e,i,o,p;if(o=r.target,p=a.val(o),i=t.fns.cardType(p)||"unknown",!a.hasClass(o,i))return n=function(){var r,n,t;for(t=[],r=0,n=d.length;r<n;r++)e=d[r],t.push(e.type);return t}(),a.removeClass(o,"unknown"),a.removeClass(o,n.join(" ")),a.addClass(o,i),a.toggleClass(o,"identified","unknown"!==i),a.trigger(o,"payment.cardType",i)},t=function(){function r(){}return r.fns={cardExpiryVal:function(r){var n,e,t,a;return r=r.replace(/\s/g,""),t=r.split("/",2),n=t[0],a=t[1],2===(null!=a?a.length:void 0)&&/^\d+$/.test(a)&&(e=(new Date).getFullYear(),e=e.toString().slice(0,2),a=e+a),n=parseInt(n,10),a=parseInt(a,10),{month:n,year:a}},validateCardNumber:function(r){var n,e;return r=(r+"").replace(/\s+|-/g,""),!!/^\d+$/.test(r)&&(n=i(r),!!n&&(e=r.length,F.call(n.length,e)>=0&&(n.luhn===!1||h(r))))},validateCardExpiry:function(n,e){var t,i,o,d,p;return"object"==typeof n&&"month"in n?(d=n,n=d.month,e=d.year):"string"==typeof n&&F.call(n,"/")>=0&&(p=r.fns.cardExpiryVal(n),n=p.month,e=p.year),!(!n||!e)&&(n=a.trim(n),e=a.trim(e),!!/^\d+$/.test(n)&&(!!/^\d+$/.test(e)&&(n=parseInt(n,10),!!(n&&n<=12)&&(2===e.length&&(o=(new Date).getFullYear(),o=o.toString().slice(0,2),e=o+e),i=new Date(e,n),t=new Date,i.setMonth(i.getMonth()-1),i.setMonth(i.getMonth()+1,1),i>t))))},validateCardCVC:function(r,n){var e,t;return r=a.trim(r),!!/^\d+$/.test(r)&&(n&&o(n)?(e=r.length,F.call(null!=(t=o(n))?t.cvcLength:void 0,e)>=0):r.length>=3&&r.length<=4)},cardType:function(r){var n;return r?(null!=(n=i(r))?n.type:void 0)||null:null},formatCardNumber:function(r){var n,e,t,a;return(n=i(r))?(a=n.length[n.length.length-1],r=r.replace(/\D/g,""),r=r.slice(0,a),n.format.global?null!=(t=r.match(n.format))?t.join(" "):void 0:(e=n.format.exec(r),null!=e&&e.shift(),null!=e?e.join(" "):void 0)):r}},r.restrictNumeric=function(r){return a.on(r,"keypress",C)},r.cardExpiryVal=function(n){return r.fns.cardExpiryVal(a.val(n))},r.formatCardCVC=function(n){return r.restrictNumeric(n),a.on(n,"keypress",v),n},r.formatCardExpiry=function(n){var e,t;return r.restrictNumeric(n),n.length&&2===n.length?(e=n[0],t=n[1],this.formatCardExpiryMultiple(e,t)):(a.on(n,"keypress",y),a.on(n,"keypress",f),a.on(n,"keypress",u),a.on(n,"keypress",g),a.on(n,"keydown",l)),n},r.formatCardExpiryMultiple=function(r,n){return a.on(r,"keypress",w),a.on(r,"keypress",b),a.on(n,"keypress",E)},r.formatCardNumber=function(n){return r.restrictNumeric(n),a.on(n,"keypress",x),a.on(n,"keypress",s),a.on(n,"keydown",c),a.on(n,"keyup",$),a.on(n,"paste",m),n},r.getCardArray=function(){return d},r.setCardArray=function(r){return d=r,!0},r.addToCardArray=function(r){return d.push(r)},r.removeFromCardArray=function(r){var n,e;for(n in d)e=d[n],e.type===r&&d.splice(n,1);return!0},r}(),r.exports=t,n.Payment=t}).call(this)}).call(n,function(){return this}())},function(r,n,e){"use strict";r.exports=e(8)},function(r,n,e){"use strict";var t=e(9),a=function i(){var r,n,e,a,o,d,p=arguments[0]||{},c=1,l=arguments.length,s=!1;for("boolean"==typeof p&&(s=p,p=arguments[1]||{},c=2),"object"==typeof p||t.fn(p)||(p={});c<l;c++)if(r=arguments[c],null!=r){"string"==typeof r&&(r=r.split(""));for(n in r)e=p[n],a=r[n],p!==a&&(s&&a&&(t.hash(a)||(o=t.array(a)))?(o?(o=!1,d=e&&t.array(e)?e:[]):d=e&&t.hash(e)?e:{},p[n]=i(s,d,a)):"undefined"!=typeof a&&(p[n]=a))}return p};a.version="1.1.3",r.exports=a},function(r,n){"use strict";var e,t=Object.prototype,a=t.hasOwnProperty,i=t.toString;"function"==typeof Symbol&&(e=Symbol.prototype.valueOf);var o=function(r){return r!==r},d={"boolean":1,number:1,string:1,undefined:1},p=/^([A-Za-z0-9+\/]{4})*([A-Za-z0-9+\/]{4}|[A-Za-z0-9+\/]{3}=|[A-Za-z0-9+\/]{2}==)$/,c=/^[A-Fa-f0-9]+$/,l={};l.a=l.type=function(r,n){return typeof r===n},l.defined=function(r){return"undefined"!=typeof r},l.empty=function(r){var n,e=i.call(r);if("[object Array]"===e||"[object Arguments]"===e||"[object String]"===e)return 0===r.length;if("[object Object]"===e){for(n in r)if(a.call(r,n))return!1;return!0}return!r},l.equal=function(r,n){if(r===n)return!0;var e,t=i.call(r);if(t!==i.call(n))return!1;if("[object Object]"===t){for(e in r)if(!(l.equal(r[e],n[e])&&e in n))return!1;for(e in n)if(!(l.equal(r[e],n[e])&&e in r))return!1;return!0}if("[object Array]"===t){if(e=r.length,e!==n.length)return!1;for(;e--;)if(!l.equal(r[e],n[e]))return!1;return!0}return"[object Function]"===t?r.prototype===n.prototype:"[object Date]"===t&&r.getTime()===n.getTime()},l.hosted=function(r,n){var e=typeof n[r];return"object"===e?!!n[r]:!d[e]},l.instance=l["instanceof"]=function(r,n){return r instanceof n},l.nil=l["null"]=function(r){return null===r},l.undef=l.undefined=function(r){return"undefined"==typeof r},l.args=l.arguments=function(r){var n="[object Arguments]"===i.call(r),e=!l.array(r)&&l.arraylike(r)&&l.object(r)&&l.fn(r.callee);return n||e},l.array=Array.isArray||function(r){return"[object Array]"===i.call(r)},l.args.empty=function(r){return l.args(r)&&0===r.length},l.array.empty=function(r){return l.array(r)&&0===r.length},l.arraylike=function(r){return!!r&&!l.bool(r)&&a.call(r,"length")&&isFinite(r.length)&&l.number(r.length)&&r.length>=0},l.bool=l["boolean"]=function(r){return"[object Boolean]"===i.call(r)},l["false"]=function(r){return l.bool(r)&&Boolean(Number(r))===!1},l["true"]=function(r){return l.bool(r)&&Boolean(Number(r))===!0},l.date=function(r){return"[object Date]"===i.call(r)},l.date.valid=function(r){return l.date(r)&&!isNaN(Number(r))},l.element=function(r){return void 0!==r&&"undefined"!=typeof HTMLElement&&r instanceof HTMLElement&&1===r.nodeType},l.error=function(r){return"[object Error]"===i.call(r)},l.fn=l["function"]=function(r){var n="undefined"!=typeof window&&r===window.alert;return n||"[object Function]"===i.call(r)},l.number=function(r){return"[object Number]"===i.call(r)},l.infinite=function(r){return r===1/0||r===-(1/0)},l.decimal=function(r){return l.number(r)&&!o(r)&&!l.infinite(r)&&r%1!==0},l.divisibleBy=function(r,n){var e=l.infinite(r),t=l.infinite(n),a=l.number(r)&&!o(r)&&l.number(n)&&!o(n)&&0!==n;return e||t||a&&r%n===0},l.integer=l["int"]=function(r){return l.number(r)&&!o(r)&&r%1===0},l.maximum=function(r,n){if(o(r))throw new TypeError("NaN is not a valid value");if(!l.arraylike(n))throw new TypeError("second argument must be array-like");for(var e=n.length;--e>=0;)if(r<n[e])return!1;return!0},l.minimum=function(r,n){if(o(r))throw new TypeError("NaN is not a valid value");if(!l.arraylike(n))throw new TypeError("second argument must be array-like");for(var e=n.length;--e>=0;)if(r>n[e])return!1;return!0},l.nan=function(r){return!l.number(r)||r!==r},l.even=function(r){return l.infinite(r)||l.number(r)&&r===r&&r%2===0},l.odd=function(r){return l.infinite(r)||l.number(r)&&r===r&&r%2!==0},l.ge=function(r,n){if(o(r)||o(n))throw new TypeError("NaN is not a valid value");return!l.infinite(r)&&!l.infinite(n)&&r>=n},l.gt=function(r,n){if(o(r)||o(n))throw new TypeError("NaN is not a valid value");return!l.infinite(r)&&!l.infinite(n)&&r>n},l.le=function(r,n){if(o(r)||o(n))throw new TypeError("NaN is not a valid value");return!l.infinite(r)&&!l.infinite(n)&&r<=n},l.lt=function(r,n){if(o(r)||o(n))throw new TypeError("NaN is not a valid value");return!l.infinite(r)&&!l.infinite(n)&&r<n},l.within=function(r,n,e){if(o(r)||o(n)||o(e))throw new TypeError("NaN is not a valid value");if(!l.number(r)||!l.number(n)||!l.number(e))throw new TypeError("all arguments must be numbers");var t=l.infinite(r)||l.infinite(n)||l.infinite(e);return t||r>=n&&r<=e},l.object=function(r){return"[object Object]"===i.call(r)},l.primitive=function(r){return!r||!("object"==typeof r||l.object(r)||l.fn(r)||l.array(r))},l.hash=function(r){return l.object(r)&&r.constructor===Object&&!r.nodeType&&!r.setInterval},l.regexp=function(r){return"[object RegExp]"===i.call(r)},l.string=function(r){return"[object String]"===i.call(r)},l.base64=function(r){return l.string(r)&&(!r.length||p.test(r))},l.hex=function(r){return l.string(r)&&(!r.length||c.test(r))},l.symbol=function(r){return"function"==typeof Symbol&&"[object Symbol]"===i.call(r)&&"symbol"==typeof e.call(r)},r.exports=l}]);
//# sourceMappingURL=card.min.js.map
View Git Blame Copy Permalink