@vandeurenglenn/lite-elements 0.3.30 → 0.3.32

package/exports/upload-image.js

@@ -0,0 +1,417 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
+import { customElement, query, property, css, html, LiteElement } from '@vandeurenglenn/lite';
+import { render } from 'lit-html';
+import '@material/web/button/filled-tonal-button.js';
+import '@material/web/textfield/outlined-text-field.js';
+import { DeviceApi } from './device.js';
+import '@material/web/progress/circular-progress.js';
+import '@vandeurenglenn/lite-elements/dialog.js';
+import '@vandeurenglenn/lite-elements/icon.js';
+import '@vandeurenglenn/lite-elements/tabs.js';
+import '@vandeurenglenn/lite-elements/tab.js';
+import '@vandeurenglenn/lite-elements/selector.js';
+import '@vandeurenglenn/lite-elements/pages.js';
+import { FileReaderMixin } from './file-reader-mixin.js';
+
+let CustomUploadImage = (() => {
+    let _classDecorators = [customElement('custom-upload-image')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = FileReaderMixin(LiteElement);
+    let _pages_decorators;
+    let _pages_initializers = [];
+    let _pages_extraInitializers = [];
+    let _images_decorators;
+    let _images_initializers = [];
+    let _images_extraInitializers = [];
+    let _selector_decorators;
+    let _selector_initializers = [];
+    let _selector_extraInitializers = [];
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    let _frontCameraDisabled_decorators;
+    let _frontCameraDisabled_initializers = [];
+    let _frontCameraDisabled_extraInitializers = [];
+    let _rearCameraDisabled_decorators;
+    let _rearCameraDisabled_initializers = [];
+    let _rearCameraDisabled_extraInitializers = [];
+    let _hasLibrary_decorators;
+    let _hasLibrary_initializers = [];
+    let _hasLibrary_extraInitializers = [];
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _pages_decorators = [query('custom-pages')];
+            _images_decorators = [property({ type: Array, consumes: true })];
+            _selector_decorators = [query('custom-tabs')];
+            _open_decorators = [property({ type: Boolean, reflect: true })];
+            _frontCameraDisabled_decorators = [property({ type: Boolean })];
+            _rearCameraDisabled_decorators = [property({ type: Boolean })];
+            _hasLibrary_decorators = [property({ type: Boolean, attribute: 'has-library' })];
+            __esDecorate(this, null, _pages_decorators, { kind: "accessor", name: "pages", static: false, private: false, access: { has: obj => "pages" in obj, get: obj => obj.pages, set: (obj, value) => { obj.pages = value; } }, metadata: _metadata }, _pages_initializers, _pages_extraInitializers);
+            __esDecorate(this, null, _images_decorators, { kind: "accessor", name: "images", static: false, private: false, access: { has: obj => "images" in obj, get: obj => obj.images, set: (obj, value) => { obj.images = value; } }, metadata: _metadata }, _images_initializers, _images_extraInitializers);
+            __esDecorate(this, null, _selector_decorators, { kind: "accessor", name: "selector", static: false, private: false, access: { has: obj => "selector" in obj, get: obj => obj.selector, set: (obj, value) => { obj.selector = value; } }, metadata: _metadata }, _selector_initializers, _selector_extraInitializers);
+            __esDecorate(this, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+            __esDecorate(this, null, _frontCameraDisabled_decorators, { kind: "accessor", name: "frontCameraDisabled", static: false, private: false, access: { has: obj => "frontCameraDisabled" in obj, get: obj => obj.frontCameraDisabled, set: (obj, value) => { obj.frontCameraDisabled = value; } }, metadata: _metadata }, _frontCameraDisabled_initializers, _frontCameraDisabled_extraInitializers);
+            __esDecorate(this, null, _rearCameraDisabled_decorators, { kind: "accessor", name: "rearCameraDisabled", static: false, private: false, access: { has: obj => "rearCameraDisabled" in obj, get: obj => obj.rearCameraDisabled, set: (obj, value) => { obj.rearCameraDisabled = value; } }, metadata: _metadata }, _rearCameraDisabled_initializers, _rearCameraDisabled_extraInitializers);
+            __esDecorate(this, null, _hasLibrary_decorators, { kind: "accessor", name: "hasLibrary", static: false, private: false, access: { has: obj => "hasLibrary" in obj, get: obj => obj.hasLibrary, set: (obj, value) => { obj.hasLibrary = value; } }, metadata: _metadata }, _hasLibrary_initializers, _hasLibrary_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        deviceApi = new DeviceApi();
+        #pages_accessor_storage = __runInitializers(this, _pages_initializers, void 0);
+        get pages() { return this.#pages_accessor_storage; }
+        set pages(value) { this.#pages_accessor_storage = value; }
+        #images_accessor_storage = (__runInitializers(this, _pages_extraInitializers), __runInitializers(this, _images_initializers, void 0));
+        get images() { return this.#images_accessor_storage; }
+        set images(value) { this.#images_accessor_storage = value; }
+        #selector_accessor_storage = (__runInitializers(this, _images_extraInitializers), __runInitializers(this, _selector_initializers, void 0));
+        get selector() { return this.#selector_accessor_storage; }
+        set selector(value) { this.#selector_accessor_storage = value; }
+        #open_accessor_storage = (__runInitializers(this, _selector_extraInitializers), __runInitializers(this, _open_initializers, false));
+        get open() { return this.#open_accessor_storage; }
+        set open(value) { this.#open_accessor_storage = value; }
+        #frontCameraDisabled_accessor_storage = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _frontCameraDisabled_initializers, false));
+        get frontCameraDisabled() { return this.#frontCameraDisabled_accessor_storage; }
+        set frontCameraDisabled(value) { this.#frontCameraDisabled_accessor_storage = value; }
+        #rearCameraDisabled_accessor_storage = (__runInitializers(this, _frontCameraDisabled_extraInitializers), __runInitializers(this, _rearCameraDisabled_initializers, false));
+        get rearCameraDisabled() { return this.#rearCameraDisabled_accessor_storage; }
+        set rearCameraDisabled(value) { this.#rearCameraDisabled_accessor_storage = value; }
+        #hasLibrary_accessor_storage = (__runInitializers(this, _rearCameraDisabled_extraInitializers), __runInitializers(this, _hasLibrary_initializers, void 0));
+        get hasLibrary() { return this.#hasLibrary_accessor_storage; }
+        set hasLibrary(value) { this.#hasLibrary_accessor_storage = value; }
+        static styles = [
+            css `
+      :host {
+        display: block;
+      }
+
+      h5 {
+        margin: 0;
+      }
+
+      custom-tab.custom-selected {
+        background: var(--md-sys-color-tertiary);
+        --custom-icon-color: var(--md-sys-color-on-tertiary);
+        border: none;
+      }
+
+      custom-tab.custom-selected span,
+      custom-tab.custom-selected custom-icon {
+        color: var(--md-sys-color-on-tertiary);
+        --custom-icon-color: var(--md-sys-color-on-tertiary);
+      }
+
+      custom-tab {
+        gap: 8px;
+        height: 40px;
+        padding: 0 12px;
+        box-sizing: border-box;
+        width: auto;
+        border-radius: 20px;
+        font: var(--_supporting-text-type);
+      }
+
+      custom-tabs {
+        height: 40px;
+      }
+
+      section {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        width: 100%;
+        min-height: 168px;
+        position: absolute;
+        transform: scale(0);
+        justify-content: center;
+        align-items: center;
+      }
+
+      section[route='camera'] {
+        overflow-y: hidden;
+      }
+
+      section.custom-selected {
+        transform: scale(1);
+        position: relative;
+      }
+      md-outlined-text-field {
+        padding-top: 12px;
+      }
+
+      .camera-actions {
+        width: 100%;
+        position: absolute;
+        bottom: 0;
+        margin-bottom: 3px;
+      }
+
+      section[route='camera'] flex-container {
+        height: 320px;
+      }
+
+      flex-column {
+        width: auto;
+      }
+
+      flex-container video,
+      img:not([data-variant='icon']) {
+        height: -webkit-fill-available;
+        width: -webkit-fill-available;
+      }
+
+      [route='library'] img {
+        width: 150px;
+        cursor: pointer;
+      }
+
+      [data-variant='icon'] {
+        height: 48px;
+        width: 48px;
+      }
+
+      md-dialog {
+        --_container-color: #2d2f31;
+      }
+    `
+        ];
+        get #dialog() {
+            return this.shadowRoot.querySelector('custom-dialog');
+        }
+        get #cameraPreview() {
+            return this.shadowRoot.querySelector('.camera-preview');
+        }
+        #cameraFacingMode = (__runInitializers(this, _hasLibrary_extraInitializers), 'user');
+        #image = { data: null, type: null };
+        #takePhoto = async () => {
+            // this._previewEl.stop();
+            // this._previewEl.srcObject = null;
+            const blob = await this.deviceApi.camera.takePhoto(this.#cameraFacingMode);
+            // const fd = new FormData();
+            // fd.append('image', blob);
+            this.#image.data = await globalThis.readAsDataURL(blob);
+            this.#image.type = 'base64';
+            const img = document.createElement('img');
+            img.src = this.#image.data;
+            this.shadowRoot.querySelector('flex-container').replaceChild(img.cloneNode(true), this.#cameraPreview);
+        };
+        #selectFile = ({}) => {
+            const input = document.createElement('input');
+            input.type = 'file';
+            input.multiple = true;
+            const onchange = async (event) => {
+                const files = await Promise.all(Array.from(input.files).map(async (file) => {
+                    const data = await this.readAsDataURL(file);
+                    const item = document.createElement('md-list-item');
+                    item.headline = file.name;
+                    item.setAttribute('noninteractive', '');
+                    item.innerHTML = `
+          <img data-variant="icon" slot="start" src="${data}">
+          <md-standard-icon-button slot="end"><custom-icon>delete</custom-icon></md-standard-icon-button>
+        `;
+                    item.onclick = () => {
+                        this.shadowRoot.querySelector('section[route="file"]').removeChild(item);
+                    };
+                    this.shadowRoot.querySelector('section[route="file"]').appendChild(item);
+                    return { name: file.name, data };
+                }));
+                this.#image.data = files;
+                this.#image.type = 'base64[]';
+                input.removeEventListener('change', onchange);
+            };
+            input.addEventListener('change', onchange);
+            input.click();
+        };
+        onChange(propertyKey, value) {
+            if (propertyKey === 'open' && value) {
+                this.hasLibrary ? this.select('library') : this.select('url');
+            }
+        }
+        select(value) {
+            this.selector.select(value);
+        }
+        #onSelected = async ({ detail }) => {
+            this.shadowRoot.querySelector('custom-pages').select(detail);
+            if (detail === 'camera') {
+                this.frontCameraDisabled = !(await this.deviceApi.hasFrontCam());
+                this.rearCameraDisabled = !(await this.deviceApi.hasBackCam());
+                this.deviceApi.camera.preview(this.#cameraPreview, this.#cameraFacingMode);
+            }
+        };
+        #onlibclick = (event, hash) => {
+            this.#image.data = hash;
+            this.#image.type = 'library';
+        };
+        show() {
+            this.#dialog.open = true;
+        }
+        #addImageTemplate() {
+            return html `
+      <form id="form-content" method="dialog">
+        <custom-tabs attr-for-selected="route" @selected=${this.#onSelected.bind(this)}>
+          ${this.hasLibrary
+                ? html `
+                <custom-tab route="library">
+                  <custom-icon>photo_library</custom-icon>
+                  <span>library</span>
+                </custom-tab>
+              `
+                : ''}
+          <custom-tab route="url">
+            <custom-icon>link</custom-icon>
+            <span>url</span>
+          </custom-tab>
+
+          <custom-tab route="camera">
+            <custom-icon>camera</custom-icon>
+            <span>camera</span>
+          </custom-tab>
+
+          <custom-tab route="file">
+            <custom-icon>upload</custom-icon>
+            <span>file</span>
+          </custom-tab>
+          <flex-it></flex-it>
+        </custom-tabs>
+        <custom-pages attr-for-selected="route">
+          ${this.hasLibrary
+                ? html `
+                <section route="library">
+                  <flex-wrap-around>
+                    ${this.images.map((image) => html `
+                        <img
+                          @click=${(event) => this.#onlibclick.call(this, event, image.firebaseKey)}
+                          src=${`${location.origin}/api/image?image=${image.link.replace('.png', 'b.png')}`}
+                        />
+                      `)}
+                  </flex-wrap-around>
+                </section>
+              `
+                : ''}
+          <section route="url">
+            <flex-column>
+              add image using a link/url
+              <md-outlined-text-field label="url" input-field="url"></md-outlined-text-field>
+            </flex-column>
+          </section>
+
+          <section route="camera">
+            <flex-container>
+              <video autoplay mute="true" class="camera-preview"></video>
+            </flex-container>
+
+            <flex-row class="camera-actions">
+              <flex-it flex="2"></flex-it>
+
+              <md-standard-icon-button
+                @click=${() => (this.#cameraFacingMode = 'user')}
+                ?disabled=${this.frontCameraDisabled}
+              >
+                <custom-icon>photo_camera_front</custom-icon>
+              </md-standard-icon-button>
+
+              <flex-it flex="1"></flex-it>
+
+              <md-standard-icon-button style="transform: scale(1.66);" @click=${this.#takePhoto}>
+                <custom-icon>photo_camera</custom-icon>
+              </md-standard-icon-button>
+
+              <flex-it flex="1"></flex-it>
+
+              <md-standard-icon-button
+                @click=${() => (this.#cameraFacingMode = 'environment')}
+                ?disabled=${this.rearCameraDisabled}
+              >
+                <custom-icon>photo_camera_back</custom-icon>
+              </md-standard-icon-button>
+
+              <flex-it flex="2"></flex-it>
+            </flex-row>
+          </section>
+
+          <section route="file">
+            <md-filled-tonal-button @click=${this.#selectFile.bind(this)}>
+              <custom-icon slot="icon">upload</custom-icon>
+              select
+            </md-filled-tonal-button>
+          </section>
+        </custom-pages>
+      </form>
+
+      <flex-row slot="actions">
+        <md-text-button form="form-content" value="cancel">cancel</md-text-button>
+        <flex-one></flex-one>
+        <md-text-button form="form-content" value="submit">submit</md-text-button>
+      </flex-row>
+    `;
+        }
+        #onAction = () => new Promise((resolve, reject) => {
+            const action = (event) => {
+                const inputFields = Array.from(this.shadowRoot.querySelectorAll('[input-field]'));
+                const fields = {};
+                for (const field of inputFields) {
+                    fields[field.label] = field.value;
+                }
+                if (!this.#image.type) {
+                    const inputField = this.shadowRoot.querySelector('[input-field]');
+                    this.#image.type = inputField ? 'url' : undefined;
+                    this.#image.data = inputField?.value;
+                }
+                const image = {
+                    type: this.#image.type,
+                    data: Array.isArray(this.#image.data) ? [...this.#image.data] : this.#image.data
+                };
+                resolve({ action: event.returnValue, fields, image });
+                // @ts-ignore
+                this.#dialog.removeEventListener('closed', action);
+                this.#image.data = null;
+                this.#image.type = null;
+                this.deviceApi.camera.close();
+                this.#dialog.close();
+                render(html ``, this.#dialog);
+            };
+            // @ts-ignore
+            this.#dialog.addEventListener('closed', action);
+        });
+        #busytemplate(title, description) {
+            return html `
+      <flex-row slot="title">
+        <h5>${title}</h5>
+      </flex-row>
+      <flex-column>
+        <flex-column> ${description} </flex-column>
+
+        <flex-row style="justify-content: center; width: 100%;">
+          <md-circular-progress indeterminate></md-circular-progress>
+        </flex-row>
+      </flex-column>
+    `;
+        }
+        async addImage() {
+            render(this.#addImageTemplate(), this.#dialog);
+            this.show();
+            return this.#onAction();
+        }
+        async busy(title, description) {
+            render(this.#busytemplate(title, description), this.#dialog);
+            this.show();
+        }
+        close() {
+            this.#dialog.open = false;
+        }
+        render() {
+            return html ` <custom-dialog .open=${this.open}></custom-dialog> `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomUploadImage };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vandeurenglenn/lite-elements",
-	"version": "0.3.30",
+	"version": "0.3.32",
 	"description": "set of lite elements following Material Design 3 spec",
 	"type": "module",
 	"scripts": {
@@ -113,6 +113,14 @@
 			"import": "./exports/demo.js",
 			"types": "./exports/demo/demo.d.ts"
 		},
+		"./device": {
+			"import": "./exports/device.js",
+			"types": "./exports/apis/device.d.ts"
+		},
+		"./device.js": {
+			"import": "./exports/device.js",
+			"types": "./exports/apis/device.d.ts"
+		},
 		"./dial": {
 			"import": "./exports/dial.js",
 			"types": "./exports/time-picker/dial.d.ts"
@@ -201,6 +209,14 @@
 			"import": "./exports/elevation.js",
 			"types": "./exports/elevation/elevation.d.ts"
 		},
+		"./file-reader-mixin": {
+			"import": "./exports/file-reader-mixin.js",
+			"types": "./exports/mixins/file-reader-mixin.d.ts"
+		},
+		"./file-reader-mixin.js": {
+			"import": "./exports/file-reader-mixin.js",
+			"types": "./exports/mixins/file-reader-mixin.d.ts"
+		},
 		"./hour-field": {
 			"import": "./exports/hour-field.js",
 			"types": "./exports/time-picker/hour-field.d.ts"
@@ -481,13 +497,13 @@
 			"import": "./exports/upload-file.js",
 			"types": "./exports/upload/upload-file.d.ts"
 		},
-		"./upload": {
-			"import": "./exports/upload.js",
-			"types": "./exports/upload/upload.d.ts"
+		"./upload-image": {
+			"import": "./exports/upload-image.js",
+			"types": "./exports/upload/upload-image.d.ts"
 		},
-		"./upload.js": {
-			"import": "./exports/upload.js",
-			"types": "./exports/upload/upload.d.ts"
+		"./upload-image.js": {
+			"import": "./exports/upload-image.js",
+			"types": "./exports/upload/upload-image.d.ts"
 		}
 	}
 }

package/exports/bundle/custom-element-BMhVvZjf.js

@@ -1 +0,0 @@
-function e(e,t,r,n,o,i){function c(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,a=n.kind,f="getter"===a?"get":"setter"===a?"set":"value",u=!t&&e?n.static?e:e.prototype:null,l=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var g={};for(var h in n)g[h]="access"===h?{}:n[h];for(var h in n.access)g.access[h]=n.access[h];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");i.push(c(e||null))};var v=(0,r[d])("accessor"===a?{get:l.get,set:l.set}:l[f],g);if("accessor"===a){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(s=c(v.get))&&(l.get=s),(s=c(v.set))&&(l.set=s),(s=c(v.init))&&o.unshift(s)}else(s=c(v))&&("field"===a?o.unshift(s):l[f]=s)}u&&Object.defineProperty(u,n.name,l),p=!0}function t(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function r(e){return(t,{addInitializer:r})=>{r((function(){customElements.define(e??t.name.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase(),this)}))}}"function"==typeof SuppressedError&&SuppressedError;export{e as _,t as a,r as e};

package/exports/bundle/upload.js

@@ -1 +0,0 @@
-import{_ as t,a,e}from"./custom-element-BMhVvZjf.js";import{t as r,v as s,D as i}from"./property-Do5-bKhz.js";let m=(()=>{let m,o,c,l=[e("custom-upload")],n=[],u=i,h=[],d=[];return class extends u{static{o=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;c=[r({attribute:"with-camera"})],t(this,null,c,{kind:"accessor",name:"withCamera",static:!1,private:!1,access:{has:t=>"withCamera"in t,get:t=>t.withCamera,set:(t,a)=>{t.withCamera=a}},metadata:e},h,d),t(null,m={value:o},l,{kind:"class",name:o.name,metadata:e},null,n),o=m.value,e&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e}),a(o,n)}#t=a(this,h,void 0);get withCamera(){return this.#t}set withCamera(t){this.#t=t}render(){return s` <custom-pages> </custom-pages> `}constructor(){super(...arguments),a(this,d)}},o})();export{m as CustomUpload};

package/exports/upload/upload.d.ts

@@ -1,5 +0,0 @@
-import { LiteElement } from '@vandeurenglenn/lite';
-export declare class CustomUpload extends LiteElement {
-    accessor withCamera: any;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/exports/upload.js

@@ -1,38 +0,0 @@
-import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
-import { customElement, property, html, LiteElement } from '@vandeurenglenn/lite';
-
-let CustomUpload = (() => {
-    let _classDecorators = [customElement('custom-upload')];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = LiteElement;
-    let _withCamera_decorators;
-    let _withCamera_initializers = [];
-    let _withCamera_extraInitializers = [];
-    (class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _withCamera_decorators = [property({ attribute: 'with-camera' })];
-            __esDecorate(this, null, _withCamera_decorators, { kind: "accessor", name: "withCamera", static: false, private: false, access: { has: obj => "withCamera" in obj, get: obj => obj.withCamera, set: (obj, value) => { obj.withCamera = value; } }, metadata: _metadata }, _withCamera_initializers, _withCamera_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        #withCamera_accessor_storage = __runInitializers(this, _withCamera_initializers, void 0);
-        get withCamera() { return this.#withCamera_accessor_storage; }
-        set withCamera(value) { this.#withCamera_accessor_storage = value; }
-        render() {
-            return html ` <custom-pages> </custom-pages> `;
-        }
-        constructor() {
-            super(...arguments);
-            __runInitializers(this, _withCamera_extraInitializers);
-        }
-    });
-    return _classThis;
-})();
-
-export { CustomUpload };