image-salon-sdk 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/image-salon-sdk.js
CHANGED
|
@@ -3770,13 +3770,13 @@ class Kn {
|
|
|
3770
3770
|
});
|
|
3771
3771
|
}
|
|
3772
3772
|
createUploadOptions() {
|
|
3773
|
-
const e = J("browse-options"), t = ne("From Computer", "options")
|
|
3774
|
-
return t.classList.add("selected"), [t
|
|
3775
|
-
|
|
3776
|
-
var
|
|
3777
|
-
(
|
|
3773
|
+
const e = J("browse-options"), t = ne("From Computer", "options");
|
|
3774
|
+
return ne("From URL", "options"), t.classList.add("selected"), [t].forEach((r) => {
|
|
3775
|
+
r.addEventListener("click", () => {
|
|
3776
|
+
var s;
|
|
3777
|
+
(s = document.querySelector(".options.selected")) == null || s.classList.remove("selected"), r.classList.add("selected");
|
|
3778
3778
|
});
|
|
3779
|
-
}), e.append(t
|
|
3779
|
+
}), e.append(t), e;
|
|
3780
3780
|
}
|
|
3781
3781
|
createBrowseMoreContainer() {
|
|
3782
3782
|
const e = J("browse-more-btn-container"), t = pe(
|
|
@@ -16,4 +16,4 @@ import './style.css';
|
|
|
16
16
|
>
|
|
17
17
|
<path d="M18 6 6 18" />
|
|
18
18
|
<path d="m6 6 12 12" />
|
|
19
|
-
</svg>`);e.addEventListener("click",()=>{j.hide(),O(this,B,[])}),O(this,ae,`Upload (${(a=d(this,B))==null?void 0:a.length})`);const t=H("browse-container"),n=this.createUploadOptions(),r=this.createBrowseMoreContainer(),s=this.createBrowseImageMain();t.append(n,r,s),j.show({title:e,content:t,confirmButtonText:d(this,ae),onConfirm:()=>{d(this,be).call(this)},onCancel:()=>{j.hide(),O(this,B,[])}})}createUploadOptions(){const e=H("browse-options"),t=ie("From Computer","options")
|
|
19
|
+
</svg>`);e.addEventListener("click",()=>{j.hide(),O(this,B,[])}),O(this,ae,`Upload (${(a=d(this,B))==null?void 0:a.length})`);const t=H("browse-container"),n=this.createUploadOptions(),r=this.createBrowseMoreContainer(),s=this.createBrowseImageMain();t.append(n,r,s),j.show({title:e,content:t,confirmButtonText:d(this,ae),onConfirm:()=>{d(this,be).call(this)},onCancel:()=>{j.hide(),O(this,B,[])}})}createUploadOptions(){const e=H("browse-options"),t=ie("From Computer","options");return ie("From URL","options"),t.classList.add("selected"),[t].forEach(r=>{r.addEventListener("click",()=>{var s;(s=document.querySelector(".options.selected"))==null||s.classList.remove("selected"),r.classList.add("selected")})}),e.append(t),e}createBrowseMoreContainer(){const e=H("browse-more-btn-container"),t=we("Browse More File","browse-more-btn"),n=Nt("file");n.style.display="none";const r=ue(jn);return t.append(r),t.addEventListener("click",()=>n.click()),n.addEventListener("change",()=>{const s=n.files[0],a=new FileReader;a.readAsDataURL(s),a.onload=async()=>{await this.addSelectedImages(a.result,s),n.value=""}}),e.appendChild(t),e}createBrowseImageMain(){var t;const e=H("browse-image-main");return O(this,X,ie(`Selected Images (${(t=d(this,B))==null?void 0:t.length})`)),d(this,X).style.textAlign="left",d(this,X).style.fontSize="18px",O(this,A,H("selected-image-container")),this.updateSelectedImages(),e.append(d(this,X),d(this,A)),e}updateSelectedImages(){if(!(!d(this,A)||!d(this,X))){if(d(this,A).innerHTML="",d(this,B).length>0)d(this,B).forEach(e=>{var l;const t=H("selected-image-content"),n=we("x","selected-image-btn"),r=ue(e==null?void 0:e.url,"selected-image");n.addEventListener("click",()=>{if(O(this,B,d(this,B).filter(c=>(c==null?void 0:c.url)!==(e==null?void 0:e.url))),s.remove(),d(this,B).length===0){d(this,A).innerHTML="";const c=ie();c.textContent="No images selected",d(this,A).style.textAlign="center",d(this,A).style.width="auto",d(this,A).appendChild(c)}this._updateDialogContent()});const s=H("selected-image-wrapper",e==null?void 0:e.url);s.classList.add("checked"),r.addEventListener("click",()=>{s.classList.contains("checked")?(s.classList.remove("checked"),O(this,B,d(this,B).filter(c=>(c==null?void 0:c.url)!==(e==null?void 0:e.url)))):(s.classList.add("checked"),d(this,B).push(e)),this._updateDialogContent()}),d(this,te)?(O(this,oe,ue(pt,"loader")),d(this,A).insertBefore(d(this,oe),d(this,A).firstChild)):(s.append(r,n),d(this,A).style.width="100%",d(this,A).appendChild(s));const a=ie(e.name,"selected-image-name"),o=ie(`${(l=e.type)==null?void 0:l.split("/")[1]} - ${Math.round(e.size/1024)}KB`,"selected-image-size");t.appendChild(r),s.append(t,a,o),d(this,A).style.width="100%",d(this,A).appendChild(s)});else if(d(this,te))O(this,oe,ue(pt,"loader")),d(this,A).style.width="100%",d(this,A).appendChild(d(this,oe));else{const e=ie();e.textContent="No images selected",d(this,A).style.textAlign="center",d(this,A).style.width="auto",d(this,A).appendChild(e)}this._updateDialogContent()}}_updateDialogContent(){var e;d(this,X).textContent=`Selected Images (${d(this,B).length})`,O(this,ae,`Upload (${d(this,B).length})`),j.updateUploadBtnText(d(this,ae)),j.disableConfirmButton(((e=d(this,B))==null?void 0:e.length)<=0)}async addSelectedImages(e,t){O(this,te,!0),this.updateSelectedImages();const n=await vn(e);d(this,B).push({url:n,name:t.name,type:t.type,size:t.size}),this.updateSelectedImages(),O(this,te,!1),this.updateSelectedImages()}async createFolder(e,t=2){try{await Mn(e,"",""),sessionStorage.setItem("folderCreated","true")}catch{if(t>1)this.createFolder(e,--t);else throw new Error("Error creating folder: "+e)}}async _upload(){var t,n;if(!d(this,B)||d(this,B).length===0)throw new Error("No images to upload");O(this,G,!0),j.updateUploadBtnText(`Uploading (${(t=d(this,B))==null?void 0:t.length})`),j.updateUploadBtn(d(this,G));let e=[];try{return await this._uploadImages(e),O(this,G,!1),O(this,B,[]),j.hide(),j.updateUploadBtn(d(this,G)),e}catch{throw O(this,G,!1),j.updateUploadBtnText(`Upload(${(n=d(this,B))==null?void 0:n.length})`),j.updateUploadBtn(d(this,G)),new Error("something went wrong")}}async _uploadImages(e){for(const t of d(this,B)){const n=await Vn(t==null?void 0:t.name,"",t==null?void 0:t.url,mt.IMAGE,d(this,pe));e.push(n.response)}}}return re=new WeakMap,me=new WeakMap,se=new WeakMap,A=new WeakMap,X=new WeakMap,ae=new WeakMap,G=new WeakMap,oe=new WeakMap,B=new WeakMap,te=new WeakMap,pe=new WeakMap,be=new WeakMap,Pn});
|
package/package.json
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "image-salon-sdk",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
8
8
|
],
|
|
9
|
-
"main": "
|
|
10
|
-
"module": "
|
|
11
|
-
"types": "dist/image-salon.d.ts",
|
|
12
|
-
"style": "dist/style.css",
|
|
9
|
+
"main": "./dist/image-salon-sdk.umd.cjs",
|
|
10
|
+
"module": "./dist/image-salon-sdk.js",
|
|
11
|
+
"types": "./dist/image-salon.d.ts",
|
|
12
|
+
"style": "./dist/style.css",
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
|
15
|
-
"import": "./image-salon-sdk.js",
|
|
16
|
-
"require": "./image-salon-sdk.umd.cjs"
|
|
15
|
+
"import": "./dist/image-salon-sdk.js",
|
|
16
|
+
"require": "./dist/image-salon-sdk.umd.cjs"
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|