From 7f9f23befd7a9de2d73e7da41d6c5cd1c8dd2c7f Mon Sep 17 00:00:00 2001 From: Ahmed Mostafa Date: Thu, 30 Nov 2023 12:35:07 +0200 Subject: [PATCH] Updates --- assets/git-stars.08c27c24.svg | 3 - assets/github-logo.7fb6b207.svg | 3 - assets/index.63df7776.js | 243 ----------- assets/loading.6c6f3aa1.svg | 11 - assets/react-dom.483d676c.js | 8 + assets/react.22a65340.js | 1 + assets/scaleflex-logo.9408c3ca.svg | 62 --- index.html | 663 ----------------------------- 8 files changed, 9 insertions(+), 985 deletions(-) delete mode 100644 assets/git-stars.08c27c24.svg delete mode 100644 assets/github-logo.7fb6b207.svg delete mode 100644 assets/index.63df7776.js delete mode 100644 assets/loading.6c6f3aa1.svg create mode 100644 assets/react-dom.483d676c.js create mode 100644 assets/react.22a65340.js delete mode 100644 assets/scaleflex-logo.9408c3ca.svg delete mode 100644 index.html diff --git a/assets/git-stars.08c27c24.svg b/assets/git-stars.08c27c24.svg deleted file mode 100644 index 99cf98de..00000000 --- a/assets/git-stars.08c27c24.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/assets/github-logo.7fb6b207.svg b/assets/github-logo.7fb6b207.svg deleted file mode 100644 index 0e906043..00000000 --- a/assets/github-logo.7fb6b207.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/assets/index.63df7776.js b/assets/index.63df7776.js deleted file mode 100644 index ac225c4d..00000000 --- a/assets/index.63df7776.js +++ /dev/null @@ -1,243 +0,0 @@ -var __vite_style__=document.createElement("style");__vite_style__.innerHTML=`*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter;overflow-x:hidden}.container{max-width:970px;margin:0 auto}.container-fluid{max-width:1170px;margin:0 auto}.content-wrapper{padding:23px 25px 60px 24px}.content-wrapper .header{display:flex;align-items:center;justify-content:space-between}.content-wrapper .header .header-logo{display:flex;align-items:center;color:#203254}.content-wrapper .header .header-logo img{border-right:1px solid #b8c4d0;padding-right:1em;margin-right:1em}.content-wrapper .header .img-editor{font-weight:500;text-decoration:none;font-size:20px;line-height:32px;color:#203254}.content-wrapper .header .navbar{display:flex;align-items:center}.content-wrapper .header .stars{border:1px solid #5d6d7e;border-radius:4px;display:flex;align-items:center;padding:12px 16px;cursor:pointer;height:41px;width:113px}.content-wrapper .header .stars img{margin-right:4px}.content-wrapper .header .stars .star{width:16px;height:16px}.content-wrapper .header .stars span{background-color:#f1f8ff;margin-left:.375em}.content-wrapper .header .git-hub{border:1px solid #5d6d7e;border-radius:4px;display:flex;align-items:center;padding:6px 21px;font-size:.875em;margin-left:.625em;text-decoration:none;cursor:pointer;color:#5d6d7e;width:101.53px;height:41px}.content-wrapper .header .git-hub img{width:14.53px;height:16px;margin-right:4px}.content-wrapper .content{display:flex;align-items:center;flex-direction:column;position:relative}.content-wrapper .content .content-title{margin-top:57.5px;font-size:48px;font-weight:700;line-height:58px;color:#203254;z-index:99;max-width:540px;text-align:center}.content-wrapper .content .cyan-blur-ellipse{position:absolute;width:222px;height:307px;right:-24px;top:142px;background-color:#ced4fd;filter:blur(150px);z-index:-1}.content-wrapper .content .blue-blur-ellipse{position:absolute;width:232px;height:307px;right:0;top:142px;background-color:#ced4fd;filter:blur(120px);z-index:-1}.content-wrapper .content .cyan-blur-ellipse{position:absolute;width:118px;height:418px;left:-23px;top:465px;background-color:#90eee7;filter:blur(150px);z-index:-1}.content-wrapper .content .content-title .colored-text{color:#3daba4}.content-wrapper .content .content-text{margin-top:12px;font-weight:400;color:#4d5c74;font-size:1.25em;line-height:30px;z-index:99}.content-wrapper .content .content-text p{font-size:20px;line-height:30px;color:#4d5c74;text-align:center;margin-top:12px}.content-wrapper .content .view-button{display:flex;width:328px;height:48px;align-items:center;justify-content:space-between;margin-top:32px;position:relative}.content-wrapper .content .view-button a{display:flex;align-items:center;justify-content:center;width:171px;height:48px;background-color:#3daba4;border-radius:4px;font-weight:700;font-size:16px;line-height:32px;color:#fff;cursor:pointer;border:none;text-decoration:none}.content-wrapper .content .view-button button{display:flex;align-items:center;justify-content:space-between;width:171px;height:48px;padding:8px 24px;background-color:#3daba4;border-radius:4px;line-height:32px;color:#fff;cursor:pointer;border:none}.content-wrapper .content .view-button button a{text-decoration:none;color:#fff;font-size:16px;line-height:32px;font-weight:700}.content-wrapper .content .view-button P{display:flex;align-items:center;color:#6879eb;font-size:16px;line-height:32px;font-weight:500;width:147px;height:48px}.content-wrapper .content .view-button img{position:absolute;left:320px;top:9px}.content-wrapper .content .img-table{margin-top:32px;display:flex;z-index:99;width:970px;column-gap:30px}.content-wrapper .content .img-table h4{font-size:16px;line-height:32px;font-weight:500;width:126px}.content-wrapper .img-table .config-table{background-color:#f9fafc;padding:16px 7.55px 50px 16px;width:255px;max-height:499px;height:499px}.content-wrapper .img-table .config-table h4{font-size:14px;line-height:21px;color:#4d5c74;margin-bottom:4px;font-weight:400}.content-wrapper .img-table .config-table input{width:15px;height:15px;border:1px solid #dfe1ec}.content-wrapper .img-table .config-table h5{margin-top:30px;font-size:14px;line-height:21px;color:#4d5c74;margin-bottom:9px;font-weight:400}.content-wrapper .img-table .config-table .img-container{display:flex;column-gap:8px}.content-wrapper .img-table .config-table .uploaded-imgs-wrapper{display:flex;flex-wrap:wrap;row-gap:6px;column-gap:6px;max-width:170px;max-height:106px;overflow-y:scroll;scrollbar-color:#dfe1ec #fff;scrollbar-width:thin}.content-wrapper .config-table .uploaded-imgs-wrapper::-webkit-scrollbar{width:5px;color:#dfe1ec}.content-wrapper .config-table .uploaded-imgs-wrapper::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #f9fafc}.content-wrapper .config-table .uploaded-imgs-wrapper::-webkit-scrollbar-thumb{background-color:#dfe1ec;border-radius:4px;height:50px}.content-wrapper .img-table .config-table .uploaded-img{width:50px;height:50px;background-size:cover;border:2px solid #ffff;border-radius:4px;cursor:pointer}.content-wrapper .img-table .config-table .default-uploaded-img{width:50px;height:50px;cursor:pointer;border-radius:4px}.content-wrapper .config-table .uploaded-img[data-image-editor-active-image=""]{border:2px solid #3daba4;transition:border .25s ease-in-out}.content-wrapper .img-table .config-table .add-img{width:50px;height:50px;border:1px solid #dfe1ec;background-color:#fff;border-radius:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB1VCxDcIwELyznZ4RMkLmQEJKjUTBBmmomQDBCFSUiBEYgQ2ADaAHHzZFlFhuUqTIFf/S3f/f6YkMFqvNHVJZeJXn0+7Z1QwGYvwFzpdNBVtUXdLK74M0I9h8iHd7XXo4Y1xNaZvc+VdBB6uecHX46haCHZP5OjoIvFD+1dLBgbmcE3ury5GS1rGn+SN+23E0DOToe2YAAAAASUVORK5CYII=) center center;background-repeat:no-repeat;padding-top:49px;cursor:pointer}.content-wrapper .img-table .config-table .output-img{width:50px;height:50px;border-radius:4px;display:none}.content-wrapper .img-table .config-table .pluse-icon{display:flex;cursor:pointer;width:11px;height:11px;color:#4d5c74}.content-wrapper .img-table .tools-checkboxs{position:relative;display:flex;flex-direction:column;font-size:14px;line-height:17px;color:#203254}.checkbox-container{display:block;position:relative;padding-left:21px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:15px;width:15px;background-color:#fff;border:1px solid #dfe1ec}.checkbox-container input:checked~.checkmark{background-color:#fff}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:1px;top:3px;width:13px;height:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgBjZBBCsIwEEUnbdKVixzBI3QpQsEewUUpLortETyB9gZ6goAghW70BnFhxWWP4D1iEhMxINJqAxmGP29mPoPgz5tVbCwJ4aBU6Q0DAYSUZ9wLMkYVJkfQmkp4xLdFce+F1YhwDRCaqfNrWrRWw1G9z8Hz1kKIV7cVo/rANOjQbF81aXZyA7AE2foaUWK8TSoWBzhYGjA3v2ySbPu5DdkwrVnoI8zfErXgJck239aQS1yD8bnrAjsv8Kv+BGXxSuIxedN1AAAAAElFTkSuQmCC);background-repeat:no-repeat}.content-wrapper .tools-checkboxs label{font-size:14px;line-height:17px;color:#203254;font-weight:400}.content-wrapper .img-table .mode-content{display:flex;flex-direction:column;margin-top:30px}.content-wrapper .img-table .mode-content h4{margin-bottom:8px}.content-wrapper .img-table .mode-content select{border:1px solid #dfe1ec;height:40px;padding:8px 14px;font-size:14px;line-height:24px;color:#203254;width:231.45px;-webkit-appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACGSURBVHgBdY89CoQwEEYnk2y3C95gr+ARtl6WJbYq6BEG1FsIegMt7E3hRbyJhWU0GkGEgF8183jMD8CejyQPbvINCx9t8XqK3jau8I+yBNHQIXGhA4GmsfCaQP4KjIauTNkJZUreoh8NM6vSZhk5iorPOlCqnpi74hfn7Q7fp3B3K0jnkQ2IfyjtlpBVkwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position-x:97%;background-position-y:16px}.content-wrapper .img-table .mode-content .mode-options{font-size:14px;line-height:24px;color:#203254;padding:10px}.content-wrapper .img-table .editor-container{position:relative;width:685px;box-shadow:0 2px 41px 10px #6b82af1a;border-radius:8px;height:600px}@keyframes rotate{to{transform:rotate(360deg)}}.content-wrapper .img-table .editor-container .plugin-spinner{background:rgba(255,255,255);display:flex;align-items:center;justify-content:center;position:absolute;z-index:11111;top:0;bottom:0;right:0;left:0;flex-direction:column;user-select:none}.content-wrapper .img-table .editor-container .plugin-spinner .loading{animation:rotate 1.2s linear infinite}.content-wrapper .content .cyan-ellipse{position:absolute;width:418px;height:418px;left:-327px;top:465px;background-color:#90eee7;filter:blur(300px);z-index:-1}.filerobot-features{padding:60px 25px;display:flex;box-sizing:content-box;flex-direction:column;align-items:center}.filerobot-features .filerobot-title{display:flex;flex-direction:column;justify-content:center;font-weight:600;line-height:54px;font-size:40px;color:#203254;max-width:772px;text-align:center;margin-bottom:32px}.filerobot-features .filerobot-features-content{display:grid;grid-template-columns:repeat(3,4fr);gap:30px}.filerobot-features .filerobot-features-content img{width:100%;max-width:370px}.filerobot-features .filerobot-features-content h3{margin:16px 0 8px;font-weight:500;font-size:22px;line-height:24px;color:#203254;max-width:370px}.filerobot-features .filerobot-features-content p{color:#4d5c74;font-size:16px;line-height:24px;max-width:370px}.usage{display:flex;flex-direction:column;align-items:center;padding:60px 25px;background-color:#f1f8ff}.usage ::-webkit-scrollbar{display:none}.usage .usage-title{display:flex;flex-direction:column;align-items:center}.usage .usage-title h3{font-size:40px;line-height:54px;font-weight:600;color:#203254;margin-bottom:12px}.usage .usage-title p{font-size:20px;line-height:30px;font-weight:400;color:#4d5c74;max-width:970px;text-align:center}.usage .usage-title p .documentation .colored-text{color:#3daba4}.usage .usage-title p .documentation .colored-text a{font-weight:600;font-size:20;color:#3daba4;text-decoration:none}.usage .version-buttons{margin-top:44px;display:flex;width:100%;cursor:pointer}.usage .version-buttons .version-button{margin-top:44px;width:15%;cursor:pointer;text-align:center}.usage .version-buttons .js-version-btn,[selected-tab=""]{border-bottom:3px solid #3daba4;padding-bottom:9px;text-align:center;transition:border .2s ease-in-out}.usage .js-version-code,.react-version-code,.CDN-version-code{position:relative;line-height:22px;font-size:14px;background-color:#fff;width:100%;margin-top:1px;color:#4d5c74;overflow-x:auto;box-shadow:0 2px 41px 10px #0067b40d;border-radius:4px}.usage pre{overflow-x:scroll;scrollbar-width:none}.usage .copy-wrapper{position:absolute;display:flex;align-items:center;right:32px;top:26px;cursor:pointer;z-index:100;background-color:#fff}.usage .copy-wrapper img{width:12.21px;height:16px;margin-right:4px}.usage .copy-wrapper p{font-size:14px;line-height:16.94px;font-weight:400;color:#4d5c74}.usage .mobile-copy-button{display:none}.usage .versions-text{line-height:17px;font-size:14px;font-family:Inter}.usage .versions-text .red{color:#cf222e}.usage .versions-text .dark-red{color:#953800}.usage .versions-text .green{color:#116329}.usage .versions-text .light-blue{color:#8250df}.usage .versions-text .blue{color:#0550ae}.usage .versions-text .gray{color:gray}.usage .versions-text .code-space{padding-left:10px}.usage .versions-text .code-two-spaces{padding-left:20px}.usage .versions-text .code-three-spaces{padding-left:40px}.usage .versions-text .code-four-spaces{padding-left:60px}.usage .adapters{display:flex;flex-direction:column;width:100%;margin-top:32px;max-width:941px}.usage .adapters h4{font-size:22px;line-height:26.63px;font-weight:600;color:#203254}.usage .adapters .adapters-options{display:flex;margin-top:24px;column-gap:24px;border-bottom:1px solid #dfe1ec;padding-bottom:32px}.usage .adapters .adapters-options .adapter-react-option,.usage .adapters .adapters-options .adapter-js-option{display:flex;column-gap:8px;align-items:center;size:18px;line-height:21.78px;color:#203254}.usage .adapters .adapters-options .adapter-angular-option,.usage .adapters .adapters-options .adapter-vue-option,.usage .adapters .adapters-options .adapter-web-option{display:flex;column-gap:8px;align-items:center;size:18px;line-height:21.78px;color:#5d6d7e}.usage .legend-content{display:flex;margin-top:13px;width:100%;column-gap:20px;align-items:center;max-width:941px}.usage .legend-content .legend-title{font-weight:700;font-size:14px;line-height:40px;color:#4d5c74}.usage .legend-content .complete-feature,.usage .legend-content .progress-feature,.usage .legend-content .to-do-feature{display:flex;column-gap:8px;align-items:center;size:18px;line-height:21.78px;color:#4d5c74}.usage .explore-button{margin-top:32px}.usage .explore-button a{text-decoration:none;color:#fff;background-color:#3daba4;padding:14px 32.299px;border-radius:4px;font-weight:700;font-size:16px;line-height:32px}.questions{position:relative;padding:60px 25px;display:flex;flex-direction:column;align-items:center}.questions h3{margin-bottom:12px;font-weight:600;font-size:40px;line-height:54px;color:#203254}.questions p{margin-bottom:32px;font-weight:400;font-size:20px;line-height:30px;color:#203254}.questions span{font-weight:700;font-size:20px;line-height:30px;color:#203254}.questions a{padding:8px 32px;background-color:#3daba4;border-radius:4px;color:#fff;font-size:16px;line-height:32px;border:none;cursor:pointer;font-weight:700;text-decoration:none}.questions button a{color:#fff;font-size:16px;line-height:32px;text-decoration:none}.questions .cyan-blur-ellipse{position:absolute;width:158px;height:243px;right:0;top:86px;background-color:#90eee7;filter:blur(150px)}.footer{position:relative;padding:60px 25px;box-sizing:content-box;display:flex;justify-content:space-between}.footer .accordion-wrapper{display:flex;flex-direction:column;row-gap:26px;display:none}.footer button{display:flex;font-size:18px;line-height:24px;width:100%;font-weight:700;border:none;background-color:#fff;color:#000228;height:24px;cursor:pointer}.footer .filerobot-accordion{display:flex;align-items:center;justify-content:start}.footer .accordion-content{margin-bottom:10px;margin-top:10px;display:none}.footer .filerobot-accordion img{width:14px;height:8px;cursor:pointer;margin-left:17px}.footer .input-with-submit-button{position:relative}.footer .navbar{display:flex;align-items:center;margin-bottom:65px;display:none;margin-top:16px}.footer .navbar .stars{border:1px solid #5d6d7e;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:8px 16px;cursor:pointer;height:41px;width:246px}.footer .navbar .stars img{margin-right:4px}.footer .navbar .stars .star{width:16px;height:16px}.footer .navbar .stars span{background-color:#f1f8ff;margin-left:.375em}.footer .navbar .git-hub{border:1px solid #5d6d7e;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:8px 16px;font-size:.875em;margin-left:8px;text-decoration:none;cursor:pointer;color:#5d6d7e;width:246px;height:41px}.footer .navbar .git-hub img{width:14.53px;height:16px;margin-right:4px}.footer .footer-logo{display:flex;flex-direction:column;max-width:550px;width:35.9vw;row-gap:24px;color:#4d5c74;cursor:pointer}.footer .footer-logo img{width:170px;height:42.26px}.footer .footer-logo p{font-size:16px;line-height:24px}.footer .footer-logo span{color:#00f}.footer .footer-logo a{text-decoration:none;color:#00f}.footer .footer-wrapper{display:flex;column-gap:5.22vw}.footer .footer-info{display:flex;flex-direction:column}.footer .footer-info h4{margin-bottom:24px;font-weight:600;font-size:18px;line-height:22px;color:#203254}.footer .footer-info-content{display:flex;flex-direction:column;row-gap:16px;color:#4d5c74;font-size:16px;line-height:19.36px}.footer .footer-info-content a{text-decoration:none;color:#4d5c74;font-size:16px;line-height:19.36px}.footer .footer-filerobot h4{font-weight:600;font-size:18px;line-height:21.78px;color:#203254;margin-bottom:24px}.footer .footer-filerobot-content{display:flex;flex-direction:column;row-gap:16px}.footer .footer-filerobot-content a{text-decoration:none;font-size:16px;line-height:19.36px;color:#4d5c74}.footer .cyan-blur-ellipse{position:absolute;width:123px;height:278px;left:-150px;top:0;background-color:#e1e5ff;filter:blur(120px)}.transition-filled-button{transition:all .3s ease-in-out}.transition-filled-button:hover{background-color:#35918a!important}@media (min-width: 1980px){.content-wrapper .header{margin:auto;max-width:1550px}.content-wrapper .content .content-text{max-width:1150px}.content-wrapper .img-table .table-configure{font-size:16px;line-height:32px}.usage .adapters{display:flex;flex-direction:column;width:82%;margin-top:32px}.footer .footer-wrapper{column-gap:80px}}@media (max-width: 1050px){.content-wrapper .content .img-table{flex-direction:column;align-items:center;width:100%;row-gap:30px}.content-wrapper .img-table .config-table{width:99%;height:unset}.content-wrapper .img-table .editor-container{width:100%}.content-wrapper .img-table .config-table .img-container{max-width:100%}.content-wrapper .img-table .tools-checkboxs,.content-wrapper .img-table .tools-checkboxs .tabs-left-column,.content-wrapper .img-table .tools-checkboxs .tabs-right-column{display:flex;flex-direction:row;column-gap:12px;margin-top:8px;row-gap:12px;flex-wrap:wrap}.content-wrapper .img-table .tools-checkboxs::-webkit-scrollbar{display:none}.content-wrapper .img-table .tools-checkboxs .draw-resize{display:flex;column-gap:27px}.content-wrapper .img-table .tools-checkboxs .resize{margin-bottom:12px}.content-wrapper .img-table .mode-content{display:flex;flex-direction:row;column-gap:16px;align-items:center;margin-top:30px}.content-wrapper .img-table .mode-content h4{margin-bottom:0;margin-top:0;width:37px;margin-left:4px}.filerobot-features .filerobot-features-content{display:grid;grid-template-columns:repeat(2,4fr);gap:30px}.usage .version-buttons .version-button{flex:1;max-width:146.33px;margin-top:0}}@media (max-width: 635px){.footer{flex-direction:column}.footer .footer-logo{width:100%}.footer .footer-wrapper{justify-content:space-between}}@media (max-width: 630px){.content-wrapper .header .navbar{display:none}}@media (max-width: 571px){.container{margin:0}.content-wrapper{padding:16px}.content-wrapper .content{align-items:flex-start}.content-wrapper .content .content-title,.content-wrapper .content .content-text p{text-align:left}.content-wrapper .content .content-title span{display:unset}.content-wrapper .content .view-button{justify-content:unset;column-gap:8px}.content-wrapper .content .view-button img{position:absolute;left:313px;top:4px}.content-wrapper .content .img-table{margin-left:0;row-gap:30px}.content-wrapper .content .blue-blur-ellipse,.content-wrapper .content .cyan-blur-ellipse{opacity:0}.content-wrapper .content .cyan-ellipse{display:none}.filerobot-features{padding:31.34px 16px 60px;align-items:flex-start}.filerobot-features .filerobot-title{font-size:30px;line-height:36.31px;text-align:start;margin-bottom:16px}.filerobot-features .filerobot-features-content{display:grid;grid-template-columns:repeat(1,100%);width:100%;gap:40px}.filerobot-features .filerobot-features-content img{width:100%;max-width:unset}.filerobot-features .filerobot-features-content p{max-width:unset}.content-wrapper .content .img-table{width:100%}.content-wrapper .img-table .tools-checkboxs{max-width:470px}.content-wrapper .img-table .tools-checkboxs .draw-resize{display:flex;column-gap:27px;margin-left:54px}.content-wrapper .img-table .mode-content{margin-top:23px}.content-wrapper .img-table .config-table{width:100%}.content-wrapper .img-table .tools-checkboxs .tabs-left-column,.content-wrapper .img-table .tools-checkboxs .tabs-right-column{display:flex;flex-direction:column;column-gap:12px;margin-top:8px;flex-wrap:wrap;row-gap:unset}.usage{padding:30px 16px 34px;align-items:flex-start}.usage .usage-title h3{font-size:30px;line-height:54px;font-weight:600;max-width:327px}.usage .usage-title{align-items:flex-start}.usage .usage-title p{text-align:left;max-width:unset}.usage .adapters .adapters-options{flex-direction:column;row-gap:6px}.usage .legend-content .legend-title{height:29px;margin-bottom:10px}.usage .legend-content{flex-direction:column;align-items:flex-start;row-gap:6px;width:97%}.usage .js-version-code{width:97%}.usage .version-buttons{position:relative;width:95%;height:56px;margin-top:20px}.usage .mobile-copy-button{position:absolute;display:flex;align-items:center;right:-6px;top:34px;cursor:pointer;z-index:100}.usage .mobile-copy-button img{width:12.21px;height:16px;margin-right:4px}.usage .mobile-copy-button p{font-size:14px;line-height:16.94px;font-weight:400;color:#4d5c74}.usage .copy-wrapper{display:none}.usage .version-buttons .version-button{text-align:center;max-width:77.33px;padding-top:12px;overflow-y:hidden;height:39px;margin-top:18px}.usage .adapters{margin-top:64px;width:97%}.questions{padding:60px 16px;align-items:flex-start}.questions h3{font-size:10.604vw;text-align:left}.questions p{text-align:left}.questions .cyan-blur-ellipse{display:none}.footer{display:block;padding:16px}.footer .accordion-wrapper{display:flex}.footer .footer-logo{width:100%;row-gap:12px}.footer .footer-logo p{width:100%;line-height:29px}.footer .footer-wrapper{display:none}.footer .navbar{display:flex}} -`;document.head.appendChild(__vite_style__);(function(D,pl){"use strict";function bp(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}function r7(n){var e;return n&&n.__esModule?n:(e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}}),n&&Object.keys(n).forEach(function(t){var r;t!=="default"&&(r=Object.getOwnPropertyDescriptor(n,t),Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:function(){return n[t]}}))}),e.default=n,Object.freeze(e))}var f=bp(D),qt=r7(D),X=bp(pl);if(!1)var gl;function zn(n){return(zn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(n)}function yp(n){return n=function(e,t){if(zn(e)!=="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r===void 0)return(t==="string"?String:Number)(e);if(zn(r=r.call(e,t||"default"))!=="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}(n,"string"),zn(n)==="symbol"?n:String(n)}function w(n,e,t){return(e=yp(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function xp(n,e){for(var t=0;t=this.groupSizes.length){for(var t=this.groupSizes,r=t.length,o=r;o<=n;)(o<<=1)<0&&ha(16,""+n);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(var a=r;a=this.length||this.groupSizes[n]===0))for(var t=this.groupSizes[n],n=this.indexOfGroup(n),r=n+t,o=n;o>>0),e.hasNameForId(r,i)||(a=t(a,"."+i,void 0,r),e.insertRules(r,i,a)),o.push(i),this.staticRulesId=i);else{for(var a,i,c=this.rules.length,u=ni(this.baseHash,t.hash),d="",p=0;p>>0),e.hasNameForId(r,a)||(i=t(d,"."+a,void 0,r),e.insertRules(r,a,i)),o.push(a))}return o.join(" ")},Fp),M7=/^\s*\/\/.*$/gm,z7=[":","[",".","#"];function Fp(n,e,t){this.rules=n,this.staticRulesId="",this.isStatic=(t===void 0||t.isStatic)&&Np(n),this.componentId=e,this.baseHash=ni(A7,e),this.baseStyle=t,Ys.registerId(e)}var Wp,vl,Vp,Gp,$s,pd,Qs,Xp=f.default.createContext(),Zp=(Xp.Consumer,f.default.createContext()),R7=(Zp.Consumer,new Ys),gd=(H=(H=(He=He===void 0?Mo:He).options)===void 0?Mo:H,He=(He=He.plugins)===void 0?Gs:He,pd=new c7(H),Qs=[],$s=function(n){Qs.push(n)},pd.use([].concat(He,[function(n,e,t){n===2&&t.length&&0?@[\\\]^`{|}~-]+/g,X7=/(^-|-$)/g;function md(n){return n.replace(G7,"-").replace(X7,"")}var vd=function(n){return hd(Bp(n)>>>0)};function Js(n){return typeof n=="string"&&!0}var bd=function(n){return typeof n=="function"||typeof n=="object"&&n!==null&&!Array.isArray(n)},Z7=function(n){return n!=="__proto__"&&n!=="constructor"&&n!=="prototype"};function n2(n){for(var e=arguments.length,t=new Array(1n.length)&&(e=n.length);for(var t=0,r=new Array(e);t=r.xs&&c=r.sm&&c=r.md&&c=r.lg&&c=r.xl&&c=r.xxl&&c=r.xxxl?u?d(a.xxxl):a.xxxl:u?d(a.md):a.md},up:e,down:function(c){return c=r[c],"@media (max-width:".concat(c).concat("px",")")},between:t,only:function(c){return i.indexOf(c)+1{Ie[n.prototype.getClassName()]=n},Ie._injectGlobal(Ie);class Jn{constructor(e=[1,0,0,1,0,0]){this.dirty=!1,this.m=e&&e.slice()||[1,0,0,1,0,0]}reset(){this.m[0]=1,this.m[1]=0,this.m[2]=0,this.m[3]=1,this.m[4]=0,this.m[5]=0}copy(){return new Jn(this.m)}copyInto(e){e.m[0]=this.m[0],e.m[1]=this.m[1],e.m[2]=this.m[2],e.m[3]=this.m[3],e.m[4]=this.m[4],e.m[5]=this.m[5]}point(e){var t=this.m;return{x:t[0]*e.x+t[2]*e.y+t[4],y:t[1]*e.x+t[3]*e.y+t[5]}}translate(e,t){return this.m[4]+=this.m[0]*e+this.m[2]*t,this.m[5]+=this.m[1]*e+this.m[3]*t,this}scale(e,t){return this.m[0]*=e,this.m[1]*=e,this.m[2]*=t,this.m[3]*=t,this}rotate(i){var t=Math.cos(i),i=Math.sin(i),r=this.m[0]*t+this.m[2]*i,o=this.m[1]*t+this.m[3]*i,a=this.m[0]*-i+this.m[2]*t,i=this.m[1]*-i+this.m[3]*t;return this.m[0]=r,this.m[1]=o,this.m[2]=a,this.m[3]=i,this}getTranslation(){return{x:this.m[4],y:this.m[5]}}skew(i,o){var r=this.m[0]+this.m[2]*o,o=this.m[1]+this.m[3]*o,a=this.m[2]+this.m[0]*i,i=this.m[3]+this.m[1]*i;return this.m[0]=r,this.m[1]=o,this.m[2]=a,this.m[3]=i,this}multiply(c){var t=this.m[0]*c.m[0]+this.m[2]*c.m[1],r=this.m[1]*c.m[0]+this.m[3]*c.m[1],o=this.m[0]*c.m[2]+this.m[2]*c.m[3],a=this.m[1]*c.m[2]+this.m[3]*c.m[3],i=this.m[0]*c.m[4]+this.m[2]*c.m[5]+this.m[4],c=this.m[1]*c.m[4]+this.m[3]*c.m[5]+this.m[5];return this.m[0]=t,this.m[1]=r,this.m[2]=o,this.m[3]=a,this.m[4]=i,this.m[5]=c,this}invert(){var i=1/(this.m[0]*this.m[3]-this.m[1]*this.m[2]),e=this.m[3]*i,t=-this.m[1]*i,r=-this.m[2]*i,o=this.m[0]*i,a=i*(this.m[2]*this.m[5]-this.m[3]*this.m[4]),i=i*(this.m[1]*this.m[4]-this.m[0]*this.m[5]);return this.m[0]=e,this.m[1]=t,this.m[2]=r,this.m[3]=o,this.m[4]=a,this.m[5]=i,this}getMatrix(){return this.m}decompose(){var e,t=this.m[0],r=this.m[1],o=this.m[2],a=this.m[3],i=t*a-r*o,c={x:this.m[4],y:this.m[5],rotation:0,scaleX:0,scaleY:0,skewX:0,skewY:0};return t!=0||r!=0?(e=Math.sqrt(t*t+r*r),c.rotation=0>16&255,g:n>>8&255,b:255&n}},getRandomColor(){for(var n=(16777215*Math.random()<<0).toString(16);n.length<6;)n="0"+n;return"#"+n},getRGB(n){var e;return n in tf?{r:(e=tf[n])[0],g:e[1],b:e[2]}:n[0]==="#"?this._hexToRgb(n.substring(1)):n.substr(0,4)==="rgb("?(e=f8.exec(n.replace(/ /g,"")),{r:parseInt(e[1],10),g:parseInt(e[2],10),b:parseInt(e[3],10)}):{r:0,g:0,b:0}},colorToRGBA(n){return n=n||"black",Y._namedColorToRBA(n)||Y._hex3ColorToRGBA(n)||Y._hex4ColorToRGBA(n)||Y._hex6ColorToRGBA(n)||Y._hex8ColorToRGBA(n)||Y._rgbColorToRGBA(n)||Y._rgbaColorToRGBA(n)||Y._hslColorToRGBA(n)},_namedColorToRBA(n){return n=tf[n.toLowerCase()],n?{r:n[0],g:n[1],b:n[2],a:1}:null},_rgbColorToRGBA(n){if(n.indexOf("rgb(")===0)return{r:(n=(n=n.match(/rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number))[0],g:n[1],b:n[2],a:1}},_rgbaColorToRGBA(n){if(n.indexOf("rgba(")===0)return{r:(n=(n=n.match(/rgba\(([^)]+)\)/)[1]).split(/ *, */).map((e,t)=>e.slice(-1)==="%"?t===3?parseInt(e)/100:parseInt(e)/100*255:Number(e)))[0],g:n[1],b:n[2],a:n[3]}},_hex8ColorToRGBA(n){if(n[0]==="#"&&n.length===9)return{r:parseInt(n.slice(1,3),16),g:parseInt(n.slice(3,5),16),b:parseInt(n.slice(5,7),16),a:parseInt(n.slice(7,9),16)/255}},_hex6ColorToRGBA(n){if(n[0]==="#"&&n.length===7)return{r:parseInt(n.slice(1,3),16),g:parseInt(n.slice(3,5),16),b:parseInt(n.slice(5,7),16),a:1}},_hex4ColorToRGBA(n){if(n[0]==="#"&&n.length===5)return{r:parseInt(n[1]+n[1],16),g:parseInt(n[2]+n[2],16),b:parseInt(n[3]+n[3],16),a:parseInt(n[4]+n[4],16)/255}},_hex3ColorToRGBA(n){if(n[0]==="#"&&n.length===4)return{r:parseInt(n[1]+n[1],16),g:parseInt(n[2]+n[2],16),b:parseInt(n[3]+n[3],16),a:1}},_hslColorToRGBA(n){if(/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.test(n)){var[,...n]=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(n),e=Number(n[0])/360,t=Number(n[1])/100,n=Number(n[2])/100;let i,c,u;if(t==0)return u=255*n,{r:Math.round(u),g:Math.round(u),b:Math.round(u),a:1};var r=2*n-(i=n<.5?n*(1+t):n+t-n*t),o=[0,0,0];for(let d=0;d<3;d++)(c=e+1/3*-(d-1))<0&&c++,1n.x+n.width||e.x+e.widthn.y+n.height||e.y+e.heighte.length&&(o=e,e=n,n=o),r=0;r{e.width=0,e.height=0})},drawRoundedRectPath(n,e,t,r){let o=0,a=0,i=0,c=0;typeof r=="number"?o=a=i=c=Math.min(r,e/2,t/2):(o=Math.min(r[0]||0,e/2,t/2),a=Math.min(r[1]||0,e/2,t/2),c=Math.min(r[2]||0,e/2,t/2),i=Math.min(r[3]||0,e/2,t/2)),n.moveTo(o,0),n.lineTo(e-a,0),n.arc(e-a,a,a,3*Math.PI/2,0,!1),n.lineTo(e,t-c),n.arc(e-c,t-c,c,0,Math.PI/2,!1),n.lineTo(i,t),n.arc(i,t-i,i,Math.PI/2,Math.PI,!1),n.lineTo(0,o),n.arc(o,o,o,Math.PI,3*Math.PI/2,!1)}};function Ro(n){return Y._isString(n)?'"'+n+'"':Object.prototype.toString.call(n)==="[object Number]"||Y._isBoolean(n)?n:Object.prototype.toString.call(n)}function eg(n){return 255('+n+")"),e}}function rf(){if(Ie.isUnminified)return function(n,e){return Y._isNumber(n)||n==="auto"||Y.warn(Ro(n)+' is a not valid value for "'+e+'" attribute. The value should be a number or "auto".'),n}}function ui(){if(Ie.isUnminified)return function(n,e){return Y._isString(n)||Y.warn(Ro(n)+' is a not valid value for "'+e+'" attribute. The value should be a string.'),n}}function tg(){if(Ie.isUnminified)return function(n,e){var t=Y._isString(n),r=Object.prototype.toString.call(n)==="[object CanvasGradient]"||n&&n.addColorStop;return t||r||Y.warn(Ro(n)+' is a not valid value for "'+e+'" attribute. The value should be a string or a native gradient.'),n}}function Ir(){if(Ie.isUnminified)return function(n,e){return n===!0||n===!1||Y.warn(Ro(n)+' is a not valid value for "'+e+'" attribute. The value should be a boolean.'),n}}var Cl="get",El="set";const B={addGetterSetter(n,e,t,r,o){B.addGetter(n,e,t),B.addSetter(n,e,r,o),B.addOverloadedGetterSetter(n,e)},addGetter(n,e,t){var r=Cl+Y._capitalize(e);n.prototype[r]=n.prototype[r]||function(){var o=this.attrs[e];return o===void 0?t:o}},addSetter(n,e,t,r){var o=El+Y._capitalize(e);n.prototype[o]||B.overWriteSetter(n,e,t,r)},overWriteSetter(n,e,t,r){var o=El+Y._capitalize(e);n.prototype[o]=function(a){return t&&a!=null&&(a=t.call(this,a,e)),this._setAttr(e,a),r&&r.call(this),this}},addComponentsGetterSetter(n,e,t,r,o){var a,i,c=t.length,u=Y._capitalize,d=Cl+u(e),p=El+u(e),v=(n.prototype[d]=function(){var y={};for(a=0;a{this._setAttr(e+u(S),void 0)}),this._fireChangeEvent(e,x,y),o&&o.call(this),this},B.addOverloadedGetterSetter(n,e)},addOverloadedGetterSetter(n,e){var t=Y._capitalize(e),r=El+t,o=Cl+t;n.prototype[e]=function(){return arguments.length?(this[r](arguments[0]),this):this[o]()}},addDeprecatedGetterSetter(n,e,t,r){Y.error("Adding deprecated "+e);var o=Cl+Y._capitalize(e),a=e+" property is deprecated and will be removed soon. Look at Konva change log for more information.";n.prototype[o]=function(){Y.error(a);var i=this.attrs[e];return i===void 0?t:i},B.addSetter(n,e,r,function(){Y.error(a)}),B.addOverloadedGetterSetter(n,e)},backCompat(n,e){Y.each(e,function(t,r){var o=n.prototype[r],a=Cl+Y._capitalize(t),i=El+Y._capitalize(t);function c(){o.apply(this,arguments),Y.error('"'+t+'" method is deprecated and will be removed soon. Use ""'+r+'" instead.')}n.prototype[t]=c,n.prototype[a]=c,n.prototype[i]=c})},afterSetFilter(){this._filterUpToDate=!1}};var of,ng=["arc","arcTo","beginPath","bezierCurveTo","clearRect","clip","closePath","createLinearGradient","createPattern","createRadialGradient","drawImage","ellipse","fill","fillText","getImageData","createImageData","lineTo","moveTo","putImageData","quadraticCurveTo","rect","restore","rotate","save","scale","setLineDash","setTransform","stroke","strokeText","transform","translate"];class fc{constructor(e){this.canvas=e,Ie.enableTrace&&(this.traceArr=[],this._enableTrace())}fillShape(e){e.fillEnabled()&&this._fill(e)}_fill(e){}strokeShape(e){e.hasStroke()&&this._stroke(e)}_stroke(e){}fillStrokeShape(e){e.attrs.fillAfterStrokeEnabled?(this.strokeShape(e),this.fillShape(e)):(this.fillShape(e),this.strokeShape(e))}getTrace(e,t){for(var r,o,a,i=this.traceArr,c=i.length,u="",d=0;dtypeof p=="number"?Math.floor(p):p):a).join(",")+")"):(u+=r.property,e||(u+="="+r.val)),u+=";";return u}clearTrace(){this.traceArr=[]}_trace(e){var t=this.traceArr;t.push(e),100<=t.length&&t.shift()}reset(){var e=this.getCanvas().getPixelRatio();this.setTransform(+e,0,0,+e,0,0)}getCanvas(){return this.canvas}clear(e){var t=this.getCanvas();e?this.clearRect(e.x||0,e.y||0,e.width||0,e.height||0):this.clearRect(0,0,t.getWidth()/t.pixelRatio,t.getHeight()/t.pixelRatio)}_applyLineCap(e){e=e.attrs.lineCap,e&&this.setAttr("lineCap",e)}_applyOpacity(e){e=e.getAbsoluteOpacity(),e!==1&&this.setAttr("globalAlpha",e)}_applyLineJoin(e){e=e.attrs.lineJoin,e&&this.setAttr("lineJoin",e)}setAttr(e,t){this._context[e]=t}arc(e,t,r,o,a,i){this._context.arc(e,t,r,o,a,i)}arcTo(e,t,r,o,a){this._context.arcTo(e,t,r,o,a)}beginPath(){this._context.beginPath()}bezierCurveTo(e,t,r,o,a,i){this._context.bezierCurveTo(e,t,r,o,a,i)}clearRect(e,t,r,o){this._context.clearRect(e,t,r,o)}clip(){this._context.clip()}closePath(){this._context.closePath()}createImageData(e,t){var r=arguments;return r.length===2?this._context.createImageData(e,t):r.length===1?this._context.createImageData(e):void 0}createLinearGradient(e,t,r,o){return this._context.createLinearGradient(e,t,r,o)}createPattern(e,t){return this._context.createPattern(e,t)}createRadialGradient(e,t,r,o,a,i){return this._context.createRadialGradient(e,t,r,o,a,i)}drawImage(e,t,r,o,a,i,c,u,d){var p=arguments,v=this._context;p.length===3?v.drawImage(e,t,r):p.length===5?v.drawImage(e,t,r,o,a):p.length===9&&v.drawImage(e,t,r,o,a,i,c,u,d)}ellipse(e,t,r,o,a,i,c,u){this._context.ellipse(e,t,r,o,a,i,c,u)}isPointInPath(e,t,r,o){return r?this._context.isPointInPath(r,e,t,o):this._context.isPointInPath(e,t,o)}fill(e){e?this._context.fill(e):this._context.fill()}fillRect(e,t,r,o){this._context.fillRect(e,t,r,o)}strokeRect(e,t,r,o){this._context.strokeRect(e,t,r,o)}fillText(e,t,r,o){o?this._context.fillText(e,t,r,o):this._context.fillText(e,t,r)}measureText(e){return this._context.measureText(e)}getImageData(e,t,r,o){return this._context.getImageData(e,t,r,o)}lineTo(e,t){this._context.lineTo(e,t)}moveTo(e,t){this._context.moveTo(e,t)}rect(e,t,r,o){this._context.rect(e,t,r,o)}putImageData(e,t,r){this._context.putImageData(e,t,r)}quadraticCurveTo(e,t,r,o){this._context.quadraticCurveTo(e,t,r,o)}restore(){this._context.restore()}rotate(e){this._context.rotate(e)}save(){this._context.save()}scale(e,t){this._context.scale(e,t)}setLineDash(e){this._context.setLineDash?this._context.setLineDash(e):"mozDash"in this._context?this._context.mozDash=e:"webkitLineDash"in this._context&&(this._context.webkitLineDash=e)}getLineDash(){return this._context.getLineDash()}setTransform(e,t,r,o,a,i){this._context.setTransform(e,t,r,o,a,i)}stroke(e){e?this._context.stroke(e):this._context.stroke()}strokeText(e,t,r,o){this._context.strokeText(e,t,r,o)}transform(e,t,r,o,a,i){this._context.transform(e,t,r,o,a,i)}translate(e,t){this._context.translate(e,t)}_enableTrace(){for(var e,t=this,r=ng.length,o=this.setAttr,a=function(c){var u,d=t[c];t[c]=function(){return e=function(p){for(var v,y=[],b=p.length,x=Y,S=0;S{e.dragStatus==="dragging"&&(n=!0)}),n},justDragged:!1,get node(){var n;return ut._dragElements.forEach(e=>{n=e.node}),n},_dragElements:new Map,_drag(n){const e=[];ut._dragElements.forEach((t,r)=>{var o=t.node,a=o.getStage(),a=(a.setPointersPositions(n),t.pointerId===void 0&&(t.pointerId=Y._getFirstPointerId(n)),a._changedPointerPositions.find(c=>c.id===t.pointerId));if(a){if(t.dragStatus!=="dragging"){var i=o.dragDistance();if(Math.max(Math.abs(a.x-t.startPointerPos.x),Math.abs(a.y-t.startPointerPos.y)){t.fire("dragmove",{type:"dragmove",target:t,evt:n},!0)})},_endDragBefore(n){const e=[];ut._dragElements.forEach(t=>{var r=t.node,r=r.getStage(),r=(n&&r.setPointersPositions(n),r._changedPointerPositions.find(o=>o.id===t.pointerId));r&&(t.dragStatus!=="dragging"&&t.dragStatus!=="stopped"||(ut.justDragged=!0,Ie._mouseListenClick=!1,Ie._touchListenClick=!1,Ie._pointerListenClick=!1,t.dragStatus="stopped"),r=t.node.getLayer()||t.node instanceof Ie.Stage&&t.node)&&e.indexOf(r)===-1&&e.push(r)}),e.forEach(t=>{t.draw()})},_endDragAfter(n){ut._dragElements.forEach((e,t)=>{e.dragStatus==="stopped"&&e.node.fire("dragend",{type:"dragend",target:e.node,evt:n},!0),e.dragStatus!=="dragging"&&ut._dragElements.delete(t)})}};Ie.isBrowser&&(window.addEventListener("mouseup",ut._endDragBefore,!0),window.addEventListener("touchend",ut._endDragBefore,!0),window.addEventListener("mousemove",ut._drag),window.addEventListener("touchmove",ut._drag),window.addEventListener("mouseup",ut._endDragAfter,!1),window.addEventListener("touchend",ut._endDragAfter,!1));var pc="absoluteOpacity",gc="allEventListeners",ho="absoluteTransform",rg="absoluteScale",ya="canvas",lf="listening",og="mouseenter",ag="mouseleave",Do="transform",sf="visible",Ut=["xChange.konva","yChange.konva","scaleXChange.konva","scaleYChange.konva","skewXChange.konva","skewYChange.konva","rotationChange.konva","offsetXChange.konva","offsetYChange.konva","transformsEnabledChange.konva"].join(" ");let m8=1;class Oe{constructor(e){this._id=m8++,this.eventListeners={},this.attrs={},this.index=0,this._allEventListeners=null,this.parent=null,this._cache=new Map,this._attachedDepsListeners=new Map,this._lastPos=null,this._batchingTransformChange=!1,this._needClearTransformCache=!1,this._filterUpToDate=!1,this._isUnderCache=!1,this._dragEventId=null,this._shouldFireChangeEvents=!1,this.setAttrs(e),this._shouldFireChangeEvents=!0}hasChildren(){return!1}_clearCache(e){e!==Do&&e!==ho||!this._cache.get(e)?e?this._cache.delete(e):this._cache.clear():this._cache.get(e).dirty=!0}_getCache(e,t){var r=this._cache.get(e);return(r===void 0||(e===Do||e===ho)&&r.dirty===!0)&&(r=t.call(this),this._cache.set(e,r)),r}_calculate(e,t,r){return this._attachedDepsListeners.get(e)||(t=t.map(o=>o+"Change.konva").join(" "),this.on(t,()=>{this._clearCache(e)}),this._attachedDepsListeners.set(e,!0)),this._getCache(e,r)}_getCanvasCache(){return this._cache.get(ya)}_clearSelfAndDescendantCache(e){this._clearCache(e),e===ho&&this.fire("absoluteTransformChange")}clearCache(){var e,t,r;return this._cache.has(ya)&&({scene:e,filter:t,hit:r}=this._cache.get(ya),Y.releaseCanvas(e,t,r),this._cache.delete(ya)),this._clearSelfAndDescendantCache(),this._requestDraw(),this}cache(o){var t,r,o=o||{},d={},a=(o.x!==void 0&&o.y!==void 0&&o.width!==void 0&&o.height!==void 0||(d=this.getClientRect({skipTransform:!0,relativeTo:this.getParent()})),Math.ceil(o.width||d.width)),i=Math.ceil(o.height||d.height),c=o.pixelRatio,u=o.x===void 0?Math.floor(d.x):o.x,d=o.y===void 0?Math.floor(d.y):o.y,p=o.offset||0,v=o.drawBorder||!1,y=o.hitCanvasPixelRatio||1;if(a&&i)return a+=2*p+1,i+=2*p+1,u-=p,d-=p,p=new di({pixelRatio:c,width:a,height:i}),c=new di({pixelRatio:c,width:0,height:0}),y=new af({pixelRatio:y,width:a,height:i}),t=p.getContext(),r=y.getContext(),y.isCache=!0,p.isCache=!0,this._cache.delete(ya),(this._filterUpToDate=!1)===o.imageSmoothingEnabled&&(p.getContext()._context.imageSmoothingEnabled=!1,c.getContext()._context.imageSmoothingEnabled=!1),t.save(),r.save(),t.translate(-u,-d),r.translate(-u,-d),this._isUnderCache=!0,this._clearSelfAndDescendantCache(pc),this._clearSelfAndDescendantCache(rg),this.drawScene(p,this),this.drawHit(y,this),this._isUnderCache=!1,t.restore(),r.restore(),v&&(t.save(),t.beginPath(),t.rect(0,0,a,i),t.closePath(),t.setAttr("strokeStyle","red"),t.setAttr("lineWidth",5),t.stroke(),t.restore()),this._cache.set(ya,{scene:p,filter:c,hit:y,x:u,y:d}),this._requestDraw(),this;Y.error("Can not cache the node. Width or height of the node equals 0. Caching is skipped.")}isCached(){return this._cache.has(ya)}getClientRect(e){throw new Error('abstract "getClientRect" method call')}_transformedRect(c,t){var r,o,a,i,c=[{x:c.x,y:c.y},{x:c.x+c.width,y:c.y},{x:c.x+c.width,y:c.y+c.height},{x:c.x,y:c.y+c.height}],u=this.getAbsoluteTransform(t);return c.forEach(function(d){d=u.point(d),r===void 0&&(r=a=d.x,o=i=d.y),r=Math.min(r,d.x),o=Math.min(o,d.y),a=Math.max(a,d.x),i=Math.max(i,d.y)}),{x:r,y:o,width:a-r,height:i-o}}_drawCachedSceneCanvas(e){e.save(),e._applyOpacity(this),e._applyGlobalCompositeOperation(this);var t=this._getCanvasCache(),t=(e.translate(t.x,t.y),this._getCachedSceneCanvas()),r=t.pixelRatio;e.drawImage(t._canvas,0,0,t.width/r,t.height/r),e.restore()}_drawCachedHitCanvas(e){var t=this._getCanvasCache(),r=t.hit;e.save(),e.translate(t.x,t.y),e.drawImage(r._canvas,0,0,r.width/r.pixelRatio,r.height/r.pixelRatio),e.restore()}_getCachedSceneCanvas(){var e,t,r,o,a=this.filters(),c=this._getCanvasCache(),i=c.scene,c=c.filter,u=c.getContext();if(a){if(!this._filterUpToDate){var d=i.pixelRatio;c.setSize(i.width/i.pixelRatio,i.height/i.pixelRatio);try{for(e=a.length,u.clear(),u.drawImage(i._canvas,0,0,i.getWidth()/d,i.getHeight()/d),t=u.getImageData(0,0,c.getWidth(),c.getHeight()),r=0;r{var t,r;if(!e)return this;for(t in e)t!=="children"&&(r="set"+Y._capitalize(t),Y._isFunction(this[r])?this[r](e[t]):this._setAttr(t,e[t]))}),this}isListening(){return this._getCache(lf,this._isListening)}_isListening(e){var t;return!!this.listening()&&(!(t=this.getParent())||t===e||this===e||t._isListening(e))}isVisible(){return this._getCache(sf,this._isVisible)}_isVisible(e){var t;return!!this.visible()&&(!(t=this.getParent())||t===e||this===e||t._isVisible(e))}shouldDrawHit(e,t=!1){var r,o;return e?this._isVisible(e)&&this._isListening(e):(r=this.getLayer(),o=!1,ut._dragElements.forEach(a=>{a.dragStatus==="dragging"&&(a.node.nodeType!=="Stage"&&a.node.getLayer()!==r||(o=!0))}),e=!t&&!Ie.hitOnDragEnabled&&o,this.isListening()&&this.isVisible()&&!e)}show(){return this.visible(!0),this}hide(){return this.visible(!1),this}getZIndex(){return this.index||0}getAbsoluteZIndex(){var e,t,r,o,a=this.getDepth(),i=this,c=0;return i.nodeType!=="Stage"&&function u(d){for(e=[],t=d.length,r=0;r{this.x(e.x),this.y(e.y)}),this}getPosition(){return{x:this.x(),y:this.y()}}getRelativePointerPosition(){var e,t;return this.getStage()&&(e=this.getStage().getPointerPosition())?((t=this.getAbsoluteTransform().copy()).invert(),t.point(e)):null}getAbsolutePosition(o){let t=!1,r=this.parent;for(;r;){if(r.isCached()){t=!0;break}r=r.parent}t&&!o&&(o=!0);var o=this.getAbsoluteTransform(o).getMatrix(),a=new Jn,i=this.offset();return a.m=o.slice(),a.translate(i.x,i.y),a.getTranslation()}setAbsolutePosition(e){var t=this._clearTransform(),r=(this.attrs.x=t.x,this.attrs.y=t.y,delete t.x,delete t.y,this._clearCache(Do),this._getAbsoluteTransform().copy());return r.invert(),r.translate(e.x,e.y),e={x:this.attrs.x+r.getTranslation().x,y:this.attrs.y+r.getTranslation().y},this._setTransform(t),this.setPosition({x:e.x,y:e.y}),this._clearCache(Do),this._clearSelfAndDescendantCache(ho),this}_setTransform(e){for(var t in e)this.attrs[t]=e[t]}_clearTransform(){var e={x:this.x(),y:this.y(),rotation:this.rotation(),scaleX:this.scaleX(),scaleY:this.scaleY(),offsetX:this.offsetX(),offsetY:this.offsetY(),skewX:this.skewX(),skewY:this.skewY()};return this.attrs.x=0,this.attrs.y=0,this.attrs.rotation=0,this.attrs.scaleX=1,this.attrs.scaleY=1,this.attrs.offsetX=0,this.attrs.offsetY=0,this.attrs.skewX=0,this.attrs.skewY=0,e}move(r){var t=r.x,r=r.y,o=this.x(),a=this.y();return t!==void 0&&(o+=t),r!==void 0&&(a+=r),this.setPosition({x:o,y:a}),this}_eachAncestorReverse(e,t){var r,o,a=[],i=this.getParent();if(!t||t._id!==this._id){for(a.unshift(this);i&&(!t||i._id!==t._id);)a.unshift(i),i=i.parent;for(r=a.length,o=0;o=this.parent.children.length)&&Y.warn("Unexpected value "+e+" for zIndex property. zIndex is just index of a node in children of its parent. Expected value is from 0 to "+(this.parent.children.length-1)+"."),t=this.index,this.parent.children.splice(t,1),this.parent.children.splice(e,0,this),this.parent._setChildrenIndices()):Y.warn("Node has no parent. zIndex parameter is ignored."),this}getAbsoluteOpacity(){return this._getCache(pc,this._getAbsoluteOpacity)}_getAbsoluteOpacity(){var e=this.opacity(),t=this.getParent();return t&&!t._isUnderCache&&(e*=t.getAbsoluteOpacity()),e}moveTo(e){return this.getParent()!==e&&(this._remove(),e.add(this)),this}toObject(){var e,t,r,o={},a=this.getAttrs();for(e in o.attrs={},a)t=a[e],Y.isObject(t)&&!Y._isPlainObject(t)&&!Y._isArray(t)||(r=typeof this[e]=="function"&&this[e],delete a[e],(r?r.call(this):null)!==(a[e]=t)&&(o.attrs[e]=t));return o.className=this.getClassName(),Y._prepareToStringify(o)}toJSON(){return JSON.stringify(this.toObject())}getParent(){return this.parent}findAncestors(e,t,r){for(var o=[],a=(t&&this._isMatch(e)&&o.push(this),this.parent);a;){if(a===r)return o;a._isMatch(e)&&o.push(a),a=a.parent}return o}isAncestorOf(e){return!1}findAncestor(e,t,r){return this.findAncestors(e,t,r)[0]}_isMatch(e){if(e){if(typeof e=="function")return e(this);for(var t,r=e.replace(/ /g,"").split(","),o=r.length,a=0;a{try{const o=e==null?void 0:e.callback;o&&delete e.callback,Y._urlToImage(this.toDataURL(e),function(a){t(a),o!=null&&o(a)})}catch(o){r(o)}})}toBlob(e){return new Promise((t,r)=>{try{const o=e==null?void 0:e.callback;o&&delete e.callback,this.toCanvas(e).toBlob(a=>{t(a),o!=null&&o(a)})}catch(o){r(o)}})}setSize(e){return this.width(e.width),this.height(e.height),this}getSize(){return{width:this.width(),height:this.height()}}getClassName(){return this.className||this.nodeType}getType(){return this.nodeType}getDragDistance(){return this.attrs.dragDistance!==void 0?this.attrs.dragDistance:this.parent?this.parent.getDragDistance():Ie.dragDistance}_off(e,t,r){for(var o,a,i=this.eventListeners[e],c=0;c{this.isAncestorOf(r.node)&&(t=!0)}),t)||this._createDragElement(e)})}_dragChange(){var e,t;this.attrs.draggable?this._listenDrag():(this._dragCleanup(),this.getStage()&&(e=(t=ut._dragElements.get(this._id))&&t.dragStatus==="dragging",t=t&&t.dragStatus==="ready",e?this.stopDrag():t&&ut._dragElements.delete(this._id)))}_dragCleanup(){this.off("mousedown.konva"),this.off("touchstart.konva")}isClientRectOnScreen(e={x:0,y:0}){var t=this.getStage();return!!t&&(t={x:-e.x,y:-e.y,width:t.width()+2*e.x,height:t.height()+2*e.y},Y.haveIntersection(t,this.getClientRect()))}static create(e,t){return Y._isString(e)&&(e=JSON.parse(e)),this._createNode(e,t)}static _createNode(e,t){var r,o,a=Oe.prototype.getClassName.call(e),i=e.children;t&&(e.attrs.container=t),Ie[a]||(Y.warn('Can not find a node with class name "'+a+'". Fallback to "Shape".'),a="Shape");var c=new Ie[a](e.attrs);if(i)for(r=i.length,o=0;o{e.parent=null,e.index=0,e.remove()}),this.children=[],this._requestDraw(),this}destroyChildren(){return this.getChildren().forEach(e=>{e.parent=null,e.index=0,e.destroy()}),this.children=[],this._requestDraw(),this}add(...e){if(e.length!==0)if(1{var a=o._isMatch(e);return a&&r.push(o),!(!a||!t)}),r}_descendants(e){for(const t of this.getChildren())if(e(t)||t.hasChildren()&&t._descendants(e))return!0;return!1}toObject(){var e=Oe.prototype.toObject.call(this);return e.children=[],this.getChildren().forEach(t=>{e.children.push(t.toObject())}),e}isAncestorOf(e){for(var t=e.getParent();t;){if(t._id===this._id)return!0;t=t.getParent()}return!1}clone(e){var t=Oe.prototype.clone.call(this,e);return this.getChildren().forEach(function(r){t.add(r.clone())}),t}getAllIntersections(e){var t=[];return this.find("Shape").forEach(function(r){r.isVisible()&&r.intersects(e)&&t.push(r)}),t}_clearSelfAndDescendantCache(e){var t;super._clearSelfAndDescendantCache(e),this.isCached()||(t=this.children)!=null&&t.forEach(function(r){r._clearSelfAndDescendantCache(e)})}_setChildrenIndices(){var e;(e=this.children)!=null&&e.forEach(function(t,r){t.index=r}),this._requestDraw()}drawScene(r,t){var o=this.getLayer(),r=r||o&&o.getCanvas(),o=r&&r.getContext(),a=this._getCanvasCache(),a=a&&a.scene,i=r&&r.isCache;return(this.isVisible()||i)&&(a?(o.save(),i=this.getAbsoluteTransform(t).getMatrix(),o.transform(i[0],i[1],i[2],i[3],i[4],i[5]),this._drawCachedSceneCanvas(o),o.restore()):this._drawChildren("drawScene",r,t)),this}drawHit(e,t){var r,o;return this.shouldDrawHit(t)&&(r=this.getLayer(),r=(e=e||r&&r.hitCanvas)&&e.getContext(),(o=this._getCanvasCache())&&o.hit?(r.save(),o=this.getAbsoluteTransform(t).getMatrix(),r.transform(o[0],o[1],o[2],o[3],o[4],o[5]),this._drawCachedHitCanvas(r),r.restore()):this._drawChildren("drawHit",e,t)),this}_drawChildren(e,t,r){var o,a,i,c=t&&t.getContext(),u=this.clipWidth(),d=this.clipHeight(),y=this.clipFunc(),p=u&&d||y,v=r===this,y=(p&&(c.save(),a=(o=this.getAbsoluteTransform(r)).getMatrix(),c.transform(a[0],a[1],a[2],a[3],a[4],a[5]),c.beginPath(),y?y.call(this,c,this):(y=this.clipX(),i=this.clipY(),c.rect(y,i,u,d)),c.clip(),a=o.copy().invert().getMatrix(),c.transform(a[0],a[1],a[2],a[3],a[4],a[5])),!v&&this.globalCompositeOperation()!=="source-over"&&e==="drawScene");y&&(c.save(),c._applyGlobalCompositeOperation(this)),(i=this.children)!=null&&i.forEach(function(b){b[e](t,r)}),y&&c.restore(),p&&c.restore()}getClientRect(e){for(var t,r,o,a,i,c=(e=e||{}).skipTransform,u=e.relativeTo,d={x:1/0,y:1/0,width:0,height:0},p=this,v=((t=this.children)!=null&&t.forEach(function(x){!x.visible()||(x=x.getClientRect({relativeTo:p,skipShadow:e.skipShadow,skipStroke:e.skipStroke})).width===0&&x.height===0||(i=r===void 0?(r=x.x,o=x.y,a=x.x+x.width,x.y+x.height):(r=Math.min(r,x.x),o=Math.min(o,x.y),a=Math.max(a,x.x+x.width),Math.max(i,x.y+x.height)))}),this.find("Shape")),y=!1,b=0;b0<=n.indexOf("pointer")?"pointer":0<=n.indexOf("touch")?"touch":"mouse",fi=n=>(n=Pl(n),n==="pointer"?Ie.pointerEventsEnabled&&pf.pointer:n==="touch"?pf.touch:n==="mouse"?pf.mouse:void 0);function cg(n={}){return(n.clipFunc||n.clipWidth||n.clipHeight)&&Y.warn("Stage does not support clipping. Please use clip for Layers or Groups."),n}const mc=[];class vc extends Kn{constructor(e){super(cg(e)),this._pointerPositions=[],this._changedPointerPositions=[],this._buildDOM(),this._bindContentEvents(),mc.push(this),this.on("widthChange.konva heightChange.konva",this._resizeDOM),this.on("visibleChange.konva",this._checkVisibility),this.on("clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva",()=>{cg(this.attrs)}),this._checkVisibility()}_validateAdd(r){var t=r.getType()==="Layer",r=r.getType()==="FastLayer";t||r||Y.throw("You may only add layers to the stage.")}_checkVisibility(){var e;this.content&&(e=this.visible()?"":"none",this.content.style.display=e)}setContainer(e){var t,r;if(typeof e=="string"&&!(e=e.charAt(0)==="."?(t=e.slice(1),document.getElementsByClassName(t)[0]):(r=e.charAt(0)!=="#"?e:e.slice(1),document.getElementById(r))))throw"Can not find container in document with id "+r;return this._setAttr("container",e),this.content&&(this.content.parentElement&&this.content.parentElement.removeChild(this.content),e.appendChild(this.content)),this}shouldDrawHit(){return!0}clear(){for(var e=this.children,t=e.length,r=0;rt.id===e)}getPointersPositions(){return this._pointerPositions}getStage(){return this}getContent(){return this.content}_toKonvaCanvas(e){(e=e||{}).x=e.x||0,e.y=e.y||0,e.width=e.width||this.width(),e.height=e.height||this.height();var t=new di({width:e.width,height:e.height,pixelRatio:e.pixelRatio||1}),r=t.getContext()._context,o=this.children;return(e.x||e.y)&&r.translate(-1*e.x,-1*e.y),o.forEach(function(a){a.isVisible()&&(a=a._toKonvaCanvas(e),r.drawImage(a._canvas,e.x,e.y,a.getWidth()/a.getPixelRatio(),a.getHeight()/a.getPixelRatio()))}),t}getIntersection(e){if(e)for(var t=this.children,r=t.length-1;0<=r;r--){var o=t[r].getIntersection(e);if(o)return o}return null}_resizeDOM(){var e=this.width(),t=this.height();this.content&&(this.content.style.width=e+"px",this.content.style.height=t+"px"),this.bufferCanvas.setSize(e,t),this.bufferHitCanvas.setSize(e,t),this.children.forEach(r=>{r.setSize({width:e,height:t}),r.draw()})}add(e){if(1{this.content.addEventListener(e,r=>{this[t](r)},{passive:!1})})}_pointerenter(e){this.setPointersPositions(e);var t=fi(e.type);this._fire(t.pointerenter,{evt:e,target:this,currentTarget:this})}_pointerover(e){this.setPointersPositions(e);var t=fi(e.type);this._fire(t.pointerover,{evt:e,target:this,currentTarget:this})}_getTargetShape(e){let t=this[e+"targetShape"];return t=t&&!t.getStage()?null:t}_pointerleave(e){var t,r,o=fi(e.type),a=Pl(e.type);o&&(this.setPointersPositions(e),t=this._getTargetShape(a),r=!ut.isDragging||Ie.hitOnDragEnabled,t&&r?(t._fireAndBubble(o.pointerout,{evt:e}),t._fireAndBubble(o.pointerleave,{evt:e}),this._fire(o.pointerleave,{evt:e,target:this,currentTarget:this}),this[a+"targetShape"]=null):r&&(this._fire(o.pointerleave,{evt:e,target:this,currentTarget:this}),this._fire(o.pointerout,{evt:e,target:this,currentTarget:this})),this.pointerPos=void 0,this._pointerPositions=[])}_pointerdown(e){const t=fi(e.type),r=Pl(e.type);var o;t&&(this.setPointersPositions(e),o=!1,this._changedPointerPositions.forEach(a=>{var i=this.getIntersection(a),c=(ut.justDragged=!1,Ie["_"+r+"ListenClick"]=!0,i&&i.isListening());c&&(Ie.capturePointerEventsEnabled&&i.setPointerCapture(a.id),(this[r+"ClickStartShape"]=i)._fireAndBubble(t.pointerdown,{evt:e,pointerId:a.id}),o=!0,c=0<=e.type.indexOf("touch"),i.preventDefault())&&e.cancelable&&c&&e.preventDefault()}),o||this._fire(t.pointerdown,{evt:e,target:this,currentTarget:this,pointerId:this._pointerPositions[0].id}))}_pointermove(e){const t=fi(e.type),r=Pl(e.type);if(t&&(ut.isDragging&&ut.node.preventDefault()&&e.cancelable&&e.preventDefault(),this.setPointersPositions(e),!ut.isDragging||Ie.hitOnDragEnabled)){var o={};let i=!1;var a=this._getTargetShape(r);this._changedPointerPositions.forEach(d=>{var u=cf(d.id)||this.getIntersection(d),d=d.id,p={evt:e,pointerId:d},v=a!==u;if(v&&a&&(a._fireAndBubble(t.pointerout,Object.assign({},p),u),a._fireAndBubble(t.pointerleave,Object.assign({},p),u)),u){if(o[u._id])return;o[u._id]=!0}u&&u.isListening()?(i=!0,v&&(u._fireAndBubble(t.pointerover,Object.assign({},p),a),u._fireAndBubble(t.pointerenter,Object.assign({},p),a),this[r+"targetShape"]=u),u._fireAndBubble(t.pointermove,Object.assign({},p))):a&&(this._fire(t.pointerover,{evt:e,target:this,currentTarget:this,pointerId:d}),this[r+"targetShape"]=null)}),i||this._fire(t.pointermove,{evt:e,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id})}}_pointerup(e){const t=fi(e.type),r=Pl(e.type);if(t){this.setPointersPositions(e);const a=this[r+"ClickStartShape"],i=this[r+"ClickEndShape"];var o={};let c=!1;this._changedPointerPositions.forEach(p=>{var d=cf(p.id)||this.getIntersection(p);if(d){if(d.releaseCapture(p.id),o[d._id])return;o[d._id]=!0}var p=p.id,v={evt:e,pointerId:p};let y=!1;Ie["_"+r+"InDblClickWindow"]?(y=!0,clearTimeout(this[r+"DblTimeout"])):ut.justDragged||(Ie["_"+r+"InDblClickWindow"]=!0,clearTimeout(this[r+"DblTimeout"])),this[r+"DblTimeout"]=setTimeout(function(){Ie["_"+r+"InDblClickWindow"]=!1},Ie.dblClickWindow),d&&d.isListening()?(c=!0,(this[r+"ClickEndShape"]=d)._fireAndBubble(t.pointerup,Object.assign({},v)),Ie["_"+r+"ListenClick"]&&a&&a===d&&(d._fireAndBubble(t.pointerclick,Object.assign({},v)),y)&&i&&i===d&&d._fireAndBubble(t.pointerdblclick,Object.assign({},v))):(this[r+"ClickEndShape"]=null,Ie["_"+r+"ListenClick"]&&this._fire(t.pointerclick,{evt:e,target:this,currentTarget:this,pointerId:p}),y&&this._fire(t.pointerdblclick,{evt:e,target:this,currentTarget:this,pointerId:p}))}),c||this._fire(t.pointerup,{evt:e,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id}),Ie["_"+r+"ListenClick"]=!1,e.cancelable&&r!=="touch"&&e.preventDefault()}}_contextmenu(e){this.setPointersPositions(e);var t=this.getIntersection(this.getPointerPosition());t&&t.isListening()?t._fireAndBubble(ff,{evt:e}):this._fire(ff,{evt:e,target:this,currentTarget:this})}_wheel(e){this.setPointersPositions(e);var t=this.getIntersection(this.getPointerPosition());t&&t.isListening()?t._fireAndBubble(hf,{evt:e}):this._fire(hf,{evt:e,target:this,currentTarget:this})}_pointercancel(e){this.setPointersPositions(e);var t=cf(e.pointerId)||this.getIntersection(this.getPointerPosition());t&&t._fireAndBubble(df,uf(e)),Ol(e.pointerId)}_lostpointercapture(e){Ol(e.pointerId)}setPointersPositions(e){var t,r,o=this._getContentPosition();(e=e||window.event).touches!==void 0?(this._pointerPositions=[],this._changedPointerPositions=[],Array.prototype.forEach.call(e.touches,a=>{this._pointerPositions.push({id:a.identifier,x:(a.clientX-o.left)/o.scaleX,y:(a.clientY-o.top)/o.scaleY})}),Array.prototype.forEach.call(e.changedTouches||e.touches,a=>{this._changedPointerPositions.push({id:a.identifier,x:(a.clientX-o.left)/o.scaleX,y:(a.clientY-o.top)/o.scaleY})})):(t=(e.clientX-o.left)/o.scaleX,r=(e.clientY-o.top)/o.scaleY,this.pointerPos={x:t,y:r},this._pointerPositions=[{x:t,y:r,id:Y._getFirstPointerId(e)}],this._changedPointerPositions=[{x:t,y:r,id:Y._getFirstPointerId(e)}])}_setPointerPosition(e){Y.warn('Method _setPointerPosition is deprecated. Use "stage.setPointersPositions(event)" instead.'),this.setPointersPositions(e)}_getContentPosition(){var e;return this.content&&this.content.getBoundingClientRect?{top:(e=this.content.getBoundingClientRect()).top,left:e.left,scaleX:e.width/this.content.clientWidth||1,scaleY:e.height/this.content.clientHeight||1}:{top:0,left:0,scaleX:1,scaleY:1}}_buildDOM(){if(this.bufferCanvas=new di({width:this.width(),height:this.height()}),this.bufferHitCanvas=new af({pixelRatio:1,width:this.width(),height:this.height()}),Ie.isBrowser){var e=this.container();if(!e)throw"Stage has no container. A container is required.";e.innerHTML="",this.content=document.createElement("div"),this.content.style.position="relative",this.content.style.userSelect="none",this.content.className="konvajs-content",this.content.setAttribute("role","presentation"),e.appendChild(this.content),this._resizeDOM()}}cache(){return Y.warn("Cache function is not allowed for stage. You may use cache only for layers, groups and shapes."),this}clearCache(){return this}batchDraw(){return this.getChildren().forEach(function(e){e.batchDraw()}),this}}vc.prototype.nodeType="Stage",X(vc),B.addGetterSetter(vc,"container");var ug="hasShadow",dg="shadowRGBA",fg="patternImage",hg="linearGradient",pg="radialGradient";let gg;function gf(){return gg=gg||Y.createCanvasElement().getContext("2d")}const Ll={};class ye extends Oe{constructor(e){super(e);let t;for(;!((t=Y.getRandomColor())&&!(t in Ll)););this.colorKey=t,Ll[t]=this}getContext(){return Y.warn("shape.getContext() method is deprecated. Please do not use it."),this.getLayer().getContext()}getCanvas(){return Y.warn("shape.getCanvas() method is deprecated. Please do not use it."),this.getLayer().getCanvas()}getSceneFunc(){return this.attrs.sceneFunc||this._sceneFunc}getHitFunc(){return this.attrs.hitFunc||this._hitFunc}hasShadow(){return this._getCache(ug,this._hasShadow)}_hasShadow(){return this.shadowEnabled()&&this.shadowOpacity()!==0&&!!(this.shadowColor()||this.shadowBlur()||this.shadowOffsetX()||this.shadowOffsetY())}_getFillPattern(){return this._getCache(fg,this.__getFillPattern)}__getFillPattern(){var e,t;if(this.fillPatternImage())return(e=gf().createPattern(this.fillPatternImage(),this.fillPatternRepeat()||"repeat"))&&e.setTransform&&((t=new Jn).translate(this.fillPatternX(),this.fillPatternY()),t.rotate(Ie.getAngle(this.fillPatternRotation())),t.scale(this.fillPatternScaleX(),this.fillPatternScaleY()),t.translate(-1*this.fillPatternOffsetX(),-1*this.fillPatternOffsetY()),t=t.getMatrix(),t=typeof DOMMatrix=="undefined"?{a:t[0],b:t[1],c:t[2],d:t[3],e:t[4],f:t[5]}:new DOMMatrix(t),e.setTransform(t)),e}_getLinearGradient(){return this._getCache(hg,this.__getLinearGradient)}__getLinearGradient(){var e=this.fillLinearGradientColorStops();if(e){for(var t=gf(),r=this.fillLinearGradientStartPoint(),o=this.fillLinearGradientEndPoint(),a=t.createLinearGradient(r.x,r.y,o.x,o.y),i=0;ithis.fillEnabled()&&!!(this.fill()||this.fillPatternImage()||this.fillLinearGradientColorStops()||this.fillRadialGradientColorStops()))}hasStroke(){return this._calculate("hasStroke",["strokeEnabled","strokeWidth","stroke","strokeLinearGradientColorStops"],()=>this.strokeEnabled()&&this.strokeWidth()&&!(!this.stroke()&&!this.strokeLinearGradientColorStops()))}hasHitStroke(){var e=this.hitStrokeWidth();return e==="auto"?this.hasStroke():this.strokeEnabled()&&!!e}intersects(e){var t=this.getStage().bufferHitCanvas;return t.getContext().clear(),this.drawHit(t,null,!0),0{this.draw(),this._waitingForDraw=!1})),this}getIntersection(e){if(!this.isListening()||!this.isVisible())return null;for(var t=1,r=!1;;){for(let i=0;ithis.duration?this.yoyo?(this._time=this.duration,this.reverse()):this.finish():e<0?this.yoyo?(this._time=0,this.play()):this.reset():(this._time=e,this.update())}getTime(){return this._time}setPosition(e){this.prevPos=this._pos,this.propFunc(e),this._pos=e}getPosition(e){return e===void 0&&(e=this._time),this.func(e,this.begin,this._change,this.duration)}play(){this.state=2,this._startTime=this.getTimer()-this._time,this.onEnterFrame(),this.fire("onPlay")}reverse(){this.state=3,this._time=this.duration-this._time,this._startTime=this.getTimer()-this._time,this.onEnterFrame(),this.fire("onReverse")}seek(e){this.pause(),this._time=e,this.update(),this.fire("onSeek")}reset(){this.pause(),this._time=0,this.update(),this.fire("onReset")}finish(){this.pause(),this._time=this.duration,this.update(),this.fire("onFinish")}update(){this.setPosition(this.getPosition(this._time)),this.fire("onUpdate")}onEnterFrame(){var e=this.getTimer()-this._startTime;this.state===2?this.setTime(e):this.state===3&&this.setTime(this.duration-e)}pause(){this.state=1,this.fire("onPause")}getTimer(){return new Date().getTime()}}class $t{constructor(e){var t,r=this,u=e.node,o=u._id,a=e.easing||_l.Linear,i=!!e.yoyo,c=e.duration===void 0?.3:e.duration===0?.001:e.duration,u=(this.node=u,this._id=x8++,u.getLayer()||(u instanceof Ie.Stage?u.getLayers():null));for(t in u||Y.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."),this.anim=new fr(function(){r.tween.onEnterFrame()},u),this.tween=new w8(t,function(d){r._tweenFunc(d)},a,0,1,1e3*c,i),this._addListeners(),$t.attrs[o]||($t.attrs[o]={}),$t.attrs[o][this._id]||($t.attrs[o][this._id]={}),$t.tweens[o]||($t.tweens[o]={}),e)y8[t]===void 0&&this._addAttr(t,e[t]);this.reset(),this.onFinish=e.onFinish,this.onReset=e.onReset,this.onUpdate=e.onUpdate}_addAttr(e,t){var r,o,a,i,c,u,d,p,v=this.node,y=v._id,b=$t.tweens[y][e];if(b&&delete $t.attrs[y][b][e],r=v.getAttr(e),Y._isArray(t))if(o=[],i=Math.max(t.length,r.length),e==="points"&&t.length!==r.length&&(t.length>r.length?(u=r,r=Y._prepareArrayForTween(r,t,v.closed())):(c=t,t=Y._prepareArrayForTween(t,r,v.closed()))),e.indexOf("fill")===0)for(a=0;a{this.anim.start()},this.tween.onReverse=()=>{this.anim.start()},this.tween.onPause=()=>{this.anim.stop()},this.tween.onFinish=()=>{var e=this.node,t=$t.attrs[e._id][this._id];t.points&&t.points.trueEnd&&e.setAttr("points",t.points.trueEnd),this.onFinish&&this.onFinish.call(this)},this.tween.onReset=()=>{var e=this.node,t=$t.attrs[e._id][this._id];t.points&&t.points.trueStart&&e.points(t.points.trueStart),this.onReset&&this.onReset()},this.tween.onUpdate=()=>{this.onUpdate&&this.onUpdate.call(this)}}play(){return this.tween.play(),this}reverse(){return this.tween.reverse(),this}reset(){return this.tween.reset(),this}seek(e){return this.tween.seek(1e3*e),this}pause(){return this.tween.pause(),this}finish(){return this.tween.finish(),this}destroy(){var e,t=this.node._id,r=this._id,o=$t.tweens[t];for(e in this.pause(),o)delete $t.tweens[t][e];delete $t.attrs[t][r]}}$t.attrs={},$t.tweens={},Oe.prototype.to=function(n){var e=n.onFinish;n.node=this,n.onFinish=function(){this.destroy(),e&&e()},new $t(n).play()};const _l={BackEaseIn(n,e,t,r){return t*(n/=r)*n*(2.70158*n-1.70158)+e},BackEaseOut(n,e,t,r){return t*((n=n/r-1)*n*(2.70158*n+1.70158)+1)+e},BackEaseInOut(n,e,t,r){var o=1.70158;return(n/=r/2)<1?t/2*(n*n*((1+(o*=1.525))*n-o))+e:t/2*((n-=2)*n*((1+(o*=1.525))*n+o)+2)+e},ElasticEaseIn(n,e,t,r,o,a){var i=0;return n===0?e:(n/=r)==1?e+t:(a=a||.3*r,i=!o||oy;C-=b){var x=xt.getPointOnEllipticalArc(d.points[0],d.points[1],d.points[2],d.points[3],C,0);r.push(x.x,x.y)}else for(let C=p+b;Cthis.dataArray[r].pathLength;)e-=this.dataArray[r].pathLength,++r;if(r===o)return{x:(t=this.dataArray[r-1].points.slice(-2))[0],y:t[1]};if(e<.01)return{x:(t=this.dataArray[r].points.slice(0,2))[0],y:t[1]};var a=this.dataArray[r],i=a.points;switch(a.command){case"L":return xt.getPointOnLine(e,a.start.x,a.start.y,i[0],i[1]);case"C":return xt.getPointOnCubicBezier(e/a.pathLength,a.start.x,a.start.y,i[0],i[1],i[2],i[3],i[4],i[5]);case"Q":return xt.getPointOnQuadraticBezier(e/a.pathLength,a.start.x,a.start.y,i[0],i[1],i[2],i[3]);case"A":var c=i[0],u=i[1],d=i[2],p=i[3],v=i[4],y=i[5],b=i[6];return v+=y*e/a.pathLength,xt.getPointOnEllipticalArc(c,u,d,p,v,b)}}return null}static getLineLength(e,t,r,o){return Math.sqrt((r-e)*(r-e)+(o-t)*(o-t))}static getPointOnLine(e,t,r,o,y,i,c){i===void 0&&(i=t),c===void 0&&(c=r);var u,d=(y-r)/(o-t+1e-8),p=Math.sqrt(e*e/(1+d*d)),v=(o{this._setImageLoad()}),this._setImageLoad()}_setImageLoad(){var e=this.image();e&&e.complete||e&&e.readyState===4||e&&e.addEventListener&&e.addEventListener("load",()=>{this._requestDraw()})}_useBufferCanvas(){return super._useBufferCanvas(!0)}_sceneFunc(e){var t,r,o=this.getWidth(),a=this.getHeight(),i=this.cornerRadius(),c=this.attrs.image;let u;c&&(t=this.attrs.cropWidth,r=this.attrs.cropHeight,u=t&&r?[c,this.cropX(),this.cropY(),t,r,0,0,o,a]:[c,0,0,o,a]),(this.hasFill()||this.hasStroke()||i)&&(e.beginPath(),i?Y.drawRoundedRectPath(e,o,a,i):e.rect(0,0,o,a),e.closePath(),e.fillStrokeShape(this)),c&&(i&&e.clip(),e.drawImage.apply(e,u))}_hitFunc(e){var t=this.width(),r=this.height(),o=this.cornerRadius();e.beginPath(),o?Y.drawRoundedRectPath(e,t,r,o):e.rect(0,0,t,r),e.closePath(),e.fillStrokeShape(this)}getWidth(){var e;return(e=this.attrs.width)!=null?e:(e=this.image())==null?void 0:e.width}getHeight(){var e;return(e=this.attrs.height)!=null?e:(e=this.image())==null?void 0:e.height}static fromURL(e,t,r=null){var o=Y.createImageElement();o.onload=function(){var a=new hr({image:o});t(a)},o.onerror=r,o.crossOrigin="Anonymous",o.src=e}}hr.prototype.className="Image",X(hr),B.addGetterSetter(hr,"cornerRadius",0,nf(4)),B.addGetterSetter(hr,"image"),B.addComponentsGetterSetter(hr,"crop",["x","y","width","height"]),B.addGetterSetter(hr,"cropX",0,Ee()),B.addGetterSetter(hr,"cropY",0,Ee()),B.addGetterSetter(hr,"cropWidth",0,Ee()),B.addGetterSetter(hr,"cropHeight",0,Ee());var yg=["fontFamily","fontSize","fontStyle","padding","lineHeight","text","width","height","pointerDirection","pointerWidth","pointerHeight"],yf="right",xf="down",wf="left",C8=yg.length;class Cf extends hi{constructor(e){super(e),this.on("add.konva",function(t){this._addListeners(t.child),this._sync()})}getText(){return this.find("Text")[0]}getTag(){return this.find("Tag")[0]}_addListeners(e){for(var t=this,r=function(){t._sync()},o=0;o{t=Math.min(t,i.x),r=Math.max(r,i.x),o=Math.min(o,i.y),a=Math.max(a,i.y)}),{x:t,y:o,width:r-t,height:a-o}}getWidth(){return 2*this.radius()}getHeight(){return 2*this.radius()}setWidth(e){this.radius(e/2)}setHeight(e){this.radius(e/2)}}Sa.prototype.className="RegularPolygon",Sa.prototype._centroid=!0,Sa.prototype._attrsAffectingSize=["radius"],X(Sa),B.addGetterSetter(Sa,"radius",0,Ee()),B.addGetterSetter(Sa,"sides",0,Ee());var xg=2*Math.PI;class Oa extends ye{_sceneFunc(e){e.beginPath(),e.arc(0,0,this.innerRadius(),0,xg,!1),e.moveTo(this.outerRadius(),0),e.arc(0,0,this.outerRadius(),xg,0,!0),e.closePath(),e.fillStrokeShape(this)}getWidth(){return 2*this.outerRadius()}getHeight(){return 2*this.outerRadius()}setWidth(e){this.outerRadius(e/2)}setHeight(e){this.outerRadius(e/2)}}Oa.prototype.className="Ring",Oa.prototype._centroid=!0,Oa.prototype._attrsAffectingSize=["innerRadius","outerRadius"],X(Oa),B.addGetterSetter(Oa,"innerRadius",0,Ee()),B.addGetterSetter(Oa,"outerRadius",0,Ee());class Ur extends ye{constructor(e){super(e),this._updated=!0,this.anim=new fr(()=>{var t=this._updated;return this._updated=!1,t}),this.on("animationChange.konva",function(){this.frameIndex(0)}),this.on("frameIndexChange.konva",function(){this._updated=!0}),this.on("frameRateChange.konva",function(){this.anim.isRunning()&&(clearInterval(this.interval),this._setInterval())})}_sceneFunc(e){var t=this.animation(),r=this.frameIndex(),d=4*r,u=this.animations()[t],o=this.frameOffsets(),a=u[0+d],i=u[1+d],c=u[2+d],u=u[3+d],d=this.image();(this.hasFill()||this.hasStroke())&&(e.beginPath(),e.rect(0,0,c,u),e.closePath(),e.fillStrokeShape(this)),d&&(o?(o=o[t],e.drawImage(d,a,i,c,u,o[0+(t=2*r)],o[1+t],c,u)):e.drawImage(d,a,i,c,u,0,0,c,u))}_hitFunc(e){var t=this.animation(),r=this.frameIndex(),o=4*r,c=this.animations()[t],a=this.frameOffsets(),i=c[2+o],c=c[3+o];e.beginPath(),a?(o=a[t],e.rect(o[0+(a=2*r)],o[1+a],i,c)):e.rect(0,0,i,c),e.closePath(),e.fillShape(this)}_useBufferCanvas(){return super._useBufferCanvas(!0)}_setInterval(){var e=this;this.interval=setInterval(function(){e._updateIndex()},1e3/this.frameRate())}start(){var e;this.isRunning()||(e=this.getLayer(),this.anim.setLayers(e),this._setInterval(),this.anim.start())}stop(){this.anim.stop(),clearInterval(this.interval)}isRunning(){return this.anim.isRunning()}_updateIndex(){var e=this.frameIndex(),t=this.animation();e{var t=0<=(e=e.trim()).indexOf(" "),r=0<=e.indexOf('"')||0<=e.indexOf("'");return e=t&&!r?`"${e}"`:e}).join(", ")}_addTextLine(e){this.align()===Tl&&(e=e.trim());var t=this._getTextWidth(e);return this.textArr.push({text:e,width:t,lastInParagraph:!1})}_getTextWidth(e){var t=this.letterSpacing(),r=e.length;return Ef().measureText(e).width+(r?t*(r-1):0)}_setTextData(){for(var e=this.text().split(` -`),t=+this.fontSize(),r=0,o=this.lineHeight()*t,v=this.attrs.width,b=this.attrs.height,a=v!==gi&&v!==void 0,i=b!==gi&&b!==void 0,c=this.padding(),u=v-2*c,d=b-2*c,p=0,v=this.wrap(),y=v!=="char"&&v!=="none",b=this.ellipsis(),x=(this.textArr=[],Ef().font=this._getContextFont(),b?this._getTextWidth("\u2026"):0),S=0,I=e.length;S>>1,$=C.slice(0,1+N),U=this._getTextWidth($)+x;U<=u?(k=1+N,j=$,R=U):A=N}if(!j)break;if(y&&0<(_=((_=C[j.length])===" "||_==="-")&&R<=u?j.length:Math.max(j.lastIndexOf(" "),j.lastIndexOf("-"))+1)&&(k=_,j=j.slice(0,k),R=this._getTextWidth(j)),j=j.trimRight(),this._addTextLine(j),r=Math.max(r,R),p+=o,this._shouldHandleEllipsis(p)){this._tryToAddEllipsisToLastLine();break}if(0<(C=(C=C.slice(k)).trimLeft()).length&&(P=this._getTextWidth(C))<=u){this._addTextLine(C),p+=o,r=Math.max(r,P);break}}else this._addTextLine(C),p+=o,r=Math.max(r,P),this._shouldHandleEllipsis(p)&&S$?p=xt.getPointOnLine($,d.x,d.y,v.points[0],v.points[1],d.x,d.y):v=void 0;break;case"A":var oe=v.points[4],ce=v.points[5],me=v.points[4]+ce;S===0?S=oe+1e-8:U<$?S+=Math.PI/180*ce/Math.abs(ce):S-=Math.PI/360*ce/Math.abs(ce),(ce<0&&Sv.pathLength?1e-8:$/v.pathLength:U<$?S+=($-U)/v.pathLength/2:S=Math.max(S-(U-$)/v.pathLength/2,0),1n+"."+kg).join(" "),Pg="nodesRect",O8=["widthChange","heightChange","scaleXChange","scaleYChange","skewXChange","skewYChange","rotationChange","offsetXChange","offsetYChange","transformsEnabledChange","strokeWidthChange"],k8={"top-left":-45,"top-center":0,"top-right":45,"middle-right":-90,"middle-left":90,"bottom-left":-135,"bottom-center":180,"bottom-right":135};const P8="ontouchstart"in Ie._global;var bc=["top-left","top-center","top-right","middle-right","middle-left","bottom-left","bottom-center","bottom-right"];function Lg(n,e,o){var r=o.x+(n.x-o.x)*Math.cos(e)-(n.y-o.y)*Math.sin(e),o=o.y+(n.x-o.x)*Math.sin(e)+(n.y-o.y)*Math.cos(e);return Object.assign(Object.assign({},n),{rotation:n.rotation+e,x:r,y:o})}function L8(n,e){var t={x:(t=n).x+t.width/2*Math.cos(t.rotation)+t.height/2*Math.sin(-t.rotation),y:t.y+t.height/2*Math.cos(t.rotation)+t.width/2*Math.sin(t.rotation)};return Lg(n,e,t)}class pt extends hi{constructor(e){super(e),this._transforming=!1,this._createElements(),this._handleMouseMove=this._handleMouseMove.bind(this),this._handleMouseUp=this._handleMouseUp.bind(this),this.update=this.update.bind(this),this.on(S8,this.update),this.getNode()&&this.update()}attachTo(e){return this.setNode(e),this}setNode(e){return Y.warn("tr.setNode(shape), tr.node(shape) and tr.attachTo(shape) methods are deprecated. Please use tr.nodes(nodesArray) instead."),this.setNodes([e])}getNode(){return this._nodes&&this._nodes[0]}_getEventNamespace(){return kg+this._id}setNodes(e=[]){this._nodes&&this._nodes.length&&this.detach();var t=e.filter(r=>!r.isAncestorOf(this)||(Y.error("Konva.Transformer cannot be an a child of the node you are trying to attach"),!1));return this._nodes=e=t,e.length===1&&this.useSingleNodeRotation()?this.rotation(e[0].getAbsoluteRotation()):this.rotation(0),this._nodes.forEach(r=>{var o=()=>{this.nodes().length===1&&this.useSingleNodeRotation()&&this.rotation(this.nodes()[0].getAbsoluteRotation()),this._resetTransformCache(),this._transforming||this.isDragging()||this.update()},a=r._attrsAffectingSize.map(i=>i+"Change."+this._getEventNamespace()).join(" ");r.on(a,o),r.on(O8.map(i=>i+("."+this._getEventNamespace())).join(" "),o),r.on("absoluteTransformChange."+this._getEventNamespace(),o),this._proxyDrag(r)}),this._resetTransformCache(),!this.findOne(".top-left")||this.update(),this}_proxyDrag(e){let t;e.on("dragstart."+this._getEventNamespace(),r=>{t=e.getAbsolutePosition(),this.isDragging()||e===this.findOne(".back")||this.startDrag(r,!1)}),e.on("dragmove."+this._getEventNamespace(),r=>{if(t){var o=e.getAbsolutePosition();const a=o.x-t.x,i=o.y-t.y;this.nodes().forEach(c=>{var u;c===e||c.isDragging()||(u=c.getAbsolutePosition(),c.setAbsolutePosition({x:u.x+a,y:u.y+i}),c.startDrag(r))}),t=null}})}getNodes(){return this._nodes||[]}getActiveAnchor(){return this._movingAnchorName}detach(){this._nodes&&this._nodes.forEach(e=>{e.off("."+this._getEventNamespace())}),this._nodes=[],this._resetTransformCache()}_resetTransformCache(){this._clearCache(Pg),this._clearCache("transform"),this._clearSelfAndDescendantCache("absoluteTransform")}_getNodeRect(){return this._getCache(Pg,this.__getNodeRect)}__getNodeShape(d,t=this.rotation(),i){var o=d.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),a=d.getAbsoluteScale(i),i=d.getAbsolutePosition(i),c=o.x*a.x-d.offsetX()*a.x,u=o.y*a.y-d.offsetY()*a.y,d=(Ie.getAngle(d.getAbsoluteRotation())+2*Math.PI)%(2*Math.PI);return Lg({x:i.x+c*Math.cos(d)+u*Math.sin(-d),y:i.y+u*Math.cos(d)+c*Math.sin(d),width:o.width*a.x,height:o.height*a.y,rotation:d},-Ie.getAngle(t),{x:0,y:0})}__getNodeRect(){var e,t,r,o;if(!this.getNode())return{x:-1e8,y:-1e8,width:0,height:0,rotation:0};const a=[],i=(this.nodes().map(u=>{var d=u.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),d=[{x:d.x,y:d.y},{x:d.x+d.width,y:d.y},{x:d.x+d.width,y:d.y+d.height},{x:d.x,y:d.y+d.height}],p=u.getAbsoluteTransform();d.forEach(function(v){v=p.point(v),a.push(v)})}),new Jn);i.rotate(-Ie.getAngle(this.rotation())),a.forEach(function(u){u=i.point(u),e===void 0&&(e=r=u.x,t=o=u.y),e=Math.min(e,u.x),t=Math.min(t,u.y),r=Math.max(r,u.x),o=Math.max(o,u.y)}),i.invert();var c=i.point({x:e,y:t});return{x:c.x,y:c.y,width:r-e,height:o-t,rotation:Ie.getAngle(this.rotation())}}getX(){return this._getNodeRect().x}getY(){return this._getNodeRect().y}getWidth(){return this._getNodeRect().width}getHeight(){return this._getNodeRect().height}_createElements(){this._createBack(),bc.forEach(function(e){this._createAnchor(e)}.bind(this)),this._createAnchor("rotater")}_createAnchor(e){var t=new Il({stroke:"rgb(0, 161, 255)",fill:"white",strokeWidth:1,name:e+" _anchor",dragDistance:0,draggable:!0,hitStrokeWidth:P8?10:"auto"}),r=this;t.on("mousedown touchstart",function(o){r._handleMouseDown(o)}),t.on("dragstart",o=>{t.stopDrag(),o.cancelBubble=!0}),t.on("dragend",o=>{o.cancelBubble=!0}),t.on("mouseenter",()=>{var o,a=Ie.getAngle(this.rotation()),a=(a=a,(o=e)==="rotater"?"crosshair":(a+=Y.degToRad(k8[o]||0),o=(Y.radToDeg(a)%360+360)%360,Y._inRange(o,337.5,360)||Y._inRange(o,0,22.5)?"ns-resize":Y._inRange(o,22.5,67.5)?"nesw-resize":Y._inRange(o,67.5,112.5)?"ew-resize":Y._inRange(o,112.5,157.5)?"nwse-resize":Y._inRange(o,157.5,202.5)?"ns-resize":Y._inRange(o,202.5,247.5)?"nesw-resize":Y._inRange(o,247.5,292.5)?"ew-resize":Y._inRange(o,292.5,337.5)?"nwse-resize":(Y.error("Transformer has unknown angle for cursor detection: "+o),"pointer")));t.getStage().content&&(t.getStage().content.style.cursor=a),this._cursorChange=!0}),t.on("mouseout",()=>{t.getStage().content&&(t.getStage().content.style.cursor=""),this._cursorChange=!1}),this.add(t)}_createBack(){var e=new ye({name:"back",width:0,height:0,draggable:!0,sceneFunc(t){var r=this.getParent(),o=r.padding();t.beginPath(),t.rect(-o,-o,this.width()+2*o,this.height()+2*o),t.moveTo(this.width()/2,-o),r.rotateEnabled()&&t.lineTo(this.width()/2,-r.rotateAnchorOffset()*Y._sign(this.height())-o),t.fillStrokeShape(this)},hitFunc:(t,r)=>{var o;this.shouldOverdrawWholeArea()&&(o=this.padding(),t.beginPath(),t.rect(-o,-o,r.width()+2*o,r.height()+2*o),t.fillStrokeShape(r))}});this.add(e),this._proxyDrag(e),e.on("dragstart",t=>{t.cancelBubble=!0}),e.on("dragmove",t=>{t.cancelBubble=!0}),e.on("dragend",t=>{t.cancelBubble=!0}),this.on("dragmove",t=>{this.update()})}_handleMouseDown(e){this._movingAnchorName=e.target.name().split(" ")[0];var r=this._getNodeRect(),o=r.width,r=r.height,t=Math.sqrt(Math.pow(o,2)+Math.pow(r,2)),r=(this.sin=Math.abs(r/t),this.cos=Math.abs(o/t),typeof window!="undefined"&&(window.addEventListener("mousemove",this._handleMouseMove),window.addEventListener("touchmove",this._handleMouseMove),window.addEventListener("mouseup",this._handleMouseUp,!0),window.addEventListener("touchend",this._handleMouseUp,!0)),this._transforming=!0,e.target.getAbsolutePosition()),o=e.target.getStage().getPointerPosition();this._anchorDragOffset={x:o.x-r.x,y:o.y-r.y},this._fire("transformstart",{evt:e.evt,target:this.getNode()}),this._nodes.forEach(a=>{a._fire("transformstart",{evt:e.evt,target:a})})}_handleMouseMove(e){var t=this.findOne("."+this._movingAnchorName),o=t.getStage(),o=(o.setPointersPositions(e),o.getPointerPosition());let r={x:o.x-this._anchorDragOffset.x,y:o.y-this._anchorDragOffset.y};var o=t.getAbsolutePosition(),a=(this.anchorDragBoundFunc()&&(r=this.anchorDragBoundFunc()(o,r,e)),t.setAbsolutePosition(r),t.getAbsolutePosition());if(o.x!==a.x||o.y!==a.y)if(this._movingAnchorName==="rotater"){var o=this._getNodeRect(),i=t.x()-o.width/2,c=-t.y()+o.height/2;let S=Math.atan2(-c,i)+Math.PI/2;o.height<0&&(S-=Math.PI);var a=Ie.getAngle(this.rotation())+S,u=Ie.getAngle(this.rotationSnapTolerance()),a=L8(o,function(C,P,_){let k=P;for(let R=0;Rb.x?-1:1,y=this.findOne(".top-left").y()>b.y?-1:1,i=v*this.cos*p,c=v*this.sin*y,this.findOne(".top-left").x(b.x-i),this.findOne(".top-left").y(b.y-c)):this._movingAnchorName==="top-center"?this.findOne(".top-left").y(t.y()):this._movingAnchorName==="top-right"?(u&&(b=o?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".bottom-left").x(),y:this.findOne(".bottom-left").y()},v=Math.sqrt(Math.pow(t.x()-b.x,2)+Math.pow(b.y-t.y(),2)),p=this.findOne(".top-right").x()b.y?-1:1,i=v*this.cos*p,c=v*this.sin*y,this.findOne(".top-right").x(b.x+i),this.findOne(".top-right").y(b.y-c)),d=t.position(),this.findOne(".top-left").y(d.y),this.findOne(".bottom-right").x(d.x)):this._movingAnchorName==="middle-left"?this.findOne(".top-left").x(t.x()):this._movingAnchorName==="middle-right"?this.findOne(".bottom-right").x(t.x()):this._movingAnchorName==="bottom-left"?(u&&(b=o?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".top-right").x(),y:this.findOne(".top-right").y()},v=Math.sqrt(Math.pow(b.x-t.x(),2)+Math.pow(t.y()-b.y,2)),p=b.x{r._fire("transformend",{evt:e,target:r})}),this._movingAnchorName=null)}_fitNodesInto(e,t){var r=this._getNodeRect();if(Y._inRange(e.width,2*-this.padding()-1,1))this.update();else if(Y._inRange(e.height,2*-this.padding()-1,1))this.update();else{var o=this.flipEnabled(),a=new Jn;if(a.rotate(Ie.getAngle(this.rotation())),this._movingAnchorName&&e.width<0&&0<=this._movingAnchorName.indexOf("left")){var i=a.point({x:2*-this.padding(),y:0});if(e.x+=i.x,e.y+=i.y,e.width+=2*this.padding(),this._movingAnchorName=this._movingAnchorName.replace("left","right"),this._anchorDragOffset.x-=i.x,this._anchorDragOffset.y-=i.y,!o)return void this.update()}else if(this._movingAnchorName&&e.width<0&&0<=this._movingAnchorName.indexOf("right")&&(i=a.point({x:2*this.padding(),y:0}),this._movingAnchorName=this._movingAnchorName.replace("right","left"),this._anchorDragOffset.x-=i.x,this._anchorDragOffset.y-=i.y,e.width+=2*this.padding(),!o))return void this.update();if(this._movingAnchorName&&e.height<0&&0<=this._movingAnchorName.indexOf("top")){if(i=a.point({x:0,y:2*-this.padding()}),e.x+=i.x,e.y+=i.y,this._movingAnchorName=this._movingAnchorName.replace("top","bottom"),this._anchorDragOffset.x-=i.x,this._anchorDragOffset.y-=i.y,e.height+=2*this.padding(),!o)return void this.update()}else if(this._movingAnchorName&&e.height<0&&0<=this._movingAnchorName.indexOf("bottom")&&(i=a.point({x:0,y:2*this.padding()}),this._movingAnchorName=this._movingAnchorName.replace("bottom","top"),this._anchorDragOffset.x-=i.x,this._anchorDragOffset.y-=i.y,e.height+=2*this.padding(),!o))return void this.update();this.boundBoxFunc()&&((a=this.boundBoxFunc()(r,e))?e=a:Y.warn("boundBoxFunc returned falsy. You should return new bound rect from it!")),i=new Jn,o=(i.translate(r.x,r.y),i.rotate(r.rotation),i.scale(r.width/1e7,r.height/1e7),new Jn),o.translate(e.x,e.y),o.rotate(e.rotation),o.scale(e.width/1e7,e.height/1e7);const c=o.multiply(i.invert());this._nodes.forEach(u=>{var v=u.getParent().getAbsoluteTransform(),d=u.getTransform().copy(),p=(d.translate(u.offsetX(),u.offsetY()),new Jn),v=(p.multiply(v.copy().invert()).multiply(c).multiply(v).multiply(d),p.decompose());u.setAttrs(v),this._fire("transform",{evt:t,target:u}),u._fire("transform",{evt:t,target:u}),(d=u.getLayer())!=null&&d.batchDraw()}),this.rotation(Y._getRotation(e.rotation)),this._resetTransformCache(),this.update(),this.getLayer().batchDraw()}}forceUpdate(){this._resetTransformCache(),this.update()}_batchChangeChild(e,t){this.findOne(e).setAttrs(t)}update(){var t=this._getNodeRect(),e=(this.rotation(Y._getRotation(t.rotation)),t.width),t=t.height,r=this.enabledAnchors(),o=this.resizeEnabled(),a=this.padding(),i=this.anchorSize();this.find("._anchor").forEach(c=>{c.setAttrs({width:i,height:i,offsetX:i/2,offsetY:i/2,stroke:this.anchorStroke(),strokeWidth:this.anchorStrokeWidth(),fill:this.anchorFill(),cornerRadius:this.anchorCornerRadius()})}),this._batchChangeChild(".top-left",{x:0,y:0,offsetX:i/2+a,offsetY:i/2+a,visible:o&&0<=r.indexOf("top-left")}),this._batchChangeChild(".top-center",{x:e/2,y:0,offsetY:i/2+a,visible:o&&0<=r.indexOf("top-center")}),this._batchChangeChild(".top-right",{x:e,y:0,offsetX:i/2-a,offsetY:i/2+a,visible:o&&0<=r.indexOf("top-right")}),this._batchChangeChild(".middle-left",{x:0,y:t/2,offsetX:i/2+a,visible:o&&0<=r.indexOf("middle-left")}),this._batchChangeChild(".middle-right",{x:e,y:t/2,offsetX:i/2-a,visible:o&&0<=r.indexOf("middle-right")}),this._batchChangeChild(".bottom-left",{x:0,y:t,offsetX:i/2+a,offsetY:i/2-a,visible:o&&0<=r.indexOf("bottom-left")}),this._batchChangeChild(".bottom-center",{x:e/2,y:t,offsetY:i/2-a,visible:o&&0<=r.indexOf("bottom-center")}),this._batchChangeChild(".bottom-right",{x:e,y:t,offsetX:i/2-a,offsetY:i/2-a,visible:o&&0<=r.indexOf("bottom-right")}),this._batchChangeChild(".rotater",{x:e/2,y:-this.rotateAnchorOffset()*Y._sign(t)-a,visible:this.rotateEnabled()}),this._batchChangeChild(".back",{width:e,height:t,visible:this.borderEnabled(),stroke:this.borderStroke(),strokeWidth:this.borderStrokeWidth(),dash:this.borderDash(),x:0,y:0}),(o=this.getLayer())!=null&&o.batchDraw()}isTransforming(){return this._transforming}stopTransform(){var e;this._transforming&&(this._removeEvents(),e=this.findOne("."+this._movingAnchorName))&&e.stopDrag()}destroy(){return this.getStage()&&this._cursorChange&&this.getStage().content&&(this.getStage().content.style.cursor=""),hi.prototype.destroy.call(this),this.detach(),this._removeEvents(),this}toObject(){return Oe.prototype.toObject.call(this)}clone(e){return Oe.prototype.clone.call(this,e)}getClientRect(){return 0>G,R!==0?(U[i]=(u*ue>>G)*(R=255/R),U[i+1]=(d*ue>>G)*R,U[i+2]=(p*ue>>G)*R):U[i]=U[i+1]=U[i+2]=0,u-=y,d-=b,p-=x,v-=S,y-=ee.r,b-=ee.g,x-=ee.b,S-=ee.a,o=c+((o=t+$+1)>G,0>G)*(R=255/R),U[o+1]=(d*ue>>G)*R,U[o+2]=(p*ue>>G)*R):U[o]=U[o+1]=U[o+2]=0,u-=y,d-=b,p-=x,v-=S,y-=ee.r,b-=ee.g,x-=ee.b,S-=ee.a,o=t+((o=r+me)>>1,o=n[r];if(!(0>>1;re)||n&&!Mg());){var r,o=er.callback;typeof o=="function"?(er.callback=null,yn=er.priorityLevel,r=o(er.expirationTime<=e),e=St.unstable_now(),typeof r=="function"?er.callback=r:er===Ar(Tr)&&xc(Tr),jf(e)):xc(Tr),er=Ar(Tr)}var a,i=er!==null||((a=Ar(vo))!==null&&Hf(Mf,a.startTime-e),!1);return i}finally{er=null,yn=t,jl=!1}}function Mg(){return!(St.unstable_now()-Tf")?g.replace("",l.displayName):g;while(1<=M&&0<=z);break}}}finally{r0=!1,Error.prepareStackTrace=h}return(l=l?l.displayName||l.name:"")?hs(l):""}var Fk=Object.prototype.hasOwnProperty,a0=[],ps=-1;function Ko(l){return{current:l}}function Rt(l){ps<0||(l.current=a0[ps],a0[ps]=null,ps--)}function Lt(l,s){a0[++ps]=l.current,l.current=s}var ea={},Ln=Ko(ea),Xn=Ko(!1),Va=ea;function Ki(l,s){var h=l.type.contextTypes;if(!h)return ea;var m=l.stateNode;if(m&&m.__reactInternalMemoizedUnmaskedChildContext===s)return m.__reactInternalMemoizedMaskedChildContext;var g,E={};for(g in h)E[g]=s[g];return m&&((l=l.stateNode).__reactInternalMemoizedUnmaskedChildContext=s,l.__reactInternalMemoizedMaskedChildContext=E),E}function Zn(l){return(l=l.childContextTypes)!=null}function pu(){Rt(Xn),Rt(Ln)}function E6(l,s,h){if(Ln.current!==ea)throw Error(a(168));Lt(Ln,s),Lt(Xn,h)}function S6(l,s,h){var m,g=l.stateNode;if(s=s.childContextTypes,typeof g.getChildContext!="function")return h;for(m in g=g.getChildContext())if(!(m in s))throw Error(a(108,function(E){var L=E.type;switch(E.tag){case 24:return"Cache";case 9:return(L.displayName||"Context")+".Consumer";case 10:return(L._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return E=(E=L.render).displayName||E.name||"",L.displayName||(E!==""?"ForwardRef("+E+")":"ForwardRef");case 7:return"Fragment";case 5:return L;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return j(L);case 8:return L===p?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof L=="function")return L.displayName||L.name||null;if(typeof L=="string")return L}return null}(l)||"Unknown",m));return o({},h,g)}function gu(l){l=(l=l.stateNode)&&l.__reactInternalMemoizedMergedChildContext||ea,Va=Ln.current,Lt(Ln,l),Lt(Xn,Xn.current)}function O6(l,s,h){var m=l.stateNode;if(!m)throw Error(a(169));h?(l=S6(l,s,Va),m.__reactInternalMemoizedMergedChildContext=l,Rt(Xn),Rt(Ln),Lt(Ln,l)):Rt(Xn),Lt(Xn,h)}var Fr=Math.clz32||function(l){return(l>>>=0)==0?32:31-(Wk(l)/Vk|0)|0},Wk=Math.log,Vk=Math.LN2,i0=64,l0=4194304;function gs(l){switch(l&-l){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&l;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&l;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return l}}function mu(l,s){var h=l.pendingLanes;if(h===0)return 0;var m,g=0,E=l.suspendedLanes,L=l.pingedLanes,M=268435455&h;if(M!=0?(m=M&~E)!=0?g=gs(m):(L&=M)!==0&&(g=gs(L)):(M=h&~E)!=0?g=gs(M):L!==0&&(g=gs(L)),g===0)return 0;if(s!==0&&s!==g&&(s&E)==0&&((L=s&-s)<=(E=g&-g)||E===16&&(4194240&L)!=0))return s;if((4&g)!=0&&(g|=16&h),(s=l.entangledLanes)!==0)for(l=l.entanglements,s&=g;0>=m,E-=m,ro=1<<32-Fr(s)+E|h<Cn?(kr=Xt,Xt=null):kr=Xt.sibling;var fl=Ce(dr,Xt,Or[Cn],gp);if(fl===null){Xt===null&&(Xt=kr);break}l&&Xt&&fl.alternate===null&&s(dr,Xt),Ht=E(fl,Ht,Cn),Ao===null?nd=fl:Ao.sibling=fl,Ao=fl,Xt=kr}if(Cn===Or.length)h(dr,Xt);else if(Xt===null)for(;Cnuo?(rd=bn,bn=null):rd=bn.sibling;var hl=Ce(ca,bn,Zt.value,mp);if(hl===null){bn===null&&(bn=rd);break}l&&bn&&hl.alternate===null&&s(ca,bn),ua=E(hl,ua,uo),jo===null?Ka=hl:jo.sibling=hl,jo=hl,bn=rd}if(Zt.done)h(ca,bn);else if(bn===null)for(;!Zt.done;uo++,Zt=Ja.next())(Zt=ae(ca,Zt.value,mp))!==null&&(ua=E(Zt,ua,uo),jo===null?Ka=Zt:jo.sibling=Zt,jo=Zt);else{for(bn=m(ca,bn);!Zt.done;uo++,Zt=Ja.next())(Zt=je(bn,ca,uo,Zt.value,mp))!==null&&(l&&Zt.alternate!==null&&bn.delete(Zt.key===null?uo:Zt.key),ua=E(Zt,ua,uo),jo===null?Ka=Zt:jo.sibling=Zt,jo=Zt);l&&bn.forEach(function(vp){return s(ca,vp)})}return nn&&g0(ca,uo),Ka}Lu(0,xe)}return typeof xe=="string"&&xe!==""||typeof xe=="number"?(xe=""+xe,(fe=fe!==null&&fe.tag===6?(h(te,fe.sibling),g(fe,xe)):(h(te,fe),hp(xe,te.mode,$e))).return=te,L(te=fe)):h(te,fe)}}var al=X6(!0),Z6=X6(!1),ys={},wr=Ko(ys),xs=Ko(ys),il=Ko(ys);function oo(l){if(l===ys)throw Error(a(174));return l}function _0(l,s){Lt(il,s),Lt(xs,l),Lt(wr,ys),l=oe(s),Rt(wr),Lt(wr,l)}function ll(){Rt(wr),Rt(xs),Rt(il)}function U6(l){var s=oo(il.current),h=oo(wr.current);h!==(s=ce(h,l.type,s))&&(Lt(xs,l),Lt(wr,s))}function I0(l){xs.current===l&&(Rt(wr),Rt(xs))}var Yt=Ko(0);function _u(l){for(var s=l;s!==null;){if(s.tag===13){var h=s.memoizedState;if(h!==null&&((h=h.dehydrated)===null||C6(h)||n0(h)))return s}else if(s.tag===19&&s.memoizedProps.revealOrder!==void 0){if((128&s.flags)!=0)return s}else if(s.child!==null){s=(s.child.return=s).child;continue}if(s===l)break;for(;s.sibling===null;){if(s.return===null||s.return===l)return null;s=s.return}s.sibling.return=s.return,s=s.sibling}return null}var T0=[];function A0(){for(var l=0;l";case Fu:return":has("+(ep(l)||"")+")";case Wu:return'[role="'+l.value+'"]';case Gu:return'"'+l.value+'"';case Vu:return'[data-testname="'+l.value+'"]';default:throw Error(a(365))}}function Fb(l,s){var h=[];l=[l,0];for(var m=0;map&&(g.flags|=128,Ps(M,!(L=!0)),g.lanes=4194304)}else{if(!L)if((m=_u(z))!==null){if(g.flags|=128,L=!0,(m=m.updateQueue)!==null&&(g.updateQueue=m,g.flags|=4),Ps(M,!0),M.tail===null&&M.tailMode==="hidden"&&!z.alternate&&!nn)return Mn(g),null}else 2*xn()-M.renderingStartTime>ap&&E!==1073741824&&(g.flags|=128,Ps(M,!(L=!0)),g.lanes=4194304);M.isBackwards?(z.sibling=g.child,g.child=z):((m=M.last)!==null?m.sibling=z:g.child=z,M.last=z)}if(M.tail!==null)return g=M.tail,M.rendering=g,M.tail=g.sibling,M.renderingStartTime=xn(),g.sibling=null,m=Yt.current,Lt(Yt,L?1&m|2:1&m),g}return Mn(g),null;case 22:case 23:return up(),E=g.memoizedState!==null,m!==null&&m.memoizedState!==null!==E&&(g.flags|=8192),E&&(1&g.mode)!=0?(1073741824&cr)!=0&&(Mn(g),_e)&&6&g.subtreeFlags&&(g.flags|=8192):Mn(g),null;case 24:case 25:return null}throw Error(a(156,g.tag))}(h,s,cr))!==null)return void(rn=h)}else{if((h=function(m,g){switch(v0(g),g.tag){case 1:return Zn(g.type)&&pu(),65536&(m=g.flags)?(g.flags=-65537&m|128,g):null;case 3:return ll(),Rt(Xn),Rt(Ln),A0(),(65536&(m=g.flags))!=0&&(128&m)==0?(g.flags=-65537&m|128,g):null;case 5:return I0(g),null;case 13:if(Rt(Yt),(m=g.memoizedState)!==null&&m.dehydrated!==null){if(g.alternate===null)throw Error(a(340));nl()}return 65536&(m=g.flags)?(g.flags=-65537&m|128,g):null;case 19:return Rt(Yt),null;case 4:return ll(),null;case 10:return E0(g.type._context),null;case 22:case 23:return up(),null;default:return null}}(h,s))!==null)return h.flags&=32767,void(rn=h);if(l===null)return fn=6,void(rn=null);l.flags|=32768,l.subtreeFlags=0,l.deletions=null}if((s=s.sibling)!==null)return void(rn=s)}while(rn=s=l,s!==null);fn===0&&(fn=5)}function qa(l,s,h){var m=ft,g=Jt.transition;try{Jt.transition=null,ft=1;for(var E=l,L=s,M=h,z=m;$a(),aa!==null;);if((6&ct)!=0)throw Error(a(327));M=E.finishedWork;var Z=E.finishedLanes;if(M!==null){if(E.finishedWork=null,E.finishedLanes=0,M===E.current)throw Error(a(177));E.callbackNode=null,E.callbackPriority=0;var le,ae,Ce=M.lanes|M.childLanes;if(function(je,de){var te=je.pendingLanes&~de,fe=(je.pendingLanes=de,je.suspendedLanes=0,je.pingedLanes=0,je.expiredLanes&=de,je.mutableReadLanes&=de,je.entangledLanes&=de,de=je.entanglements,je.eventTimes);for(je=je.expirationTimes;0 ")+` - -No matching component was found for: - `+l.join(" > ")}return null},e.getPublicRootInstance=function(l){return(l=l.current).child?l.child.tag!==5?l.child.stateNode:re(l.child.stateNode):null},e.injectIntoDevTools=function(l){if(l={bundleType:l.bundleType,version:l.version,rendererPackageName:l.rendererPackageName,rendererConfig:l.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:i.ReactCurrentDispatcher,findHostInstanceByFiber:sP,findFiberByHostInstance:l.findFiberByHostInstance||cP,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0"},typeof __REACT_DEVTOOLS_GLOBAL_HOOK__=="undefined")l=!1;else{var s=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(s.isDisabled||!s.supportsFiber)l=!0;else{try{vu=s.inject(l),to=s}catch{}l=!!s.checkDCE}}return l},e.isAlreadyRendering=function(){return!1},e.observeVisibleRects=function(l,s,h,m){if(!ze)throw Error(a(363));l=tp(l,s);var g=yt(l,h,m).disconnect;return{disconnect:function(){g()}}},e.registerMutableSourceForHydration=function(l,s){var h=(h=s._getVersion)(s._source);l.mutableSourceEagerHydrationData==null?l.mutableSourceEagerHydrationData=[s,h]:l.mutableSourceEagerHydrationData.push(s,h)},e.runWithPriority=function(l,s){var h=ft;try{return ft=l,s()}finally{ft=h}},e.shouldError=function(){return null},e.shouldSuspend=function(){return!1},e.updateContainer=function(l,s,h,m){var g=s.current,E=Tn(),L=ia(g);return h=e7(h),s.context===null?s.context=h:s.pendingContext=h,(s=_o(E,L)).payload={element:l},(m=m===void 0?null:m)!==null&&(s.callback=m),(l=ra(g,s,L))!==null&&(Er(l,g,L,E),Ou(l,g,L)),L},e};var rt=V.exports,Bf={exports:{}},Qe={ConcurrentRoot:1,ContinuousEventPriority:4,DefaultEventPriority:16,DiscreteEventPriority:1,IdleEventPriority:536870912,LegacyRoot:0};Bf.exports=Qe;const zg={children:!0,ref:!0,key:!0,style:!0,forwardedRef:!0,unstable_applyCache:!0,unstable_applyDrawHitFromCache:!0};let Rg=!1,Dg=!1;const Nf=".react-konva-event";let Hg=!1;const A8={};function Cc(n,e,t=A8){var r,o,a;for(i in!Rg&&"zIndex"in e&&(console.warn(`ReactKonva: You are using "zIndex" attribute for a Konva node. -react-konva may get confused with ordering. Just define correct order of elements in your render function of a component. -For more info see: https://github.com/konvajs/react-konva/issues/194 -`),Rg=!0),!Dg&&e.draggable&&(r=e.x!==void 0||e.y!==void 0,o=e.onDragEnd||e.onDragMove,r)&&!o&&(console.warn(`ReactKonva: You have a Konva node with draggable = true and position defined but no onDragMove or onDragEnd events are handled. -Position of a node will be changed during drag&drop, so you should update state of the react app as well. -Consider to add onDragMove or onDragEnd events. -For more info see: https://github.com/konvajs/react-konva/issues/256 -`),Dg=!0),t)zg[i]||(c=i.slice(0,2)==="on",a=t[i]!==e[i],c&&a&&((d=i.substr(2).toLowerCase()).substr(0,7)==="content"&&(d="content"+d.substr(7,1).toUpperCase()+d.substr(8)),n.off(d,t[i])),e.hasOwnProperty(i)||n.setAttr(i,void 0));var i,c,u,d,p=Hg||e._useStrictMode,v={},y=!1,b={};for(i in e)zg[i]||(c=i.slice(0,2)==="on",u=t[i]!==e[i],c&&u&&((d=i.substr(2).toLowerCase()).substr(0,7)==="content"&&(d="content"+d.substr(7,1).toUpperCase()+d.substr(8)),e[i])&&(b[d]=e[i]),!c&&(e[i]!==t[i]||p&&e[i]!==n.getAttr(i))&&(y=!0,v[i]=e[i]));for(d in y&&(n.setAttrs(v),Fo(n)),b)n.on(d+Nf,b[d])}function Fo(n){Ie.autoDrawEnabled||(n=n.getLayer()||n.getStage())&&n.batchDraw()}const Bg={},j8={};wa.Node.prototype._applyProps=Cc,Je=setTimeout,kt=clearTimeout;function Ng(n,e,t){e._remove(),n.add(e),e.setZIndex(t.getZIndex()),Fo(n)}var Hr=Object.freeze(Object.defineProperty({__proto__:null,appendInitialChild:function(n,e){typeof e=="string"?console.error("Do not use plain text as child of Konva.Node. You are using text: "+e):(n.add(e),Fo(n))},createInstance:function(n,e,t){let r=wa[n];r||(console.error(`Konva has no node with the type ${n}. Group will be used instead. If you use minimal version of react-konva, just import required nodes into Konva: "import "konva/lib/shapes/${n}" If you want to render DOM elements as part of canvas tree take a look into this demo: https://konvajs.github.io/docs/react/DOM_Portal.html`),r=wa.Group);var o,a={},i={};for(o in e)o.slice(0,2)==="on"?i[o]=e[o]:a[o]=e[o];return Cc(n=new r(a),i),n},createTextInstance:function(n,e,t){console.error(`Text components are not supported for now in ReactKonva. Your text is: "${n}"`)},finalizeInitialChildren:function(n,e,t){return!1},getPublicInstance:function(n){return n},prepareForCommit:function(){return null},preparePortalMount:function(){return null},prepareUpdate:function(n,e,t,r){return j8},resetAfterCommit:function(){},resetTextContent:function(n){},shouldDeprioritizeSubtree:function(n,e){return!1},getRootHostContext:function(){return Bg},getChildHostContext:function(){return Bg},scheduleTimeout:Je,cancelTimeout:kt,noTimeout:-1,shouldSetTextContent:function(n,e){return!1},isPrimaryRenderer:!1,warnsIfNotActing:!0,supportsMutation:!0,appendChild:function(n,e){e.parent===n?e.moveToTop():n.add(e),Fo(n)},appendChildToContainer:function(n,e){e.parent===n?e.moveToTop():n.add(e),Fo(n)},insertBefore:Ng,insertInContainerBefore:function(n,e,t){Ng(n,e,t)},removeChild:function(n,e){e.destroy(),e.off(Nf),Fo(n)},removeChildFromContainer:function(n,e){e.destroy(),e.off(Nf),Fo(n)},commitTextUpdate:function(n,e,t){console.error(`Text components are not yet supported in ReactKonva. You text is: "${t}"`)},commitMount:function(n,e,t){},commitUpdate:function(n,e,t,r,o){Cc(n,o,r)},hideInstance:function(n){n.hide(),Fo(n)},hideTextInstance:function(n){},unhideInstance:function(n,e){e.visible!=null&&!e.visible||n.show()},unhideTextInstance:function(n,e){},clearContainer:function(n){},detachDeletedInstance:function(){},getCurrentEventPriority:()=>Bf.exports.DefaultEventPriority,now:Rl.exports.unstable_now,idlePriority:Rl.exports.unstable_IdlePriority,run:Rl.exports.unstable_runWithPriority},Symbol.toStringTag,{value:"Module"})),M8=Object.defineProperty,z8=Object.defineProperties,R8=Object.getOwnPropertyDescriptors,Fg=Object.getOwnPropertySymbols,D8=Object.prototype.hasOwnProperty,H8=Object.prototype.propertyIsEnumerable,Wg=(n,e,t)=>e in n?M8(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,Vg=(n,e)=>{for(var t in e=e||{})D8.call(e,t)&&Wg(n,t,e[t]);if(Fg)for(var t of Fg(e))H8.call(e,t)&&Wg(n,t,e[t]);return n},B8=(n,e)=>z8(n,R8(e));function Gg(n){try{return Object.defineProperties(n,{_currentRenderer:{get(){return null},set(){}},_currentRenderer2:{get(){return null},set(){}}})}catch{return n}}const Ff=Gg(qt.createContext(null));class Xg extends qt.Component{render(){return qt.createElement(Ff.Provider,{value:this._reactInternals},this.props.children)}}const{ReactCurrentOwner:Zg,ReactCurrentDispatcher:Ug}=qt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function N8(){const n=qt.useContext(Ff);if(n===null)throw new Error("its-fine: useFiber must be called within a !");const e=qt.useId();return qt.useMemo(()=>{for(const r of[Zg==null?void 0:Zg.current,n,n==null?void 0:n.alternate])if(r){var t=function o(a,i,c){if(a){if(c(a)===!0)return a;let d=i?a.return:a.child;for(;d;){var u=o(d,i,c);if(u)return u;d=i?null:d.sibling}}}(r,!1,o=>{let a=o.memoizedState;for(;a;){if(a.memoizedState===e)return!0;a=a.next}});if(t)return t}},[n,e])}function F8(){const n=function(){var e,t=N8(),[r]=qt.useState(()=>new Map);r.clear();let o=t;for(;o;){var a=(a=o.type)==null?void 0:a._context;a&&a!==Ff&&!r.has(a)&&r.set(a,(e=Ug==null?void 0:Ug.current)==null?void 0:e.readContext(Gg(a))),o=o.return}return r}();return qt.useMemo(()=>Array.from(n.keys()).reduce((e,t)=>r=>qt.createElement(e,null,qt.createElement(t.Provider,B8(Vg({},r),{value:n.get(t)}))),e=>qt.createElement(Xg,Vg({},e))),[n])}const W8=n=>{const e=f.default.useRef(),t=f.default.useRef(),r=f.default.useRef(),o=function(c){const u=f.default.useRef();return f.default.useLayoutEffect(()=>{u.current=c}),u.current}(n),a=F8(),i=c=>{var u=n.forwardedRef;u&&(typeof u=="function"?u(c):u.current=c)};return f.default.useLayoutEffect(()=>(t.current=new wa.Stage({width:n.width,height:n.height,container:e.current}),i(t.current),r.current=Dl.createContainer(t.current,Bf.exports.LegacyRoot,!1,null),Dl.updateContainer(f.default.createElement(a,{},n.children),r.current),()=>{wa.isBrowser&&(i(null),Dl.updateContainer(null,r.current,null),t.current.destroy())}),[]),f.default.useLayoutEffect(()=>{i(t.current),Cc(t.current,n,o),Dl.updateContainer(f.default.createElement(a,{},n.children),r.current,null)}),f.default.createElement("div",{ref:e,accessKey:n.accessKey,className:n.className,role:n.role,style:n.style,tabIndex:n.tabIndex,title:n.title})},Wf="Layer",Yg="Ellipse",Ec="Image",qg="Transformer",Dl=rt(Hr);Dl.injectIntoDevTools({findHostInstanceByFiber:()=>null,bundleType:0,version:f.default.version,rendererPackageName:"react-konva"}),kl=f.default.forwardRef((n,e)=>f.default.createElement(Xg,{},f.default.createElement(W8,{...n,forwardedRef:e})));const V8=function(n){Hg=n};function Vf(n,e,t,r){return Math.min(n/t,e/r)||1}var Sc="FIE_root",$g="FIE_transformers-layer",Qg="FIE_original-image",Jg="FIE_nodes-transformer",Wo="watermark",Gf="353297d2-40b4-4684-a875-45a2178a8157",Kg=.92,Ct={FINETUNE:"Finetune",FILTERS:"Filters",ADJUST:"Adjust",WATERMARK:"Watermark",ANNOTATE:"Annotate",RESIZE:"Resize"},K={CROP:"Crop",ROTATE:"Rotate",FLIP_X:"Flip_X",FLIP_Y:"Flip_Y",BRIGHTNESS:"Brightness",CONTRAST:"Contrast",HSV:"HueSaturationValue",WARMTH:"Warmth",BLUR:"Blur",THRESHOLD:"Threshold",POSTERIZE:"Posterize",PIXELATE:"Pixelate",NOISE:"Noise",FILTERS:"Filters",RECT:"Rect",ELLIPSE:"Ellipse",POLYGON:"Polygon",TEXT:"Text",LINE:"Line",IMAGE:"Image",ARROW:"Arrow",WATERMARK:"Watermark",PEN:"Pen",RESIZE:"Resize"},em="X",G8="Y",ka=1,bi=["png","jpeg","jpg","webp"],X8=[].concat(bi,["svg","gif","avif","apng"]),tm=bi[0],bo={DEFAULT:"default",DRAW:"crosshair",SELECT:"pointer",MOVE:"move",DRAG:"GRAB"},Hl="Crop",Pa="ellipse",Kt={TOP_LEFT:"top-left",TOP_CENTER:"top-center",TOP_RIGHT:"top-right",MIDDLE_LEFT:"middle-left",MIDDLE_CENTER:"middle-center",MIDDLE_RIGHT:"middle-right",BOTTOM_LEFT:"bottom-left",BOTTOM_CENTER:"bottom-center",BOTTOM_RIGHT:"bottom-right"},dt=14,Qt=14,nm={AFTER_SAVE:"after-saving",CLOSE_BUTTON:"close-button-clicked",BACK_BUTTON:"back-button-clicked"},Oc="warning",rm="error",om={top:"north",bottom:"south",left:"west",center:"center",right:"east"},Z8={northwest:"top-left",northcenter:"top-center",northeast:"top-right",centerwest:"center-left",centercenter:"center-center",centereast:"center-right",southwest:"bottom-left",southcenter:"bottom-center",southeast:"bottom-right"};function am(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function im(n){for(var e,t=1;t=n.length?{done:!0}:{done:!1,value:n[o++]}},e:function(i){throw i},f:e};throw new TypeError(`Invalid attempt to iterate non-iterable instance. -In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function fm(n,e){(e==null||e>n.length)&&(e=n.length);for(var t=0,r=Array(e);t=e?255:0,t[o+1]=t[o+1]>=e?255:0,t[o+2]=t[o+2]>=e?255:0)}Th.finetuneName="Warmth",B.addGetterSetter(Nt.Image,"warmth",0,Ee(),B.afterSetFilter),gm.finetuneName="CustomThreshold",B.addGetterSetter(Nt.Image,"threshold",0,Ee,B.afterSetFilter);var xy=Object.freeze(Object.defineProperty({__proto__:null,Warmth:Th,CustomThreshold:gm},Symbol.toStringTag,{value:"Module"})),mm=function(n){return Array.isArray(n)&&0>>32-e}function Wl(n){for(var e="",t=7;0<=t;t--)e+=(15&n>>>4*t).toString(16);return e}function Hy(n){for(var e,t,r,o,a,i,c,u,d=n,p=Array(80),v=1732584193,y=4023233417,b=2562383102,x=271733878,S=3285377520,I=(d=function(_){for(var k,A=_.replace(/\r\n/g,` -`),j="",R=0;R>6):j=(j+=String.fromCharCode(224|k>>12))+String.fromCharCode(128|63&k>>6),j+=String.fromCharCode(128|63&k));return j}(d)).length,C=[],P=0;P>>29),C.push(4294967295&I<<3),e=0;e input{border:0px;clip:rect(0px,0px,0px,0px);height:100%;margin:-1px;overflow:hidden;padding:0px;position:absolute;white-space:nowrap;width:100%;direction:ltr;}&::before{position:absolute;content:'';border-radius:inherit;width:100%;height:100%;box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);}&::after{position:absolute;content:'';border-radius:50%;width:42px;height:42px;top:50%;left:50%;transform:translate(-50%,-50%);}"]),gt=H.span.attrs({className:pe(kt,"label")}).withConfig({componentId:"sc-jjink6-4"})(function(r){var e=r.theme,t=r.open,r=r.disabled;return F(["display:flex;align-items:center;justify-content:center;padding:6px 6px;border-radius:2px;position:absolute;top:-10px;font-size:10px;z-index:1;white-space:nowrap;transition:transform 150ms cubic-bezier(0.4,0,0.2,1) 0ms;transform-origin:bottom center;transform:",";background-color:",";color:#fff;cursor:pointer;transition:all 100ms ease-out;&::before{position:absolute;content:'';background-color:inherit;width:8px;height:8px;bottom:0px;left:50%;transform:translate(-50%,50%) rotate(45deg);}"],t!==void 0&&t?"translateY(-100%) scale(1)":"translateY(-100%) scale(0)",r!==void 0&&r?e.palette[O.AccentPrimaryDisabled]:e.palette[O.LinkStateless])}),Pi=ht({Slider:rt,Rail:Hr,Track:dt,Thumb:Qt,SliderAnnotation:H.div.attrs({className:pe(kt,"annotation")}).withConfig({componentId:"sc-jjink6-5"})(function(n){return F(["display:flex;justify-content:space-between;margin-top:12px;color:",";"],n.theme.palette[O.TextSecondary])}),LabelTooltip:gt}),t9=["defaultValue","disabled","disableSwap","hideTrack","hideAnnotation","value","min","max","onChange","onMouseDown","onMouseUp","step","labelTooltip","annotation","components","componentsProps"];function e3(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function Mr(n){for(var e=1;eI[U]&&(N=Hc(N)),Hc(N)),U=[];if(o&&U.push(R[j]<=0),a&&U.push(R[N]<=0,R[$]<=0),U.every(function(re){return re})){_=A,P=!1;break}C.set(A,U)}if(P)for(var W=p?3:1;0 svg{path{fill:",";}}color:",";"],r.palette[O.ButtonDisabledText],r.palette[O.ButtonDisabledText]))}),MenuPrefix:H.div.attrs({className:pe(Ne,"prefix")}).withConfig({componentId:"sc-rrzye0-5"})(function(){return F(["display:flex;"])}),MenuContent:H.div.attrs({className:pe(Ne,"content")}).withConfig({componentId:"sc-rrzye0-6"})(function(){return F(["flex-grow:1;line-height:16px;"])}),MenuSuffix:H.div.attrs({className:pe(Ne,"suffix")}).withConfig({componentId:"sc-rrzye0-7"})(function(){return F(["display:flex;margin-left:8px;"])}),Label:Qe,Icon:Xe,Actions:V}),V9=["list","depth","children","disableHover","noOptionsText","disabled","enableScrollIntoView"];function H3(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function ji(n){switch(n){case qe.Lg:return 18;case qe.Md:return 16;case qe.Sm:return 14;case qe.Xs:return 12;default:return 16}}var Jl=Ke(function(b,e){var t=b.list,r=b.depth,r=r===void 0?0:r,o=b.children,a=b.disableHover,i=b.noOptionsText,c=b.disabled,u=b.enableScrollIntoView,d=se(b,V9),p=D.useRef(null),b=Le(f.default.useState(null),2),v=b[0],y=b[1],b=Le(f.default.useState([]),2),x=b[0],S=b[1],I=function(C){y(C.currentTarget)};return D.useEffect(function(){var C;d.active&&u&&(C=p.current)!=null&&C.scrollIntoView({behavior:"auto",block:"nearest"})},[d.active]),t?f.default.createElement(f.default.Fragment,null,function(C){var P=1 .item{margin-right:8px;display:flex;justify-content:center;}"]),ColorItemWrapper:mt,Select:H.div.attrs({className:pe(Rr,"select")}).withConfig({componentId:"sc-qj4xo5-12"})(function(n){return F(["width:",";"],n.value==="rgb"?"25%":"35%")})}),Kr=Ke(function(a,e){var t=a.value,r=a.onChange,o=a.checked,a=a.size,a=a===void 0?24:a,i=D.useMemo(function(){return t==="#ffffff"||t==="rgba(0,0,0,0)"?"black":"white"},[t]);return f.default.createElement(Vn.ColorItemWrapper,{ref:e,color:t,size:a,stroke:t==="rgba(0,0,0,0)"?"#a8a8a8":"#E9EEF2",value:t},f.default.createElement("input",{type:"radio",value:t,checked:o,onChange:r}),o&&f.default.createElement(h3,{color:i}))}),AC=(Kr.defaultProps={},Kr.propTypes={value:T.string.isRequired,checked:T.bool,onChange:T.func.isRequired,size:T.number},Kr),jC=["defaultColor","onChange","pinnedColors","showTransparentColor","containerProps"];function s5(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function s1(n){for(var e=1;e *:not(:first-child){margin-left:8px;}"],n===Gc.Right?"flex-end":n)})}),UC=["children"],X=Ke(function(r,e){var t=r.children,r=se(r,UC);return f.default.createElement(ZC.ModalActions,J({},r,{ref:e}),t)}),jn=(X.defaultProps={align:Gc.Center},X.propTypes={children:T.node.isRequired,align:T.oneOf(et(Gc))},X.displayName="ModalActions",X),YC=ht({ModalContent:H.div.attrs({className:pe("ModalContent","root")}).withConfig({componentId:"sc-1ng1w0v-0"})(function(){return F(["position:relative;padding:12px 24px 0px;"])})}),qC=["children"],mt=Ke(function(r,e){var t=r.children,r=se(r,qC);return f.default.createElement(YC.ModalContent,J({},r,{ref:e}),t)}),p5=(mt.defaultProps={},mt.propTypes={children:T.node.isRequired},mt.displayName="ModalContent",mt),Ma={Sm:"sm",Md:"md",Lg:"lg"},$C=(w(zt={},Ma.Sm,F(["padding:6px;"])),w(zt,Ma.Md,F(["padding:9px;"])),w(zt,Ma.Lg,F(["padding:12px;"])),zt),QC=ht({CrossButton:H.button.attrs({className:pe("CrossButton","root")}).withConfig({componentId:"sc-ygfku-0"})(function(t){var e=t.size,t=t.theme;return F(["display:flex;justify-content:center;align-items:center;cursor:pointer;"," color:",";background:transparent;border:none;transition:all 100ms ease-out;&:hover{color:",";background:",";;}&:active{color:",";background:",";}"],$C[e===void 0?Ma.Lg:e],t.palette[O.IconsSecondary],t.palette[O.IconsPrimary],t.palette[O.BackgroundHover],t.palette[O.IconsPrimaryHover],t.palette[O.BackgroundActive])})}),it=Ke(function(n,e){return n=J({},(d5(n),n)),f.default.createElement(QC.CrossButton,J({},n,{ref:e}),f.default.createElement(B3,{size:n.size!==Ma.Lg?12:16}))}),d1=(it.defaultProps={size:Ma.Lg},it.propTypes={size:T.oneOf(et(Ma))},it),Gn={Default:"default",WithIcon:"with-icon"},Ye="ModalTitle",ie=H.div.attrs({className:pe(Ye,"Icon")}).withConfig({componentId:"sc-l3tf49-0"})(function(n){return n=n.theme.palette,F(["display:flex;margin-bottom:8px;padding:14.5px;border-radius:50%;background:",";color:",";"],n[O.Accent_1_2_Opacity],n[O.AccentStateless])}),At=H.div.attrs({className:pe(Ye,"LabelPrimary")}).withConfig({componentId:"sc-l3tf49-1"})(function(n){return n=n.variant,F(["font-size:18px;line-height:27px;font-weight:",";"],(n===void 0?Gn.Default:n)===Gn.Default?400:500)}),Pt=H.div.attrs({className:pe(Ye,"LabelSecondary")}).withConfig({componentId:"sc-l3tf49-2"})(["font-size:12px;line-height:14px;margin-top:4px;"]),bt=H.div.attrs({className:pe(Ye,"Close")}).withConfig({componentId:"sc-l3tf49-3"})(function(t){var e=t.variant,e=e===void 0?Gn.Default:e,t=t.theme.palette;return F(["position:absolute;display:flex;top:","px;right:","px;color:",";&:hover{color:",";}cursor:pointer;"],e===Gn.WithIcon?2:8,e===Gn.WithIcon?2:8,t[O.IconsSecondary],t[O.AccentPrimary])}),Kl=ht({ModalTitle:H.div.attrs({className:pe(Ye,"root")}).withConfig({componentId:"sc-l3tf49-4"})(function(t){var r=t.variant,e=r===void 0?Gn.Default:r,r=t.theme,t=r.palette,r=r.shape.borderRadius;return F(["position:relative;color:",";border-radius:"," "," 0px 0px;"," "," ",""],t[O.TextPrimary],r[Lr.Md],r[Lr.Md],function(){return F(["padding:","px ","px ","px ","px;"],e===Gn.WithIcon?26:14,e===Gn.WithIcon?18:40,e===Gn.WithIcon?12:14,18)},e===Gn.Default&&F(["background:",";border-bottom:1px solid ",";"],t[O.BackgroundPrimary],t[O.BordersSecondary]),e===Gn.WithIcon&&F(["display:flex;align-items:center;flex-direction:column;"]))}),LabelPrimary:At,LabelSecondary:Pt,Close:bt,Icon:ie}),JC=["secondary","onClose"],X=Ke(function(o,e){var t=o.secondary,r=o.onClose,o=se(o,JC);return f.default.createElement(Kl.ModalTitle,J({},o,{ref:e}),o.icon&&f.default.createElement(Kl.Icon,{iconShadow:Boolean(o.iconShadow)},o.icon),f.default.createElement(Kl.LabelPrimary,o,o.primary),o.variant===Gn.WithIcon&&t&&f.default.createElement(Kl.LabelSecondary,null,t),f.default.createElement(Kl.Close,{variant:o.variant},f.default.createElement(d1,{size:"lg",onClick:r})))}),g5=(X.defaultProps={iconShadow:!0,variant:Gn.Default},X.propTypes={primary:T.node.isRequired,secondary:T.node,icon:T.node,iconShadow:T.bool,onClose:T.func,variant:T.oneOf(et(Gn))},X.displayName="ModalTitle",X),So={Success:"success",Info:"info",Error:"error",Warning:"warning"},KC=ht({PopupStatus:H.span.attrs({className:pe("PopupStatus","root")}).withConfig({componentId:"sc-qash56-0"})(function(){return F(["display:flex;"])})}),eE=["status","notificationBackground"],mt=Ke(function(o,e){var t=o.status,r=o.notificationBackground,r=r===void 0||r,o=se(o,eE);return f.default.createElement(KC.PopupStatus,J({status:t},o,{ref:e}),function(a,i){switch(a){case So.Warning:return i?f.default.createElement($3,{color:En[O.Warning],size:20}):f.default.createElement(oC,{color:En[O.Warning],size:12});case So.Error:return i?f.default.createElement(sC,{color:En[O.Error],size:20}):f.default.createElement(uC,{color:En[O.Error],size:12});case So.Info:return i?f.default.createElement(Fx,{color:En[O.Info],size:20}):f.default.createElement(Gx,{color:En[O.Info],size:12});default:return f.default.createElement(iC,{color:En[O.Success],size:20})}}(t,r))}),zt={status:So.Success},it=(mt.defaultProps=zt,{status:T.oneOf(et(So))}),tE=(mt.propTypes=it,mt),nE=(w(Ye={},So.Success,function(n){return F(["background-color:",";"],n.theme.palette[O.BackgroundGreen])}),w(Ye,So.Info,function(n){return F(["background-color:",";"],n.theme.palette[O.BackgroundBlue])}),w(Ye,So.Error,function(n){return F(["background-color:",";"],n.theme.palette[O.BackgroundRed])}),w(Ye,So.Warning,function(n){return F(["background-color:",";"],n.theme.palette[O.BackgroundOrange])}),Ye),At="PopupContent",Pt=H.span.attrs({className:pe(At,"LabelWrapper")}).withConfig({componentId:"sc-njbmnt-0"})(function(n){return F(["display:flex;flex-grow:1;margin-left:44px;margin-right:28px;padding:16px;padding-right:0;overflow:hidden;background:",";"],n.theme.palette[O.ButtonPrimaryText])}),bt=H.span.attrs({className:pe(At,"Label")}).withConfig({componentId:"sc-njbmnt-1"})(function(t){var t=t.theme,e=t.palette,t=t.typography.font;return F(["max-width:100%;overflow:hidden;text-overflow:ellipsis;color:",";",""],e[O.TextPrimary],t[we.TextSmallUp])}),ie=H.div.attrs({className:pe(At,"PopupContent")}).withConfig({componentId:"sc-njbmnt-2"})(function(n){return F(["position:relative;display:flex;align-items:center;width:360px;border-radius:4px;box-shadow:0px 2px 6px ",";"],n.theme.palette[O.LargeShadow])}),X=H.div.attrs({className:pe(At,"PopupContent")}).withConfig({componentId:"sc-njbmnt-3"})(function(n){return F(["position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;padding:2px;height:fit-content;cursor:pointer;background:",";border-radius:0 4px 4px 0;"],n.theme.palette[O.BackgroundStateless])}),es=ht({PopupContent:ie,PopupStatus:H.div.attrs({className:pe(At,"PopupStatus")}).withConfig({componentId:"sc-njbmnt-4"})(function(n){return n=n.status,F(["position:absolute;display:flex;left:0;z-index:1;height:100%;min-width:44px;align-items:center;justify-content:center;box-sizing:border-box;border-radius:4px 0 0 4px;",""],nE[n===void 0?"success":n])}),LabelWrapper:Pt,CloseWrapper:X,Label:bt}),rE=["onClose","message","status"];function m5(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function f1(n){for(var e=1;e input{border:0px;clip:rect(0px,0px,0px,0px);height:100%;margin:-1px;overflow:hidden;padding:0px;position:absolute;white-space:nowrap;width:100%;direction:ltr;}&::before{position:absolute;content:'';border-radius:inherit;width:100%;height:100%;box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);}&::after{position:absolute;content:'';border-radius:50%;width:42px;height:42px;top:50%;left:50%;transform:translate(-50%,-50%);}"],n.theme.palette[O.LinkActive])}),RotationSliderMark:H.div.attrs({className:pe(X,"mark")}).withConfig({componentId:"sc-1xuruq0-5"})(["padding:4px;"]),RotationSliderMarkText:H.span.attrs({className:pe(X,"mark-text")}).withConfig({componentId:"sc-1xuruq0-6"})(function(n){return F(["position:absolute;top:20px;font-size:14px;transform:translateX(-10%);color:",";"],n.theme.palette[O.TextPrimary])})}),cE=["min","max","angle","onChange","onMouseDown","onMouseUp","step","labelTooltipOptions","annotation","hideMarkText","showCurrentMarkText","value","railProps","trackProps","thumbProps","labelTooltipProps","markStyles","markTextStyles"];function b5(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function On(n){for(var e=1;e *{color:",";}}",""],t?"none":"flex",e[O.BackgroundActive],e[O.AccentStateless],r&&F(["background-color:",";& > *{color:"," !important;}"],e[O.BackgroundActive],e[O.AccentStateless]))}),Jo=H.div.attrs({className:pe(Ye,"text")}).withConfig({componentId:"sc-1riasfx-8"})(function(o){var t=o.theme,e=t.palette,t=t.typography.font,r=o.font,o=o.isCollapsed;return F(["flex:1 1 auto;color:",";",";transition:color 100ms ease-out;display:",";user-select:none;"],e[O.TextPrimary],t[r||we.LabelLarge],o&&"none")}),$i=H.div.attrs({className:pe(Ye,"icon")}).withConfig({componentId:"sc-1riasfx-9"})(function(t){var e=t.theme.palette,t=t.isCollapsed;return F(["display:flex;flex-shrink:0;color:",";margin-right:",";transition:color 100ms ease-out;"],e[O.IconsPrimary],t?"0px":"12px")}),vr=H.div.attrs({className:pe(Ye,"item-button")}).withConfig({componentId:"sc-1riasfx-10"})(function(r){var e=r.theme.palette,t=r.isCollapsed,r=r.selected;return F(["display:flex;justify-content:",";align-items:center;border-radius:4px;box-sizing:border-box;text-align:left;padding:",";transition:background-color 150ms cubic-bezier(0.4,0,0.2,1) 0ms;margin-bottom:8px;cursor:pointer;&:hover{background-color:",";& > *{color:",";}}",""],t?"center":"flex-start",t?"13px":"13px 16px",e[O.BackgroundActive],e[O.AccentStateless],r&&F(["background-color:",";& > *{color:",";}"],e[O.BackgroundActive],e[O.AccentStateless]))}),Qi=H(vr).attrs({className:pe(Ye,"item-button")}).withConfig({componentId:"sc-1riasfx-11"})(function(n){return F(["",""],!n.isCollapsed&&F(["padding:13px 24px;"]))}),Dr=ht({TemporaryDrawer:Pt,PersistentDrawer:X,Drawer:bt,Header:ie,Body:Je,Footer:or,List:it,Item:mt,ItemButton:vr,Icon:$i,ItemText:Jo,DrawerAccordion:H(Hr).attrs({className:pe(Ye,"accordion")}).withConfig({componentId:"sc-1riasfx-12"})(function(r){var t=r.theme,e=t.palette,t=t.typography.font,r=r.selected;return F(["","{padding:13px 16px;transition:background-color 100ms ease-out;","{",";color:",";}&:hover{background-color:",";& > *{color:",";}}","}","{padding:0px 16px;}"],Li.Header,Li.Label,t[we.LabelLargeEmphasis],e[O.TextPrimary],e[O.BackgroundActive],e[O.AccentStateless],r&&F(["","{color:",";}"],Li.Label,e[O.AccentStateless]),a3.AccordionDetails)}),CollapsedButton:Qi}),ns=D.createContext({isCollapsed:!1,size:20}),pE=["children","font"],Pt=Ke(function(o,e){var t=o.children,r=o.font,o=se(o,pE),a=D.useContext(ns).isCollapsed;return f.default.createElement(Dr.ItemText,J({font:r,isCollapsed:a},o,{ref:e}),t)}),gE=(Pt.defaultProps={},Pt.propTypes={font:T.oneOf(et(we))},Pt),mE=["children","size"],X=Ke(function(o,e){var t=o.children,r=o.size,o=se(o,mE),i=D.useContext(ns),a=i.isCollapsed,i=i.size;return f.default.createElement(Dr.Icon,J({},o,{isCollapsed:a,ref:e}),t&&typeof t=="function"?t({size:i||r}):t)}),vE=(X.defaultProps={size:20},X.propTypes={size:T.number,children:T.oneOfType([T.node,T.func]).isRequired},X),Di={Auto:"auto",Temporary:"temporary",Persistent:"persistent"},bE=["children","open","iconsSize","collapsed","top","hideBackdrop","disablePortal","collapseButtonLabel","persistentDrawerStyles","temproryDrawerStyles","variant","onClose","onCollapse","onCollapseClick"];function w5(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function p1(n){for(var e=1;ed.width||I.height>d.height?Zc(d,I):ka}})),r()}var t=y.anchorEl,r=y.onClose,o=(y=Ve()).dispatch,a=y.t,i=(b=(b=((b=y.adjustments)===void 0?{}:b).crop)===void 0?{}:b).ratio,c=b.ratioTitleKey,u=b.ratioFolderKey,d=y.shownImageDimensions,b=y.config,p=y.theme,v=b[K.CROP],y=jr(),b=D.useMemo(function(){var x=v.presetsItems,x=x===void 0?[]:x,S=v.presetsFolders,S=S===void 0?[]:S,I=v.lockCropAreaAt,C=I?C5.filter(function(P){var _;return!((_=P.hide)!=null&&_.call(P,{lockCropAreaAt:I}))}):C5;return[].concat(It(S),It(C),It(x))},[v]);return f.default.createElement(f.default.Fragment,null,f.default.createElement(_E,null,f.default.createElement(Xh,{className:"FIE_crop-tool-label FIE_selected-crop-preset-label",isPhoneScreen:y},a(c||"cropTool")),f.default.createElement(IE,{className:"FIE_crop-presets-opener-button",color:"link-secondary",size:"lg"},t?f.default.createElement(yC,{size:10}):f.default.createElement(vC,{size:10}))),f.default.createElement(Ta,{className:"FIE_crop-presets-menu",anchorEl:t,enableOverlay:!0,onClose:r,open:!!t,position:"top",popperOptions:{modifiers:[{name:"offset",options:{offset:[0,4]}}]},maxHeight:"100%"},f.default.createElement(AE,null,b.map(function(R){var S=R.titleKey,I=R.descriptionKey,C=R.ratio,P=R.width,_=R.height,k=R.groups,A=R.icon,j=R.disableManualResize,R=R.noEffect;return k?f.default.createElement(_5,{key:S,titleKey:S,groups:k,Icon:A,theme:p,onItemSelect:e,t:a,disableManualResize:j}):f.default.createElement(m1,{key:C,ratio:C!=null?C:Ot(P/_),titleKey:S,t:a,description:a(I),Icon:A,isActive:(i||Hl)===(C!=null?C:Ot(P/_))&&!u,theme:p,width:P,height:_,onClick:e,disableManualResize:j,noEffect:R})}))))}function T5(t){var e=t.selectTool,t=t.isSelected,r=(o=Ve()).config,o=o.t,a=Le(D.useState(),2),i=a[0],c=a[1];return f.default.createElement(cn,{className:"FIE_crop-tool",id:K.CROP,Icon:bx,onClick:function(u,d){e(u),c(d.currentTarget)},isSelected:t},r[K.CROP].noPresets?f.default.createElement(Xh,{className:"FIE_crop-tool-label"},o("cropTool")):f.default.createElement(I5,{anchorEl:i,onClose:function(){c(null)}}))}_5.defaultProps={Icon:void 0};function A5(u){var e=u.selectTool,t=u.isSelected,r=u.t,o=(u=Ve()).dispatch,a=u.adjustments.isFlippedX,i=jr(320),c=(u=D.useMemo(function(){return{reverseLabelOfCurrXFlipDir:r(a?"unFlipX":"flipX"),reverseIconOfCurrXFlipDir:function(){return f.default.createElement($x,{size:i?20:16,style:a?NE:void 0})}}},[a])).reverseLabelOfCurrXFlipDir,u=u.reverseIconOfCurrXFlipDir,d=D.useCallback(function(){o({type:M1,payload:{direction:em}})},[]),p=D.useCallback(function(v){e(v),d()},[]);return f.default.createElement(cn,{className:"FIE_flip-x-tool-button",id:K.FLIP_X,label:c,Icon:u,onClick:p,isSelected:t})}function j5(u){var e=u.selectTool,t=u.isSelected,r=u.t,o=(u=Ve()).dispatch,a=u.adjustments.isFlippedY,i=jr(320),c=(u=D.useMemo(function(){return{reverseLabelOfCurrXFlipDir:r(a?"unFlipY":"flipY"),reverseIconOfCurrXFlipDir:function(){return f.default.createElement(Yx,{size:i?20:16,style:a?FE:void 0})}}},[a])).reverseLabelOfCurrXFlipDir,u=u.reverseIconOfCurrXFlipDir,d=D.useCallback(function(){o({type:M1,payload:{direction:G8}})},[]),p=D.useCallback(function(v){e(v),d()},[]);return f.default.createElement(cn,{className:"FIE_flip-y-tool-button",id:K.FLIP_Y,label:c,Icon:u,onClick:p,isSelected:t})}function M5(r){var e=r.selectTool,t=r.isSelected,r=r.t;return f.default.createElement(cn,{className:"FIE_rotate-tool-button",id:K.ROTATE,label:r("rotateTool"),Icon:q3,onClick:e,isSelected:t})}function z5(r){var e=r.selectTool,t=r.isSelected,r=r.t;return f.default.createElement(cn,{className:"FIE_contrast-tool-button",id:K.CONTRAST,label:r("contrastTool"),Icon:Dw,onClick:e,isSelected:t})}function R5(r){var e=r.selectTool,t=r.isSelected,r=r.t;return f.default.createElement(cn,{className:"FIE_hsv-tool-button",id:K.HSV,label:r("hsvTool"),Icon:Nw,onClick:e,isSelected:t})}function D5(r){var e=r.selectTool,t=r.isSelected,r=r.t;return f.default.createElement(cn,{className:"FIE_blur-tool-button",id:K.BLUR,label:r("blurTool"),Icon:Gw,onClick:e,isSelected:t})}function H5(r){var e=r.selectTool,t=r.isSelected,r=r.t;return f.default.createElement(cn,{className:"FIE_warmth-tool-button",id:K.WARMTH,label:r("warmthTool"),Icon:zw,onClick:e,isSelected:t})}function Uc(b){function e(C,P){var _=C.findIndex(function(k){return k.classList.contains("FIE_carousel-item")});_!==-1&&(C[_].scrollIntoView({inline:P,behavior:"smooth",block:"nearest"}),setTimeout(function(){x()},500))}function t(C){var P;i.current=(((P=C.touches)==null?void 0:P[0])||C).pageX,document.addEventListener("mousemove",S),document.addEventListener("mouseup",I),document.addEventListener("touchmove",S),document.addEventListener("touchcancel",I),document.addEventListener("touchend",I)}var r=b.children,o=b.style,a=b.className,i=D.useRef(!1),c=D.useRef(),u=Le(Vh(),1)[0],d=(b=Le(D.useState(!1),2))[0],p=b[1],v=(b=Le(D.useState(!1),2))[0],y=b[1],b=D.Children.toArray(r),x=function(){var C,P,_;c.current&&(P=(C=c.current).scrollWidth,_=C.offsetWidth,C=C.scrollLeft,P=Math.round(P-_),_=Math.round(P-C),p(0e.factor,o=(t.x-e.x||0)/e.factor,a=(t.y-e.y||0)/e.factor,o={x:t.x-o*t.factor,y:t.y-a*t.factor},i&&e.factor===1||(o.x=Math.min(0,Math.max(o.x,c*(1-e.factor))),o.y=Math.min(0,Math.max(o.y,r*(1-e.factor)))),t.factor<1&&(a=c-c*t.factor,i=r-r*t.factor,o.x+=a/2,o.y+=i/2),D4(D4({},o),{},{factor:t.factor})))).factor===n.zoom.factor&&e.x===n.zoom.x&&e.y===n.zoom.y?n:Wi(Wi({},n),{},{zoom:Wi(Wi({},n.zoom),e)})}),F4,function(n,e){var t,r,o,a,i;return n.canvasWidth===e.canvasWidth&&n.canvasHeight===e.canvasHeight?n:(t=(t=n.initialCanvasWidth)===void 0?e.canvasWidth:t,r=(r=n.initialCanvasHeight)===void 0?e.canvasHeight:r,o=(a=Vf(n.initialCanvasWidth,n.initialCanvasHeight,n.originalImage.width,n.originalImage.height))*n.originalImage.width,a=a*n.originalImage.height,i=1,t===e.canvasWidth&&r===e.canvasHeight||(o=e.canvasWidth/o,a=e.canvasHeight/a,i=Math.min(o,a)),N4(N4({},n),{},{initialCanvasWidth:t,initialCanvasHeight:r,canvasWidth:e.canvasWidth,canvasHeight:e.canvasHeight,canvasScale:i}))}),Z4,function(n,e){return au(au({},n),{},{shownImageDimensions:au(au({},n.shownImageDimensions),e.shownImageDimensions),designLayer:e.designLayer||n.designLayer,previewGroup:e.previewGroup||n.previewGroup})}),R1,function(n,e){return K4(K4({},n),{},{textIdOfEditableContent:e.textIdOfEditableContent||null})}),iv,function(n,e){return lu(lu({},n),{},{latestColors:lu(lu({},n.latestColors),e.latestColors)})}),uv,function(n,e){return sv(sv({},n),{},{showTabsMenu:e.opened})}),lm,function(n,e){return im(im({},n),{},{isDesignState:!e.dismissHistory,filter:e.filter||null})}),x4,function(n,e){return tu(tu({},n),{},{isDesignState:!e.dismissHistory,finetunes:!e.finetune||n.finetunes.includes(e.finetune)?n.finetunes:[].concat(It(n.finetunes),[e.finetune]),finetunesProps:tu(tu({},n.finetunesProps),e.finetuneProps)})}),Fa,function(n){var o=1c.x+c.width&&(u.width=c.x+c.width-u.x),u.y+u.height>c.y+c.height&&(u.height=c.y+c.height-u.y),typeof r=="number"&&(a=u.width/u.height,o=r,Ot(a)!==Ot(o))&&(a=u.height*r,o=u.width/r,Ot(u.y+o)<=c.y+c.height?u.height=o:u.width=a),(i.minWidth&&u.width<=i.minWidth||i.maxWidth&&u.width>=i.maxWidth)&&(u.width=en(u.width,i.minWidth,i.maxWidth),u.x=n.x,u.y=n.y,typeof r=="number")&&(u.height=u.width/r),(i.minHeight&&e.height<=i.minHeight||i.maxHeight&&e.height>=i.maxHeight)&&(u.height=en(u.height,i.minHeight,i.maxHeight),u.x=n.x,u.y=n.y,typeof r=="number")&&(u.width=u.height*r),typeof i.lockCropAreaAt=="string"&&(o=i.lockCropAreaAt,a=c,e=u,o=Le(o.split("-"),2),n=o[0],o=o[1],r={x:0,y:0},n==="center"?r.y=a.height/2-e.height/2:n==="bottom"&&(r.y=a.height-e.height),o==="center"?r.x=a.width/2-e.width/2:o==="right"&&(r.x=a.width-e.width),i=r.y,u.x=r.x,u.y=i),u}function Rv(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function rr(n){for(var e,t=1;t=C.width&&x.height>=C.height;C.width&&C.height&&(oeI&&C&&(R.preventDefault(),_(!0),u({type:as,payload:{pointerCssIcon:bo.DRAG}}))}function o(R){R.code==="Space"&&(R.preventDefault(),t())}function a(){c.current&&c.current.container().focus()}var i=i.children,c=(V8(!0),D.useRef()),j=Ve(),u=j.dispatch,d=j.pointerCssIcon,p=j.tabId,A=j.toolId,v=j.canvasWidth,y=j.canvasHeight,b=j.canvasScale,k=j.selectionsIds,x=k===void 0?[]:k,k=j.zoom,S=k===void 0?{}:k,k=j.config,j=k.previewPixelRatio,k=k.disableZooming,I=(Nt.pixelRatio=j,ka),C=!k&&A!==K.CROP,j=Le(D.useState(p!==Ct.ANNOTATE&&p!==Ct.WATERMARK&&S.factor>I),2),P=j[0],_=j[1],k=D.useMemo(function(){return{cursor:d===bo.DEFAULT&&p===Ct.ANNOTATE?bo.DRAW:d}},[p,d]),A=D.useCallback(function(R){var N,$;R.evt.preventDefault(),(N=($=R.currentTarget).container)!=null&&N.call($).focus(),R.target instanceof Nt.Stage&&0I),c.current&&((R=c.current.container()).addEventListener("mouseenter",a),R.addEventListener("keydown",r),R.addEventListener("keyup",o)),function(){R&&(R.removeEventListener("mouseenter",a),R.removeEventListener("keydown",r),R.removeEventListener("keyup",o))}},[p,S.factor,I]),b*(C&&S.factor||I));return f.default.createElement(fO,{className:"FIE_canvas-node",tabIndex:-1,ref:c,width:v,height:y,scaleX:j,scaleY:j,x:C&&S.x||null,y:C&&S.y||null,zoomFactor:C&&S.factor||I,onWheel:C?function($){$.evt.preventDefault();var N=(S.factor||I)+-.006*$.evt.deltaY,$=$.currentTarget.getPointerPosition();e(Gv(Gv({},$),{},{factor:N}))}:void 0,onTap:A,onClick:A,onTouchMove:C?function(R){return cO(R,e)}:void 0,onDragStart:function(R){1<((R=R.evt.touches)==null?void 0:R.length)&&_(!1)},onTouchEnd:C?function(){var R;ss=0,Zi=null,typeof(R=t)=="function"&&R()}:void 0,dragBoundFunc:function(R){return{x:Math.min(0,Math.max(R.x,v*(1-S.factor))),y:Math.min(0,Math.max(R.y,y*(1-S.factor)))}},draggable:C&&P,onDragEnd:function(R){R.currentTarget.draggable()&&R.target.nodeType.toLowerCase()==="stage"&&C&&P&&e({factor:S.factor,x:R.target.x(),y:R.target.y(),preparedDimensions:!0})},style:k},i)}),mO=H.div.withConfig({componentId:"sc-etsyb6-0"})(["display:inline-block;height:",";width:",";border-radius:1px;background:",";"],function(n){return n.height},function(n){return n.width},function(n){return n.theme.palette[O.BordersSecondary]}),F1=function(t){var e=t.height,t=t.width;return f.default.createElement(mO,{height:e,width:t})},vO=(F1.defaultProps={height:"24px",width:"1px"},H.div.withConfig({componentId:"sc-21g986-0"})(["padding:16px;box-sizing:border-box;position:relative;width:100%;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid ",";[data-phone='true'] &{padding:6px 6px 4px 6px;","}"],function(n){return n.theme.palette[O.BordersSecondary]},function(n){return n.isPhoneScreen&&` - padding: 12px 12px 0px; - gap: 12px; - `})),bO=H.div.withConfig({componentId:"sc-21g986-1"})(["display:flex;align-items:center;order:1;"]),yO=H.div.withConfig({componentId:"sc-21g986-2"})(["display:flex;align-items:center;order:3;gap:4px;"]),W1=H(Uo).withConfig({componentId:"sc-21g986-3"})(["margin:",";svg{color:",";}"],function(n){return n=n.margin,n!=null?n:"0 4px"},function(n){var e=n.theme.palette;return n.disabled?e[O.IconsMuted]:e[O.IconsPrimary]}),xO=H.div.withConfig({componentId:"sc-21g986-4"})(["display:flex;align-items:center;gap:2px;"]),wO=H(Tt).withConfig({componentId:"sc-21g986-5"})(["flex-shrink:0;color:",";",";"],function(n){return n.theme.palette[O.TextPlaceholder]},function(n){return n.theme.typography.font[we.LabelMedium]}),V1=H(Uo).withConfig({componentId:"sc-21g986-6"})(["padding:8px;svg{color:",";}"],function(n){var e=n.theme.palette;return n.showBackButton?e[O.IconsPrimary]:e[O.IconsMuted]}),CO=H.div.withConfig({componentId:"sc-21g986-7"})(["width:",";height:32px;display:block;width:100%;order:4;",";@media (min-width:761px){display:flex;align-items:center;justify-content:center;width:fit-content;order:2;}"],function(n){return n.showBackButton?"318px":"384px"},function(n){return n.reverseDirection?"flex-direction: row-reverse":""}),EO=H(Tt).withConfig({componentId:"sc-21g986-8"})(["cursor:pointer;color:",";",";"],function(n){return n.theme.palette[O.TextPrimary]},function(n){return n.theme.typography.font[we.InputMd]}),SO=H.span.withConfig({componentId:"sc-21g986-9"})(["",";"],function(n){return n.theme.typography.font[we.ButtonMdEmphasis]}),OO=H(d1).withConfig({componentId:"sc-21g986-10"})(["padding:8px;z-index:111;"]),kO=(H(Eo).withConfig({componentId:"sc-21g986-11"})(["padding:4px 12px;"]),H(Kr).withConfig({componentId:"sc-21g986-12"})([""])),PO=H(At).withConfig({componentId:"sc-21g986-13"})(["margin-top:16px;"]),LO=H.div.withConfig({componentId:"sc-21g986-14"})(["width:100%;margin-top:16px;"]),_O=H.div.withConfig({componentId:"sc-21g986-15"})(["margin-top:16px;width:100%;"]),IO=H(Tt).withConfig({componentId:"sc-21g986-16"})(["margin-bottom:4px;"]),TO=H.div.withConfig({componentId:"sc-21g986-17"})(["display:flex;gap:6px;"]),AO=H.div.withConfig({componentId:"sc-21g986-18"})(["display:flex;gap:12px;justify-content:",";"],function(n){return n.isPhoneScreen?"space-between":"center"}),jO=H(Uo).withConfig({componentId:"sc-21g986-19"})(["@media (min-width:761px){display:none;}"]),MO=H.div.withConfig({componentId:"sc-21g986-20"})(["display:flex;gap:12px;align-items:center;"]),zO=H(zi).withConfig({componentId:"sc-kpjpf5-0"})(["width:",";max-width:unset;"],function(n){return n.width||"300px"}),RO=H(g5).withConfig({componentId:"sc-kpjpf5-1"})(function(n){var e=n.theme;return F(["padding-bottom:0;.SfxModalTitle-Icon{background-color:",";}.SfxModalTitle-LabelPrimary{margin-bottom:24px;",";}.SfxModalTitle-LabelSecondary{",";text-align:center;}"],n.isWarning&&e.palette[O.Orange_0_1_Overlay],e.typography.font[we.TitleH3],e.typography.font[we.TextLarge])}),DO=H(jn).withConfig({componentId:"sc-kpjpf5-2"})(["gap:12px;padding:24px;.SfxButton-root{flex:1;margin:0;height:40px;}"]),G1=function(C){var e=C.title,t=C.hint,r=C.Icon,o=C.onDone,a=C.onCancel,i=C.doneLabel,c=C.cancelLabel,u=C.isOpened,d=C.doneButtonStyle,p=C.doneButtonColor,p=p===void 0?"basic":p,v=C.cancelButtonColor,v=v===void 0?"basic":v,y=C.children,b=C.areButtonsDisabled,x=C.zIndex,S=C.className,I=C.width,C=C.isWarning;return f.default.createElement(zO,{className:S,open:u,onClose:a,style:{zIndex:x},onKeyUp:function(P){P.key==="Enter"&&o(P)},width:I},f.default.createElement(RO,{icon:f.default.createElement(r,{size:25}),iconShadow:!0,isWarning:C,onClose:a,primary:e,secondary:t,variant:"with-icon"}),y&&f.default.createElement(p5,null,y),f.default.createElement(DO,{align:"center"},f.default.createElement(Eo,{color:v,onClick:a,size:"md",disabled:b},c),f.default.createElement(Eo,{color:p,onClick:o,size:"md",warning:C,style:d,disabled:b},i)))},su=(G1.defaultProps={hint:"",isOpened:!1,doneLabel:"Yes",cancelLabel:"No",doneButtonStyle:void 0,doneButtonColor:"basic",cancelButtonColor:"basic",children:void 0,areButtonsDisabled:!1,zIndex:void 0,className:void 0,width:"",isWarning:!1},function(y){var e,t,r=y.children,o=y.isReset,y=Ve(),a=y.t,i=y.theme,c=y.config,u=y.dispatch,d=y.isResetted,p=y.haveNotSavedChanges,v=y.config.onClose,y=Le(D.useState(!1),2),b=y[0],x=y[1];return typeof v=="function"||o?(e=function(){x(!1)},t=D.useCallback(function(){u({type:zh,payload:{config:c}}),e()},[c]),y=function(){o||(v(nm.CLOSE_BUTTON,p),t())},f.default.createElement(f.default.Fragment,null,f.default.cloneElement(r,{onClick:d===void 0||d?y:function(){x(!0)}}),b&&f.default.createElement(G1,{title:a(o?"warning":"discardChanges"),hint:a(o?"changesLoseWarningHint":"discardChangesWarningHint"),isOpened:b,onCancel:e,onDone:o?t:y,Icon:function(){return f.default.createElement($3,{color:i.palette.warning,size:25})},doneLabel:a("confirm"),doneButtonColor:"warning-primary",cancelLabel:a("cancel"),width:"400px",isWarning:!0}))):f.default.createElement("span",null)}),HO=(su.defaultProps={isReset:!1},function(n){return n<=0||1 svg:not([color]){color:",'}:disabled,[aria-disabled="true"]{cursor:not-allowed;}&::-webkit-scrollbar{width:4px;height:4px;}&::-webkit-scrollbar-track{background:rgba(203,211,218,0.35);}&::-webkit-scrollbar-thumb{background:rgba(203,211,218,1);border-radius:10px;}}'],Sc,Sc,function(n){return n.theme.palette["icons-primary"]}),lk=(s6.defaultProps={useCloudimage:!1,cloudimage:{},img:void 0},D.memo(s6));function c6(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function u6(n){for(var e,t=1;t',onClick:function(n){return n(console.log)}},{label:"[optional] Save option 2",icon:t5,onClick:function(n,e){return e(console.log)}}]);function h6(n,e){var t,r=Object.keys(n);return Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(n),e&&(t=t.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,t)),r}function p6(n){for(var e,t=1;t - - - - - - - - - - \ No newline at end of file diff --git a/assets/react-dom.483d676c.js b/assets/react-dom.483d676c.js new file mode 100644 index 00000000..c10b97b1 --- /dev/null +++ b/assets/react-dom.483d676c.js @@ -0,0 +1,8 @@ +import{r as ks}from"./react.22a65340.js";var we={},xu={exports:{}},ho={},Eu=(function(e){function t(y,x){var E=y.length;for(y.push(x);0>>1,F=y[_];if(!(0>>1;_<$e;){var z=2*(_+1)-1,Oe=y[z],ze=1+z,Xn=y[ze];if(l(Oe,E)<0)_=zex)||y&&!Qe());){var _,F=p.callback;typeof F=="function"?(p.callback=null,m=p.priorityLevel,_=F(p.expirationTime<=x),x=e.unstable_now(),typeof _=="function"?p.callback=_:p===n(u)&&r(u),C(x)):r(u),p=n(u)}var $e,z=p!==null||(($e=n(f))!==null&&Pe(S,$e.startTime-x),!1);return z}finally{p=null,m=E,k=!1}}typeof navigator!="undefined"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var T,D,B,We=!1,ie=null,L=-1,H=5,ne=-1;function Qe(){return!(e.unstable_now()-ne