From 55570e681933f79f24e686c13b68c8b3bc7ba0d9 Mon Sep 17 00:00:00 2001 From: Fabian Wennink Date: Sat, 12 Feb 2022 14:16:39 +0100 Subject: [PATCH] Updated to front-end package 3.0.1 - Version 3.0.1 of the front-end package fixed the following issues: https://github.com/fabianwennink/IconCaptcha-Plugin-jQuery-PHP/issues/7 & https://github.com/fabianwennink/IconCaptcha-Plugin-jQuery-PHP/issues/9. - Bumped version to 3.0.1 - Updated copyright year to 2022 --- LICENSE | 2 +- README.md | 2 +- assets/css/icon-captcha.min.css | 4 ++-- assets/demo.css | 6 +++--- assets/demo.js | 6 +++--- assets/js/icon-captcha.min.js | 4 ++-- examples/ajax-form.php | 10 +++++----- examples/form/ajax-submit.php | 6 +++--- examples/regular-form.php | 10 +++++----- index.php | 10 +++++----- src/captcha-request.php | 6 +++--- src/captcha-session.class.php | 4 ++-- src/captcha.class.php | 4 ++-- 13 files changed, 37 insertions(+), 37 deletions(-) diff --git a/LICENSE b/LICENSE index 8254f32..71b4cb2 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2021 Fabian Wennink +Copyright (c) 2022 Fabian Wennink Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index eae3169..9ac3cd2 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # IconCaptcha - PHP & JavaScript -![Version](https://img.shields.io/badge/Version-3.0.0-orange.svg?style=flat-square) +![Version](https://img.shields.io/badge/Version-3.0.1-orange.svg?style=flat-square) ![License](https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square) [![Issues](https://img.shields.io/github/issues/fabianwennink/IconCaptcha-Plugin-jQuery-PHP?style=flat-square)](https://github.com/fabianwennink/IconCaptcha-Plugin-jQuery-PHP/issues) [![Support](https://img.shields.io/badge/Support-PayPal-yellow.svg?style=flat-square)](https://paypal.me/nlgamevideosnl) diff --git a/assets/css/icon-captcha.min.css b/assets/css/icon-captcha.min.css index caa1031..4f0d1df 100644 --- a/assets/css/icon-captcha.min.css +++ b/assets/css/icon-captcha.min.css @@ -1,2 +1,2 @@ -/*! IconCaptcha v3.0.0 | (c) 2021, Fabian Wennink (fabianwennink.nl) | fabianwennink.nl/projects/IconCaptcha/license */ -.iconcaptcha-holder{position:relative;max-width:330px;min-height:50px;width:99%;height:auto;border-radius:8px;font-family:inherit;text-shadow:none;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.iconcaptcha-holder a{text-decoration:none}.iconcaptcha-holder.iconcaptcha-init{-webkit-transition:background 150ms linear;-o-transition:background 150ms linear;transition:background 150ms linear}.iconcaptcha-holder.iconcaptcha-init:hover{-webkit-transition:background 150ms linear;-o-transition:background 150ms linear;transition:background 150ms linear}.iconcaptcha-holder.iconcaptcha-init:hover .iconcaptcha-modal__body-circle{opacity:.75;-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear}.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body{cursor:pointer}.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body-circle{width:28px;height:28px;border-radius:100%;border:6px solid #52b3d9;position:absolute;top:13px;left:15px;-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear;-webkit-animation:captcha-breathing 5s infinite linear;animation:captcha-breathing 5s infinite linear}.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body-circle--speed{-webkit-animation-duration:2s;animation-duration:2s}.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-success .iconcaptcha-modal__body-title{font-size:15px;font-weight:bold;top:19px;text-align:left;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding-right:20px;padding-left:60px}.iconcaptcha-holder .iconcaptcha-modal{width:100%;display:block}.iconcaptcha-holder .iconcaptcha-modal__header{height:auto;padding:0 10px;display:block}.iconcaptcha-holder .iconcaptcha-modal__header span{padding:6px 0;display:block;text-align:center;font-size:11px;line-height:14px;font-weight:bold;cursor:default}.iconcaptcha-holder .iconcaptcha-modal__header span::-moz-selection{background:none !important}.iconcaptcha-holder .iconcaptcha-modal__header span::selection{background:none !important}.iconcaptcha-holder .iconcaptcha-modal__header span::-moz-selection{background:none !important}.iconcaptcha-holder .iconcaptcha-modal__body{display:block;overflow:hidden;position:relative;height:50px;min-height:50px;padding:2px 4px;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-sizing:initial;box-sizing:initial}.iconcaptcha-holder .iconcaptcha-modal__body-title{font-size:20px;font-weight:700;text-transform:uppercase;display:inline-block;width:100%;position:absolute;left:0;right:0;top:8px}.iconcaptcha-holder .iconcaptcha-modal__body-subtitle{font-size:12px;display:inline-block;width:100%;position:absolute;left:0;right:0;top:35px}.iconcaptcha-holder .iconcaptcha-modal__body-icons{position:relative;height:50px;background-repeat:no-repeat;background-position:50% 50%;z-index:1}.iconcaptcha-holder .iconcaptcha-modal__body-selection{position:absolute;left:0;top:2px;bottom:0;right:0;margin:2px 4px;z-index:999;cursor:none;height:50px}.iconcaptcha-holder .iconcaptcha-modal__body-selection>i{content:"";width:14px;height:14px;border-radius:100%;background:#52b3d9;position:absolute;display:none}.iconcaptcha-holder .iconcaptcha-modal__body-info{position:absolute;right:6px;bottom:4px;font-size:9px}.iconcaptcha-holder .iconcaptcha-modal__body-info:hover{text-decoration:underline}.iconcaptcha-holder .iconcaptcha-modal__body-icons,.iconcaptcha-holder .iconcaptcha-modal__body-selection{width:100%;max-width:320px;margin:0 auto}.iconcaptcha-holder .iconcaptcha-modal__body .captcha-loader{margin:auto;position:absolute;width:34px;height:34px;border-radius:100%;border:6px solid #52b3d9;z-index:10;top:0;left:0;bottom:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:captcha-breathing 2s infinite ease-in-out;animation:captcha-breathing 2s infinite ease-in-out}.iconcaptcha-holder .iconcaptcha-modal__body.captcha-opacity>div:not(.captcha-loader){-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=15);-moz-opacity:.15;-khtml-opacity:.15;opacity:.15;cursor:default;pointer-events:none}.iconcaptcha-holder .iconcaptcha-modal__body.captcha-opacity>div:not(.captcha-loader):after,.iconcaptcha-holder .iconcaptcha-modal__body.captcha-opacity>div:not(.captcha-loader):hover:after{content:none}.iconcaptcha-holder .iconcaptcha-modal__body-checkmark{width:28px;height:28px;position:absolute;top:13px;left:15px;background-image:url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 98.5 98.5' version='1.1' viewBox='0 0 98.5 98.5' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='checkmark' d='M81.7,17.8C73.5,9.3,62,4,49.2,4 C24.3,4,4,24.3,4,49.2s20.3,45.2,45.2,45.2s45.2-20.3,45.2-45.2c0-8.6-2.4-16.6-6.5-23.4l0,0L45.6,68.2L24.7,47.3' fill='none' stroke-miterlimit='10' stroke-width='8' stroke='none'/%3E%3C/svg%3E ")}.iconcaptcha-holder .iconcaptcha-modal__footer{display:block !important;font-size:9px;padding:3px;cursor:default;text-align:center}.iconcaptcha-holder .iconcaptcha-modal__footer>span a{text-decoration:none;-webkit-transition:color .1s linear;-o-transition:color .1s linear;transition:color .1s linear;text-align:center}.iconcaptcha-holder .iconcaptcha-modal__footer>span a:hover{-webkit-transition:color .1s linear;-o-transition:color .1s linear;transition:color .1s linear}.iconcaptcha-holder .iconcaptcha-modal__footer--hide{visibility:hidden}.iconcaptcha-holder .iconcaptcha-modal__fields{display:none;visibility:hidden}.iconcaptcha-holder .iconcaptcha-modal__fields input[type=text]{display:none;visibility:hidden}.iconcaptcha-holder.iconcaptcha-theme-light{background:#fafafa;border:1px solid #d8d8d8}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__header{border-bottom:2px solid #d8d8d8}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__body-subtitle{color:#9e9e9e}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__footer{color:#a7a7a7;border-top:2px solid #d8d8d8;padding-top:6px;padding-bottom:5px}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__footer>span a{color:#448aff;text-transform:uppercase;font-weight:bold}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__footer>span a:hover{color:#74a8ff}.iconcaptcha-holder.iconcaptcha-theme-legacy-light{background:#fff;border:1px solid #d8d8d8}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header{border-color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__body-subtitle{color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer{color:#a7a7a7;border-top:1px solid #d8d8d8}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer>span a{color:#448aff}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer>span a:hover{color:#74a8ff}.iconcaptcha-holder.iconcaptcha-theme-dark{background:#4c4c4c;border:1px solid #404040}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__header{border-bottom:2px solid #404040}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__header span{color:#dadada}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__body-subtitle{color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__footer{color:#a7a7a7;border-top:2px solid #404040;padding-top:6px;padding-bottom:5px}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__footer>span a{color:#fff;text-transform:uppercase;font-weight:bold}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__footer>span a:hover{color:#f0f0f0}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark{background:#4c4c4c;border:1px solid #404040}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header{border-color:#404040}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header span{color:#dadada}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__body-subtitle{color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer{color:#a7a7a7;border-top:1px solid #404040}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer>span a{color:#fff}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer>span a:hover{color:#f0f0f0}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-init:hover,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-init:hover{background:#f1f1f1}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-init .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-init .iconcaptcha-modal__body-title{color:#464646}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__header span,.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header span{color:#1d1d1d}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__body-info a,.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__body-info a{color:#afafaf}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg{stroke:#5bd25b}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-success .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-success .iconcaptcha-modal__body-title{color:#5bd25b}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-error .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-error .iconcaptcha-modal__body-title{color:#ef5858}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-init:hover,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-init:hover{background:#454545}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-init .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-init .iconcaptcha-modal__body-title{color:#dadada}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__header span,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header span{color:#dadada}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__body-info a,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__body-info a{color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg{stroke:#93d293}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-success .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-success .iconcaptcha-modal__body-title{color:#93d293}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-error .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-error .iconcaptcha-modal__body-title{color:#ef5858}.iconcaptcha-holder.iconcaptcha-theme-legacy-light,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark{border-radius:0}.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-init .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-init .iconcaptcha-modal__body-title{text-transform:uppercase}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header{border-bottom-width:1px;border-bottom-style:solid}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header span,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header span{font-weight:500;font-size:11px}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__body-title{font-weight:500;text-transform:none}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer{padding:5px}.iconcaptcha-holder.iconcaptcha-success,.iconcaptcha-holder.iconcaptcha-error{cursor:default}.iconcaptcha-holder *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.iconcaptcha-holder *::-moz-selection{background:none !important}.iconcaptcha-holder *::selection{background:none !important}.iconcaptcha-holder *::-moz-selection{background:none !important}@-webkit-keyframes captcha-breathing{0%,100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);border-color:#52b3d9}25%{-webkit-transform:scale(0.8) translateZ(0);transform:scale(0.8) translateZ(0);border-color:#41a2c7}50%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);border-color:#52b3d9}75%{-webkit-transform:scale(0.8) translateZ(0);transform:scale(0.8) translateZ(0);border-color:#41a2c7}}@keyframes captcha-breathing{0%,100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);border-color:#52b3d9}25%{-webkit-transform:scale(0.8) translateZ(0);transform:scale(0.8) translateZ(0);border-color:#41a2c7}50%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);border-color:#52b3d9}75%{-webkit-transform:scale(0.8) translateZ(0);transform:scale(0.8) translateZ(0);border-color:#41a2c7}} \ No newline at end of file +/*! IconCaptcha v3.0.1 | (c) 2022, Fabian Wennink (fabianwennink.nl) | fabianwennink.nl/projects/IconCaptcha/license */ +.iconcaptcha-holder{position:relative;max-width:330px;min-height:50px;width:99%;height:auto;border-radius:8px;font-family:inherit;text-shadow:none;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.iconcaptcha-holder a{text-decoration:none}.iconcaptcha-holder.iconcaptcha-init{-webkit-transition:background 150ms linear;-o-transition:background 150ms linear;transition:background 150ms linear}.iconcaptcha-holder.iconcaptcha-init:hover{-webkit-transition:background 150ms linear;-o-transition:background 150ms linear;transition:background 150ms linear}.iconcaptcha-holder.iconcaptcha-init:hover .iconcaptcha-modal__body-circle{opacity:.75;-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear}.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body{cursor:pointer}.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body-circle{width:28px;height:28px;border-radius:100%;border:6px solid #52b3d9;position:absolute;top:13px;left:15px;-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear;-webkit-animation:captcha-breathing 5s infinite linear;animation:captcha-breathing 5s infinite linear}.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body-circle--speed{-webkit-animation-duration:2s;animation-duration:2s}.iconcaptcha-holder.iconcaptcha-init .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-success .iconcaptcha-modal__body-title{font-size:15px;font-weight:bold;top:19px;text-align:left;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding-right:20px;padding-left:60px}.iconcaptcha-holder .iconcaptcha-modal{width:100%;display:block}.iconcaptcha-holder .iconcaptcha-modal__header{height:auto;padding:0 10px;display:block}.iconcaptcha-holder .iconcaptcha-modal__header span{padding:6px 0;display:block;text-align:center;font-size:11px;line-height:14px;font-weight:bold;cursor:default}.iconcaptcha-holder .iconcaptcha-modal__header span::-moz-selection{background:none !important}.iconcaptcha-holder .iconcaptcha-modal__header span::selection{background:none !important}.iconcaptcha-holder .iconcaptcha-modal__header span::-moz-selection{background:none !important}.iconcaptcha-holder .iconcaptcha-modal__body{display:block;overflow:hidden;position:relative;height:50px;min-height:50px;padding:2px 4px;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-sizing:initial;box-sizing:initial}.iconcaptcha-holder .iconcaptcha-modal__body-title{font-size:20px;font-weight:700;text-transform:uppercase;display:inline-block;width:100%;position:absolute;left:0;right:0;top:8px}.iconcaptcha-holder .iconcaptcha-modal__body-subtitle{font-size:12px;display:inline-block;width:100%;position:absolute;left:0;right:0;top:35px}.iconcaptcha-holder .iconcaptcha-modal__body-icons{position:relative;height:50px;background-repeat:no-repeat;background-position:50% 50%;z-index:1}.iconcaptcha-holder .iconcaptcha-modal__body-selection{position:absolute;left:0;top:2px;bottom:0;right:0;margin:2px 4px;z-index:999;cursor:none;height:50px}.iconcaptcha-holder .iconcaptcha-modal__body-selection>i{content:"";width:14px;height:14px;border-radius:100%;background:#52b3d9;position:absolute;display:none}.iconcaptcha-holder .iconcaptcha-modal__body-info{position:absolute;right:6px;bottom:4px;font-size:9px}.iconcaptcha-holder .iconcaptcha-modal__body-info:hover{text-decoration:underline}.iconcaptcha-holder .iconcaptcha-modal__body-icons,.iconcaptcha-holder .iconcaptcha-modal__body-selection{width:100%;max-width:320px;margin:0 auto}.iconcaptcha-holder .iconcaptcha-modal__body .captcha-loader{margin:auto;position:absolute;width:34px;height:34px;border-radius:100%;border:6px solid #52b3d9;z-index:10;top:0;left:0;bottom:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:captcha-breathing 2s infinite ease-in-out;animation:captcha-breathing 2s infinite ease-in-out}.iconcaptcha-holder .iconcaptcha-modal__body.captcha-opacity>div:not(.captcha-loader){-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=15);-moz-opacity:.15;-khtml-opacity:.15;opacity:.15;cursor:default;pointer-events:none}.iconcaptcha-holder .iconcaptcha-modal__body.captcha-opacity>div:not(.captcha-loader):after,.iconcaptcha-holder .iconcaptcha-modal__body.captcha-opacity>div:not(.captcha-loader):hover:after{content:none}.iconcaptcha-holder .iconcaptcha-modal__body-checkmark{width:28px;height:28px;position:absolute;top:13px;left:15px;background-image:url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg enable-background='new 0 0 98.5 98.5' version='1.1' viewBox='0 0 98.5 98.5' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='checkmark' d='M81.7,17.8C73.5,9.3,62,4,49.2,4 C24.3,4,4,24.3,4,49.2s20.3,45.2,45.2,45.2s45.2-20.3,45.2-45.2c0-8.6-2.4-16.6-6.5-23.4l0,0L45.6,68.2L24.7,47.3' fill='none' stroke-miterlimit='10' stroke-width='8' stroke='none'/%3E%3C/svg%3E ")}.iconcaptcha-holder .iconcaptcha-modal__footer{display:block !important;font-size:9px;padding:3px;cursor:default;text-align:center}.iconcaptcha-holder .iconcaptcha-modal__footer>span a{text-decoration:none;-webkit-transition:color .1s linear;-o-transition:color .1s linear;transition:color .1s linear;text-align:center}.iconcaptcha-holder .iconcaptcha-modal__footer>span a:hover{-webkit-transition:color .1s linear;-o-transition:color .1s linear;transition:color .1s linear}.iconcaptcha-holder .iconcaptcha-modal__footer--hide{visibility:hidden}.iconcaptcha-holder .iconcaptcha-modal__fields{display:none;visibility:hidden}.iconcaptcha-holder .iconcaptcha-modal__fields input[type=text]{display:none;visibility:hidden}.iconcaptcha-holder.iconcaptcha-theme-light{background:#fafafa;border:1px solid #d8d8d8}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__header{border-bottom:2px solid #d8d8d8}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__body-subtitle{color:#9e9e9e}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__footer{color:#a7a7a7;border-top:2px solid #d8d8d8;padding-top:6px;padding-bottom:5px}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__footer>span a{color:#448aff;text-transform:uppercase;font-weight:bold}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__footer>span a:hover{color:#74a8ff}.iconcaptcha-holder.iconcaptcha-theme-legacy-light{background:#fff;border:1px solid #d8d8d8}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header{border-color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__body-subtitle{color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer{color:#a7a7a7;border-top:1px solid #d8d8d8}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer>span a{color:#448aff}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer>span a:hover{color:#74a8ff}.iconcaptcha-holder.iconcaptcha-theme-dark{background:#4c4c4c;border:1px solid #404040}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__header{border-bottom:2px solid #404040}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__header span{color:#dadada}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__body-subtitle{color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__footer{color:#a7a7a7;border-top:2px solid #404040;padding-top:6px;padding-bottom:5px}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__footer>span a{color:#fff;text-transform:uppercase;font-weight:bold}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__footer>span a:hover{color:#f0f0f0}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark{background:#4c4c4c;border:1px solid #404040}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header{border-color:#404040}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header span{color:#dadada}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__body-subtitle{color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer{color:#a7a7a7;border-top:1px solid #404040}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer>span a{color:#fff}.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer>span a:hover{color:#f0f0f0}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-init:hover,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-init:hover{background:#f1f1f1}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-init .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-init .iconcaptcha-modal__body-title{color:#464646}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__header span,.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header span{color:#1d1d1d}.iconcaptcha-holder.iconcaptcha-theme-light .iconcaptcha-modal__body-info a,.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__body-info a{color:#afafaf}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg{stroke:#5bd25b}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-success .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-success .iconcaptcha-modal__body-title{color:#5bd25b}.iconcaptcha-holder.iconcaptcha-theme-light.iconcaptcha-error .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-error .iconcaptcha-modal__body-title{color:#ef5858}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-init:hover,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-init:hover{background:#454545}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-init .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-init .iconcaptcha-modal__body-title{color:#dadada}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__header span,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header span{color:#dadada}.iconcaptcha-holder.iconcaptcha-theme-dark .iconcaptcha-modal__body-info a,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__body-info a{color:#b1b1b1}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-success .iconcaptcha-modal__body-checkmark svg{stroke:#93d293}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-success .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-success .iconcaptcha-modal__body-title{color:#93d293}.iconcaptcha-holder.iconcaptcha-theme-dark.iconcaptcha-error .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-error .iconcaptcha-modal__body-title{color:#ef5858}.iconcaptcha-holder.iconcaptcha-theme-legacy-light,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark{border-radius:0}.iconcaptcha-holder.iconcaptcha-theme-legacy-light.iconcaptcha-init .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark.iconcaptcha-init .iconcaptcha-modal__body-title{text-transform:uppercase}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header{border-bottom-width:1px;border-bottom-style:solid}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__header span,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__header span{font-weight:500;font-size:11px}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__body-title,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__body-title{font-weight:500;text-transform:none}.iconcaptcha-holder.iconcaptcha-theme-legacy-light .iconcaptcha-modal__footer,.iconcaptcha-holder.iconcaptcha-theme-legacy-dark .iconcaptcha-modal__footer{padding:5px}.iconcaptcha-holder.iconcaptcha-success,.iconcaptcha-holder.iconcaptcha-error{cursor:default}.iconcaptcha-holder *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.iconcaptcha-holder *::-moz-selection{background:none !important}.iconcaptcha-holder *::selection{background:none !important}.iconcaptcha-holder *::-moz-selection{background:none !important}@-webkit-keyframes captcha-breathing{0%,100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);border-color:#52b3d9}25%{-webkit-transform:scale(0.8) translateZ(0);transform:scale(0.8) translateZ(0);border-color:#41a2c7}50%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);border-color:#52b3d9}75%{-webkit-transform:scale(0.8) translateZ(0);transform:scale(0.8) translateZ(0);border-color:#41a2c7}}@keyframes captcha-breathing{0%,100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);border-color:#52b3d9}25%{-webkit-transform:scale(0.8) translateZ(0);transform:scale(0.8) translateZ(0);border-color:#41a2c7}50%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);border-color:#52b3d9}75%{-webkit-transform:scale(0.8) translateZ(0);transform:scale(0.8) translateZ(0);border-color:#41a2c7}} diff --git a/assets/demo.css b/assets/demo.css index 33c9b4a..ee9341c 100644 --- a/assets/demo.css +++ b/assets/demo.css @@ -1,6 +1,6 @@ /** - * IconCaptcha Plugin: v3.0.0 - * Copyright © 2021, Fabian Wennink (https://www.fabianwennink.nl) + * IconCaptcha Plugin: v3.0.1 + * Copyright © 2022, Fabian Wennink (https://www.fabianwennink.nl) * * Licensed under the MIT license: https://www.fabianwennink.nl/projects/IconCaptcha/license */ @@ -241,4 +241,4 @@ input[type="submit"] { .themes .theme--legacy-dark span:first-child { background: #4c4c4c; border: 1px solid #404040; -} \ No newline at end of file +} diff --git a/assets/demo.js b/assets/demo.js index 3e196a2..753bad6 100644 --- a/assets/demo.js +++ b/assets/demo.js @@ -1,6 +1,6 @@ /** - * IconCaptcha Plugin: v3.0.0 - * Copyright © 2021, Fabian Wennink (https://www.fabianwennink.nl) + * IconCaptcha Plugin: v3.0.1 + * Copyright © 2022, Fabian Wennink (https://www.fabianwennink.nl) * * Licensed under the MIT license: https://www.fabianwennink.nl/projects/IconCaptcha/license */ @@ -26,4 +26,4 @@ document.addEventListener('DOMContentLoaded', function() { holder.classList.add('iconcaptcha-theme-' + theme); }); } -}); \ No newline at end of file +}); diff --git a/assets/js/icon-captcha.min.js b/assets/js/icon-captcha.min.js index 996a474..2d48eab 100644 --- a/assets/js/icon-captcha.min.js +++ b/assets/js/icon-captcha.min.js @@ -1,2 +1,2 @@ -/*! IconCaptcha v3.0.0 | (c) 2021, Fabian Wennink (fabianwennink.nl) | fabianwennink.nl/projects/IconCaptcha/license */ -"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var IconCaptchaPolyfills=function(){var e={extend:function(e){e=e||{};for(var t=1;tleast amount of times",correct:"Verification complete.",incorrect:{title:"Uh oh.",subtitle:"You've selected the wrong image."},timeout:{title:"Please wait 60 sec.",subtitle:"You made too many incorrect selections."}}},T="https://www.fabianwennink.nl/projects/IconCaptcha",L="IconCaptcha by Fabian Wennink";e.init=function(e,t){if(!i(this.nodes)){this.nodes=document.querySelectorAll(e);var a=IconCaptchaPolyfills.extend({},n,t||{});return D(this.nodes,function(e,t){c(e,t,a)}),this}},e.$init=function(e,t){if(!i(this.nodes)){this.nodes=e;var a=IconCaptchaPolyfills.extend({},n,t||{});return D(this.nodes,function(e,t){c(e,t,a)}),this}},e.bind=function(t,a){return D(this.nodes,function(e){e.addEventListener(t,a)}),this};var D=function(e,t){for(var a=0;a","
","".concat(i.messages.header,""),"
","
","
","
","","
","",""),"","
"),e.push(""),r.innerHTML=e.join(""),c=r.querySelector(".iconcaptcha-modal__body")}(),C(),i.security.loadingAnimationDelay&&0'),a=c.querySelector(".iconcaptcha-modal__body-selection > i"),function(e){for(var t in e._ic_listeners={click:function(e){var t,a,n;new Date-p<=i.security.clickDelay||i.security.hoverDetection&&!f||(t=IconCaptchaPolyfills.offset(e.currentTarget),a=e.pageX-t.left,n=e.pageY-t.top,a&&n&&(c.classList.contains("captcha-opacity")||(IconCaptchaPolyfills.trigger(r,"selected",{captchaId:o}),i.security.loadingAnimationDelay&&0","
","
","","
".concat(i.messages.initialization.verify,"
"),"
",""];r.classList.add("iconcaptcha-init"),r.classList.remove("iconcaptcha-error","iconcaptcha-success"),r.innerHTML=e.join("")}function g(){r.classList.remove("iconcaptcha-error"),r.querySelector("input[name='ic-hf-se']").setAttribute("value",null),IconCaptchaPolyfills.empty(c),c.insertAdjacentHTML("beforeend","
"),y(),IconCaptchaPolyfills.trigger(r,"refreshed",{captchaId:o})}function _(e,t){void 0!==e&&void 0!==t&&(h=!0,null!==l&&(clearTimeout(l),l=null),e=Math.round(e),t=Math.round(t),r.querySelector('input[name="ic-hf-se"]').setAttribute("value",[e,t,d].join(",")),r.querySelector('input[name="ic-hf-id"]').setAttribute("value",o),a.style.display="none",t=S({i:o,x:e,y:t,w:d,a:2,tk:n}),IconCaptchaPolyfills.ajax({url:i.general.validationPath,type:"POST",headers:k(n),data:{payload:t},success:function(){c.classList.remove("captcha-opacity"),q(r.querySelector(".iconcaptcha-modal__body-selection"));var e=r.querySelectorAll(".iconcaptcha-modal__header, .iconcaptcha-modal__footer, .iconcaptcha-modal__body");D(e,function(e){e.parentNode.removeChild(e)}),r.classList.add("iconcaptcha-success"),r.querySelector(".iconcaptcha-modal").innerHTML+='
'+'
'.concat(i.messages.correct,"
")+'
'.concat('',"
")+"
",h=!1,IconCaptchaPolyfills.trigger(r,"success",{captchaId:o})},error:function(){return b()}}))}function b(e,t,a){a=!(2'.concat(e,"")+'
'.concat(t,"
"),h=!1,IconCaptchaPolyfills.trigger(r,"error",{captchaId:o}),a&&setTimeout(g,i.security.selectionResetDelay)}function C(){c.classList.add("captcha-opacity"),c.insertAdjacentHTML("beforeend",'
')}function I(e){s=u=!1,!(0least amount of times",correct:"Verification complete.",incorrect:{title:"Uh oh.",subtitle:"You've selected the wrong image."},timeout:{title:"Please wait 60 sec.",subtitle:"You made too many incorrect selections."}}},k="https://www.fabianwennink.nl/projects/IconCaptcha",D="IconCaptcha by Fabian Wennink";e.init=function(e,t){if(!o(this.nodes)){this.nodes=document.querySelectorAll(e);var a=IconCaptchaPolyfills.extend({},n,t||{});return q(this.nodes,function(e,t){c(e,t,a)}),this}},e.$init=function(e,t){if(!o(this.nodes)){this.nodes=e;var a=IconCaptchaPolyfills.extend({},n,t||{});return q(this.nodes,function(e,t){c(e,t,a)}),this}},e.bind=function(t,a){return q(this.nodes,function(e){e.addEventListener(t,a)}),this};var q=function(e,t){for(var a=0;a","
","
","","
".concat(o.messages.initialization.verify,"
"),"
",""],r.classList.add("iconcaptcha-init"),r.classList.remove("iconcaptcha-error","iconcaptcha-success"),void(r.innerHTML=e.join(""));u||function(){var e=[];{var t;e.push("
","
","".concat(o.messages.header,""),"
","
","
","
","","
","",""),"","
"),e.push("
"),r.innerHTML=e.join(""),c=r.querySelector(".iconcaptcha-modal__body")}(),_(),o.security.loadingAnimationDelay&&0'),a=c.querySelector(".iconcaptcha-modal__body-selection > i"),function(e){for(var t in e._ic_listeners={click:function(e){var t,a,n;new Date-p<=o.security.clickDelay||o.security.hoverDetection&&!f||(t=IconCaptchaPolyfills.offset(e.currentTarget),a=e.pageX-t.left,n=e.pageY-t.top,a&&n&&(c.classList.contains("captcha-opacity")||(IconCaptchaPolyfills.trigger(r,"selected",{captchaId:i}),o.security.loadingAnimationDelay&&0"),y(),IconCaptchaPolyfills.trigger(r,"refreshed",{captchaId:i})}function g(e,t){void 0!==e&&void 0!==t&&(h=!0,null!==l&&(clearTimeout(l),l=null),e=Math.round(e),t=Math.round(t),r.querySelector('input[name="ic-hf-se"]').setAttribute("value",[e,t,d].join(",")),r.querySelector('input[name="ic-hf-id"]').setAttribute("value",i),a.style.display="none",t=I({i:i,x:e,y:t,w:d,a:2,tk:n}),IconCaptchaPolyfills.ajax({url:o.general.validationPath,type:"POST",headers:P(n),data:{payload:t},success:function(){c.classList.remove("captcha-opacity"),S(r.querySelector(".iconcaptcha-modal__body-selection"));var e=r.querySelectorAll(".iconcaptcha-modal__header, .iconcaptcha-modal__footer, .iconcaptcha-modal__body");q(e,function(e){e.parentNode.removeChild(e)}),r.classList.add("iconcaptcha-success"),r.querySelector(".iconcaptcha-modal").innerHTML+='
'+'
'.concat(o.messages.correct,"
")+'
'.concat('',"
")+"
",h=!1,IconCaptchaPolyfills.trigger(r,"success",{captchaId:i})},error:function(){return b()}}))}function b(e,t,a){a=!(2'.concat(e,"")+'
'.concat(t,"
"),h=!1,IconCaptchaPolyfills.trigger(r,"error",{captchaId:i}),a&&setTimeout(v,o.security.selectionResetDelay)}function _(){c.classList.add("captcha-opacity"),c.insertAdjacentHTML("beforeend",'
')}function w(e){s=u=!1,!(0 - IconCaptcha v3.0.0 - By Fabian Wennink + IconCaptcha v3.0.1 - By Fabian Wennink @@ -89,7 +89,7 @@