@berlinsms/code-picker/dist/bsms-code-picker.min.js

A jquery-plugin to pick a code or some digits in a formular, usful for OTP, TAN..

(()=>{var e,t={398:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(81),o=n.n(r),s=n(645),i=n.n(s)()(o());i.push([e.id,'div.bsms-code-picker > input[type="text"].bsms-code-digit {\n    width: 40px;\n    height: 40px;\n    text-align: center;\n    font-size: 18px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    margin: 0 5px;\n    transition: border-color 0.3s;\n}\ndiv.bsms-code-picker > input[type="text"].bsms-code-digit:focus {\n    border: 0;\n    box-shadow: inset 0 0 0 .125rem #1040c1,0 0 0 .375rem rgba(16,114,235,.16);\n}\n.bsms-code-digit-credits {    \n    position:relative;\n    right:0;\n    top:0;\n    background-color: white;\n    padding: 2px 10px;\n    border-radius: 5px;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n    color:black;\n    font-size:12px;\n    font-family:arial;\n    text-decoration: None;\n\twhite-space: nowrap;\n}',""]);const a=i},645:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,s){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var a=0;a<this.length;a++){var c=this[a][0];null!=c&&(i[c]=!0)}for(var d=0;d<e.length;d++){var u=[].concat(e[d]);r&&i[u[0]]||(void 0!==s&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=s),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u))}},t}},81:e=>{"use strict";e.exports=function(e){return e[1]}},379:e=>{"use strict";var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var s={},i=[],a=0;a<e.length;a++){var c=e[a],d=r.base?c[0]+r.base:c[0],u=s[d]||0,l="".concat(d," ").concat(u);s[d]=u+1;var p=n(l),f={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==p)t[p].references++,t[p].updater(f);else{var v=o(f,r);r.byIndex=a,t.splice(a,0,{identifier:l,updater:v,references:1})}i.push(l)}return i}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,o){var s=r(e=e||[],o=o||{});return function(e){e=e||[];for(var i=0;i<s.length;i++){var a=n(s[i]);t[a].references--}for(var c=r(e,o),d=0;d<s.length;d++){var u=n(s[d]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}s=c}}},569:e=>{"use strict";var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},216:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:(e,t,n)=>{"use strict";e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},795:e=>{"use strict";e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var s=n.sourceMap;s&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:e=>{"use strict";e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var s=n[e]={id:e,exports:{}};return t[e](s,s.exports,r),s.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.nc=void 0,(e=jQuery).fn.bsmsCodePicker=function(t={}){const n=e.extend({nrOfBoxes:6,allowedChars:"0123456789",inputName:"bsms-code",translate:{"\\w":e=>e.toUpperCase()},lastDigitEntered:null,showCredits:!0},t);return this.each((function(){const t=e(this),r=e(`<input type="hidden" name="${n.inputName}">`).appendTo(t);for(var o=0;o<n.nrOfBoxes;o++)t.append(`<input type="text" class="bsms-code-digit bsms-code-digit-${o}">`);n.showCredits&&t.append('<a class="bsms-code-digit-credits" href="https://www.berlinsms.de">code-picker powered by berlinsms.de</a>');const s=t.find(".bsms-code-digit");s.on("input",(function(){const t=s.index(this),o=s.eq(t+1);var i=e(this).val();if("object"==typeof n.translate)for(key in n.translate)i=i.replaceAll(new RegExp(key,"g"),n.translate[key]);else console.log("typeof settings.translate should be object");const a=i.split("").filter((e=>n.allowedChars.includes(e)));var c=a?.shift();e(this).val(c),c&&o.focus().val(a.join("")).trigger("input");for(var d="",u=0;u<n.nrOfBoxes;u++)d+=e(s[u]).val();r.val(d),c&&!o.length&&n.lastDigitEntered&&n.lastDigitEntered(d)})),s.on("keyup",(function(e){if(8===e.keyCode&&""===this.value){const e=s.index(this);e>0&&s.eq(e-1).focus()}})),s.on("focus",(function(){e(this).select();const t=s.index(this);if(0==t)return;const r=s.eq(t-1);r.val()&&n.allowedChars.includes(r.val())||r.focus()}))})),this.lastDigitEntered=e=>(n.lastDigitEntered=e,this),this},(()=>{"use strict";var e=r(379),t=r.n(e),n=r(795),o=r.n(n),s=r(569),i=r.n(s),a=r(565),c=r.n(a),d=r(216),u=r.n(d),l=r(589),p=r.n(l),f=r(398),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=i().bind(null,"head"),v.domAPI=o(),v.insertStyleElement=u(),t()(f.Z,v),f.Z&&f.Z.locals&&f.Z.locals})()})();