PageSourceSearch

https://www.vidwud.com/dist/js/share-dialog/index.js?t=1788256035212

js vidwud.com collected 2026-09-28 06:03:55 UTC 31,541 bytes, 1 lines download raw bytes

1const shareLan="en";console.log("en");let upImageApi=null,host=location.host,env=host.includes("vidwud.com")&&!location.host.includes("test")?"pro":"dev",isPro="pro"===env;const httpsTemp=e=>`https://${e}/`,setSkipURL=()=>{upImageApi=httpsTemp(isPro?"tool-api.vidwud.com":"tool-api-test.vidwud.com")};function copyText(e){if(navigator.clipboard&&navigator.clipboard.writeText)navigator.clipboard.writeText(e);else{const n=e,i=document.createElement("input");i.value=n,document.body.appendChild(i),i.select(),document.execCommand("copy"),document.body.removeChild(i)}}function findKeysByValue(e,n){return Object.entries(e).filter((([e,i])=>i.includes(n))).map((([e,n])=>e))}function getUserType(){const e=JSON.parse(localStorage.getItem("user_info"))?.usertype,n={free:["free"],vip:["vip","mk_vip"],vip_expired:["vip_expired","mk_vip_expired"]};return findKeysByValue(n,e).length?findKeysByValue(n,e).toString():"free"}function ToolTip(e){const{text:n="",type:i="",showtime:o=""}=e;$("body").append(`\n    <bottom-message\n      text="${n}"\n      type="${i}"\n      showtime="${o}"\n      >\n    </bottom-message>`)}setSkipURL();class ShareDialog extends HTMLElement{constructor(){super(),this.imageShareInfo={action:"",imageKey:"",text:""},this.fromPage=this.getAttribute("fromPage")||"",this.shareLink="",this.action=""}connectedCallback(){this.innerHTML='\n        <div class=\'preview-mask\' style="display: none">\n        <div class=\'preview-box hasMark\'>\n          <div class=\'preview-title\'>\n            <h3 class="preview-title-text">\n              <div class="preview-title-img"></div>\n              <span>Share</span>\n            </h3>\n            <div class=\'preview-close bingClickBtn1\'>\n              <img class="pc" id="pc-close" style="width: 100%;height: 100%;background-size: cover" src="/dist/js/share-dialog/image/icon_close_normal_w.svg" alt="">\n              <img class="mobile" style="width: 100%;height: 100%;background-size: cover" src="/dist/js/share-dialog/image/icon_close_normal_w.svg" alt="">\n            </div>\n          </div>\n          <div class=\'preview-video-box\'>\n            <img class="show-img" style="display: none" src="" alt="">\n            <video class="show-video" style="display: none" src="" alt="" poster="" playsinline=\'true\' x5-video-player-type="h5-page"></video>\n            <img class="v_preview_playIcon" src="/dist/js/share-dialog/image/icon_big_video2.svg">\n          </div>\n          <div class=\'share-box\'>\n                <div class=\'share-title-box\'>\n                  <div class=\'share-title\'>\n                    <span>Share the magic photo with your friends!</span>\n                  </div>\n                </div>\n                <ul class=\'share-icon-box\'>\n                  <li class=\'share-Twitter share-third bingClickBtn6\'>\n                    <span class=\'icon\'></span>\n                  </li>\n                  <li class=\'share-Linkedln share-third bingClickBtn7\' style="display: none">\n                    <span class=\'icon\'></span>\n                  </li>\n                  <li class=\'share-Facebook share-third bingClickBtn8\'>\n                    <span class=\'icon\'></span>\n                  </li>\n                  <li class=\'share-Discord share-third bingClickBtn9\'>\n                    <span class=\'icon\'></span>\n                  </li>\n                  <li class=\'share-divider\'>\n                  <span class=\'icon\'></span>\n                  </li>\n                  <li class=\'share-link share-icon bingClickBtn10\'>\n                  <span class=\'icon\'></span>\n                  </li>\n                  </ul>\n                  </div>\n                  </div>\n                  </div>\n                  ',setTimeout((()=>{this.firstUpdated(),this.toBindEvent(),this.toBindCss()}),1e3)}firstUpdated(){this.shadowRootEl=document.querySelector(".preview-mask"),this.showImg=this.shadowRootEl.querySelector(".show-img"),this.showVideo=this.shadowRootEl.querySelector(".show-video"),this.showVideoPlay=this.shadowRootEl.querySelector(".v_preview_playIcon")}showShare(e){if(!e.url||""===e.url.trim())return!1;this.shadowRootEl.style.display="",this.getDetais(e)}toBindCss(){const e=`\n        .pc {display: block;}\n        .mobile {display: none;}\n        .preview-mask{\n        position: fixed;\n        top: 0;\n        left:0;\n        width: 100vw;\n        height: 100vh;\n        z-index: 1000;\n        background: rgba(0, 0, 0, .4) 0% 0% no-repeat padding-box;\n        display:flex;\n      }\n      .preview-box{\n        margin:auto;\n        width:752px;\n        min-height:569px;\n        background-color:#fff;\n        padding:14px 16px 27px;\n        border-radius: 8px;\n        box-sizing:border-box;\n      }\n      @media (min-width: 1200px) {\n        .image-video .preview-box{\n         background-color:#fff;
1\n         width:652px;\n         min-height:569px;\n        }\n      }\n   \n      .preview-title{\n        position: relative;\n        display:flex;\n        justify-content:space-between;\n        align-items:center;\n        font-weight: bold;\n      }\n        .hasMark::before{\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 8px;\n        z-index: 10;\n      }\n      .hasMark::after{\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        z-index: 11;\n        --d:22px;\n        width: 4px;\n        height: 4px;\n        border-radius: 50%;\n        color: #333;\n        box-shadow:\n          calc(1*var(--d))      calc(0*var(--d))     0 0,\n          calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,\n          calc(0*var(--d))      calc(1*var(--d))     0 2px,\n          calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,\n          calc(-1*var(--d))     calc(0*var(--d))     0 4px,\n          calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,\n          calc(0*var(--d))      calc(-1*var(--d))    0 6px;\n          animation: rotate 2s linear infinite;\n      }\n      @keyframes rotate {\n          from {\n              transform: rotate(0deg);\n          }\n          to {\n              transform: rotate(360deg);\n          }\n      }\n      .preview-title-text{\n        display:flex;\n        align-items:center;\n      }\n      .preview-title-img {\n        margin-right: 3px;\n        width: 27px;\n        height: 37px; \n        background:url('/dist/js/share-dialog/image/icon_share_mini.svg') center/cover no-repeat; \n      }\n      .image-video .preview-title-img{\n        background:url('/dist/js/share-dialog/image/icon_share.png') center/cover no-repeat; \n         width: 24px;\n            height: 24px; \n             margin-right: 12px;\n      }\n      .preview-title h3{\n        display: flex;\n        align-items: center;\n      }\n      \n      .preview-title h3 span{\n            font: normal normal 600 24px/35px Poppins;\n        }\n       .image-video .preview-title h3 span{\n            color:#1E1E2E!important;\n           font: normal normal 500 20px/26px Roboto!important;\n        }\n      \n      .preview-title .preview-close{\n        width:32px;\n        height:32px;\n        border-radius: 8px;\n        display:flex;\n        justify-content:center;\n        align-items:center;\n        cursor:pointer;\n        margin-right:-4px;\n        margin-top:-6px;\n      }\n      .image-video  .preview-title .preview-close{\n        width:18px;\n        height:18px;\n      }\n        .image-video  .preview-title .preview-close:hover{\n    background: unset;\n      }\n      .preview-title .preview-close:hover{\n        background: rgba(140, 140, 151, .2) 0% 0% no-repeat padding-box;\n      }\n      .preview-video-box{\n        margin-top:14px;\n        width: 100%;\n        height: 406px;\n        position: relative;\n        // border: 4px solid #000000;\n       // border-radius: 20px;\n        overflow: hidden;\n        // background: #171717;\n      }\n        .image-video .preview-video-box{\n              text-align: center;\n        }\n      .preview-video-box .v_preview_playIcon{\n        position: absolute;\n        width: 65px;\n        height: 65px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%,-50%);\n        cursor: pointer;\n        z-index: 1;\n        box-shadow: 0 0 10px 2px rgba(0,0,0,.4);\n        border-radius: 50%;\n      }\n      \n      .preview-video-box .show-img{\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n      }\n      \n      .preview-video-box .show-video{\n        width: 100%;\n        height:100%;\n        object-fit: contain;\n        background: #171717;\n      }\n     .image-video .preview-video-box .show-video{\n       width: unset;\n      }\n      .preview-operate-box{\n        margin-top:24px;\n        display:flex;\n        gap:24px;\n        position:relative;\n      }\n      .preview-operate-box button{\n        background: rgba(139, 61, 255, 1) 0% 0% 
1no-repeat padding-box;\n        border-radius: 4px;\n        padding:8px;\n        border:none;\n        outline:none;\n        cursor:pointer;\n        color: rgba(255, 255, 255, 1);\n        font: normal normal normal 14px/19px Roboto;\n        min-width:138px;\n        display:flex;\n        align-items:center;\n        gap:10px;\n        justify-content:center;\n      }\n      .preview-operate-box button:hover{\n        background: rgba(155, 87, 255, 1) 0% 0% no-repeat padding-box;\n      }\n      .preview-operate-box .preivew-share-button{\n        margin-left:auto;\n        border: 1px solid rgba(30, 30, 46, 1);\n        background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;\n        color: rgba(30, 30, 46, 1);\n      }\n      .preview-operate-box .preivew-share-button .share-text{\n        display:flex;\n        align-items:center;\n        gap:10px;\n        justify-content:center;\n      }\n      .preview-operate-box .preivew-share-button .share-text >span{\n        width:22px;\n        height:22px;\n        background:url('/dist/js/share-dialog/image/video_library_share_black.svg') center/cover no-repeat;\n        display:block;\n      }\n      .preview-operate-box .preivew-share-button:hover .share-text >span{\n        background:url('/dist/js/share-dialog/image/video_library_share_hover.svg') center/cover no-repeat;\n      }\n      .preview-operate-box .preivew-share-button:hover{\n        color: rgba(139, 61, 255, 1);\n        background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;\n        border: 1px solid rgba(139, 61, 255, 1);\n      }\n      .share-box{\n        display:block;\n        margin-top:12px;\n        border-top:none\n      }\n      .share-box .share-title-box{\n        display:flex;\n        justify-content:space-between;\n        align-items: flex-start;\n        font-size: 16px;\n      }\n      .share-box .share-title{\n        display:flex;\n        align-items:center;\n        gap:24px;\n        margin-top:10px;\n        font: normal normal normal 14px/19px Roboto;\n        color: #1E1E2E;\n      }\n     .image-video .share-box .share-title {\n        color: #1E1E2E;\n      }\n      .share-box .close-share{\n        padding:5px 14px;\n        background: rgba(30, 30, 46, .05) 0% 0% no-repeat padding-box;\n        border-radius: 0px 0px 6px 6px;\n        cursor:pointer;\n        flex-shrink:0;\n      }\n      .share-box .close-share:hover{\n        background: rgba(30, 30, 46, .1);\n      }\n      .share-box .close-share >span{\n        width:16px;\n        height:10px;\n        background:url('/dist/js/share-dialog/image/close_share.svg') center/cover no-repeat;\n        display:inline-block;\n      }\n      .share-box .close-share:hover >span{\n        transform:rotateZ(180deg);\n        transition:all linear .3s;\n      }\n      .share-box .share-subtitle{\n        margin-top:12px;\n        display:flex;\n        align-items:center;\n        gap:6px;\n        font: normal normal normal 13px/18px Roboto;\n        color: #8C8C97;\n      }\n      .share-box .share-icon-box{\n        margin-top:15px;\n        display:flex;\n        align-items:center;\n        gap:24px;\n      }\n      .share-box ul li{\n        cursor:pointer;\n      }\n      .share-box ul li .icon{\n        width: 60px;\n        height: 60px;\n        display:block;\n      }\n      .share-box ul li{\n        position:relative;\n      }\n      .share-box .share-Twitter .icon{\n        background:url('/dist/js/share-dialog/image/share_Twitter.svg') center/cover no-repeat;\n      }\n      .image-video .share-box .share-Twitter .icon{\n        background:url('/dist/js/share-dialog/image/share_Twitter_w.svg') center/cover no-repeat;\n      }\n      .share-box .share-Linkedln .icon{\n        background:url('/dist/js/share-dialog/image/share_Linkedln.svg') center/cover no-repeat;\n      }\n      .share-box .share-Facebook .icon{\n        background:url('/dist/js/share-dialog/image/share_Facebook.svg') center/cover no-repeat;\n      }\n      .image-video .share-box .share-Facebook .icon{\n        background:url('/dist/js/share-dialog/image/share_Facebook_w.svg') center/cover no-repeat;\n      }\n      .share-box .share-Discord .icon{\n        display:none;\n        background:url('/dist/js/share-dialog/image/share_Discord.svg') center/cover no-repeat;\n      }\n      .share-box .share-link .icon{\n        background:url('/dist/js/share-dialog/image/share_popover_copy_link.svg') center/cover no-repeat;\n      }\n      .share-box .share-link .icon:hover{\n        opacity:0.85;\n      }\n      .share-box .share-email .icon{\n        background:url('/dist/js/share-dialog/image/share_email.svg') center/cover no-repeat;\n      }\n      .share-box .share-embed >.icon{\n        background:url('/dist/js/share-dialog/image/share_embed.svg') center/cover no-repeat;\n      }\n      .share-box .share-embed{\n        position:relative;\n      }\n      .pro-icon {\n        position:absolute;\n        left:0;\n        bottom:-7px;\n        background: #474747 0% 0% no-repeat padding-box;\n        border-radius: 10px;\n        font: normal normal 500 12px/15px Roboto;\n        color: #1E1E2E;\n        padding: 2px 8px;\n        display: flex;\n        align-items: center;\n        gap: 3px;\n        cursor: pointer;\n        &:before {\n          content: "";\n          display: inline-block;\n          width: 12px;\n          height: 12px;\n          background: url(/dist/js/share-dialog/image/pro-icon.svg);\n        }\n      }\n      .share-box .share-third .icon:hover{\n        opacity:0.85;\n      }\n      .share-box.disabled .share-Twitter .icon{\n        background:url('/dist/js/share-dialog/image/Twitter_off.svg') center/cover no-repeat;\n      }\n      .share-box.disabled .share-Linkedln .icon{\n        background:url('/dist/js/share-dialog/image/Linkedln_off.svg') center/cover no-repeat;\n      }\n      .share-box.disabled .share-Facebook .icon{\n        background:url('/dist/js/share-dialog/image/Facebook_off.svg') center/cover no-repeat;\n      }\n      .share-box.disabled .share-Discord .icon{\n        background:url('/dist/js/share-dialog/image/Discord_off.svg') center/cover no-repeat;\n      }\n      .share-box.disabled .share-Twitter:hover .icon{\n        background:url('/dist/js/share-dialog/image/Twitter_off_hover.svg') center/cover no-repeat;\n      }\n      .share-box.disabled .share-Linkedln:hover .icon{\n        background:url('/dist/js/share-dialog/image/Linkedln_off_hover.svg') center/cover no-repeat;\n      }\n      .share-box.disabled .share-Facebook:hover .icon{\n        background:url('/dist/js/share-dialog/image/Facebook_off_hover.svg') center/cover no-repeat;\n      }\n      .share-box.disabled .share-Discord:hover .icon{\n        background:url('/dist/js/share-dialog/image/Discord_off_hover.svg') center/cover no-repeat;\n      }\n      .share-box.disabled .share-icon{\n        background:#D4D4D6;\n      }\n      .share-box.disabled .share-icon:hover{\n        background:#8C8C97;\n      }\n      .share-box .share-divider{\n        width:1px;\n        height:56px;\n        background: #E3E3E3;\n      }\n      .image-video  .share-box .share-divider{\n        width:1px;\n        height:50px;\n        background: #606777;\n      \n       \n      }\n      .share-box .share-icon{\n        width: 60px;\n        height: 60px;\n        background: #9672CB;\n        border-radius:50%;\n        display:flex;\n        justify-content:center;\n        align-items:center;\n      }\n      .share-box .share-icon:hover{\n        background: #B185F3 0% 0% no-repeat padding-box;\n      }\n      .download{\n        position:relative;\n      }\n      .download >div{\n        display:flex;\n        align-items:center;\n        gap:10px;\n      }
1\n      .download .videolist-summary-download-list{\n        position:absolute;\n        left:0;\n        top:50px;\n        padding:8px;\n        position: absolute;\n        background-color: white;\n        z-index: 25;\n        padding: 8px;\n        box-sizing: border-box;\n        box-shadow: 0px 3px 6px #1E1E2E33;\n        border-radius: 6px;\n        min-width: 200px;\n        display: none;\n      }\n      .download:hover .videolist-summary-download-list{\n        display: block;\n      }\n\n      .download .videolist-summary-download-list::before{\n        display:block;\n        content:"";\n        height:10px;\n        width:100%;\n        position:absolute;\n        left:0;\n        top:-10px;\n      }\n\n      .download .videolist-summary-download-list li{\n        padding: 11px 8px;\n        min-width: 184px;\n        color: #000000;\n        font-size: 14px;\n        position: relative;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        border-radius: 4px;\n      }\n      .download .videolist-summary-download-list li:hover {\n        background: rgba(140, 140, 151, 0.2) 0% 0% no-repeat padding-box;\n      }\n      .download .videolist-summary-download-list li .clarity{\n        padding:1px 4px;\n        background: rgba(139, 61, 255, .5) 0% 0% no-repeat padding-box;\n        border-radius: 2px;\n        font: italic normal normal 12px/16px Roboto;\n        color: rgba(255, 255, 255, 1);\n        margin-left:8px;\n      }\n      .download .videolist-summary-download-list li >img{\n        margin-right:8px;\n      }\n      .download .videolist-summary-download-list li .usertype{\n        padding:4px 8px;\n        background: rgba(71, 71, 71, 1) 0% 0% no-repeat padding-box;\n        border-radius: 10px;\n        font: normal normal 500 11px/15px Roboto;\n        color: rgba(255, 255, 255, 1);\n        margin-left:24px;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        gap:3px;\n      }\n      .download .videolist-summary-download-list li .usertype img{\n        margin-top:-2px;\n      }\n      \n      @media (max-width: 1200px) {\n        .pc {display: none;}\n        .mobile {display: block;}\n        .preview-box{\n            width: 630px;\n            height: 760px;\n            min-height: initial;\n            padding: 20px 0 53px\n        }\n        .image-video .preview-box{\n            background-color:#fff;\n        }\n        .preview-title{\n            margin: 0 20px;\n            height: 40px;\n        }\n        \n        .preview-title-img {\n            width: 27px;\n            height: 37px;  \n        }\n        .image-video .preview-title-img{\n            width: 24px;\n            height: 24px; \n        }\n        .preview-title h3 span{\n            font-size: 30px;\n            font-weight: bold;\n        }\n        \n        .preview-title .preview-close{\n            width: 40px;\n            height: 40px;\n        }\n        .preview-video-box{\n            margin-top: 28px;\n            width: 100%;\n            height: 450px;\n            border: none\n        }\n        .share-box{\n            margin-top: 24px;\n        }\n        \n        .share-box .share-title-box .share-title {\n            margin-left: 20px;\n            font-size: 24px;\n            padding-right: 10px;\n            box-sizing: border-box;\n            font: normal normal normal .24rem/.36rem Titillium Web;\n            color:#6F6F6F;\n        }\n         .image-video  .share-box .share-title-box .share-title {\n         \n            color:#1E1E2E;\n        }\n\n        .share-box .share-icon-box{\n            margin-top: 20px;\n            gap: 24px;\n            ${"ar"===CURLAN?"padding-right:20px;":"padding-left:20px;"}\n        }\n        .share-box .share-icon{\n            width:80px;\n            height:80px;\n        }\n        \n        .share-box ul li .icon{\n            width:80px;\n            height:80px;\n        }\n        \n        .share-box.disabled .share-icon{\n            background: #8C8C97;\n        }\n        \n        .share-box.disabled .share-Twitter .icon{\n            background:url('/dist/js/share-dialog/image/Twitter_off_hover.svg') center/cover no-repeat;\n        }\n        .share-box.disabled .share-Linkedln .icon{\n            background:url('/dist/js/share-dialog/image/Linkedln_off_hover.svg') center/cover no-repeat;\n        }\n        .share-box.disabled .share-Facebook .icon{\n            background:url('/dist/js/share-dialog/image/Facebook_off_hover.svg') center/cover no-repeat;\n        }\n        .share-box.disabled .share-Discord .icon{\n            background:url('/dist/js/share-dialog/image/Discord_off_hover.svg') center/cover no-repeat;\n        }\n        \n        .share-box .share-third .icon:hover{\n            opacity: 1;\n        }\n        .share-box .share-link .icon:hover{\n            opacity: 1;\n        }\n      }\n      \n      @media (max-width: 768px) {\n          .preview-video-box .v_preview_playIcon{\n        position: absolute;\n        width: .85rem;\n        height: .85rem;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%,-50%);\n        cursor: pointer;\n        z-index: 1;\n        box-shadow: 0 0 10px 2px rgba(0,0,0,.4);\n        border-radius: 50%;\n      }\n        .preview-box{\n            width: calc(630 / 750 * 100vw);\n            height: calc(880 / 750 * 100vw);\n            padding: calc(20 / 750 * 100vw) 0 calc(53 / 750 * 100vw)\n        }\n         .image-video .preview-box{\n            height: calc(710 / 750 * 100vw);\n         }\n         .image-video .preview-box{\n            background-color:#fff;\n        }\n        .preview-title{\n            margin: 0 calc(20 / 750 * 100vw);\n            height: calc(56 / 750 * 100vw);\n        }\n        \n        .preview-title-img {\n            width: calc(27 / 750 * 100vw);\n            height: calc(37 / 750 * 100vw);  \n        }\n        \n        .preview-title h3 span{\n            font-size: calc(30 / 750 * 100vw);\n        }\n        \n        .preview-title .preview-close{\n            width: calc(40 / 750 * 100vw);\n            height: calc(40 / 750 * 100vw);\n        }\n         .image-video .preview-video-box{\n            height: calc(300 / 750 * 100vw);\n         }\n        .preview-video-box{\n            margin-top: calc(60 / 750 * 100vw);\n            width: calc(630 / 750 * 100vw);\n            height: calc(450 / 750 * 100vw);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        .share-box{\n            margin-top: calc(40 / 750 * 100vw);\n        }\n        .share-box .share-icon-box{\n            gap: calc(14 / 750 * 100vw)\n        }\n        .share-box .share-icon{\n            width:calc(80 / 750 * 100vw);\n            height:calc(80 / 750 * 100vw);\n        }\n        \n        .share-box ul li .icon{\n            width:calc(80 / 750 * 100vw);\n            height:calc(80 / 750 * 100vw);\n        }\n        \n        .share-box .share-title-box .share-title {\n            margin-left: 20px;\n            font-size: 14px;\n        }\n      }\n        `,n=document.createElement("style");n.type="text/css",n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e)),document.head.appendChild(n)}pcCloseIn(){this.shadowRootEl.querySelector("#pc-close").src="/dist/js/share-dialog/image/icon_close_normal_w.svg",console.log(this.shadowRootEl.querySelector("#pc-close"))}pcCloseOut(){this.shadowRootEl.querySelector("#pc-close").src="/dist/js/share-dialog/image/icon_close_normal_w.svg"}toBindEvent(){this.shadowRootEl.querySelector(".bingClickBtn1").onclick=e=>{this.handleMark(!0),this.close(e)},this.shadowRootEl.querySelector("#pc-close").addEventListener("mouseenter",this.pcCloseIn.bind(this)),this.shadowRootEl.querySelector("#pc-close").addEventListener("mouseleave",this.pcCloseOut.bind(this)),this.shadowRootEl.querySelector(".bingClickBtn6").onclick=this.openTwitter.bind(this),this.shadowRootEl.querySelector(".bingClickBtn7").onclick=this.openLinkedIn.bind(this),this.shadowRootEl.querySelector(".bingClickBtn8").onclick=this.openFacebook.bind(this),this.shadowRootEl.querySelector(".bingClickBtn9").onclick=this.openDiscord.bind(this),this.shadowRootEl.querySelector(".bingClickBtn10").onclick=this.copyLink.bind(this),this.showVideoPlay.onclick=this.playVideo.bind(this),this.showVideo.onclick=()=>{this.showVideo.paused||(this.showVideo.pause(),this.showVideoPlay.style.display="")};const e=this;this.showVideo.addEventListener("pause",(function(){e.showVideoPlay.style.display=""})),this.showVideo.addEventListener("play",(function(){e.showVideoPlay.style.display="none"}))}setLocalStorage(e=""){let n=localStorage.getItem("shareLinks");
1if(n)try{n=JSON.parse(n),localStorage.setItem("shareLinks",JSON.stringify({...n,[e]:this.shareLink}))}catch(e){console.log("error")}else{const n={};n[e]=this.shareLink,localStorage.setItem("shareLinks",JSON.stringify(n))}}getLocalStorage(e=""){let n=localStorage.getItem("shareLinks");if(n)try{return n=JSON.parse(n),!!n[e]&&(this.shareLink=n[e],this.imageShareInfo.shareLink=this.shareLink,!0)}catch(e){return!1}}async getDetais({url:e,text:n,action:i,imageKey:o,videoKey:t,poster:a,id:s,lan:r="en",task_id:l,_idx:h=-1,backParams:d}){this.action=i,this.task_id=l,this._idx=h,this.lan=r,this.backParams=d,this.imageShareInfo={action:i,imageKey:o,videoKey:t,text:n,id:s,lan:r},console.log(e,"xxx"),this.task_id=l,this.backParams=d,console.log("imageShareInfo",this.imageShareInfo),this.showImg.src=e,this.shareLink=upImageApi+this.imageShareInfo.action+"-"+btoa(this.imageShareInfo.imageKey+","+this.imageShareInfo.id),this.showVideo.style.display="none",this.showVideoPlay.style.display="none",this.showImg.style.display="none","texttovideo"!==i&&"aiphotodance"!==i||o.includes(".gif")?(this.showImg.src=e,this.showImg.onload=()=>{this.showImg.style.display=""}):(this.showVideo.src=e,this.showVideo.poster=a,this.showVideo.onloadedmetadata=()=>{this.showVideo.style.display="",this.showVideoPlay.style.display=""},this.showVideo.load()),"ai_chat_pdf"===i&&(this.shareLink=(isPro?"https://tool-api.vidwud.com":"https://tool-api-test.vidwud.com")+e,this.imageShareInfo.shareLink=this.shareLink,this.showImg.src="",$("#shareDialogEl .preview-video-box").hide(),$("#shareDialogEl .preview-box").css({minHeight:"unset",height:"unset",maxWidth:"514px"}),this.handleMark()),this.backParams&&await this.updateShareLink()}get(e,n,i={}){return fetch(e,{method:"GET",headers:{"Content-Type":"application/json",...i}}).then((e=>e.json()))}findEleByClass(e){return this.shadowRootEl.querySelector(e)}playVideo(){this.showVideoPlay.style.display="none",this.showVideo.play()}close(e){e&&e.stopPropagation(),this.shadowRootEl.style.display="none",this.showVideo.src&&(this.showVideo.paused||(this.showVideo.currentTime=0,this.showVideo.pause()))}setLocalStorage(e=""){let n=localStorage.getItem("shareLinks");if(n)try{n=JSON.parse(n),localStorage.setItem("shareLinks",JSON.stringify({...n,[e]:this.shareLink}))}catch(e){console.log("error")}else{const n={};n[e]=this.shareLink,localStorage.setItem("shareLinks",JSON.stringify(n))}}getLocalStorage(e=""){let n=localStorage.getItem("shareLinks");if(n)try{return n=JSON.parse(n),!!n[e]&&(this.shareLink=n[e],this.imageShareInfo.shareLink=this.shareLink,!0)}catch(e){return!1}}async handleMark(e=!1){const n=document.querySelector(".preview-box");e?n&&n.classList.add("hasMark"):n&&n.classList.remove("hasMark")}async updateShareLink(){let e=this.task_id;if(-1!==this._idx&&(e=`${this.action}${this.task_id}-${this._idx}`),this.getLocalStorage(e))this.handleMark();else{const n=await fetchPost("ai/tool/get-task",{id:this.task_id},TOOL_API).catch((e=>{console.log(e),this.handleMark()})),i=n?.code,o=n?.data?.additional_data;if(200===i&&o){const n=this.backParams(o);if(n){const i=await fetchPost("ai/source/share-link",n,TOOL_API).catch((e=>{console.log(e),this.handleMark()})),o=i?.code,t=i?.data?.url;200===o&&t?(this.shareLink=`${upImageApi}${(t||"").substring(1)}${this.lan??"en"}`,"ai_chat_pdf"!==this.action&&(this.imageShareInfo.shareLink=this.shareLink),this.setLocalStorage(e),this.handleMark()):this.handleMark()}else this.handleMark()}else this.handleMark()}}async openDiscord(){const e=window.open("https://discord.com/oauth2/authorize?client_id=1163417715940265996&redirect_url=cde63f391315c1826177bff70b4c74853f5848eb32d54c651d1498948bc95e28&response_type=code&scope=webhook.incoming","Discord Auth","width=500,height=600");localStorage.setItem("imageShareInfo",JSON.stringify(this.imageShareInfo)),e.addEventListener("load",(()=>{}))}async openFacebook(){"aiattractivenesstestshare"===this.action&&gtag("event","share_attracttest_fb"),"aiphotodance"===this.action&&gtag("event","share_aidance_fb"),"aikissing"===this.action&&gtag("event","share_kissingphoto_fb"),"babyGenerateShare"===this.action&&gtag("event","share_babygenerator_fb ");const e=`#${this.imageShareInfo.text}`;window.open(`https://www.facebook.com/sharer.php?u=${this.shareLink}?play_source=Facebook&text=${encodeURIComponent(e)}`,"_blank")}async openLinkedIn(){const e=`#${this.imageShareInfo.text}`;let n=encodeURIComponent(`${this.shareLink}?play_source=LinkedIn`);window.open(`https://www.linkedin.com/shareArticle?spm=&mini=true&url=${n}&text=${e}`,"_blank")}async openTwitter(){"aiattractivenesstestshare"===this.action&&gtag("event","share_attracttest_tw"),"ai
1photodance"===this.action&&gtag("event","share_aidance_tw"),"aikissing"===this.action&&gtag("event","share_kissingphoto_tw"),"babyGenerateShare"===this.action&&gtag("event","share_babygenerator_tw");const e=`#${this.imageShareInfo.text}`;window.open(`https://twitter.com/intent/tweet?url=${this.shareLink}?play_source=Twitter&text=${encodeURIComponent(e)}`,"_blank")}async copyLink(){"aiattractivenesstestshare"===this.action&&gtag("event","share_attracttest_link"),"aiphotodance"===this.action&&gtag("event","share_aidance_link"),"aikissing"===this.action&&gtag("event","share_kissingphoto_link"),"babyGenerateShare"===this.action&&gtag("event","share_babygenerator_link "),copyText(this.shareLink);try{ToolTip({text:jsonData.aiAttractivenessTest.javascript.copied})}catch(e){ToolTip({text:"Copied failed"})}}changeTips(e){if(e.title){this.shadowRootEl.querySelector(".preview-title-text span").innerHTML=e.title}if(e.content){this.shadowRootEl.querySelector(".share-title span").innerHTML=e.content}}}customElements.define("share-dialog",ShareDialog);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.