From 4bdbe0d87963cef5a48c899bcda63e0010a11ebc Mon Sep 17 00:00:00 2001 From: Abayomi Amusa Date: Sun, 11 Feb 2024 19:00:01 +0100 Subject: [PATCH] v1.0.4 toggle button for Elegant UI type --- .DS_Store | Bin 10244 -> 10244 bytes .github/workflows/auto-badge.yml | 2 +- _assets/.DS_Store | Bin 6148 -> 6148 bytes core/custupCore.d.ts | 17 +++++++- core/custupCore.d.ts.map | 2 +- core/custupCore.js | 25 +++++++++++- package.json | 2 +- src/all.min.css | 2 +- src/custup.d.ts | 4 +- src/custup.d.ts.map | 2 +- src/custup.js | 68 +++++++++++++++++++------------ src/custup.min.js | 2 +- src/elegant.min.css | 2 +- styles/elegant.css | 38 ++++++++++++----- 14 files changed, 118 insertions(+), 48 deletions(-) diff --git a/.DS_Store b/.DS_Store index 0368a038df42ff4b8e33c5edd729ae53e2af56d2..14bc0f2d5cfb864ce654dce16a7fbe259ec1a575 100644 GIT binary patch delta 16 XcmZn(XbITxM}XPF#BB3_0akGUI8z1a delta 16 XcmZn(XbITxM}XPX$Yk?>0akGUI3We$ diff --git a/.github/workflows/auto-badge.yml b/.github/workflows/auto-badge.yml index 014b238..9b94c88 100644 --- a/.github/workflows/auto-badge.yml +++ b/.github/workflows/auto-badge.yml @@ -45,7 +45,7 @@ jobs: { "badge": "https://img.shields.io/badge/logo-typescript-blue?logo=typescript", "alt": "TypeScript", - "link": "${{ env.repo_url }}/actions/workflows/test-ts.js.yml" + "link": "https://typescriptlang.org" }, { "badge": "https://github.com/paulosabayomi/CustUp/actions/workflows/test-ts.js.yml/badge.svg", diff --git a/_assets/.DS_Store b/_assets/.DS_Store index c14a5ca283634b440d0e18c72f36264d7766d8da..0adce5312828bb58d18b66f2b98c75b7770074e8 100644 GIT binary patch delta 108 zcmZoMXfc=|#>B)qu~2NHo}wTt0|Nsi1A_nqLn%W6gD!*7#Dvw01(+B`K@vO+$w1*^ zh7y?MWCccXM%l?0jPjf188@(QX6NAN0GhR#k?A}0WPTA#4xmv$#K5pQKx7Lu074-X Avj6}9 delta 78 zcmZoMXfc=|#>B`mu~2NHo}wTN0|Nsi1A_nqLn%W6gD!*d#Dvw1ESp`J4zq4-uwdNG e&cV+CRK3}d`8)Guei2I!pn8x7rp*B&TbKcW;}6yV diff --git a/core/custupCore.d.ts b/core/custupCore.d.ts index 645aca1..2afb933 100644 --- a/core/custupCore.d.ts +++ b/core/custupCore.d.ts @@ -25,7 +25,7 @@ export default class CustUpCore { * minNumberOfFiles?: number; * minimumAllowedFileSize?: number; * maximumAllowedFileSize?: number; - * ui_type?: 'default' | 'resumeUploaderUI' | 'bare' | 'detached' | 'profilePicture'; + * ui_type?: 'default' | 'resumeUploaderUI' | 'bare' | 'detached' | 'profilePicture' | 'elegant'; * display_ui_tools?: boolean; * show_ui_tools_on_mobile_devices?: boolean; * disable_drag_n_drop?: boolean; @@ -357,7 +357,7 @@ export default class CustUpCore { minNumberOfFiles?: number | undefined; minimumAllowedFileSize?: number | undefined; maximumAllowedFileSize?: number | undefined; - ui_type?: "default" | "resumeUploaderUI" | "bare" | "detached" | "profilePicture" | undefined; + ui_type?: "default" | "resumeUploaderUI" | "bare" | "detached" | "profilePicture" | "elegant" | undefined; display_ui_tools?: boolean | undefined; show_ui_tools_on_mobile_devices?: boolean | undefined; disable_drag_n_drop?: boolean | undefined; @@ -666,6 +666,10 @@ export default class CustUpCore { * @private @property {Array} file_preview_animation_arr */ private file_preview_animation_arr; + /** + * @private @property {boolean} is_default_ui_shown + */ + private is_default_ui_shown; /** * @private @property {Object} previewerAnimations */ @@ -1334,6 +1338,15 @@ export default class CustUpCore { * @method close_file_source_popup */ close_file_source_popup(): void; + /** + * @method hide_add_file_ui + */ + hide_add_file_ui(): void; + /** + * @method is_add_file_ui_shown + * @returns {boolean} + */ + is_add_file_ui_shown(): boolean; /** * @method get_file_sources - Returns all the allowed file sources icons wrapped in HTML element * @param {HTMLElement | null} iconsContainer - An HTML element to automatically append the icons to diff --git a/core/custupCore.d.ts.map b/core/custupCore.d.ts.map index cff3155..96addad 100644 --- a/core/custupCore.d.ts.map +++ b/core/custupCore.d.ts.map @@ -1 +1 @@ -{"version":3,"file":"custupCore.d.ts","sourceRoot":"","sources":["custupCore.js"],"names":[],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"custupCore.d.ts","sourceRoot":"","sources":["custupCore.js"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/core/custupCore.js b/core/custupCore.js index e7116af..77a67a3 100644 --- a/core/custupCore.js +++ b/core/custupCore.js @@ -172,6 +172,11 @@ export default class CustUpCore { */ file_preview_animation_arr = []; // Custup close popup btn + /** + * @private @property {boolean} is_default_ui_shown + */ + is_default_ui_shown = undefined; // Custup close popup btn + /** * @private @property {Object} previewerAnimations */ @@ -437,7 +442,7 @@ export default class CustUpCore { * minNumberOfFiles?: number; * minimumAllowedFileSize?: number; * maximumAllowedFileSize?: number; - * ui_type?: 'default' | 'resumeUploaderUI' | 'bare' | 'detached' | 'profilePicture'; + * ui_type?: 'default' | 'resumeUploaderUI' | 'bare' | 'detached' | 'profilePicture' | 'elegant'; * display_ui_tools?: boolean; * show_ui_tools_on_mobile_devices?: boolean; * disable_drag_n_drop?: boolean; @@ -1086,6 +1091,7 @@ export default class CustUpCore { this._custupInnerEl.append(this._custupDefaultUIEl); !this.options.disable_select_files_from_device && (this._custupDefaultUIEl.onclick = (e) => this._select_file_from_device(e)); this.eventMethods.default_ui_shown && this.eventMethods.default_ui_shown(); + this.is_default_ui_shown = true; } @@ -1097,6 +1103,7 @@ export default class CustUpCore { this._custupDefaultUIEl.remove(); this._custupDefaultUIEl = undefined; this.eventMethods.default_ui_closed && this.eventMethods.default_ui_closed(); + this.is_default_ui_shown = false; } } @@ -1229,6 +1236,7 @@ export default class CustUpCore { * @param {HTMLElement} el */ set_scroll_pointer_event (el, targetEl=undefined, targetScrollBarEl=undefined) { + if (el == undefined) return; el.ontouchstart = (e) => { e.stopPropagation(); this.layerMoved = e.layerY @@ -2833,6 +2841,21 @@ export default class CustUpCore { this._custup_media_source_instance?.closeMediaPopup(true); // destroy CustUpMediaSource instance if already exists } + /** + * @method hide_add_file_ui + */ + hide_add_file_ui () { + this.removeDefaultUI(); + } + + /** + * @method is_add_file_ui_shown + * @returns {boolean} + */ + is_add_file_ui_shown () { + return this.is_default_ui_shown; + } + /** * @method get_file_sources - Returns all the allowed file sources icons wrapped in HTML element * @param {HTMLElement | null} iconsContainer - An HTML element to automatically append the icons to diff --git a/package.json b/package.json index 141decb..4b46ab5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "custup", - "version": "1.0.3", + "version": "1.0.4", "description": "Highly customisable file upload library with zero dependencies", "main": "src/custup.min.js", "scripts": { diff --git a/src/all.min.css b/src/all.min.css index 743da6b..7bf2e00 100644 --- a/src/all.min.css +++ b/src/all.min.css @@ -1 +1 @@ -.BareUIOuterContainer{box-shadow:none!important;border-radius:5px!important;border:0!important;height:200px!important}.BareUIInnerContainer{border:2px dashed #c6c5c5!important;border-radius:5px!important}.BareUIDefaultUIEl{width:100%!important;height:100%!important;box-shadow:none!important;border-radius:5px!important;background-color:rgba(245,244,244,.657)!important;border:0!important}.BareUIDefaultUIUploadIconsContainer{height:0;margin:0!important;padding:0!important}.BareUIDefaultUIInnerContent{color:gray;line-height:30px;pointer-events:none;display:flex;flex-direction:column;align-items:center}.BareUIDefaultUIInnerContentLastItem{font-size:85%}.BareUIDefaultUIInnerContentLastItem span{text-decoration:underline;color:#4270d3;font-weight:700}:root{--main-color:rgb(0, 150, 255);--border-radius:15px;--custup-gray:rgb(61, 61, 61)}div[class*="_custup_parent_container"]{width:550px;height:350px;border:1px solid #f5f5f5;border-radius:15px;background-color:#fff;box-shadow:2px 2px 15px 1px rgba(88,88,88,.2);overflow:hidden;display:flex;justify-content:space-between}div[class*="_custup_parent_container"] *{box-sizing:border-box}div[class*="_custup_parent_container"] ._custup_inner_parent_container{width:100%;height:100%;border-radius:15px;position:relative;display:flex;flex-shrink:0;flex-wrap:wrap;flex-direction:column;overflow:hidden;justify-content:center;align-items:center}div[class*="_custup_parent_container"] ._custup_sidebar_left_container{height:100%}div[class*="_custup_parent_container"] ._custup_sidebar_right_container{height:100%}div[class*="_custup_parent_container"] ._custup_scroll_bar_el{position:absolute;top:0;right:1px;width:6px;height:0%;border-radius:25px;background-color:rgba(160,160,160,.4);transition:height .4s linear}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_close_popup_btn{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:40px;z-index:+9;display:flex;justify-content:center;align-items:center;display:none;background:rgba(255,0,0,.685);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_close_popup_btn svg{width:60%;height:60%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container{width:95%;height:95%;border-radius:15px;align-self:center;justify-self:center;margin:auto;border:1px dashed var(--main-color);cursor:pointer;position:absolute;margin:auto;z-index:+3;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container ._custup_default_ui_upload_sentence_container{width:80%;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--custup-gray)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container ._custup_default_ui_upload_icons_container{width:auto;padding:10px;margin-top:5px;z-index:+6;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container ._custup_default_ui_upload_icons_container>div{margin:0 5px;width:30px;height:30px;padding:5px;background-color:#d3d3d3;border-radius:45px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container ._custup_default_ui_upload_icons_container>div svg{width:100%;height:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools{position:absolute;height:25px;top:10px;left:30px;z-index:+3;display:flex;align-items:center;justify-content:center;border-radius:30px;box-shadow:1px 1px 10px 1px rgba(110,110,110,.2);user-select:none}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div{width:25px;height:25px;font-size:80%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:rgba(245,245,245,.6)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:not(div:first-child,div:last-child):hover{background-color:#dcdcdc}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:not(div:first-child):active svg{width:75%;height:75%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div svg{width:70%;height:70%;transition:all .1s ease-in}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:first-child{border-radius:30px 0 0 30px;background-color:#f5f5f5;color:var(--main-color)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:last-child{border-radius:0 30px 30px 0;cursor:move}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:last-child:active{background-color:#f5f5f5}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container{width:100%;height:100%;position:relative;display:flex;position:relative;overflow:hidden;display:flex;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;flex-shrink:0;flex-wrap:wrap;flex-direction:row;padding:20px 10px 10px 10px;position:absolute;top:0;margin:auto}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer{display:block;width:calc(33% - 10px);height:150px;margin-bottom:65px;position:relative;border-radius:10px;background-color:rgba(160,160,160,.4);margin-right:10px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:+2;display:flex;align-items:center;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container{width:100%;display:block}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container ._custup_upload_overlay_upload_progress{width:100%;display:flex;justify-content:space-evenly;align-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container ._custup_upload_overlay_upload_progress div[class*=upload-text]{font-size:55%;color:#3d3d3d;text-shadow:0 0 10px #fff}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container ._custup_upload_overlay_upload_progress ._custup_upload_overlay_file_upload_progress{width:75%;background-color:#bdbdbd;height:5px;border-radius:10px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container ._custup_upload_overlay_upload_progress ._custup_upload_overlay_file_upload_progress_inner{width:0%;background-color:var(--main-color);height:5px;border-radius:10px;transition:width .3s linear;box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_retry_upload_overlay_ui{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,177,177,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_retry_upload_overlay_ui ._custup_upload_retry_upload_button{width:25px;height:25px;border-radius:30px;background-color:#fff;box-shadow:0 2px 10px 1px rgba(10,10,10,.2);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_retry_upload_overlay_ui ._custup_upload_retry_upload_button svg{width:100%;height:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui{margin-bottom:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;position:relative;width:100%;height:100%;border-radius:10px;transition:box-shadow .7s linear}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui ._custup_file_wrapper_el{width:100%;height:100%;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui ._custup_file_wrapper_el img{width:100%;height:100%;object-fit:cover}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui .other-file-el{display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui .other-file-el svg{width:80%;height:120px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_remove_file_btn{width:20px;height:20px;position:absolute;right:-10px;top:-10px;z-index:+2;border-radius:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_remove_file_btn svg{width:10px;height:10px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui{display:block}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_file_name{font-size:70%;width:100%;color:var(--custup-gray)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container{display:flex;align-items:center;justify-content:space-between}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container ._custup_file_detail_file_size{font-size:65%;color:#505050}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container ._custup_file_detail_bottom_tools_details_container{display:flex;align-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container ._custup_file_detail_bottom_tools_details_container div svg{width:15px;height:15px;background-color:#cdcdcd;border-radius:4px;margin-right:5px;padding:2px;cursor:pointer}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container ._custup_file_detail_bottom_tools_details_container div:last-child svg{margin-right:0}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container{position:absolute;width:80%;min-height:20px;background-color:rgba(205,205,205,.9);border-radius:20px;display:flex;margin:auto;z-index:+99999;align-items:center;transition:bottom .3s ease-out}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container.peakout-anim{bottom:-20px;animation:peakout .3s ease-in}@keyframes peakout{0%{bottom:30px}50%{bottom:40px}100%{bottom:-20px}}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container div:first-child{width:10%;border-radius:20px;display:flex;align-items:center;justify-content:center;height:100%;margin:0}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container div:first-child svg{width:15px;height:15px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container div:last-child{width:90%;height:100%;font-size:70%;padding:3px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_file_previewer{position:absolute;width:100%;height:100%;border-radius:15px;z-index:+3;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_file_previewer ._custup_file_previewer_inner_container{width:95%;height:95%;display:flex;align-items:center;justify-content:center;position:relative}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_file_previewer ._custup_file_previewer_inner_container img,video{width:100%;height:100%;object-fit:contain}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container{position:absolute;width:100%;height:100%;border-radius:15px;z-index:+3;display:block;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_main_container{width:100%;height:80%;border-bottom:1px solid #aaa;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_main_container video,img{width:100%;height:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container{width:100%;height:20%;display:flex;justify-content:center;align-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div{width:60px;height:60px;background-color:#0bf;border-radius:50%;cursor:pointer;transition:all .4s linear;margin:0 5px;padding:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div svg{width:60%;height:60%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div._custup_m_add_media{background-color:#67e085}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div._custup_m_remove_media_popup{background-color:#434443}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div:active{background-color:rgba(253,89,89,.959);width:50px;height:50px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container{position:absolute;width:100%;height:100%;border-radius:15px;z-index:+3;display:flex;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container{width:100%;display:flex;align-self:center;flex-shrink:0;flex-wrap:wrap}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container div{width:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2{display:block}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_input_container{width:100%;padding:10px;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_input_container input{width:80%;height:40px;border-radius:10px;border:1px solid #c2c2c2;outline:0;padding:10px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_button_container{width:100%;padding:10px;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_button_container button{padding:10px 25px;border-radius:10px;border:0;color:#fff;background:rgba(0,149,255,.658);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_button_container button:active{background:rgba(0,86,147,.658)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dropbox_ui_container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container{width:100%;height:100%;display:flex;flex-wrap:wrap}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container{width:100%;height:100%;display:flex;align-items:center;justify-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container{width:100%;height:auto}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_search_container{display:flex;align-items:center;justify-content:center;padding:10px 5px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_search_container input{width:80%;padding:10px;border-radius:10px;outline:0;border:1px solid #d3d3d3}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_title_container{display:flex;align-items:center;justify-content:center;padding:10px 5px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_title_container div{font-size:120%;color:gray}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_button_container{display:flex;align-items:center;justify-content:center;padding:10px 5px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_button_container button{padding:10px 25px;border-radius:10px;border:0;color:#fff;background:rgba(0,149,255,.658);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_button_container button:active{background:rgba(1,139,237,.658)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container{width:100%;height:auto;display:flex;justify-content:space-evenly;align-items:center;flex-shrink:0;flex-wrap:wrap;flex-direction:row;padding:20px 10px 10px 10px;position:absolute;top:0;margin:auto}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container ._custup_external_sources_dalle_image_preview_container{width:150px;height:150px;margin-bottom:5px;border-radius:10px;background-color:rgba(160,160,160,.4);overflow:hidden;position:relative}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container ._custup_external_sources_dalle_image_preview_container img{width:100%;height:100%;object-fit:cover}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container ._custup_external_sources_dalle_image_preview_container ._custup_check_mark{position:absolute;top:10px;right:10px;width:40px;height:40px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container ._custup_external_sources_dalle_image_preview_container ._custup_check_mark svg{width:80%;height:80%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container{width:100%;padding:5px;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container button{outline:0;background-color:rgba(211,211,211,.857);border-radius:10px;border:none;margin:0 10px;padding:10px 20px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container button svg{width:15px;height:15px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container ._custup_external_sources_dalle_accept_files_btn{color:#fff;background:rgba(0,149,255,.658);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container ._custup_external_sources_dalle_accept_files_btn div{margin:0 5px;height:20px;width:auto}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container ._custup_external_sources_dalle_accept_files_btn div svg{width:100%;height:100%}.w10perc{width:calc(12% - 5px)!important}.w14perc{width:calc(14% - 10px)!important}.w16perc{width:calc(16% - 5px)!important}.w25perc{width:calc(25% - 10px)!important}.w45perc{width:46%!important}.w100perc{width:100%!important}.flexSpaceBetween{justify-content:space-between!important}@media only screen and (max-width:768px){div[class*="_custup_parent_container"] ._custup_inner_container_wrapper_container_768{height:calc(100% - 50px)!important}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container{height:50px;width:100%}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;background-color:rgba(245,245,245,.6)}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div{width:100%;height:100%;font-size:90%;display:flex;align-items:center;justify-content:center;cursor:pointer}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div:not(div:first-child):hover{background-color:#dcdcdc}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div:not(div:first-child):active{background-color:#bfbfbf}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div svg{width:25px;transition:all .1s ease-in}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div:first-child{background-color:#f5f5f5;color:var(--main-color)}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div:last-child:active{background-color:#f5f5f5}}.DUIOuterContainer{box-shadow:none!important;border-radius:5px!important;border:0!important;height:auto!important}.DUIInnerContainerWrapper{height:200px!important;border-radius:5px!important}.DUIInnerContainer{border-radius:5px!important}.DUIIconContainer svg{width:25px;height:25px}.DUIDefaultUI{height:200px!important;top:0;width:100%!important;border-radius:5px!important;border-width:2px!important}.DUITextContainer1{font-weight:700}.DUIFooterContainer{height:auto!important;width:100%!important}.DUIFileContainer{width:100%;background-color:rgba(245,244,244,.657)!important;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:3px 10px}.DHIFilePreviewEl{width:10%;height:55px;display:flex;justify-content:center;align-items:center}.DHIFileInnerWrapper{width:40px;height:40px;display:flex;justify-content:center;align-items:center}.DHIFileInnerWrapper img{object-fit:contain}.DHIFileInnerWrapper svg{width:20px;height:20px;margin:auto}.DHIFileDetails{width:80%;display:block;margin-left:5px}.DHICloseBtnContainer{width:10%;display:flex;justify-content:center;align-items:center;cursor:pointer}.DHICloseBtnContainer svg{width:20px;height:20px}.DHITextContainer{display:flex;justify-content:space-between;width:100%;font-size:85%;color:#272794}.DHIFilesizeContainer{font-size:80%}.DHIUploadProgressContainer{width:100%;display:none;margin-top:5px}.DHIMainProgress{width:100%;height:7px;border-radius:50px;background-color:rgba(112,143,211,.331);border:0}.DHIProgressInner{background:#272794;border-radius:50px;width:20%;height:100%}.DUIBottomButtonContainer{width:100%;padding:10px 0;display:none;align-items:center;justify-content:space-around;flex-wrap:nowrap}.DUIBottomButtonContainer button{width:40%;padding:10px;outline:0;border:none;border-radius:12px;font-size:95%}.DUIUploadButton{background-color:#272794;color:#fff}.DUIUploadButton:active{background-color:#333392}.DHIRetryButton{background-color:red;color:#fff;text-align:center;padding:6px 12px;border-radius:15px;font-size:85%;cursor:pointer}.PPUIOuterContainer{box-shadow:none!important;width:350px!important;height:auto!important;border-radius:0!important;border:0!important}.PPUIDefaultUI{width:100%!important;height:100%!important;border-width:2px!important}.PPUIInnerContainer{border-radius:0!important}.PPUIInnerContainerWrapper{display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e6e6;width:350px!important;height:350px!important;border-radius:15px!important}.PPUIFileUI{margin-bottom:0!important;border-radius:50%!important}.PPUIDefaultUIInnerIcon svg{width:60px;height:60px}.PPUIFileDisplayUI{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;padding:10px!important}.PPUIFileUIOuter{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;background-color:transparent!important}.PPUIFooterContainer{width:100%!important}.PPUIFooterContainer .inner button{padding:10px;width:45%;margin-top:10px;font-size:95%;border:0;border-radius:5px;margin-bottom:10px;cursor:pointer}.PPUIButtonToolsContainer{width:100%;justify-content:space-around;display:flex;justify-content:space-around}.PPUIUploadBtn{background-color:#019901;color:#fff}.PPUIUploadBtn:active{background-color:#01bc01}.PPUIUploadBtn:hover{background-color:#01ac01}.RUIOuterContainer{box-shadow:none!important;border-radius:5px!important;border:1px solid #d3d3d3!important;height:200px!important}.RUIDefaultUIEl{width:100%!important;border:0!important;height:100%!important;box-shadow:none!important;border-radius:5px!important}.RUIDefaultUIUploadIconsContainer{height:0;margin:0!important;padding:0!important}:root{--very-light-gray:rgb(239, 239, 239);--slightly-dark-gray:rgb(229, 229, 229);--header-container-height:var(--height, 60px)!important;--footer-container-height:var(--height, 0px)!important;--eui-border-color:rgb(217, 217, 217);--eui-blue:rgb(0, 106, 255)}.EUIOuterContainer{box-shadow:none!important;border-radius:1px!important;width:750px!important;height:500px!important}.EUIOuterContainer *{font-weight:300!important}.EUIInnerContainer{background-color:var(--very-light-gray)!important;border-radius:1px!important;width:calc(100% - 60px)!important;justify-content:flex-end!important}.EUIHeaderContainer{width:100%!important;height:60px!important;background-color:var(--very-light-gray)!important;position:relative!important;z-index:+6}.EUIFooterContainer,.EUIFooterContainer .inner{width:100%!important;display:flex!important;justify-content:space-between;align-items:flex-start!important}.EUIFooterContainer .inner{border-top:1px solid var(--eui-border-color);padding:0 6px!important}.EUIFooterContainer .inner button{background-color:var(--eui-blue);padding:12px 25px;outline:0;border:0;margin:6px 0;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .2s linear,color .2s linear}.EUIFooterContainer .inner button:hover{background-color:rgba(0,106,255,.858)}.EUIFooterContainer .inner div:first-child button{background-color:var(--very-light-gray)!important;border:1px solid var(--eui-border-color)!important;color:#555!important}.EUIFooterContainer .inner div:last-child button:disabled{background-color:rgba(144,187,246,.858)!important;cursor:not-allowed!important}.EUIFooterContainer .inner div:first-child button:hover{background-color:rgba(239,239,239,.841);color:#555555cb!important}.EUIDefaultUI{height:calc(100% - (var(--header-container-height) + var(--footer-container-height)))!important;justify-self:flex-start!important;width:100%!important;border-radius:0!important;box-shadow:none!important;border:none!important;background-color:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:var(--very-light-gray)!important;z-index:+4}.EUIInnerContainerWrapper{height:calc(100% - (var(--header-container-height) + var(--footer-container-height)))!important;align-items:flex-start!important;justify-content:start!important;box-shadow:none!important;flex-direction:column!important;padding-top:10px!important}.EUISidebarLeftContainer{width:60px!important;background-color:var(--slightly-dark-gray)!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center;overflow-y:auto}.EUISidebarLeftContainer div{width:100%;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.EUISidebarLeftContainer div:hover{background-color:var(--very-light-gray)}.EUISidebarLeftContainer div[data-custup-icon-active]{background-color:var(--very-light-gray)!important}.EUISidebarLeftContainer div svg{width:20px;height:20px}.EUIDefaultUIInnerContentEl{width:90%!important;height:90%!important;border:1px dashed gray!important;background-color:var(--very-light-gray)!important;transition:background-color .2s linear}.EUIDefaultUIInnerContentEl:hover{background-color:#fff!important}.EUIDefaultUIInnerContentEl:hover .EUIFileTipIconContainer svg path{fill:rgb(49,116,250)!important;stroke-width:0!important}.EUIExternalSourceContainer,.EUIFilePreviewer,.EUIMediaSourceContainer{background-color:var(--very-light-gray)!important;border-radius:0!important;z-index:5!important}.EUIFilePreviewer{z-index:+6!important}.EUIClosePopupBtn{background-color:transparent!important;box-shadow:none!important;left:auto!important;right:10px!important;cursor:pointer}.EUIHeaderTitleBar{width:100%;display:flex;justify-content:center;align-items:center;min-height:36px;font-size:85%}.EUIHeaderTitleBar svg{width:25px;height:25px}.EUIDefaultUIFileSelectTip{height:auto!important;display:flex!important;flex-direction:column;align-items:center!important}.EUIDefaultUIFileSelectTip div:not(:last-child){margin-bottom:15px}.EUIFileTipIconContainer{width:100%;display:flex!important;justify-content:center!important}.EUIFileTipIconContainer svg{width:70px}.EUIFileTipIconContainer svg path{fill:rgb(181,181,181)!important;stroke-width:0!important}.EUIFileTipText1{font-size:120%;font-weight:400}.EUIFileTipText2{color:gray;font-size:90%}.EUIFilterBoxContainer{width:100%;padding:5px 10px;display:none;justify-content:flex-end}.EUIFilterBoxInputWrapper{width:25%;position:relative;display:flex;align-items:center;justify-content:center}.EUIFilterBoxInputWrapper svg{position:absolute;left:7px;top:12px;width:15px;height:15px;z-index:1;margin:0!important;padding:0!important;align-self:center!important}.EUIFilterBox{width:100%;height:35px;border:1px solid #d3d3d3;outline:0;padding-left:25px;text-align:center;color:gray;border-radius:2px}.EUIFilterBox::placeholder{color:#9e9e9e}.EUIFileStateInfoContainer{border-top:1px solid var(--eui-border-color);padding-top:15px;margin-top:5px;display:none;align-items:flex-end;padding-left:10px}.EUIFileStateInfoContainer div{text-transform:uppercase;color:#555;font-size:75%;font-weight:400!important}.EUIFileDisplayUI{flex-direction:column!important}.EUIFileUIOuterContainer{display:flex!important;width:100%!important;flex-direction:row!important;padding:5px!important;align-items:center!important;justify-content:space-evenly!important;border-radius:0!important;margin-bottom:10px!important;height:auto!important;background-color:#fff!important;position:relative!important}.EUIFileUIMainContainer{width:38px!important;height:38px!important;border-radius:50px!important;margin:0!important}.EUIFileDetailsContainer{display:flex;align-items:center;justify-content:space-between;width:calc(95% - 6px);margin-left:6px}.EUIFilenameSizeContainer div:first-child{color:gray;font-size:85%;margin-bottom:6px}.EUIFilenameSizeContainer div:last-child{color:#a9a9a9;font-size:75%}.EUIFileDisplayToolsContainer{display:flex;align-items:center}.EUIFileDisplayToolsContainer div:not(:last-child){margin-right:10px}.EUIFileDisplayToolsContainer div svg{width:15px;height:15px;cursor:pointer}.EUIFileDisplayToolsContainer div svg path{transition:fill .4s linear;fill:rgb(114,114,114)}.EUIFileDisplayToolsContainer div:hover svg path{fill:darkgray}.EUIProgressIndicatorContainer{position:absolute;bottom:0;height:2px;width:100%}.EUIProgressIndicatorContainer div{width:0%;background-color:var(--eui-blue);height:100%}@media only screen and (max-width:768px),(orientation:landscape) and (max-width:768px){:root{--header-container-height:var(--height, 30px)!important}.EUIOuterContainer{width:100%!important}.EUIHeaderContainer{height:30px!important}.EUIFilterBoxInputWrapper{width:90%!important}.EUIInnerContainer{width:100%!important}.EUIDefaultUIUploadSentenceContainer{display:none!important}.EUIDefaultUIInnerContentEl{align-items:flex-start!important;border:none!important;justify-content:flex-start!important;width:100%!important;height:100%!important;padding:0!important;position:absolute!important}.EUIDefaultUIInnerContentEl:hover{background-color:unset!important}.EUIDefaultUIInnerContentEl div.file-source{display:flex;align-items:center;padding:10px;width:100%}.EUIDefaultUIInnerContentEl div.file-source:hover div,div.file-source:active div{color:var(--eui-blue)}.EUIDefaultUIInnerContentEl div svg{width:30px;height:30px;margin-right:15px;background-color:#fff;padding:6px;border-radius:50%}} \ No newline at end of file +.BareUIOuterContainer{box-shadow:none!important;border-radius:5px!important;border:0!important;height:200px!important}.BareUIInnerContainer{border:2px dashed #c6c5c5!important;border-radius:5px!important}.BareUIDefaultUIEl{width:100%!important;height:100%!important;box-shadow:none!important;border-radius:5px!important;background-color:rgba(245,244,244,.657)!important;border:0!important}.BareUIDefaultUIUploadIconsContainer{height:0;margin:0!important;padding:0!important}.BareUIDefaultUIInnerContent{color:gray;line-height:30px;pointer-events:none;display:flex;flex-direction:column;align-items:center}.BareUIDefaultUIInnerContentLastItem{font-size:85%}.BareUIDefaultUIInnerContentLastItem span{text-decoration:underline;color:#4270d3;font-weight:700}:root{--main-color:rgb(0, 150, 255);--border-radius:15px;--custup-gray:rgb(61, 61, 61)}div[class*="_custup_parent_container"]{width:550px;height:350px;border:1px solid #f5f5f5;border-radius:15px;background-color:#fff;box-shadow:2px 2px 15px 1px rgba(88,88,88,.2);overflow:hidden;display:flex;justify-content:space-between}div[class*="_custup_parent_container"] *{box-sizing:border-box}div[class*="_custup_parent_container"] ._custup_inner_parent_container{width:100%;height:100%;border-radius:15px;position:relative;display:flex;flex-shrink:0;flex-wrap:wrap;flex-direction:column;overflow:hidden;justify-content:center;align-items:center}div[class*="_custup_parent_container"] ._custup_sidebar_left_container{height:100%}div[class*="_custup_parent_container"] ._custup_sidebar_right_container{height:100%}div[class*="_custup_parent_container"] ._custup_scroll_bar_el{position:absolute;top:0;right:1px;width:6px;height:0%;border-radius:25px;background-color:rgba(160,160,160,.4);transition:height .4s linear}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_close_popup_btn{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:40px;z-index:+9;display:flex;justify-content:center;align-items:center;display:none;background:rgba(255,0,0,.685);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_close_popup_btn svg{width:60%;height:60%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container{width:95%;height:95%;border-radius:15px;align-self:center;justify-self:center;margin:auto;border:1px dashed var(--main-color);cursor:pointer;position:absolute;margin:auto;z-index:+3;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container ._custup_default_ui_upload_sentence_container{width:80%;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--custup-gray)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container ._custup_default_ui_upload_icons_container{width:auto;padding:10px;margin-top:5px;z-index:+6;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container ._custup_default_ui_upload_icons_container>div{margin:0 5px;width:30px;height:30px;padding:5px;background-color:#d3d3d3;border-radius:45px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_default_ui_container ._custup_default_ui_inner_container ._custup_default_ui_upload_icons_container>div svg{width:100%;height:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools{position:absolute;height:25px;top:10px;left:30px;z-index:+3;display:flex;align-items:center;justify-content:center;border-radius:30px;box-shadow:1px 1px 10px 1px rgba(110,110,110,.2);user-select:none}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div{width:25px;height:25px;font-size:80%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:rgba(245,245,245,.6)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:not(div:first-child,div:last-child):hover{background-color:#dcdcdc}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:not(div:first-child):active svg{width:75%;height:75%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div svg{width:70%;height:70%;transition:all .1s ease-in}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:first-child{border-radius:30px 0 0 30px;background-color:#f5f5f5;color:var(--main-color)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:last-child{border-radius:0 30px 30px 0;cursor:move}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_ui_tools div:last-child:active{background-color:#f5f5f5}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container{width:100%;height:100%;position:relative;display:flex;position:relative;overflow:hidden;display:flex;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;flex-shrink:0;flex-wrap:wrap;flex-direction:row;padding:20px 10px 10px 10px;position:absolute;top:0;margin:auto}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer{display:block;width:calc(33% - 10px);height:150px;margin-bottom:65px;position:relative;border-radius:10px;background-color:rgba(160,160,160,.4);margin-right:10px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:+2;display:flex;align-items:center;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container{width:100%;display:block}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container ._custup_upload_overlay_upload_progress{width:100%;display:flex;justify-content:space-evenly;align-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container ._custup_upload_overlay_upload_progress div[class*=upload-text]{font-size:55%;color:#3d3d3d;text-shadow:0 0 10px #fff}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container ._custup_upload_overlay_upload_progress ._custup_upload_overlay_file_upload_progress{width:75%;background-color:#bdbdbd;height:5px;border-radius:10px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_overlay_container ._custup_upload_overlay_inner_container ._custup_upload_overlay_upload_progress ._custup_upload_overlay_file_upload_progress_inner{width:0%;background-color:var(--main-color);height:5px;border-radius:10px;transition:width .3s linear;box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_retry_upload_overlay_ui{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,177,177,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_retry_upload_overlay_ui ._custup_upload_retry_upload_button{width:25px;height:25px;border-radius:30px;background-color:#fff;box-shadow:0 2px 10px 1px rgba(10,10,10,.2);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_upload_retry_upload_overlay_ui ._custup_upload_retry_upload_button svg{width:100%;height:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui{margin-bottom:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;position:relative;width:100%;height:100%;border-radius:10px;transition:box-shadow .7s linear}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui ._custup_file_wrapper_el{width:100%;height:100%;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui ._custup_file_wrapper_el img{width:100%;height:100%;object-fit:cover}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui .other-file-el{display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_ui .other-file-el svg{width:80%;height:120px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_remove_file_btn{width:20px;height:20px;position:absolute;right:-10px;top:-10px;z-index:+2;border-radius:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_remove_file_btn svg{width:10px;height:10px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui{display:block}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_file_name{font-size:70%;width:100%;color:var(--custup-gray)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container{display:flex;align-items:center;justify-content:space-between}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container ._custup_file_detail_file_size{font-size:65%;color:#505050}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container ._custup_file_detail_bottom_tools_details_container{display:flex;align-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container ._custup_file_detail_bottom_tools_details_container div svg{width:15px;height:15px;background-color:#cdcdcd;border-radius:4px;margin-right:5px;padding:2px;cursor:pointer}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_inner_container_wrapper_container ._custup_file_display_ui_container ._custup_file_ui_outer ._custup_file_details_ui ._custup_file_detail_bottom_details_container ._custup_file_detail_bottom_tools_details_container div:last-child svg{margin-right:0}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container{position:absolute;width:80%;min-height:20px;background-color:rgba(205,205,205,.9);border-radius:20px;display:flex;margin:auto;z-index:+99999;align-items:center;transition:bottom .3s ease-out}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container.peakout-anim{bottom:-20px;animation:peakout .3s ease-in}@keyframes peakout{0%{bottom:30px}50%{bottom:40px}100%{bottom:-20px}}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container div:first-child{width:10%;border-radius:20px;display:flex;align-items:center;justify-content:center;height:100%;margin:0}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container div:first-child svg{width:15px;height:15px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_message_container div:last-child{width:90%;height:100%;font-size:70%;padding:3px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_file_previewer{position:absolute;width:100%;height:100%;border-radius:15px;z-index:+3;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_file_previewer ._custup_file_previewer_inner_container{width:95%;height:95%;display:flex;align-items:center;justify-content:center;position:relative}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_file_previewer ._custup_file_previewer_inner_container img,video{width:100%;height:100%;object-fit:contain}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container{position:absolute;width:100%;height:100%;border-radius:15px;z-index:+3;display:block;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_main_container{width:100%;height:80%;border-bottom:1px solid #aaa;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_main_container video,img{width:100%;height:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container{width:100%;height:20%;display:flex;justify-content:center;align-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div{width:60px;height:60px;background-color:#0bf;border-radius:50%;cursor:pointer;transition:all .4s linear;margin:0 5px;padding:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div svg{width:60%;height:60%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div._custup_m_add_media{background-color:#67e085}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div._custup_m_remove_media_popup{background-color:#434443}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_media_capture_container ._custup_media_capture_bottom_tools_container div:active{background-color:rgba(253,89,89,.959);width:50px;height:50px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container{position:absolute;width:100%;height:100%;border-radius:15px;z-index:+3;display:flex;background:rgba(255,255,255,.2);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container{width:100%;display:flex;align-self:center;flex-shrink:0;flex-wrap:wrap}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container div{width:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2{display:block}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_input_container{width:100%;padding:10px;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_input_container input{width:80%;height:40px;border-radius:10px;border:1px solid #c2c2c2;outline:0;padding:10px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_button_container{width:100%;padding:10px;display:flex;align-items:center;justify-content:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_button_container button{padding:10px 25px;border-radius:10px;border:0;color:#fff;background:rgba(0,149,255,.658);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_url_source_container ._custup_external_sources_url_source_inner_container_2 ._custup_external_sources_url_source_button_container button:active{background:rgba(0,86,147,.658)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dropbox_ui_container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container{width:100%;height:100%;display:flex;flex-wrap:wrap}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container{width:100%;height:100%;display:flex;align-items:center;justify-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container{width:100%;height:auto}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_search_container{display:flex;align-items:center;justify-content:center;padding:10px 5px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_search_container input{width:80%;padding:10px;border-radius:10px;outline:0;border:1px solid #d3d3d3}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_title_container{display:flex;align-items:center;justify-content:center;padding:10px 5px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_title_container div{font-size:120%;color:gray}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_button_container{display:flex;align-items:center;justify-content:center;padding:10px 5px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_button_container button{padding:10px 25px;border-radius:10px;border:0;color:#fff;background:rgba(0,149,255,.658);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_initial_page_container ._custup_external_sources_dalle_initial_page_content_container ._custup_external_sources_dalle_initial_page_button_container button:active{background:rgba(1,139,237,.658)}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container{width:100%;height:auto;display:flex;justify-content:space-evenly;align-items:center;flex-shrink:0;flex-wrap:wrap;flex-direction:row;padding:20px 10px 10px 10px;position:absolute;top:0;margin:auto}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container ._custup_external_sources_dalle_image_preview_container{width:150px;height:150px;margin-bottom:5px;border-radius:10px;background-color:rgba(160,160,160,.4);overflow:hidden;position:relative}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container ._custup_external_sources_dalle_image_preview_container img{width:100%;height:100%;object-fit:cover}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container ._custup_external_sources_dalle_image_preview_container ._custup_check_mark{position:absolute;top:10px;right:10px;width:40px;height:40px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_preview_page_container ._custup_external_sources_dalle_image_preview_container ._custup_check_mark svg{width:80%;height:80%}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container{width:100%;padding:5px;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container button{outline:0;background-color:rgba(211,211,211,.857);border-radius:10px;border:none;margin:0 10px;padding:10px 20px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container button svg{width:15px;height:15px}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container ._custup_external_sources_dalle_accept_files_btn{color:#fff;background:rgba(0,149,255,.658);box-shadow:0 0 6px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container ._custup_external_sources_dalle_accept_files_btn div{margin:0 5px;height:20px;width:auto}div[class*="_custup_parent_container"] ._custup_inner_parent_container ._custup_external_sources_container ._custup_external_sources_dalle_outer_container ._custup_external_sources_dalle_utils_buttons_container ._custup_external_sources_dalle_accept_files_btn div svg{width:100%;height:100%}.w10perc{width:calc(12% - 5px)!important}.w14perc{width:calc(14% - 10px)!important}.w16perc{width:calc(16% - 5px)!important}.w25perc{width:calc(25% - 10px)!important}.w45perc{width:46%!important}.w100perc{width:100%!important}.flexSpaceBetween{justify-content:space-between!important}@media only screen and (max-width:768px){div[class*="_custup_parent_container"] ._custup_inner_container_wrapper_container_768{height:calc(100% - 50px)!important}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container{height:50px;width:100%}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;background-color:rgba(245,245,245,.6)}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div{width:100%;height:100%;font-size:90%;display:flex;align-items:center;justify-content:center;cursor:pointer}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div:not(div:first-child):hover{background-color:#dcdcdc}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div:not(div:first-child):active{background-color:#bfbfbf}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div svg{width:25px;transition:all .1s ease-in}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div:first-child{background-color:#f5f5f5;color:var(--main-color)}div[class*="_custup_parent_container"] ._custup_mobile_768_screen_tools_container .inner div:last-child:active{background-color:#f5f5f5}}.DUIOuterContainer{box-shadow:none!important;border-radius:5px!important;border:0!important;height:auto!important}.DUIInnerContainerWrapper{height:200px!important;border-radius:5px!important}.DUIInnerContainer{border-radius:5px!important}.DUIIconContainer svg{width:25px;height:25px}.DUIDefaultUI{height:200px!important;top:0;width:100%!important;border-radius:5px!important;border-width:2px!important}.DUITextContainer1{font-weight:700}.DUIFooterContainer{height:auto!important;width:100%!important}.DUIFileContainer{width:100%;background-color:rgba(245,244,244,.657)!important;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:3px 10px}.DHIFilePreviewEl{width:10%;height:55px;display:flex;justify-content:center;align-items:center}.DHIFileInnerWrapper{width:40px;height:40px;display:flex;justify-content:center;align-items:center}.DHIFileInnerWrapper img{object-fit:contain}.DHIFileInnerWrapper svg{width:20px;height:20px;margin:auto}.DHIFileDetails{width:80%;display:block;margin-left:5px}.DHICloseBtnContainer{width:10%;display:flex;justify-content:center;align-items:center;cursor:pointer}.DHICloseBtnContainer svg{width:20px;height:20px}.DHITextContainer{display:flex;justify-content:space-between;width:100%;font-size:85%;color:#272794}.DHIFilesizeContainer{font-size:80%}.DHIUploadProgressContainer{width:100%;display:none;margin-top:5px}.DHIMainProgress{width:100%;height:7px;border-radius:50px;background-color:rgba(112,143,211,.331);border:0}.DHIProgressInner{background:#272794;border-radius:50px;width:20%;height:100%}.DUIBottomButtonContainer{width:100%;padding:10px 0;display:none;align-items:center;justify-content:space-around;flex-wrap:nowrap}.DUIBottomButtonContainer button{width:40%;padding:10px;outline:0;border:none;border-radius:12px;font-size:95%}.DUIUploadButton{background-color:#272794;color:#fff}.DUIUploadButton:active{background-color:#333392}.DHIRetryButton{background-color:red;color:#fff;text-align:center;padding:6px 12px;border-radius:15px;font-size:85%;cursor:pointer}.PPUIOuterContainer{box-shadow:none!important;width:350px!important;height:auto!important;border-radius:0!important;border:0!important}.PPUIDefaultUI{width:100%!important;height:100%!important;border-width:2px!important}.PPUIInnerContainer{border-radius:0!important}.PPUIInnerContainerWrapper{display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e6e6e6;width:350px!important;height:350px!important;border-radius:15px!important}.PPUIFileUI{margin-bottom:0!important;border-radius:50%!important}.PPUIDefaultUIInnerIcon svg{width:60px;height:60px}.PPUIFileDisplayUI{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;padding:10px!important}.PPUIFileUIOuter{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;background-color:transparent!important}.PPUIFooterContainer{width:100%!important}.PPUIFooterContainer .inner button{padding:10px;width:45%;margin-top:10px;font-size:95%;border:0;border-radius:5px;margin-bottom:10px;cursor:pointer}.PPUIButtonToolsContainer{width:100%;justify-content:space-around;display:flex;justify-content:space-around}.PPUIUploadBtn{background-color:#019901;color:#fff}.PPUIUploadBtn:active{background-color:#01bc01}.PPUIUploadBtn:hover{background-color:#01ac01}.RUIOuterContainer{box-shadow:none!important;border-radius:5px!important;border:1px solid #d3d3d3!important;height:200px!important}.RUIDefaultUIEl{width:100%!important;border:0!important;height:100%!important;box-shadow:none!important;border-radius:5px!important}.RUIDefaultUIUploadIconsContainer{height:0;margin:0!important;padding:0!important}:root{--very-light-gray:rgb(239, 239, 239);--slightly-dark-gray:rgb(229, 229, 229);--header-container-height:var(--height, 60px)!important;--footer-container-height:var(--height, 0px)!important;--eui-border-color:rgb(217, 217, 217);--eui-blue:rgb(0, 106, 255)}.EUIOuterContainer{box-shadow:none!important;border-radius:1px!important;width:750px!important;height:500px!important;position:relative}.EUIOuterContainer *{font-weight:300!important}.EUIInnerContainer{background-color:var(--very-light-gray)!important;border-radius:1px!important;width:calc(100% - 60px)!important;justify-content:flex-end!important}.EUIHeaderContainer{width:100%!important;height:60px!important;background-color:var(--very-light-gray)!important;position:relative!important;z-index:+6}.EUIFooterContainer,.EUIFooterContainer .inner{width:100%!important;display:flex!important;justify-content:space-between;align-items:flex-start!important}.EUIFooterContainer .inner{border-top:1px solid var(--eui-border-color);padding:0 6px!important}.EUIFooterContainer .inner button{background-color:var(--eui-blue);padding:12px 25px;outline:0;border:0;margin:6px 0;color:#fff!important;border-radius:4px;cursor:pointer;transition:background-color .2s linear,color .2s linear}.EUIFooterContainer .inner button:hover{background-color:rgba(0,106,255,.858)}.EUIFooterContainer .inner div:first-child button{background-color:var(--very-light-gray)!important;border:1px solid var(--eui-border-color)!important;color:#555!important}.EUIFooterContainer .inner div:last-child button:disabled{background-color:rgba(144,187,246,.858)!important;cursor:not-allowed!important}.EUIFooterContainer .inner div:first-child button:hover{background-color:rgba(239,239,239,.841);color:#555555cb!important}.EUIDefaultUI{height:calc(100% - (var(--header-container-height) + var(--footer-container-height)))!important;justify-self:flex-start!important;width:100%!important;border-radius:0!important;box-shadow:none!important;border:none!important;background-color:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:var(--very-light-gray)!important;z-index:+4}.EUIInnerContainerWrapper{height:calc(100% - (var(--header-container-height) + var(--footer-container-height)))!important;align-items:flex-start!important;justify-content:start!important;box-shadow:none!important;flex-direction:column!important;padding-top:10px!important}.EUISidebarLeftContainer{width:60px!important;background-color:var(--slightly-dark-gray)!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center;overflow-y:auto}.EUISidebarLeftContainer div{width:100%;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.EUISidebarLeftContainer div:hover{background-color:var(--very-light-gray)}.EUISidebarLeftContainer div[data-custup-icon-active]{background-color:var(--very-light-gray)!important}.EUISidebarLeftContainer div svg{width:20px;height:20px}.EUIDefaultUIInnerContentEl{width:90%!important;height:90%!important;border:1px dashed gray!important;background-color:var(--very-light-gray)!important;transition:background-color .2s linear}.EUIDefaultUIInnerContentEl:hover{background-color:#fff!important}.EUIDefaultUIInnerContentEl:hover .EUIFileTipIconContainer svg path{fill:rgb(49,116,250)!important;stroke-width:0!important}.EUIExternalSourceContainer,.EUIFilePreviewer,.EUIMediaSourceContainer{background-color:var(--very-light-gray)!important;border-radius:0!important;z-index:5!important}.EUIFilePreviewer{z-index:+6!important}.EUIClosePopupBtn{background-color:transparent!important;box-shadow:none!important;left:auto!important;right:10px!important;cursor:pointer}.EUIHeaderTitleBar{width:100%;display:flex;justify-content:center;align-items:center;min-height:36px;font-size:85%}.EUIHeaderTitleBar svg{width:25px;height:25px}.EUIDefaultUIFileSelectTip{height:auto!important;display:flex!important;flex-direction:column;align-items:center!important}.EUIDefaultUIFileSelectTip div:not(:last-child){margin-bottom:15px}.EUIFileTipIconContainer{width:100%;display:flex!important;justify-content:center!important}.EUIFileTipIconContainer svg{width:70px}.EUIFileTipIconContainer svg path{fill:rgb(181,181,181)!important;stroke-width:0!important}.EUIFileTipText1{font-size:120%;font-weight:400}.EUIFileTipText2{color:gray!important;font-size:90%}.EUIFilterBoxContainer{width:100%;padding:5px 10px;display:none;justify-content:flex-end}.EUIFilterBoxInputWrapper{width:25%;position:relative;display:flex;align-items:center;justify-content:center}.EUIFilterBoxInputWrapper svg{position:absolute;left:7px;top:12px;width:15px;height:15px;z-index:1;margin:0!important;padding:0!important;align-self:center!important}.EUIFilterBox{width:100%;height:35px;border:1px solid #d3d3d3;outline:0;padding-left:25px;text-align:center;color:gray!important;border-radius:2px}.EUIFilterBox::placeholder{color:#9e9e9e!important}.EUIFileStateInfoContainer{border-top:1px solid var(--eui-border-color);padding-top:15px;margin-top:5px;display:none;align-items:flex-end;padding-left:10px}.EUIFileStateInfoContainer div{text-transform:uppercase;color:#555!important;font-size:75%;font-weight:400!important}.EUIFileDisplayUI{flex-direction:column!important}.EUIFileUIOuterContainer{display:flex!important;width:100%!important;flex-direction:row!important;padding:5px!important;align-items:center!important;justify-content:space-evenly!important;border-radius:0!important;margin-bottom:10px!important;height:auto!important;background-color:#fff!important;position:relative!important}.EUIFileUIMainContainer{width:38px!important;height:38px!important;border-radius:50px!important;margin:0!important}.EUIFileDetailsContainer{display:flex;align-items:center;justify-content:space-between;width:calc(95% - 6px);margin-left:6px}.EUIFilenameSizeContainer div:first-child{color:gray!important;font-size:85%;margin-bottom:6px}.EUIFilenameSizeContainer div:last-child{color:#a9a9a9!important;font-size:75%}.EUIFileDisplayToolsContainer{display:flex;align-items:center}.EUIFileDisplayToolsContainer div:not(:last-child){margin-right:10px}.EUIFileDisplayToolsContainer div svg{width:15px;height:15px;cursor:pointer}.EUIFileDisplayToolsContainer div svg path{transition:fill .4s linear;fill:rgb(114,114,114)!important}.EUIFileDisplayToolsContainer div:hover svg path{fill:darkgray!important}.EUIProgressIndicatorContainer{position:absolute;bottom:0;height:2px;width:100%}.EUIProgressIndicatorContainer div{width:0%;background-color:var(--eui-blue);height:100%}.EUISelectFileToggleBtn{position:absolute;top:10px;left:15px;z-index:+6!important;display:flex;cursor:pointer}.EUISelectFileToggleBtn svg{width:22px;height:22px}@media only screen and (max-width:768px),(orientation:landscape) and (max-width:768px){:root{--header-container-height:var(--height, 30px)!important}.EUIOuterContainer{width:100%!important}.EUIHeaderContainer{height:30px!important}.EUIFilterBoxInputWrapper{width:90%!important}.EUIInnerContainer{width:100%!important}.EUIDefaultUIUploadSentenceContainer{display:none!important}.EUIDefaultUIInnerContentEl{align-items:flex-start!important;border:none!important;justify-content:flex-start!important;width:100%!important;height:100%!important;padding:0!important;position:absolute!important}.EUIDefaultUIInnerContentEl:hover{background-color:unset!important}.EUIDefaultUIInnerContentEl div.file-source{display:flex;align-items:center;padding:10px;width:100%}.EUIDefaultUIInnerContentEl div.file-source:hover div,div.file-source:active div{color:var(--eui-blue)!important}.EUIDefaultUIInnerContentEl div svg{width:30px;height:30px;margin-right:15px;background-color:#fff;padding:6px;border-radius:50%}} \ No newline at end of file diff --git a/src/custup.d.ts b/src/custup.d.ts index e56a32a..70edd0a 100644 --- a/src/custup.d.ts +++ b/src/custup.d.ts @@ -25,7 +25,7 @@ export default class CustUp extends CustUpCore { * minNumberOfFiles?: number; * minimumAllowedFileSize?: number; * maximumAllowedFileSize?: number; - * ui_type?: 'default' | 'resumeUploaderUI' | 'bare' | 'detached' | 'profilePicture'; + * ui_type?: 'default' | 'resumeUploaderUI' | 'bare' | 'detached' | 'profilePicture' | 'elegant'; * display_ui_tools?: boolean; * show_ui_tools_on_mobile_devices?: boolean; * disable_drag_n_drop?: boolean; @@ -162,7 +162,7 @@ export default class CustUp extends CustUpCore { minNumberOfFiles?: number | undefined; minimumAllowedFileSize?: number | undefined; maximumAllowedFileSize?: number | undefined; - ui_type?: "default" | "resumeUploaderUI" | "bare" | "detached" | "profilePicture" | undefined; + ui_type?: "default" | "resumeUploaderUI" | "bare" | "detached" | "profilePicture" | "elegant" | undefined; display_ui_tools?: boolean | undefined; show_ui_tools_on_mobile_devices?: boolean | undefined; disable_drag_n_drop?: boolean | undefined; diff --git a/src/custup.d.ts.map b/src/custup.d.ts.map index 005173a..3a70c81 100644 --- a/src/custup.d.ts.map +++ b/src/custup.d.ts.map @@ -1 +1 @@ -{"version":3,"file":"custup.d.ts","sourceRoot":"","sources":["custup.js"],"names":[],"mappings":"AAIA;IACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAiIE;IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA7G0B,MAAM;;;;;;;;;;;;sBAW4C,MAAM;;;;;0BAIzD,MAAM;8BACF,MAAM;;;4BAGR;gBAC3B,OAAuB,EAAE,EAAE,CAAC;gBAC5B,OAAuB,EAAE,EAAE,CAAC;aAChB;wBACW,MAAM;0BACJ,OAAO;;;;;;;;6BAQN;gBAC1B,UAAwB,EAAE,OAAO,CAAC;gBAClC,sBAAoC,EAAE,OAAO,CAAC;aACnC;2BACc,EACd;0BACa,EACb;2BACc,EACd;wBACW,EACX;iCACoB;gBAC/B,UAAwB,EAAE;oBAC1B,SAA0B,EAAE,MAAM,CAAC;oBACnC,OAAwB,EAAE,MAAM,CAAC;oBACjC,MAAuB,EAAE,MAAM,CAAC;oBAChC,MAAuB,EAAE,MAAM,CAAC;iBACjB,CAAC;aACL;4BACe;gBAC1B,UAAwB,EAAE;oBAC1B,MAAuB,EAAE,MAAM,CAAC;iBACjB,CAAC;gBAChB,OAAqB,EAAE;oBACvB,MAAuB,WAAW;iBACnB,CAAC;aACL;wBACW;gBACtB,UAAwB,EAAE;oBAC1B,cAAgC,EAAE,MAAM,CAAC;oBACzC,OAAyB,EAAE,MAAM,CAAC;oBAClC,MAAwB,EAAE,MAAM,CAAC;oBACjC,SAA2B,EAAE,MAAM,CAAC;iBACrB,CAAC;gBAChB,YAA0B,EAAE;oBAC5B,iBAAmC,CAAC,EAAE,MAAM,CAAC;oBAC7C,MAAwB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;oBAC3C,aAA+B,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;oBACjD,OAAyB,CAAC,EAAE,MAAM,CAAC;oBACnC,SAA2B,CAAC,EAAE,OAAO,CAAC;oBACtC,iBAAmC,CAAC,EAAE,OAAO,CAAC;oBAC9C,kBAAoC,CAAC,EAAE,OAAO,CAAC;oBAC/C,UAA4B,CAAC,EAAE,MAAM,CAAC;oBACtC,kBAAoC,CAAC,EAAE,MAAM,CAAC;oBAC9C,KAAuB,CAAC,EAAE,MAAM,CAAC;oBACjC,IAAsB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;oBAC3C,OAAyB,CAAC,EAAE,OAAO,CAAC;oBACpC,SAA2B,CAAC,EAAE,OAAO,CAAC;oBACtC,WAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;oBACpD,iBAAmC,CAAC,EAAE,MAAM,CAAC;oBAC7C,kBAAoC,CAAC,WAAW;oBAChD,mBAAqC,CAAC,WAAW;iBAClC,CAAA;aACJ;iCACoB;gBAC/B,QAAuB,EAAE,MAAM,CAAC;gBAChC,OAAsB,EAAE,MAAM,CAAC;gBAC/B,IAAmB,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;gBAC7D,CAAgB,EAAE,MAAM,CAAC;gBACzB,KAAoB,EAAE,UAAU,GAAG,UAAU,CAAC;gBAC9C,OAAsB,EAAE,UAAU,GAAG,IAAI,CAAC;aAC/B;;;kBAEyB,MAAM,GAAG,IAAI,GAAG,IAAI;0BAAgB,OAAO;qBAAW,GAAG;;;;;;;;;;;OAgB5F;IAED;;OAEG;IACH,iBAsBC;IAED;;OAEG;IACH,yBAmBC;IAED;;OAEG;IACH,uBAiCC;IAED;;OAEG;IACH,2BA4KC;IAED;;OAEG;IACH,yBAkEC;IAED;;OAEG;IACH,kBA8VC;CACJ;uBA/zBsB,uBAAuB"} \ No newline at end of file +{"version":3,"file":"custup.d.ts","sourceRoot":"","sources":["custup.js"],"names":[],"mappings":"AAIA;IACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAiIE;IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA7G0B,MAAM;;;;;;;;;;;;sBAW4C,MAAM;;;;;0BAIzD,MAAM;8BACF,MAAM;;;4BAGR;gBAC3B,OAAuB,EAAE,EAAE,CAAC;gBAC5B,OAAuB,EAAE,EAAE,CAAC;aAChB;wBACW,MAAM;0BACJ,OAAO;;;;;;;;6BAQN;gBAC1B,UAAwB,EAAE,OAAO,CAAC;gBAClC,sBAAoC,EAAE,OAAO,CAAC;aACnC;2BACc,EACd;0BACa,EACb;2BACc,EACd;wBACW,EACX;iCACoB;gBAC/B,UAAwB,EAAE;oBAC1B,SAA0B,EAAE,MAAM,CAAC;oBACnC,OAAwB,EAAE,MAAM,CAAC;oBACjC,MAAuB,EAAE,MAAM,CAAC;oBAChC,MAAuB,EAAE,MAAM,CAAC;iBACjB,CAAC;aACL;4BACe;gBAC1B,UAAwB,EAAE;oBAC1B,MAAuB,EAAE,MAAM,CAAC;iBACjB,CAAC;gBAChB,OAAqB,EAAE;oBACvB,MAAuB,WAAW;iBACnB,CAAC;aACL;wBACW;gBACtB,UAAwB,EAAE;oBAC1B,cAAgC,EAAE,MAAM,CAAC;oBACzC,OAAyB,EAAE,MAAM,CAAC;oBAClC,MAAwB,EAAE,MAAM,CAAC;oBACjC,SAA2B,EAAE,MAAM,CAAC;iBACrB,CAAC;gBAChB,YAA0B,EAAE;oBAC5B,iBAAmC,CAAC,EAAE,MAAM,CAAC;oBAC7C,MAAwB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;oBAC3C,aAA+B,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;oBACjD,OAAyB,CAAC,EAAE,MAAM,CAAC;oBACnC,SAA2B,CAAC,EAAE,OAAO,CAAC;oBACtC,iBAAmC,CAAC,EAAE,OAAO,CAAC;oBAC9C,kBAAoC,CAAC,EAAE,OAAO,CAAC;oBAC/C,UAA4B,CAAC,EAAE,MAAM,CAAC;oBACtC,kBAAoC,CAAC,EAAE,MAAM,CAAC;oBAC9C,KAAuB,CAAC,EAAE,MAAM,CAAC;oBACjC,IAAsB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;oBAC3C,OAAyB,CAAC,EAAE,OAAO,CAAC;oBACpC,SAA2B,CAAC,EAAE,OAAO,CAAC;oBACtC,WAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;oBACpD,iBAAmC,CAAC,EAAE,MAAM,CAAC;oBAC7C,kBAAoC,CAAC,WAAW;oBAChD,mBAAqC,CAAC,WAAW;iBAClC,CAAA;aACJ;iCACoB;gBAC/B,QAAuB,EAAE,MAAM,CAAC;gBAChC,OAAsB,EAAE,MAAM,CAAC;gBAC/B,IAAmB,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;gBAC7D,CAAgB,EAAE,MAAM,CAAC;gBACzB,KAAoB,EAAE,UAAU,GAAG,UAAU,CAAC;gBAC9C,OAAsB,EAAE,UAAU,GAAG,IAAI,CAAC;aAC/B;;;kBAEyB,MAAM,GAAG,IAAI,GAAG,IAAI;0BAAgB,OAAO;qBAAW,GAAG;;;;;;;;;;;OAgB5F;IAED;;OAEG;IACH,iBAsBC;IAED;;OAEG;IACH,yBAmBC;IAED;;OAEG;IACH,uBAiCC;IAED;;OAEG;IACH,2BA4KC;IAED;;OAEG;IACH,yBAkEC;IAED;;OAEG;IACH,kBAgXC;CACJ;uBAj1BsB,uBAAuB"} \ No newline at end of file diff --git a/src/custup.js b/src/custup.js index aa3fdaf..d869f74 100644 --- a/src/custup.js +++ b/src/custup.js @@ -29,7 +29,7 @@ export default class CustUp extends CustUpCore { * minNumberOfFiles?: number; * minimumAllowedFileSize?: number; * maximumAllowedFileSize?: number; - * ui_type?: 'default' | 'resumeUploaderUI' | 'bare' | 'detached' | 'profilePicture'; + * ui_type?: 'default' | 'resumeUploaderUI' | 'bare' | 'detached' | 'profilePicture' | 'elegant'; * display_ui_tools?: boolean; * show_ui_tools_on_mobile_devices?: boolean; * disable_drag_n_drop?: boolean; @@ -551,6 +551,30 @@ export default class CustUp extends CustUpCore { // scope variable declaration let footerContainerFilled = false; let submitBtnEl_clone = null; + let selectFromDeviceSourceIcon_clone = null; + + const showAddFileUI = (e) => { + this.show_add_file_ui(); + this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(el => el.removeAttribute("data-custup-icon-active")); + selectFromDeviceSourceIcon_clone && (selectFromDeviceSourceIcon_clone.dataset.custupIconActive = "true"); + headerTitleBar.innerHTML = e?.currentTarget.innerHTML == undefined ? 'Select from' : e.currentTarget.innerHTML; + hideHeaderUtils(); + clearUtilsButtonsFromFooter() + this.close_file_source_popup(); + } + const selectFileToggleBtn = document.createElement('div'); + selectFileToggleBtn.className = "EUISelectFileToggleBtn"; + selectFileToggleBtn.innerHTML = this.ui_icons.bars; + selectFileToggleBtn.onclick = (e) => { + if (this.is_add_file_ui_shown() && this.get_total_file_count() > 0) { + this.hide_add_file_ui(); + }else{ + showAddFileUI(); + list_file_sources(); + } + + } + this._custupEl.append(selectFileToggleBtn); // function that creates the utils buttons in the footer container const createUtilsButtonsInFooter = () => { @@ -582,11 +606,7 @@ export default class CustUp extends CustUpCore { footerContainerFilled = false; } - // create the select from user's device icon - const selectFromDeviceSourceIcon = document.createElement('div'); - selectFromDeviceSourceIcon.innerHTML = this.ui_icons.desktop_device; - this._custupSidebarLeftEl.append(selectFromDeviceSourceIcon); - selectFromDeviceSourceIcon.dataset.custupIconActive = "true" + // create the header title @@ -653,15 +673,7 @@ export default class CustUp extends CustUpCore { this._custupEl.style.setProperty('--header-container-height', this._custupHeaderEl.offsetHeight + 'px'); } - selectFromDeviceSourceIcon.onclick = (e) => { - this.show_add_file_ui(); - this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(el => el.removeAttribute("data-custup-icon-active")); - selectFromDeviceSourceIcon.dataset.custupIconActive = "true"; - headerTitleBar.innerHTML = e.currentTarget.innerHTML; - hideHeaderUtils(); - clearUtilsButtonsFromFooter() - this.close_file_source_popup(); - } + const setIconActiveCallbackFn = (e) => { this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(el => el.removeAttribute("data-custup-icon-active")) @@ -674,13 +686,17 @@ export default class CustUp extends CustUpCore { // create the other file source icons const list_file_sources = () => { this._custupSidebarLeftEl.innerHTML = ""; - !is_mobile() && this.get_file_sources(this._custupSidebarLeftEl, setIconActiveCallbackFn); + + // create the select from user's device icon + const selectFromDeviceSourceIcon = document.createElement('div'); + selectFromDeviceSourceIcon_clone = selectFromDeviceSourceIcon + + if (is_mobile()) { this._custupDefaultUIInnerContentEl.innerHTML = ""; const file_source_icons = this.get_file_sources(); - const selectFromDeviceSourceIcon = document.createElement('div'); - selectFromDeviceSourceIcon.innerHTML = this.ui_icons.desktop_device; + selectFromDeviceSourceIcon.innerHTML = this.ui_icons.mobile_device; selectFromDeviceSourceIcon.classList.add('file-source'); const device_icon_title = document.createElement('div'); device_icon_title.innerHTML = "Select from Device"; @@ -697,10 +713,18 @@ export default class CustUp extends CustUpCore { this._custupDefaultUIInnerContentEl.append(source_el) }) this.set_scroll_pointer_event(this._custupDefaultUIEl, this._custupDefaultUIInnerContentEl); + selectFileToggleBtn.style.display = 'flex' }else{ + selectFileToggleBtn.style.display = 'none' this._custupDefaultUIInnerContentEl.innerHTML = this.options._custupDefaultUploadSentence; - + + selectFromDeviceSourceIcon.innerHTML = this.ui_icons.desktop_device; + this._custupSidebarLeftEl.append(selectFromDeviceSourceIcon); + selectFromDeviceSourceIcon.dataset.custupIconActive = "true"; + selectFromDeviceSourceIcon.onclick = (e) => showAddFileUI(e) } + + !is_mobile() && this.get_file_sources(this._custupSidebarLeftEl, setIconActiveCallbackFn); } list_file_sources(); window.onresize = (e) => { @@ -822,11 +846,5 @@ export default class CustUp extends CustUpCore { }); }); - - - - - - } } \ No newline at end of file diff --git a/src/custup.min.js b/src/custup.min.js index bfc5296..9dbe26f 100644 --- a/src/custup.min.js +++ b/src/custup.min.js @@ -4,4 +4,4 @@ import CustUpCore from"../core/custupCore.js";import _customStyles from"../utils
Accepted Files: ${0==this.options.allowed_file_types.length?"All":this.options.allowed_file_types.join(", ").toUpperCase()} Up to ${this.parseFileSize(this.options.maximumAllowedFileSize)}
- `,(this.options.allowed_tools=null)===document.querySelector("[href*='all.min.']")&&null===document.querySelector("[href*='resumeUploaderUI.']")&&console.warn(this.libraryName+": Please include the resumeUploaderUI css file")}bareUploaderUI(){this.map_override_styles_to_default_styles({outerContainer:["BareUIOuterContainer",!0],innerContainer:["BareUIInnerContainer",!0],defaultUI:["BareUIDefaultUIEl",!0],defaultUIUploadIconsContainer:["BareUIDefaultUIUploadIconsContainer",!0]}),this.options.allowed_tools=null,this.options.display_file_sources=!1,this.options.disable_scrollbar=!0;var e=document.createElement("div"),t=document.createElement("div"),i=(t.className="BareUIDefaultUIInnerContent",document.createElement("div")),n=(i.style.width="50px",i.style.height="50px",i.innerHTML=this.ui_icons.upload_circle,document.createElement("div")),l=(n.innerHTML='Drop files here',document.createElement("div"));l.className="BareUIDefaultUIInnerContentLastItem",l.innerHTML="or Select files",t.appendChild(i),t.appendChild(n),t.appendChild(l),e.appendChild(t),this.options._custupDefaultUploadSentence=e.innerHTML,null===document.querySelector("[href*='all.min.']")&&null===document.querySelector("[href*='bare.']")&&console.warn(this.libraryName+": Please include the bare css file")}detachedUploaderUI(){this.options.use_default_file_display_ui=!1,this.options.persist_default_ui=!0,this.options.display_file_sources=!1;var e=document.createElement("div"),t=document.createElement("div"),i=(t.style.lineHeight="30px",document.createElement("div")),n=(i.innerHTML=this.ui_icons.unknown_file,i.className="DUIIconContainer",document.createElement("div")),l=(n.innerHTML="Drag and drop your files here",n.className="DUITextContainer1",document.createElement("div"));l.innerHTML="or Click to browse from your computer",t.appendChild(i),t.appendChild(n),t.appendChild(l),e.append(t),this.options._custupDefaultUploadSentence=e.innerHTML;const d=document.createElement("div"),o=(d.className="DUIBottomButtonContainer",document.createElement("button")),r=(o.className="DUIUploadButton",o.innerHTML="Upload",o.type="button",o.onclick=e=>this.upload(),document.createElement("button"));r.className="DUIClearButton",r.innerHTML="Clear",r.type="button",r.onclick=()=>{this.clear_files(),d.style.display="none",this._custupFooterEl.querySelector(".inner").innerHTML=""};i=0==this.options.allowed_tools?.length||this.options.allowed_tools?.includes("clear_files"),n=0==this.options.allowed_tools?.length||this.options.allowed_tools?.includes("upload");i&&d.appendChild(r),n&&d.appendChild(o),this.map_override_styles_to_default_styles({outerContainer:["DUIOuterContainer",!0],innerContainer:["DUIInnerContainer",!0],custupInnerContainerWrapperEl:["DUIInnerContainerWrapper",!0],defaultUI:["DUIDefaultUI",!0],footerContainer:"DUIFooterContainer",headerContainer:"DUIHeaderContainer",file_wrapper_el:"DHIFileInnerWrapper"}),this.on("file.beforeAdded",e=>{const t=document.createElement("div");t.style.width="100%",t.className="DUIFileContainer",t.id=e.file.id;var i=document.createElement("div"),n=(i.className="DHIFilePreviewEl",this.makeFileDisplayElement(e.file,i,e.base64),document.createElement("div")),l=(n.className="DHIFileDetails",document.createElement("div")),o=(l.className="DHITextContainer",document.createElement("div")),r=document.createElement("div"),s=(r.className="DHIFilesizeContainer",r.innerHTML=this.parseFileSize(e.file.size),document.createElement("div")),o=(s.className="DHIProgressText",o.innerHTML=this.clipFileNameIfShouldClip(e.file.name),l.appendChild(o),l.appendChild(s),document.createElement("div")),s=(o.className="DHIUploadProgressContainer",document.createElement("div")),a=(s.className="DHIMainProgress",document.createElement("div")),s=(a.className="DHIProgressInner",s.appendChild(a),o.appendChild(s),a.style.width="0%",n.appendChild(l),n.appendChild(r),n.appendChild(o),document.createElement("div"));s.className="DHICloseBtnContainer",s.innerHTML=this.ui_icons.red_circle_cancel,s.onclick=()=>this.remove_file(e.file.id,()=>t.remove()),t.appendChild(i),t.appendChild(n),t.appendChild(s),this._custupFooterEl.querySelector(".inner").append(t),d.style.display="flex"}),this.on("library.init",()=>{this._custupFooterEl.append(d)}),this.on("file.removed",e=>{0==e.files_count&&(d.style.display="none")}),this.on("upload.beforeStart",()=>{o.disabled=!0,r.disabled=!0,o.innerHTML="Uploading..."}),this.on("upload.success",e=>{o.disabled=!1,r.disabled=!1,o.innerHTML="Upload"}),this.on("upload.error",e=>{o.disabled=!1,r.disabled=!1,o.innerHTML="Upload";var t=this._custupFooterEl.querySelector(".inner").querySelector("div.DUIFileContainer#"+e.file.id),t=(t.querySelector(".DHIUploadProgressContainer").querySelector(".DHIProgressInner").style.backgroundColor="red",t.querySelector(".DHIProgressText")),i=document.createElement("div");i.className="DHIRetryButton",i.innerHTML="Retry",i.onclick=()=>this.retry_upload(e.file.id),this.options.single_upload||(t.innerHTML=""),this.options.single_upload||t.append(i)}),this.on("upload.progress",e=>{var t,i,n;this.options.single_upload||((i=(t=this._custupFooterEl.querySelector(".inner").querySelector("div.DUIFileContainer#"+e.file.id)).querySelector(".DHIUploadProgressContainer")).style.display="flex",t=t.querySelector(".DHIProgressText"),(i=i.querySelector(".DHIProgressInner")).style.backgroundColor="rgb(39, 39, 148)",n=e.progressEvent.loaded/e.progressEvent.total*100,i.style.width=n+"%",t.innerHTML=100==n?"100%":n.toFixed(1)+"%",e.progressEvent.loaded>=e.progressEvent.total&&(i.style.backgroundColor="green"))}),null===document.querySelector("[href*='all.min.']")&&null===document.querySelector("[href*='detached.']")&&console.warn(this.libraryName+": Please include the detached css file")}profilePictureUI(){this.options.display_file_sources=!1,this.options.display_ui_tools=!1,this.options.disable_scrollbar=!0,this.options.minNumberOfFiles=1,this.options.maxNumberOfFiles=1,this.options.show_file_remove_btn=!1,this.options.show_file_details_container=!1,this.options.allowed_file_types=["jpg","png","jpeg","jpg"],this.map_override_styles_to_default_styles({outerContainer:["PPUIOuterContainer",!0],innerContainer:["PPUIInnerContainer",!0],custupInnerContainerWrapperEl:["PPUIInnerContainerWrapper",!0],fileDisplayUI:["PPUIFileDisplayUI",!0],fileUIOuterContainer:["PPUIFileUIOuter",!0],fileUI:["PPUIFileUI",!0],defaultUI:["PPUIDefaultUI",!0],footerContainer:"PPUIFooterContainer"});var e=document.createElement("div"),t=(e.className="PPUIDefaultUIInner",document.createElement("div")),i=(t.className="PPUIDefaultUIInnerIcon",t.innerHTML=this.ui_icons.plus,document.createElement("div"));i.innerHTML="Upload Profile Picture",e.appendChild(t),e.appendChild(i),this.options._custupDefaultUploadSentence=e.innerHTML;const n=document.createElement("div");n.className="PPUIButtonToolsContainer";var t=document.createElement("button"),i=(t.className="PPUIUploadBtn",t.innerHTML="Upload",t.type="button",t.onclick=()=>this.upload(),document.createElement("button")),e=(i.className="PPUIClearBtn",i.type="button",i.innerHTML="Clear",i.onclick=()=>this.clear_files(),0==this.options.allowed_tools?.length||this.options.allowed_tools?.includes("clear_files")),l=0==this.options.allowed_tools?.length||this.options.allowed_tools?.includes("upload");e&&n.appendChild(i),l&&n.appendChild(t),this.on("file.afterAdded",()=>{this._custupFooterEl.querySelector(".inner").append(n)}),this.on("file.all_removed",()=>{this._custupFooterEl.querySelector(".inner").innerHTML=""}),null===document.querySelector("[href*='all.min.']")&&null===document.querySelector("[href*='profilePicture.']")&&console.warn(this.libraryName+": Please include the profilePicture css file")}elegantUI(){const m=()=>window.screen.width<=768;this.map_override_styles_to_default_styles({outerContainer:["EUIOuterContainer",!0],innerContainer:["EUIInnerContainer",!0],sidebarLeftContainer:["EUISidebarLeftContainer",!0],custupInnerContainerWrapperEl:["EUIInnerContainerWrapper",!0],headerContainer:["EUIHeaderContainer",!0],defaultUI:["EUIDefaultUI",!0],defaultUIInnerContentEl:["EUIDefaultUIInnerContentEl",!0],filePreviewer:["EUIFilePreviewer",!0],fileDisplayUI:["EUIFileDisplayUI",!0],fileUIOuterContainer:["EUIFileUIOuterContainer",!0],fileUI:["EUIFileUIMainContainer",!0],close_popup_btn:["EUIClosePopupBtn",!0],footerContainer:["EUIFooterContainer",!0],footerContainer:"EUIFooterContainer",defaultUIUploadSentenceContainer:["EUIDefaultUIUploadSentenceContainer",!0]}),this.options.display_file_sources=!1,this.options.use_default_file_display_ui=!0,this.options.display_ui_tools=!1,this.options.show_file_remove_btn=!1,this.options.show_file_details_container=!1,this.options.disable_scrollbar=!0,this.options.show_upload_progress_bar=!1,this.options.show_upload_error_overlay=!1,this.options.disable_select_files_from_device=m(),this.options.external_source_style_override={...this.options.external_source_style_override,container:["EUIExternalSourceContainer",!0]},this.options.media_capture_source_style_override={...this.options.media_capture_source_style_override,container:["EUIMediaSourceContainer",!0]},this.options.css_font_name="Roboto-regular, Roboto, sans-serif";var e=document.createElement("div"),t=document.createElement("div"),i=(t.className="EUIDefaultUIFileSelectTip",document.createElement("div")),n=(i.className="EUIFileTipIconContainer",i.innerHTML=this.ui_icons.add_file_filled,document.createElement("div")),l=(n.className="EUIFileTipText1",n.innerHTML="Select Files to Upload",document.createElement("div"));l.className="EUIFileTipText2",l.innerHTML="or Drag and Drop Files",t.appendChild(i),t.appendChild(n),t.appendChild(l),e.appendChild(t),this.options._custupDefaultUploadSentence=e.innerHTML,this.on("library.init",()=>{let d=!1,n=null;const c=()=>{var e=document.createElement("div"),t=document.createElement("button"),t=(t.innerHTML="Deselect All",t.type="button",t.onclick=()=>this.clear_files(),e.appendChild(t),document.createElement("div")),i=document.createElement("button");i.type="button",i.innerHTML="Upload",t.appendChild(i),i.onclick=()=>this.upload(),n=i,this._custupFooterEl.querySelector(".inner").append(e),this._custupFooterEl.querySelector(".inner").append(t),this._custupEl.style.setProperty("--footer-container-height",this._custupFooterEl.clientHeight+"px"),d=!0},t=()=>{this._custupFooterEl.querySelector(".inner").innerHTML="",this._custupEl.style.setProperty("--footer-container-height",this._custupFooterEl.clientHeight+"px"),d=!1},i=document.createElement("div"),u=(i.innerHTML=this.ui_icons.desktop_device,this._custupSidebarLeftEl.append(i),i.dataset.custupIconActive="true",document.createElement("div")),e=(u.className="EUIHeaderTitleBar",this._custupHeaderEl.querySelector(".inner").append(u),u.innerHTML=m()?"Select from":this.ui_icons.desktop_device,document.createElement("div"));e.className="EUIFilterBoxContainer";var l=document.createElement("div"),o=(l.className="EUIFilterBoxInputWrapper",document.createElement("input")),r=(o.placeholder="Filter",o.className="EUIFilterBox",document.createElement("div"));r.innerHTML=this.ui_icons.search_icon,o.onkeyup=e=>{const t=e.currentTarget.value,i=this.get_all_files().filter(e=>-1==e.name.toLowerCase().indexOf(t.toLowerCase()));this.get_all_files().forEach(e=>{""!=t&&i.includes(e)?this._custupEl.querySelector("#"+e.id).style.setProperty("display","none","important"):this._custupEl.querySelector("#"+e.id).style.setProperty("display","flex","important")})},l.appendChild(r),l.appendChild(o),e.appendChild(l),this._custupHeaderEl.querySelector(".inner").append(e);const s=document.createElement("div");s.className="EUIFileStateInfoContainer";r=document.createElement("div");r.className="EUIFileStateInfoContainerText",r.innerHTML="Files",s.appendChild(r),this._custupHeaderEl.querySelector(".inner").append(s);const a=()=>{this._custupHeaderEl.style.setProperty("height","auto","important"),e.style.display="none",s.style.display="none",this._custupEl.style.setProperty("--header-container-height",this._custupHeaderEl.offsetHeight+"px")},p=()=>{this._custupHeaderEl.style.setProperty("height","auto","important"),e.style.display="flex",s.style.display="flex",this._custupEl.style.setProperty("--header-container-height",this._custupHeaderEl.offsetHeight+"px")},h=(i.onclick=e=>{this.show_add_file_ui(),this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(e=>e.removeAttribute("data-custup-icon-active")),i.dataset.custupIconActive="true",u.innerHTML=e.currentTarget.innerHTML,a(),t(),this.close_file_source_popup()},e=>{this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(e=>e.removeAttribute("data-custup-icon-active")),e.currentTarget.dataset.custupIconActive="true",u.innerHTML=e.currentTarget.innerHTML,u.querySelector("div")?.remove(),a()}),_=()=>{var e,t,i;this._custupSidebarLeftEl.innerHTML="",m()||this.get_file_sources(this._custupSidebarLeftEl,h),m()?(this._custupDefaultUIInnerContentEl.innerHTML="",e=this.get_file_sources(),(t=document.createElement("div")).innerHTML=this.ui_icons.desktop_device,t.classList.add("file-source"),(i=document.createElement("div")).innerHTML="Select from Device",t.appendChild(i),t.onclick=e=>this.select_file_from_device(e),this._custupDefaultUIInnerContentEl.append(t),e.map(e=>{e.classList.add("file-source");var t=document.createElement("div");t.innerHTML=e.title,e.append(t),e.addEventListener("click",h),this._custupDefaultUIInnerContentEl.append(e)}),this.set_scroll_pointer_event(this._custupDefaultUIEl,this._custupDefaultUIInnerContentEl)):this._custupDefaultUIInnerContentEl.innerHTML=this.options._custupDefaultUploadSentence};_(),window.onresize=e=>{_()},this.on("file_source.closed",()=>{this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(e=>e.removeAttribute("data-custup-icon-active")),u.innerHTML=m()?"Select from":this.ui_icons.desktop_device,0{d||c();var n=document.createElement("div"),l=(n.className="EUIFileDetailsContainer",document.createElement("div")),o=(l.className="EUIFilenameSizeContainer",document.createElement("div")),r=(o.innerHTML=t.name,document.createElement("div")),o=(r.innerHTML=this.parseFileSize(t.size),l.appendChild(o),l.appendChild(r),document.createElement("div")),r=(o.className="EUIFileDisplayToolsContainer",document.createElement("div")),s=(r.innerHTML=this.ui_icons.cancel,r.onclick=e=>{this.remove_file(t.id)},document.createElement("div")),a=(s.innerHTML=this.ui_icons.eye,s.onclick=e=>{this.preview_file(t.id)},document.createElement("div")),a=(a.innerHTML=this.ui_icons.retry,a.id="retry_"+t.id,a.style.display="none",a.onclick=e=>{this.retry_upload(t.id)},o.appendChild(a),this.is_file_previewable(t)&&o.appendChild(s),o.appendChild(r),document.createElement("div")),s=(a.className="EUIProgressIndicatorContainer",document.createElement("div"));a.appendChild(s),n.appendChild(l),n.appendChild(o),e.appendChild(n),e.appendChild(a),u.innerHTML="Selected Files "+i,p()}),this.on("file.all_removed",e=>{t(),u.innerHTML=m()?"Select from":this.ui_icons.desktop_device,a(),setTimeout(()=>{_()},100)}),this.on("file.removed",e=>{u.innerHTML="Selected Files "+e.files_count}),this.on("upload.error",e=>{this._custupEl.querySelector("#"+e.file.id).querySelector('[id*="retry_"]').style.display="flex",n.innerHTML="Upload",n.disabled=!1}),this.on("upload.retry",e=>{this._custupEl.querySelector("#"+e.file.id).querySelector('[id*="retry_"]').style.display="none"}),this.on("upload.progress",e=>{var t,i;this.options.single_upload||(i=(t=this._custupEl.querySelector("#"+e.file.id)).querySelector(".EUIFilenameSizeContainer div:last-child"),t.querySelector(".EUIProgressIndicatorContainer div").style.width=100*e.progressEvent.progress+"%",i.innerHTML=this.parseFileSize(e.progressEvent.loaded)+" / "+this.parseFileSize(e.progressEvent.total))}),this.on("upload.beforeStart",e=>{n.innerHTML="Uploading...",n.disabled=!0}),this.on("upload.all_finished",e=>{n.innerHTML="Upload",n.disabled=!1}),this.on("default_ui.closed",()=>{this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(e=>e.removeAttribute("data-custup-icon-active")),u.innerHTML="Selected Files",0`,(this.options.allowed_tools=null)===document.querySelector("[href*='all.min.']")&&null===document.querySelector("[href*='resumeUploaderUI.']")&&console.warn(this.libraryName+": Please include the resumeUploaderUI css file")}bareUploaderUI(){this.map_override_styles_to_default_styles({outerContainer:["BareUIOuterContainer",!0],innerContainer:["BareUIInnerContainer",!0],defaultUI:["BareUIDefaultUIEl",!0],defaultUIUploadIconsContainer:["BareUIDefaultUIUploadIconsContainer",!0]}),this.options.allowed_tools=null,this.options.display_file_sources=!1,this.options.disable_scrollbar=!0;var e=document.createElement("div"),t=document.createElement("div"),i=(t.className="BareUIDefaultUIInnerContent",document.createElement("div")),n=(i.style.width="50px",i.style.height="50px",i.innerHTML=this.ui_icons.upload_circle,document.createElement("div")),l=(n.innerHTML='Drop files here',document.createElement("div"));l.className="BareUIDefaultUIInnerContentLastItem",l.innerHTML="or Select files",t.appendChild(i),t.appendChild(n),t.appendChild(l),e.appendChild(t),this.options._custupDefaultUploadSentence=e.innerHTML,null===document.querySelector("[href*='all.min.']")&&null===document.querySelector("[href*='bare.']")&&console.warn(this.libraryName+": Please include the bare css file")}detachedUploaderUI(){this.options.use_default_file_display_ui=!1,this.options.persist_default_ui=!0,this.options.display_file_sources=!1;var e=document.createElement("div"),t=document.createElement("div"),i=(t.style.lineHeight="30px",document.createElement("div")),n=(i.innerHTML=this.ui_icons.unknown_file,i.className="DUIIconContainer",document.createElement("div")),l=(n.innerHTML="Drag and drop your files here",n.className="DUITextContainer1",document.createElement("div"));l.innerHTML="or Click to browse from your computer",t.appendChild(i),t.appendChild(n),t.appendChild(l),e.append(t),this.options._custupDefaultUploadSentence=e.innerHTML;const d=document.createElement("div"),o=(d.className="DUIBottomButtonContainer",document.createElement("button")),r=(o.className="DUIUploadButton",o.innerHTML="Upload",o.type="button",o.onclick=e=>this.upload(),document.createElement("button"));r.className="DUIClearButton",r.innerHTML="Clear",r.type="button",r.onclick=()=>{this.clear_files(),d.style.display="none",this._custupFooterEl.querySelector(".inner").innerHTML=""};i=0==this.options.allowed_tools?.length||this.options.allowed_tools?.includes("clear_files"),n=0==this.options.allowed_tools?.length||this.options.allowed_tools?.includes("upload");i&&d.appendChild(r),n&&d.appendChild(o),this.map_override_styles_to_default_styles({outerContainer:["DUIOuterContainer",!0],innerContainer:["DUIInnerContainer",!0],custupInnerContainerWrapperEl:["DUIInnerContainerWrapper",!0],defaultUI:["DUIDefaultUI",!0],footerContainer:"DUIFooterContainer",headerContainer:"DUIHeaderContainer",file_wrapper_el:"DHIFileInnerWrapper"}),this.on("file.beforeAdded",e=>{const t=document.createElement("div");t.style.width="100%",t.className="DUIFileContainer",t.id=e.file.id;var i=document.createElement("div"),n=(i.className="DHIFilePreviewEl",this.makeFileDisplayElement(e.file,i,e.base64),document.createElement("div")),l=(n.className="DHIFileDetails",document.createElement("div")),o=(l.className="DHITextContainer",document.createElement("div")),r=document.createElement("div"),s=(r.className="DHIFilesizeContainer",r.innerHTML=this.parseFileSize(e.file.size),document.createElement("div")),o=(s.className="DHIProgressText",o.innerHTML=this.clipFileNameIfShouldClip(e.file.name),l.appendChild(o),l.appendChild(s),document.createElement("div")),s=(o.className="DHIUploadProgressContainer",document.createElement("div")),a=(s.className="DHIMainProgress",document.createElement("div")),s=(a.className="DHIProgressInner",s.appendChild(a),o.appendChild(s),a.style.width="0%",n.appendChild(l),n.appendChild(r),n.appendChild(o),document.createElement("div"));s.className="DHICloseBtnContainer",s.innerHTML=this.ui_icons.red_circle_cancel,s.onclick=()=>this.remove_file(e.file.id,()=>t.remove()),t.appendChild(i),t.appendChild(n),t.appendChild(s),this._custupFooterEl.querySelector(".inner").append(t),d.style.display="flex"}),this.on("library.init",()=>{this._custupFooterEl.append(d)}),this.on("file.removed",e=>{0==e.files_count&&(d.style.display="none")}),this.on("upload.beforeStart",()=>{o.disabled=!0,r.disabled=!0,o.innerHTML="Uploading..."}),this.on("upload.success",e=>{o.disabled=!1,r.disabled=!1,o.innerHTML="Upload"}),this.on("upload.error",e=>{o.disabled=!1,r.disabled=!1,o.innerHTML="Upload";var t=this._custupFooterEl.querySelector(".inner").querySelector("div.DUIFileContainer#"+e.file.id),t=(t.querySelector(".DHIUploadProgressContainer").querySelector(".DHIProgressInner").style.backgroundColor="red",t.querySelector(".DHIProgressText")),i=document.createElement("div");i.className="DHIRetryButton",i.innerHTML="Retry",i.onclick=()=>this.retry_upload(e.file.id),this.options.single_upload||(t.innerHTML=""),this.options.single_upload||t.append(i)}),this.on("upload.progress",e=>{var t,i,n;this.options.single_upload||((i=(t=this._custupFooterEl.querySelector(".inner").querySelector("div.DUIFileContainer#"+e.file.id)).querySelector(".DHIUploadProgressContainer")).style.display="flex",t=t.querySelector(".DHIProgressText"),(i=i.querySelector(".DHIProgressInner")).style.backgroundColor="rgb(39, 39, 148)",n=e.progressEvent.loaded/e.progressEvent.total*100,i.style.width=n+"%",t.innerHTML=100==n?"100%":n.toFixed(1)+"%",e.progressEvent.loaded>=e.progressEvent.total&&(i.style.backgroundColor="green"))}),null===document.querySelector("[href*='all.min.']")&&null===document.querySelector("[href*='detached.']")&&console.warn(this.libraryName+": Please include the detached css file")}profilePictureUI(){this.options.display_file_sources=!1,this.options.display_ui_tools=!1,this.options.disable_scrollbar=!0,this.options.minNumberOfFiles=1,this.options.maxNumberOfFiles=1,this.options.show_file_remove_btn=!1,this.options.show_file_details_container=!1,this.options.allowed_file_types=["jpg","png","jpeg","jpg"],this.map_override_styles_to_default_styles({outerContainer:["PPUIOuterContainer",!0],innerContainer:["PPUIInnerContainer",!0],custupInnerContainerWrapperEl:["PPUIInnerContainerWrapper",!0],fileDisplayUI:["PPUIFileDisplayUI",!0],fileUIOuterContainer:["PPUIFileUIOuter",!0],fileUI:["PPUIFileUI",!0],defaultUI:["PPUIDefaultUI",!0],footerContainer:"PPUIFooterContainer"});var e=document.createElement("div"),t=(e.className="PPUIDefaultUIInner",document.createElement("div")),i=(t.className="PPUIDefaultUIInnerIcon",t.innerHTML=this.ui_icons.plus,document.createElement("div"));i.innerHTML="Upload Profile Picture",e.appendChild(t),e.appendChild(i),this.options._custupDefaultUploadSentence=e.innerHTML;const n=document.createElement("div");n.className="PPUIButtonToolsContainer";var t=document.createElement("button"),i=(t.className="PPUIUploadBtn",t.innerHTML="Upload",t.type="button",t.onclick=()=>this.upload(),document.createElement("button")),e=(i.className="PPUIClearBtn",i.type="button",i.innerHTML="Clear",i.onclick=()=>this.clear_files(),0==this.options.allowed_tools?.length||this.options.allowed_tools?.includes("clear_files")),l=0==this.options.allowed_tools?.length||this.options.allowed_tools?.includes("upload");e&&n.appendChild(i),l&&n.appendChild(t),this.on("file.afterAdded",()=>{this._custupFooterEl.querySelector(".inner").append(n)}),this.on("file.all_removed",()=>{this._custupFooterEl.querySelector(".inner").innerHTML=""}),null===document.querySelector("[href*='all.min.']")&&null===document.querySelector("[href*='profilePicture.']")&&console.warn(this.libraryName+": Please include the profilePicture css file")}elegantUI(){const I=()=>window.screen.width<=768;this.map_override_styles_to_default_styles({outerContainer:["EUIOuterContainer",!0],innerContainer:["EUIInnerContainer",!0],sidebarLeftContainer:["EUISidebarLeftContainer",!0],custupInnerContainerWrapperEl:["EUIInnerContainerWrapper",!0],headerContainer:["EUIHeaderContainer",!0],defaultUI:["EUIDefaultUI",!0],defaultUIInnerContentEl:["EUIDefaultUIInnerContentEl",!0],filePreviewer:["EUIFilePreviewer",!0],fileDisplayUI:["EUIFileDisplayUI",!0],fileUIOuterContainer:["EUIFileUIOuterContainer",!0],fileUI:["EUIFileUIMainContainer",!0],close_popup_btn:["EUIClosePopupBtn",!0],footerContainer:["EUIFooterContainer",!0],footerContainer:"EUIFooterContainer",defaultUIUploadSentenceContainer:["EUIDefaultUIUploadSentenceContainer",!0]}),this.options.display_file_sources=!1,this.options.use_default_file_display_ui=!0,this.options.display_ui_tools=!1,this.options.show_file_remove_btn=!1,this.options.show_file_details_container=!1,this.options.disable_scrollbar=!0,this.options.show_upload_progress_bar=!1,this.options.show_upload_error_overlay=!1,this.options.disable_select_files_from_device=I(),this.options.external_source_style_override={...this.options.external_source_style_override,container:["EUIExternalSourceContainer",!0]},this.options.media_capture_source_style_override={...this.options.media_capture_source_style_override,container:["EUIMediaSourceContainer",!0]},this.options.css_font_name="Roboto-regular, Roboto, sans-serif";var e=document.createElement("div"),t=document.createElement("div"),i=(t.className="EUIDefaultUIFileSelectTip",document.createElement("div")),n=(i.className="EUIFileTipIconContainer",i.innerHTML=this.ui_icons.add_file_filled,document.createElement("div")),l=(n.className="EUIFileTipText1",n.innerHTML="Select Files to Upload",document.createElement("div"));l.className="EUIFileTipText2",l.innerHTML="or Drag and Drop Files",t.appendChild(i),t.appendChild(n),t.appendChild(l),e.appendChild(t),this.options._custupDefaultUploadSentence=e.innerHTML,this.on("library.init",()=>{let d=!1,n=null,l=null;const o=e=>{this.show_add_file_ui(),this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(e=>e.removeAttribute("data-custup-icon-active")),l&&(l.dataset.custupIconActive="true"),u.innerHTML=null==e?.currentTarget.innerHTML?"Select from":e.currentTarget.innerHTML,h(),t(),this.close_file_source_popup()},r=document.createElement("div"),c=(r.className="EUISelectFileToggleBtn",r.innerHTML=this.ui_icons.bars,r.onclick=e=>{this.is_add_file_ui_shown()&&0{var e=document.createElement("div"),t=document.createElement("button"),t=(t.innerHTML="Deselect All",t.type="button",t.onclick=()=>this.clear_files(),e.appendChild(t),document.createElement("div")),i=document.createElement("button");i.type="button",i.innerHTML="Upload",t.appendChild(i),i.onclick=()=>this.upload(),n=i,this._custupFooterEl.querySelector(".inner").append(e),this._custupFooterEl.querySelector(".inner").append(t),this._custupEl.style.setProperty("--footer-container-height",this._custupFooterEl.clientHeight+"px"),d=!0}),t=()=>{this._custupFooterEl.querySelector(".inner").innerHTML="",this._custupEl.style.setProperty("--footer-container-height",this._custupFooterEl.clientHeight+"px"),d=!1},u=document.createElement("div"),e=(u.className="EUIHeaderTitleBar",this._custupHeaderEl.querySelector(".inner").append(u),u.innerHTML=I()?"Select from":this.ui_icons.desktop_device,document.createElement("div"));e.className="EUIFilterBoxContainer";var i=document.createElement("div"),s=(i.className="EUIFilterBoxInputWrapper",document.createElement("input")),a=(s.placeholder="Filter",s.className="EUIFilterBox",document.createElement("div"));a.innerHTML=this.ui_icons.search_icon,s.onkeyup=e=>{const t=e.currentTarget.value,i=this.get_all_files().filter(e=>-1==e.name.toLowerCase().indexOf(t.toLowerCase()));this.get_all_files().forEach(e=>{""!=t&&i.includes(e)?this._custupEl.querySelector("#"+e.id).style.setProperty("display","none","important"):this._custupEl.querySelector("#"+e.id).style.setProperty("display","flex","important")})},i.appendChild(a),i.appendChild(s),e.appendChild(i),this._custupHeaderEl.querySelector(".inner").append(e);const p=document.createElement("div");p.className="EUIFileStateInfoContainer";a=document.createElement("div");a.className="EUIFileStateInfoContainerText",a.innerHTML="Files",p.appendChild(a),this._custupHeaderEl.querySelector(".inner").append(p);const h=()=>{this._custupHeaderEl.style.setProperty("height","auto","important"),e.style.display="none",p.style.display="none",this._custupEl.style.setProperty("--header-container-height",this._custupHeaderEl.offsetHeight+"px")},_=()=>{this._custupHeaderEl.style.setProperty("height","auto","important"),e.style.display="flex",p.style.display="flex",this._custupEl.style.setProperty("--header-container-height",this._custupHeaderEl.offsetHeight+"px")},m=e=>{this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(e=>e.removeAttribute("data-custup-icon-active")),e.currentTarget.dataset.custupIconActive="true",u.innerHTML=e.currentTarget.innerHTML,u.querySelector("div")?.remove(),h()},f=()=>{this._custupSidebarLeftEl.innerHTML="";var e,t,i=document.createElement("div");l=i,I()?(this._custupDefaultUIInnerContentEl.innerHTML="",e=this.get_file_sources(),i.innerHTML=this.ui_icons.mobile_device,i.classList.add("file-source"),(t=document.createElement("div")).innerHTML="Select from Device",i.appendChild(t),i.onclick=e=>this.select_file_from_device(e),this._custupDefaultUIInnerContentEl.append(i),e.map(e=>{e.classList.add("file-source");var t=document.createElement("div");t.innerHTML=e.title,e.append(t),e.addEventListener("click",m),this._custupDefaultUIInnerContentEl.append(e)}),this.set_scroll_pointer_event(this._custupDefaultUIEl,this._custupDefaultUIInnerContentEl),r.style.display="flex"):(r.style.display="none",this._custupDefaultUIInnerContentEl.innerHTML=this.options._custupDefaultUploadSentence,i.innerHTML=this.ui_icons.desktop_device,this._custupSidebarLeftEl.append(i),i.dataset.custupIconActive="true",i.onclick=e=>o(e)),I()||this.get_file_sources(this._custupSidebarLeftEl,m)};f(),window.onresize=e=>{f()},this.on("file_source.closed",()=>{this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(e=>e.removeAttribute("data-custup-icon-active")),u.innerHTML=I()?"Select from":this.ui_icons.desktop_device,0{d||c();var n=document.createElement("div"),l=(n.className="EUIFileDetailsContainer",document.createElement("div")),o=(l.className="EUIFilenameSizeContainer",document.createElement("div")),r=(o.innerHTML=t.name,document.createElement("div")),o=(r.innerHTML=this.parseFileSize(t.size),l.appendChild(o),l.appendChild(r),document.createElement("div")),r=(o.className="EUIFileDisplayToolsContainer",document.createElement("div")),s=(r.innerHTML=this.ui_icons.cancel,r.onclick=e=>{this.remove_file(t.id)},document.createElement("div")),a=(s.innerHTML=this.ui_icons.eye,s.onclick=e=>{this.preview_file(t.id)},document.createElement("div")),a=(a.innerHTML=this.ui_icons.retry,a.id="retry_"+t.id,a.style.display="none",a.onclick=e=>{this.retry_upload(t.id)},o.appendChild(a),this.is_file_previewable(t)&&o.appendChild(s),o.appendChild(r),document.createElement("div")),s=(a.className="EUIProgressIndicatorContainer",document.createElement("div"));a.appendChild(s),n.appendChild(l),n.appendChild(o),e.appendChild(n),e.appendChild(a),u.innerHTML="Selected Files "+i,_()}),this.on("file.all_removed",e=>{t(),u.innerHTML=I()?"Select from":this.ui_icons.desktop_device,h(),setTimeout(()=>{f()},100)}),this.on("file.removed",e=>{u.innerHTML="Selected Files "+e.files_count}),this.on("upload.error",e=>{this._custupEl.querySelector("#"+e.file.id).querySelector('[id*="retry_"]').style.display="flex",n.innerHTML="Upload",n.disabled=!1}),this.on("upload.retry",e=>{this._custupEl.querySelector("#"+e.file.id).querySelector('[id*="retry_"]').style.display="none"}),this.on("upload.progress",e=>{var t,i;this.options.single_upload||(i=(t=this._custupEl.querySelector("#"+e.file.id)).querySelector(".EUIFilenameSizeContainer div:last-child"),t.querySelector(".EUIProgressIndicatorContainer div").style.width=100*e.progressEvent.progress+"%",i.innerHTML=this.parseFileSize(e.progressEvent.loaded)+" / "+this.parseFileSize(e.progressEvent.total))}),this.on("upload.beforeStart",e=>{n.innerHTML="Uploading...",n.disabled=!0}),this.on("upload.all_finished",e=>{n.innerHTML="Upload",n.disabled=!1}),this.on("default_ui.closed",()=>{this._custupEl.querySelectorAll('[data-custup-icon-active="true"]').forEach(e=>e.removeAttribute("data-custup-icon-active")),u.innerHTML="Selected Files",0