captcha-web-sdk 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/tac/css/tac.css +2 -2
  2. package/package.json +1 -1
package/dist/tac/css/tac.css CHANGED
@@ -1,6 +1,6 @@
1
1
  #captcha-web-sdk-parent{--captcha-primary: #0f6fdc;--captcha-primary-strong: #0a58b6;--captcha-primary-soft: #e9f3ff;--captcha-surface: #ffffff;--captcha-surface-soft: #f7fafc;--captcha-border: #dbe7f3;--captcha-text: #18222d;--captcha-text-muted: #6d7b8a;--captcha-success: #0f9f6e;--captcha-error: #e85b52;box-shadow:0 16px 36px rgba(15,23,42,.14);width:348px;min-height:388px;overflow:hidden;position:relative;z-index:997;box-sizing:border-box;border-radius:8px;padding:14px 14px 12px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #f8fbff 100%)}#captcha-web-sdk-parent .captcha-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;position:relative;z-index:1}#captcha-web-sdk-parent .captcha-heading{min-width:0;flex:1 1 auto}#captcha-web-sdk-parent .captcha-title{color:var(--captcha-text);font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-0.03em}#captcha-web-sdk-parent .captcha-subtitle{color:var(--captcha-text-muted);font-size:12px;line-height:1.45;margin-top:4px}#captcha-web-sdk-parent .captcha-icon-btn{width:32px;height:32px;flex:0 0 32px;border:0;background:rgba(0,0,0,0);border-radius:0;cursor:pointer;position:relative;box-shadow:none;transition:color .2s ease,transform .2s ease}#captcha-web-sdk-parent .captcha-icon-btn:hover{background-color:rgba(0,0,0,0)}#captcha-web-sdk-parent .captcha-icon-btn:focus-visible{outline:3px solid rgba(15,111,220,.18);outline-offset:2px}#captcha-web-sdk-parent .captcha-icon-btn:before,#captcha-web-sdk-parent .captcha-icon-btn:after{content:"";position:absolute;left:15px;top:7px;width:2px;height:18px;border-radius:999px;background:#8e9aa8}#captcha-web-sdk-parent .captcha-icon-btn:before{transform:rotate(45deg)}#captcha-web-sdk-parent .captcha-icon-btn:after{transform:rotate(-45deg)}#captcha-web-sdk-parent #captcha-web-sdk-box{height:260px;width:100%;position:relative;overflow:hidden;border-radius:8px;background:rgba(0,0,0,0)}#captcha-web-sdk-parent #captcha-web-sdk-box .loading{width:120px;height:20px;-webkit-mask:linear-gradient(90deg, #000 70%, rgba(0, 0, 0, 0) 0) 0/20%;background:linear-gradient(var(--captcha-primary) 0 0) 0/0% no-repeat rgba(15,111,220,.15);animation:cartoon 1s infinite steps(6);margin:120px auto}@keyframes cartoon{100%{background-size:120%}}#captcha-web-sdk-parent #captcha-web-sdk-box #captcha-web-sdk{transform-style:preserve-3d;will-change:transform;transition-duration:.45s;transform:translateX(-300px)}#captcha-web-sdk-parent #captcha-web-sdk-bg-img{background-color:#fff;background-position:top;background-size:cover;z-index:-1;width:100%;height:100%;top:0;left:0;position:absolute;border-radius:8px}#captcha-web-sdk-parent .slider-bottom{margin-top:12px;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px}#captcha-web-sdk-parent .slider-bottom .captcha-action-btn{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:0;background:rgba(255,255,255,.94);color:#405060;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.1);transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}#captcha-web-sdk-parent .slider-bottom .refresh-btn.captcha-action-btn{min-height:20px;width:20px;height:20px;padding:0;gap:0;background:rgba(0,0,0,0);box-shadow:none;border-radius:0}#captcha-web-sdk-parent .slider-bottom .refresh-btn.captcha-action-btn:hover{background:rgba(0,0,0,0);box-shadow:none;color:var(--captcha-primary)}#captcha-web-sdk-parent .slider-bottom .captcha-action-btn:hover{background:#fff;color:var(--captcha-primary);box-shadow:0 10px 24px rgba(15,23,42,.12)}#captcha-web-sdk-parent .slider-bottom .captcha-action-btn:focus-visible{outline:3px solid rgba(15,111,220,.18);outline-offset:2px}#captcha-web-sdk-parent .slider-bottom .captcha-action-icon{position:relative;width:20px;height:20px;display:inline-block;flex:0 0 20px}#captcha-web-sdk-parent .slider-bottom .captcha-action-icon-refresh{background-image:url(../../tac/images/icon.png);background-repeat:no-repeat;background-position:0 -167px}#captcha-web-sdk-parent .slider-bottom .refresh-btn .captcha-action-text{display:none}#captcha-web-sdk-parent .slider-bottom .captcha-action-btn.is-refreshing .captcha-action-icon-refresh{animation:captcha-refresh-spin .65s ease-in-out}#captcha-web-sdk-parent .slider-bottom .logo{height:18px;width:auto;object-fit:contain;margin-left:auto;opacity:.72}#captcha-web-sdk-parent .slider-move-shadow{animation:myanimation 2s infinite;height:100%;width:24px;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 55%, rgba(255, 255, 255, 0) 100%);position:absolute;top:0;left:0;filter:opacity(0.7);border-radius:999px}#captcha-web-sdk-parent #captcha-web-sdk-slider-move-track-mask{border-width:0;width:0;height:100%;background:linear-gradient(90deg, rgba(15, 111, 220, 0.18) 0%, rgba(14, 165, 233, 0.28) 100%);opacity:1;position:absolute;top:0;left:0;border-radius:999px}@keyframes captcha-refresh-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
2
- #captcha-web-sdk{text-align:left;box-sizing:content-box;width:300px;height:260px;z-index:999;color:var(--captcha-text)}#captcha-web-sdk .slider-bottom .logo{height:30px}#captcha-web-sdk .slider-bottom{height:19px;width:100%}#captcha-web-sdk .content .captcha-web-sdk-tips{min-height:30px;width:100%;position:absolute;bottom:-32px;left:0;z-index:999;font-size:12px;line-height:1.35;padding:6px 10px;color:#fff;text-align:center;box-sizing:border-box;transition:bottom .3s ease-in-out;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#captcha-web-sdk .content .captcha-web-sdk-tips.captcha-web-sdk-tips-error{background:rgba(232,91,82,.96)}#captcha-web-sdk .content .captcha-web-sdk-tips.captcha-web-sdk-tips-success{background:rgba(15,159,110,.96)}#captcha-web-sdk .content .captcha-web-sdk-tips.captcha-web-sdk-tips-on{bottom:0}#captcha-web-sdk .content #captcha-web-sdk-loading{z-index:9999;background-color:#f7fafc;text-align:center;height:100%;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}#captcha-web-sdk .content #captcha-web-sdk-loading img{display:block;width:45px;height:45px}#captcha-web-sdk #captcha-web-sdk-slider-bg-canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px}#captcha-web-sdk #captcha-web-sdk-slider-bg-div{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px}#captcha-web-sdk #captcha-web-sdk-slider-bg-div .captcha-web-sdk-slider-bg-div-slice{position:absolute}@keyframes myanimation{from{left:0}to{left:289px}}
3
- #captcha-web-sdk.captcha-web-sdk-slider{z-index:999;position:absolute;left:0;top:0;display:flex;flex-direction:column;height:100%;user-select:none}#captcha-web-sdk.captcha-web-sdk-slider .content{width:100%;height:auto;min-height:0;flex:1 1 auto;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 8px 18px rgba(15,23,42,.06)}#captcha-web-sdk.captcha-web-sdk-slider .bg-img-div{width:100%;height:100%;position:absolute;transform:translate(0px, 0px)}#captcha-web-sdk.captcha-web-sdk-slider .bg-img-div img{height:100%;width:100%;border-radius:8px;object-fit:cover}#captcha-web-sdk.captcha-web-sdk-slider .slider-img-div{height:100%;position:absolute;left:0;transform:translate(0px, 0px)}#captcha-web-sdk.captcha-web-sdk-slider .slider-img-div #captcha-web-sdk-slider-move-img{height:100%}#captcha-web-sdk.captcha-web-sdk-slider .slider-move{height:40px;width:100%;margin:10px 0 0;position:relative;flex:0 0 auto}#captcha-web-sdk.captcha-web-sdk-slider .slider-move-track{position:relative;height:40px;line-height:40px;text-align:center;background:linear-gradient(180deg, #f7fafc 0%, #edf3f8 100%);color:#8a97a6;transition:0s;font-size:12px;box-sizing:content-box;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 6px 16px rgba(15,23,42,.06)}#captcha-web-sdk.captcha-web-sdk-slider .refresh-btn,#captcha-web-sdk.captcha-web-sdk-slider .close-btn{display:inline-block}#captcha-web-sdk.captcha-web-sdk-slider .slider-move{line-height:40px;font-size:12px;text-align:center;white-space:nowrap;color:#88949d;-moz-user-select:none;-webkit-user-select:none;user-select:none;filter:opacity(0.8)}#captcha-web-sdk.captcha-web-sdk-slider .slider-move-track-text{position:relative;z-index:2;display:block;padding:0 56px 0 62px;font-size:12px;font-weight:600;line-height:40px;color:#7b8794;overflow:hidden;text-overflow:ellipsis}#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn{transform:translate(0px, 0px);position:absolute;top:2px;left:0;width:52px;height:36px;background:linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);background-repeat:no-repeat;background-size:18px 18px;background-position:center center;border-radius:999px;box-shadow:0 6px 14px rgba(15,111,220,.16);z-index:3}#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn:before,#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn:after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-5px;border-top:2px solid var(--captcha-primary);border-right:2px solid var(--captcha-primary);transform:rotate(45deg)}#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn:before{left:16px}#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn:after{left:23px}#captcha-web-sdk.captcha-web-sdk-slider .slider-tip{margin-bottom:8px;font-weight:600;font-size:12px;line-height:1.45;color:#4a5a6a;flex:0 0 auto}#captcha-web-sdk.captcha-web-sdk-slider .slider-tip #captcha-web-sdk-slider-move-track-font{display:block;max-height:2.7em;overflow:hidden;white-space:normal;word-break:break-word;overflow-wrap:anywhere}#captcha-web-sdk.captcha-web-sdk-slider .slider-move-btn:hover{cursor:pointer}
2
+ #captcha-web-sdk{text-align:left;box-sizing:content-box;width:300px;height:260px;z-index:999;color:var(--captcha-text)}#captcha-web-sdk .slider-bottom .logo{height:30px}#captcha-web-sdk .slider-bottom{height:19px;width:100%}#captcha-web-sdk .content .captcha-web-sdk-tips{min-height:30px;width:100%;position:absolute;bottom:-32px;left:0;z-index:999;font-size:12px;line-height:1.35;padding:6px 10px;color:#fff;text-align:center;box-sizing:border-box;transition:bottom .3s ease-in-out;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#captcha-web-sdk .content .captcha-web-sdk-tips.captcha-web-sdk-tips-error{background:rgba(232,91,82,.96)}#captcha-web-sdk .content .captcha-web-sdk-tips.captcha-web-sdk-tips-success{background:rgba(15,159,110,.96)}#captcha-web-sdk .content .captcha-web-sdk-tips.captcha-web-sdk-tips-on{bottom:0}#captcha-web-sdk .content #captcha-web-sdk-loading{z-index:9999;background-color:#f7fafc;text-align:center;height:100%;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}#captcha-web-sdk .content #captcha-web-sdk-loading img{display:block;width:45px;height:45px}#captcha-web-sdk #captcha-web-sdk-slider-bg-canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px}#captcha-web-sdk #captcha-web-sdk-slider-bg-div{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px}#captcha-web-sdk #captcha-web-sdk-slider-bg-div .captcha-web-sdk-slider-bg-div-slice{position:absolute}@keyframes myanimation{from{left:0}to{left:289px}}
3
+ #captcha-web-sdk.captcha-web-sdk-slider{z-index:999;position:absolute;left:0;top:0;display:flex;flex-direction:column;height:100%;user-select:none}#captcha-web-sdk.captcha-web-sdk-slider .content{width:100%;height:auto;min-height:0;flex:1 1 auto;position:relative;overflow:hidden;border-radius:4px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.88),0 4px 12px rgba(15,23,42,.05)}#captcha-web-sdk.captcha-web-sdk-slider .bg-img-div{width:100%;height:100%;position:absolute;transform:translate(0px, 0px)}#captcha-web-sdk.captcha-web-sdk-slider .bg-img-div img{height:100%;width:100%;border-radius:4px;object-fit:cover}#captcha-web-sdk.captcha-web-sdk-slider .slider-img-div{height:100%;position:absolute;left:0;transform:translate(0px, 0px)}#captcha-web-sdk.captcha-web-sdk-slider .slider-img-div #captcha-web-sdk-slider-move-img{height:100%}#captcha-web-sdk.captcha-web-sdk-slider .slider-move{height:44px;width:100%;margin:12px 0 0;position:relative;flex:0 0 auto}#captcha-web-sdk.captcha-web-sdk-slider .slider-move-track{position:relative;height:44px;line-height:44px;text-align:center;background:#f3f6fa;color:#8a97a6;transition:0s;font-size:12px;box-sizing:content-box;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(224,232,240,.9)}#captcha-web-sdk.captcha-web-sdk-slider .refresh-btn,#captcha-web-sdk.captcha-web-sdk-slider .close-btn{display:inline-block}#captcha-web-sdk.captcha-web-sdk-slider .slider-move{line-height:44px;font-size:12px;text-align:center;white-space:nowrap;color:#88949d;-moz-user-select:none;-webkit-user-select:none;user-select:none;filter:opacity(0.8)}#captcha-web-sdk.captcha-web-sdk-slider .slider-move-track-text{position:relative;z-index:2;display:block;padding:0 52px 0 56px;font-size:12px;font-weight:500;line-height:44px;color:#7f8b99;overflow:hidden;text-overflow:ellipsis}#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn{transform:translate(0px, 0px);position:absolute;top:4px;left:0;width:44px;height:36px;background:#fff;background-repeat:no-repeat;background-size:16px 16px;background-position:center center;border-radius:8px;box-shadow:0 2px 8px rgba(15,23,42,.14);z-index:3}#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn:before,#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn:after{content:"";position:absolute;top:50%;width:2px;height:12px;margin-top:-6px;border-radius:999px;background:#9aa7b5}#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn:before{left:17px}#captcha-web-sdk.captcha-web-sdk-slider .slider-move .slider-move-btn:after{left:24px}#captcha-web-sdk.captcha-web-sdk-slider .slider-tip{margin-bottom:8px;font-weight:600;font-size:12px;line-height:1.45;color:#4a5a6a;flex:0 0 auto}#captcha-web-sdk.captcha-web-sdk-slider .slider-tip #captcha-web-sdk-slider-move-track-font{display:block;max-height:2.7em;overflow:hidden;white-space:normal;word-break:break-word;overflow-wrap:anywhere}#captcha-web-sdk.captcha-web-sdk-slider .slider-move-btn:hover{cursor:pointer}
4
4
  #captcha-web-sdk.captcha-web-sdk-rotate .rotate-img-div{height:100%;text-align:center}#captcha-web-sdk.captcha-web-sdk-rotate .rotate-img-div img{height:100%;transform:rotate(0deg);display:inline-block}
5
5
  #captcha-web-sdk.captcha-web-sdk-concat .captcha-web-sdk-slider-concat-img-div{background-size:100% 100%;position:absolute;transform:translate(0px, 0px);z-index:1;width:100%}#captcha-web-sdk.captcha-web-sdk-concat .captcha-web-sdk-slider-concat-bg-img{width:100%;height:100%;position:absolute;transform:translate(0px, 0px);background-size:100% 100%}
6
6
  #captcha-web-sdk.captcha-web-sdk-word-click{box-sizing:border-box;display:flex;flex-direction:column;height:100%}#captcha-web-sdk.captcha-web-sdk-word-click .click-tip{position:relative;min-height:40px;width:100%;margin-bottom:6px;padding-right:56px;box-sizing:border-box;flex:0 0 auto}#captcha-web-sdk.captcha-web-sdk-word-click .click-tip .tip-img{height:35px;position:absolute;right:15px;top:0}#captcha-web-sdk.captcha-web-sdk-word-click .click-tip #captcha-web-sdk-click-track-font{font-size:18px;display:block;max-height:2.7em;overflow:hidden;line-height:1.35;white-space:normal;word-break:break-word;overflow-wrap:anywhere;position:static}#captcha-web-sdk.captcha-web-sdk-word-click .slider-bottom{position:relative;top:6px}#captcha-web-sdk.captcha-web-sdk-word-click .content{flex:1 1 auto;min-height:0}#captcha-web-sdk.captcha-web-sdk-word-click .content #bg-img-click-mask{width:100%;height:100%;position:absolute;left:0;top:0}#captcha-web-sdk.captcha-web-sdk-word-click .content #bg-img-click-mask .click-span{position:absolute;left:0;top:0;border-radius:50px;background-color:#409eff;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;border:2px solid #fff;box-sizing:content-box}#captcha-web-sdk.captcha-web-sdk-word-click .click-confirm-btn{width:100%;height:35px;border-radius:4px;background-image:linear-gradient(173deg, hsl(38.09, 91%, 57.89%) 0%, hsl(38.09, 89.38%, 71.74%) 100%);font-size:15px;text-align:center;box-sizing:border-box;line-height:35px;color:#fff;margin-top:8px;flex:0 0 auto}#captcha-web-sdk.captcha-web-sdk-word-click .click-confirm-btn:hover{cursor:pointer}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "captcha-web-sdk",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "Captcha browser SDK with browser-global and npm import support",
5
5
  "main": "./dist/tac/js/tac.min.js",
6
6
  "types": "./index.d.ts",