import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-AiOs8RvA.js';
import { VerdocsEndpoint } from '@verdocs/js-sdk';
import { u as unicodeNBSP } from './p-7LXbcjVz.js';
import { d as defineCustomElement$1 } from './p-DMVmShTi.js';

const verdocsFileChooserCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-file-chooser{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-file-chooser .upload-box{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 15px;color:rgba(0, 0, 0, 0.54)}verdocs-file-chooser .upload-box svg{width:64px;height:64px;fill:#5c6575}verdocs-file-chooser .selected-filename{font-size:20px;font-weight:bold;overflow-wrap:anywhere}verdocs-file-chooser .or-prefer{height:20px;margin:20px 0;font-size:16px}";

const VerdocsFileChooser = /*@__PURE__*/ proxyCustomElement(class VerdocsFileChooser extends H {
    constructor() {
        super();
        this.__registerHost();
        this.fileSelected = createEvent(this, "fileSelected");
        /**
         * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
         */
        this.endpoint = VerdocsEndpoint.getDefault();
    }
    handleFileChanged(e) {
        var _a, _b;
        this.file = ((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || null;
        (_b = this.fileSelected) === null || _b === void 0 ? void 0 : _b.emit({ file: this.file });
        console.debug('[CHOOSER] Selected file', this.file);
    }
    handleSelectFile(e) {
        var _a, _b;
        e.stopPropagation();
        this.file = null;
        (_a = this.fileSelected) === null || _a === void 0 ? void 0 : _a.emit({ file: null });
        (_b = document.getElementById('verdocs-file-chooser')) === null || _b === void 0 ? void 0 : _b.click();
    }
    render() {
        const buttonlabel = this.file ? 'Select a different file' : 'Select a file from your computer';
        return (h(Host, { key: '2f3b44d27df1f14697939673b9706f2b8cef2b1c' }, h("input", { key: '3c55f234ad08dc6741505f8314361eee94014829', type: "file", multiple: true, id: "verdocs-file-chooser", accept: "application/pdf,.pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), h("div", { key: 'bda957db5c55a91f240a501f714671973fe493e7', class: "upload-box" }, h("div", { key: 'c772d366c2d0cf10930bd04c6fe2cf9639ae187d', class: "selected-filename" }, this.file ? this.file.name : 'Drag a file here'), h("div", { key: '1d4ab1025dcd4685be52f0440d0910d5e78e6a8e', class: "or-prefer" }, this.file ? unicodeNBSP : 'Or, if you prefer...'), h("verdocs-button", { key: 'a2385786f50aa9e298eea13dfadb3072fb2fad34', label: buttonlabel, size: "small", onClick: e => this.handleSelectFile(e) }))));
    }
    static get style() { return verdocsFileChooserCss; }
}, [0, "verdocs-file-chooser", {
        "endpoint": [16],
        "file": [32]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["verdocs-file-chooser", "verdocs-button"];
    components.forEach(tagName => { switch (tagName) {
        case "verdocs-file-chooser":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, VerdocsFileChooser);
            }
            break;
        case "verdocs-button":
            if (!customElements.get(tagName)) {
                defineCustomElement$1();
            }
            break;
    } });
}

export { VerdocsFileChooser as V, defineCustomElement as d };
//# sourceMappingURL=p-BQJbAMZq.js.map

//# sourceMappingURL=p-BQJbAMZq.js.map