wj-elements 0.7.7 → 0.8.0

package/dist/wje-file-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-file-upload.js","sources":["../packages/wje-file-upload/service/service.js","../packages/wje-file-upload/file-upload.element.js","../packages/wje-file-upload/file-upload.js"],"sourcesContent":["/**\n * Returns a list of file type categories and their corresponding icon names.\n * @returns {Array<object>} An array of objects representing file type categories.\n * Each object contains the following properties:\n * - `type` {Array&lt;string>} A list of file extensions and MIME subtypes associated with the category.\n * - `name` {string} The name of the icon representing the category.\n * @example\n * const types = fileType();\n * console.log(types);\n * // [\n * //   { type: [\"jpg\", \"jpeg\", \"png\", \"gif\", \"bpm\", \"tiff\", \"svg\"], name: \"photo\" },\n * //   { type: [\"zip\", \"rar\", \"cab\", \"jar\", \"tar\", \"gzip\", \"uue\", \"bz2\", \"scorm\", \"war\"], name: \"file-type-zip\" },\n * //   ...\n * // ]\n */\nfunction fileType() {\n    return [\n        {\n            type: ['jpg', 'jpeg', 'png', 'gif', 'bpm', 'tiff', 'svg'],\n            name: 'photo',\n        },\n        {\n            type: ['zip', 'rar', 'cab', 'jar', 'tar', 'gzip', 'uue', 'bz2', 'scorm', 'war'],\n            name: 'file-type-zip',\n        },\n        {\n            type: ['mov', 'mp4', 'avi', 'flv'],\n            name: 'video',\n        },\n        {\n            type: ['m4a', 'mp3', 'wav'],\n            name: 'audio',\n        },\n        {\n            type: ['html', 'html'],\n            name: 'file-type-html',\n        },\n        {\n            type: ['css'],\n            name: 'code',\n        },\n        {\n            type: ['txt'],\n            name: 'file-type-txt',\n        },\n        {\n            type: [\n                'doc',\n                'docx',\n                'msword',\n                'vnd.openxmlformats-officedocument.wordprocessingml.document',\n                'vnd.ms-word.document.macroenabled.12',\n                'vnd.openxmlformats-officedocument.wordprocessingml.template',\n                'vnd.ms-word.template.macroenabled.12',\n                'vnd.oasis.opendocument.text',\n            ],\n            name: 'file-type-doc',\n        },\n        {\n            type: [\n                'xls',\n                'xlsx',\n                'vnd.ms-excel',\n                'vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n                'vnd.ms-excel.sheet.macroenabled.12',\n                'vnd.openxmlformats-officedocument.spreadsheetml.template',\n                'vnd.ms-excel.template.macroenabled.12',\n                'vnd.ms-excel.addin.macroenabled.12',\n                'vnd.ms-excel.sheet.binary.macroenabled.12',\n                'vnd.oasis.opendocument.spreadsheet',\n            ],\n            name: 'file-type-xls',\n        },\n        {\n            type: ['pdf'],\n            name: 'file-type-pdf',\n        },\n        {\n            type: [\n                'ppt',\n                'pptx',\n                'odp',\n                'vnd.ms-powerpoint',\n                'vnd.openxmlformats-officedocument.presentationml.presentation',\n                'vnd.ms-powerpoint.presentation.macroenabled.12',\n                'vnd.openxmlformats-officedocument.presentationml.slideshow',\n                'vnd.ms-powerpoint.slideshow.macroenabled.12',\n                'vnd.openxmlformats-officedocument.presentationml.template',\n                'vnd.ms-powerpoint.template.macroenabled.12',\n                'vnd.oasis.opendocument.presentation',\n            ],\n            name: 'file-type-ppt',\n        },\n    ];\n}\n\n/**\n * Retrieves the icon name for a given file type.\n * @param {string} type The file extension, MIME subtype or category (e.g., \"pdf\", \"vnd.ms-excel\", \"folder\").\n * @returns {string} The name of the icon associated with the file type.\n * @example\n * getFileTypeIcon('pdf'); // Returns the icon name for PDF files.\n * getFileTypeIcon('folder'); // Returns 'folder'.\n */\nexport function getFileTypeIcon(type) {\n    let searchType;\n    if (!type) {\n        return searchType;\n    }\n\n    if (type.toLowerCase() !== 'folder') {\n        fileType().forEach((i) => {\n            if (i.type.includes(type.toLowerCase())) {\n                searchType = i.name;\n            }\n        });\n    } else {\n        searchType = 'folder';\n    }\n\n    return searchType;\n}\n\n/**\n * Returns a function for uploading files either in chunks or as a whole file, based on the provided options.\n * @param {string} url The URL to which the file will be uploaded.\n * @param {number} [chunkSize] The size of each chunk in bytes when uploading in chunks (default is 1MB).\n * @param {boolean} [wholeFile] Whether to upload the file as a whole. If `true`, the entire file is uploaded at once.\n * @returns {Function} A function that takes a file and a preview element as arguments and uploads the file.\n * @example\n * // Upload a file in chunks\n * const uploadInChunks = upload('/upload', 1024 * 512); // 512KB chunks\n * uploadInChunks(file, previewElement);\n * @example\n * // Upload a whole file\n * const uploadWhole = upload('/upload', undefined, true);\n * uploadWhole(file, previewElement);\n */\nexport function upload(url, chunkSize = 1024 * 1024, wholeFile = false) {\n    if (wholeFile) {\n        return (file, preview) => uploadWholeFile(url, file, preview);\n    }\n    return (file, preview) => uploadFileInChunks(url, file, preview, chunkSize);\n}\n\n/**\n * Uploads a file in chunks to a specified URL, allowing for progress tracking and resuming in case of errors.\n * @param {string} url The URL to which the file chunks will be uploaded.\n * @param {File} file The file to be uploaded in chunks.\n * @param {HTMLElement} preview The element used to display upload progress.\n * @param {number} [chunkSize] The size of each chunk in bytes (default is 1MB).\n * @returns {Promise<object>} Resolves with the response of the last chunk uploaded, parsed as JSON.\n * @throws {Error} - Throws an error if a chunk fails to upload.\n */\nexport async function uploadFileInChunks(url, file, preview, chunkSize = 1024 * 1024) {\n    let offset = 0;\n    const totalChunks = Math.ceil(file.size / chunkSize);\n    const partResponses = [];\n\n    while (offset < file.size) {\n        const chunk = file.slice(offset, offset + chunkSize);\n\n        // Creating a custom ReadableStream to track progress of the current chunk\n        const stream = new ReadableStream({\n            start(controller) {\n                const reader = chunk.stream().getReader();\n                let uploadedBytes = 0;\n\n                reader.read().then(function process({ done, value }) {\n                    if (done) {\n                        controller.close();\n                        return Promise.resolve();\n                    }\n\n                    // Track progress\n                    uploadedBytes += value.byteLength;\n                    const percentComplete = ((offset + uploadedBytes) / file.size) * 100;\n                    preview.setAttribute('uploaded', offset + uploadedBytes);\n\n                    // Enqueue chunk data into the stream\n                    controller.enqueue(value);\n\n                    // Read the next chunk\n                    return reader.read().then(process);\n                });\n            },\n        });\n\n        const formData = new FormData();\n        formData.append('file', new Blob([stream])); // Send the current stream (chunk)\n        formData.append('chunkIndex', Math.floor(offset / chunkSize)); // Send chunk index\n        formData.append('totalChunks', totalChunks); // Send total chunks\n        formData.append('fileName', file.name); // Send file name\n\n        try {\n            // Send the current chunk via Fetch\n            const response = await fetch(url, {\n                method: 'POST',\n                body: formData,\n            });\n\n            if (!response.ok) {\n                throw new Error(`Failed to upload chunk ${Math.floor(offset / chunkSize) + 1}: ${response.statusText}`);\n            }\n\n            partResponses.push(response);\n        } catch (error) {\n            console.error('Error uploading chunk:', error);\n            break;\n        }\n\n        // Move to the next chunk\n        offset += chunkSize;\n    }\n\n    const response = await partResponses.at(-1).json();\n\n    return {\n        data: response,\n        file,\n    };\n}\n\n/**\n * Uploads a file to a specified URL using a `POST` request and updates the preview element with the uploaded file size.\n * @param {string} url The URL to which the file will be uploaded.\n * @param {File} file The file to be uploaded.\n * @param {HTMLElement} preview The element that displays the upload preview. It will be updated with the file size.\n * @returns {Promise<{data: object, file: File}>} - A promise that resolves with the server response and the uploaded file.\n * @throws {Error} - Logs an error to the console if the request fails.\n */\nexport function uploadWholeFile(url, file, preview) {\n    const formData = new FormData();\n    formData.append('file', file);\n\n    //use fetch\n    return fetch(url, {\n        method: 'POST',\n        body: formData,\n    })\n        .then((response) => response.json())\n        .then((data) => {\n            preview.setAttribute('uploaded', file.size);\n            return {\n                data,\n                file,\n            };\n        })\n        .catch((error) => {\n            console.error('Error:', error);\n        });\n}\n","import { Localizer } from '../utils/localize.js';\nimport { default as WJElement, event } from '../wje-element/element.js';\nimport Button from '../wje-button/button.js';\nimport { isValidFileType } from '../utils/utils.js';\nimport { getFileTypeIcon, upload } from './service/service.js';\n\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary FileUpload is a custom web component for uploading files.\n * It extends from WJElement and provides functionalities for file upload.\n * @documentation https://elements.webjet.sk/components/file-upload\n * @status stable\n * @augments WJElement\n * @slot - This is a default/unnamed slot.\n * @csspart native - The native file upload part.\n * @csspart file-list - The file list part.\n * @csspart upload-button - The label part.\n * @cssproperty [--wje-file-upload-padding=0] - Controls the padding around the native file upload area.\n * @event change - Fires when the file input changes.\n * @event drop - Fires when a file is dropped into the component.\n * @attribute {string} accepted-types - The accepted file types for upload.\n * @attribute {number} chunk-size - The chunk size for file upload.\n * @attribute {number} max-file-size - The maximum file size for upload.\n * @attribute {string} upload-url - The URL to set as the upload URL.\n * @attribute {boolean} auto-process-files - The auto process files attribute.\n * @attribute {boolean} no-upload-button - The no upload button attribute.\n * @tag wje-file-upload\n */\nexport default class FileUpload extends WJElement {\n    /**\n     * Constructor for FileUpload.\n     * Initializes a new instance of the Localizer.\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n        this._uploadedFiles = [];\n        this._queuedFiles = [];\n    }\n\n    /**\n     * Dependencies for the FileUpload component.\n     * @type {object}\n     */\n    dependencies = {\n        'wje-button': Button,\n    };\n\n    /**\n     * Setter for acceptedTypes attribute.\n     * @param {string} value The accepted file types for upload.\n     */\n    set acceptedTypes(value) {\n        this.setAttribute('accepted-types', value);\n    }\n\n    /**\n     * Getter for acceptedTypes attribute.\n     * @returns {string} The accepted file types for upload.\n     */\n    get acceptedTypes() {\n        const accepted = this.getAttribute('accepted-types');\n        return this.hasAttribute('accepted-types') ? accepted : 'image/*';\n    }\n\n    /**\n     * Setter for chunkSize attribute.\n     * @param {number} value The chunk size for file upload.\n     */\n    set chunkSize(value) {\n        this.setAttribute('chunk-size', value);\n    }\n\n    /**\n     * Getter for chunkSize attribute.\n     * @returns {number} The chunk size for file upload.\n     */\n    get chunkSize() {\n        const chunk = this.getAttribute('chunk-size');\n        return this.hasAttribute('chunk-size') ? chunk : 1024 * 1024;\n    }\n\n    /**\n     * Setter for maxFileSize attribute.\n     * @param {number} value The maximum file size for upload.\n     */\n    set maxFileSize(value) {\n        this.setAttribute('max-file-size', value);\n    }\n\n    /**\n     * Getter for maxFileSize attribute.\n     * @returns {number} The maximum file size for upload.\n     */\n    get maxFileSize() {\n        const fileSize = this.getAttribute('max-file-size');\n        return this.hasAttribute('max-file-size') ? fileSize * 1024 * 1024 : 1024 * 1024;\n    }\n\n    /**\n     * Setter for label attribute.\n     * @param {string} value The URL to set as the upload URL.\n     */\n    set uploadUrl(value) {\n        this.setAttribute('upload-url', value);\n    }\n\n    /**\n     * Gets the upload URL for the file upload element.\n     * @returns {string} The upload URL for the file upload element.\n     */\n    get uploadUrl() {\n        return this.getAttribute('upload-url') ?? '/upload';\n    }\n\n    /**\n     * Sets the autoProcessFiles attribute.\n     * @param value\n     */\n    set autoProcessFiles(value) {\n        this.setAttribute('auto-process-files', value);\n    }\n\n    /**\n     * Gets the autoProcessFiles attribute.\n     * @returns {any|boolean}\n     */\n    get autoProcessFiles() {\n        return JSON.parse(this.getAttribute('auto-process-files')) ?? true;\n    }\n\n    /**\n     * Sets the noUploadButton attribute.\n     * @param value\n     */\n    set noUploadButton(value) {\n        this.setAttribute('no-upload-button', value);\n    }\n\n    /**\n     * Gets the noUploadButton attribute.\n     * @returns {boolean}\n     */\n    get noUploadButton() {\n        return this.hasAttribute('no-upload-button');\n    }\n\n    /**\n     * Sets the uploaded files.\n     * @param value\n     */\n    set uploadedFiles(value) {\n        this._uploadedFiles = value;\n    }\n\n    /**\n     * Return the uploaded files.\n     * @returns {[]}\n     */\n    get uploadedFiles() {\n        return this._uploadedFiles;\n    }\n\n    /**\n     * Sets the to-chunk attribute.\n     * @param value\n     */\n    set toChunk(value) {\n        this.setAttribute('to-chunk', value);\n    }\n\n    /**\n     * Gets the to-chunk attribute.\n     * @returns {boolean}\n     */\n    get toChunk() {\n        return this.hasAttribute('to-chunk');\n    }\n\n    /**\n     * Sets the maximum number of files that can be uploaded or managed.\n     * Assigns the specified value to the 'max-files' attribute.\n     * @param {number} value The maximum allowable number of files.\n     */\n    set maxFiles(value) {\n        this.setAttribute('max-files', value);\n    }\n\n    /**\n     * Sets the label attribute for the upload button.\n     * @param {string} value\n     */\n    set label(value) {\n        this.setAttribute('label', value);\n    }\n\n    /**\n     * Gets the label attribute for the upload button.\n     * @returns {string}\n     */\n    get label() {\n        return this.getAttribute('label') || '';\n    }\n\n    /**\n     * Retrieves the maximum number of files allowed from the `max-files` attribute.\n     * If the attribute is not set or is invalid, defaults to 0.\n     * @returns {number} The maximum number of files allowed.\n     */\n    get maxFiles() {\n        return parseInt(this.getAttribute('max-files')) || 10;\n    }\n\n    className = 'FileUpload';\n\n    /**\n     * Getter for cssStyleSheet.\n     * @returns {string} The CSS styles for the component.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for observedAttributes.\n     * @returns {Array} An empty array as no attributes are observed.\n     */\n    static get observedAttributes() {\n        return ['label'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (name === 'label' && this.button) {\n            const nextLabel = this.label || this.localizer.translate('wj.file.upload.button');\n            this.button.innerText = nextLabel;\n            this.button.setAttribute('label', nextLabel);\n        }\n    }\n\n    /**\n     * Method to setup attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.setAriaState({\n            role: 'group',\n        });\n    }\n\n    beforeDraw() {\n        this.uploadFunction = upload(this.uploadUrl, this.chunkSize, !this.toChunk);\n    }\n\n    /**\n     * Method to draw the component on the screen.\n     * @returns {DocumentFragment} The fragment containing the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-file-upload');\n        native.setAttribute('part', 'native');\n\n        let label = document.createElement('div');\n        label.setAttribute('part', 'file-label');\n        label.classList.add('file-label');\n\n        let fileList = document.createElement('slot');\n        fileList.setAttribute('name', 'item');\n        fileList.setAttribute('part', 'items');\n        fileList.classList.add('file-list');\n\n        let slot = document.createElement('slot');\n        label.appendChild(slot);\n\n        let errorMessage = document.createElement('div');\n        errorMessage.setAttribute('part', 'error-message');\n        errorMessage.setAttribute('role', 'alert');\n        errorMessage.setAttribute('aria-live', 'polite');\n        errorMessage.classList.add('file-error');\n        errorMessage.hidden = true;\n\n        let fileInput = document.createElement('input');\n        fileInput.setAttribute('type', 'file');\n        fileInput.setAttribute('multiple', '');\n        fileInput.setAttribute('style', 'display:none;');\n        fileInput.setAttribute('aria-hidden', 'true');\n\n        if (!this.noUploadButton) {\n            let button = document.createElement('wje-button');\n            button.innerText = this.label || this.localizer.translate('wj.file.upload.button');\n            button.setAttribute('part', 'upload-button');\n            button.setAttribute('label', button.innerText);\n\n            label.appendChild(button);\n\n            this.button = button;\n        }\n\n        native.appendChild(fileInput);\n        native.appendChild(label);\n        native.appendChild(errorMessage);\n        native.appendChild(fileList);\n\n        fragment.appendChild(native);\n\n        this.native = native;\n        this.fileList = fileList;\n        this.fileInput = fileInput;\n        this.errorMessage = errorMessage;\n\n        return fragment;\n    }\n\n    /**\n     * Method to perform actions after the component is drawn.\n     */\n    afterDraw() {\n        this.button?.addEventListener('click', () => {\n            this.fileInput.click();\n        });\n\n        this.fileInput.addEventListener('change', this.handleInputChange);\n        this.native.addEventListener('drop', this.handleDrop);\n\n        let dragEventCounter = 0;\n\n        this.native.addEventListener('dragenter', (e) => {\n            e.preventDefault();\n\n            if (dragEventCounter === 0) {\n                this.native.classList.add('highlight');\n            }\n\n            dragEventCounter += 1;\n        });\n\n        this.native.addEventListener('dragover', (e) => {\n            e.preventDefault();\n\n            if (dragEventCounter === 0) {\n                dragEventCounter = 1;\n            }\n        });\n\n        this.native.addEventListener('dragleave', (e) => {\n            e.preventDefault();\n\n            dragEventCounter -= 1;\n\n            if (dragEventCounter <= 0) {\n                dragEventCounter = 0;\n                this.native.classList.remove('highlight');\n            }\n        });\n\n        this.native.addEventListener('drop', (e) => {\n            e.preventDefault();\n\n            dragEventCounter = 0;\n            this.native.classList.remove('highlight');\n        });\n\n        this.addEventListener('wje-file-upload-item:remove', (e) => {\n            const file = e.detail;\n\n            if (!(file instanceof File)) {\n                return;\n            }\n\n            let count = this.uploadedFiles.length;\n\n            this.uploadedFiles = this.uploadedFiles.filter((entry) => {\n                return entry?.file?.lastModified !== file.lastModified;\n            });\n\n            if(count !== this.uploadedFiles.length)\n                event.dispatchCustomEvent(this, 'wje-file-upload:file-removed', file);\n        });\n    }\n\n    /**\n     * Method to handle form submission.\n     * @param {Event} e The form submission event.\n     */\n    handleSubmit(e) {\n        e.preventDefault();\n\n        this.addFilesToQueue(this.fileInput.files);\n    }\n\n    /**\n     * Method to handle file drop event.\n     * @param {Event} e The file drop event object.\n     */\n    handleDrop = (e) => {\n        e.preventDefault();\n\n        const fileList = e.dataTransfer.files;\n\n        this.resetFormState();\n\n        this.addFilesToQueue(fileList);\n    };\n\n    /**\n     * Method to handle file input change event.\n     * @param {Event} e The file input change event object.\n     */\n    handleInputChange = (e) => {\n        const files = Array.from(e.target.files);\n\n        event.dispatchCustomEvent(this, 'wje-file-upload:files-selected', files);\n\n        this.resetFormState();\n\n        try {\n            this.handleSubmit(e);\n        } catch (err) {\n            console.error(err);\n        }\n    };\n\n    /**\n     * Method to add files to the queue.\n     * @param files\n     */\n    addFilesToQueue(files) {\n        const currentCount = (Array.isArray(this.uploadedFiles) ? this.uploadedFiles.length : 0) + (Array.isArray(this._queuedFiles) ? this._queuedFiles.length : 0);\n        const newTotal = currentCount + files.length;\n\n        if (this.maxFiles && newTotal > this.maxFiles) {\n            const detail = {\n                code: 'MAX-FILES-EXCEEDED',\n                files,\n                maxFiles: this.maxFiles,\n                currentCount,\n                attemptedToAdd: files.length,\n                allowedRemaining: Math.max(this.maxFiles - currentCount, 0),\n            };\n\n            event.dispatchCustomEvent(this, 'wje-file-upload:error', detail);\n            this.showError(detail);\n\n            return;\n        }\n\n        this._queuedFiles = [...(this._queuedFiles || []), ...files];\n        this.clearError();\n\n        event.dispatchCustomEvent(this, 'wje-file-upload:files-added', files);\n\n        this.onAddedFiles?.();\n\n        if (this.autoProcessFiles) {\n            this.uploadFiles();\n        }\n\n        this.fileInput.value = '';\n    }\n\n    /**\n     * Method to upload files.\n     */\n    uploadFiles() {\n        if (this._queuedFiles.length === 0) {\n            return;\n        }\n\n        const uploadPromises = this._queuedFiles.map((file) => this.createUploadPromise(file));\n        uploadPromises\n            .reduce((prev, curr) => {\n                return prev.then(() => {\n                    return curr;\n                });\n            }, Promise.resolve())\n            .then(() => {\n                event.dispatchCustomEvent(this, 'wje-file-upload:files-uploaded', this.uploadedFiles);\n\n                this.onAllFilesUploaded?.();\n                this._queuedFiles = [];\n            }).catch((err) => {\n                this._queuedFiles = this._queuedFiles.filter((file) => file !== err.file);\n\n                this.showError(err);\n                event.dispatchCustomEvent(this,'wje-file-upload:error', err);\n            });\n    }\n\n    /**\n     * Method to create an upload promise.\n     * @param file\n     * @returns {Promise<unknown>}\n     */\n    createUploadPromise = (file) => {\n        return new Promise((resolve, reject) => {\n            this.assertFilesValid(file);\n            let preview;\n\n            let reader = new FileReader();\n            reader.onload = () => {\n                event.dispatchCustomEvent(this, 'wje-file-upload:started', file);\n\n                this.onUploadStarted?.(file);\n\n                preview = this.createPreview(file, reader);\n                this.appendChild(preview);\n\n                this.uploadFunction(file, preview).then((res) => {\n                    res.item = preview;\n\n                    event.dispatchCustomEvent(this, 'wje-file-upload:file-uploaded', res);\n\n                    this.onUploadedFileComplete?.(res);\n\n                    this.uploadedFiles.push(res);\n\n                    resolve(res);\n                });\n            };\n\n            reader.readAsDataURL(file);\n        });\n    };\n\n    /**\n     * Method to create a preview for the file.\n     * @param {File} file The file for which the preview is to be created.\n     * @param {FileReader} reader The FileReader instance to read the file.\n     * @returns {HTMLElement} The created preview.\n     */\n    createPreview(file, reader) {\n        let preview = document.createElement('wje-file-upload-item');\n        let fileType = file.type ? file.type.split('/')[1] : file.name.split('.').pop();\n        let icon = getFileTypeIcon(fileType) || 'file';\n\n        preview.setAttribute('slot', 'item');\n        preview.setAttribute('name', file.name);\n        preview.setAttribute('size', file.size);\n        preview.setAttribute('uploaded', '0');\n        preview.innerHTML = `<wje-icon slot=\"img\" name=\"${icon}\" size=\"large\"></wje-icon>`;\n        preview.data = file;\n\n        return preview;\n    }\n\n    /**\n     * Method to create a thumbnail for the file.\n     * @param {File} file The file for which the thumbnail is to be created.\n     * @param {FileReader} reader The FileReader instance to read the file.\n     * @returns {HTMLElement} The created thumbnail.\n     */\n    createThumbnail(file, reader) {\n        let img = document.createElement('img');\n        img.setAttribute('src', reader.result);\n\n        return img;\n    }\n\n    /**\n     * Method to validate the files.\n     * @param {File} file The file to be validated.\n     * TODO: alowed types a size limit by malo byt cez attributy\n     */\n    assertFilesValid(file) {\n        const { name: fileName, size: fileSize } = file;\n\n        if (!isValidFileType(file, this.acceptedTypes)) {\n            const err = new Error('');\n            err.code = 'INVALID-FILE-TYPE';\n            err.file = file;\n            err.acceptedTypes = this.acceptedTypes;\n\n            throw err;\n        }\n\n        if (fileSize > this.maxFileSize) {\n            const err = new Error('');\n            err.code = 'FILE-TOO-LARGE';\n            err.file = file;\n            err.maxFileSize = this.maxFileSize;\n\n            throw err;\n        }\n    }\n\n    /**\n     * Method to reset the form state.\n     */\n    resetFormState() {\n        this.fileList.textContent = '';\n    }\n\n    /**\n     * Shows a user-facing validation error inside the dropzone.\n     * @param {object|Error} error Error payload to display inside the dropzone.\n     */\n    showError(error) {\n        if (!this.errorMessage) return;\n\n        this.errorMessage.textContent = this.getErrorMessage(error);\n        this.errorMessage.hidden = false;\n    }\n\n    /**\n     * Clears the currently displayed validation error.\n     */\n    clearError() {\n        if (!this.errorMessage) return;\n\n        this.errorMessage.textContent = '';\n        this.errorMessage.hidden = true;\n    }\n\n    /**\n     * Resolves a readable upload error message.\n     * @param {object|Error} error Error payload used to resolve the translated message.\n     * @returns {string}\n     */\n    getErrorMessage(error = {}) {\n        const code = error.code || error.detail?.code;\n\n        const messages = {\n            'INVALID-FILE-TYPE': {\n                key: 'wj.file.upload.error.invalid.type',\n                fallback: `This file type is not supported. Allowed formats: ${error.acceptedTypes || this.acceptedTypes}.`,\n                params: { acceptedTypes: error.acceptedTypes || this.acceptedTypes },\n            },\n            'FILE-TOO-LARGE': {\n                key: 'wj.file.upload.error.file.too.large',\n                fallback: `The file is too large. Maximum size is ${this.localizer.formatNumber(this.maxFileSize / 1024 / 1024)} MB.`,\n                params: { maxFileSize: this.localizer.formatNumber(this.maxFileSize / 1024 / 1024) },\n            },\n            'MAX-FILES-EXCEEDED': {\n                key: 'wj.file.upload.error.max.files',\n                fallback: `You can upload up to ${error.maxFiles || this.maxFiles} files.`,\n                params: { maxFiles: error.maxFiles || this.maxFiles },\n            },\n        };\n\n        const message = messages[code] || {\n            key: 'wj.file.upload.error.generic',\n            fallback: 'The file could not be uploaded.',\n            params: {},\n        };\n        const translated = this.localizer.translateWithParams(message.key, message.params);\n\n        return translated === message.key ? message.fallback : translated;\n    }\n}\n","import FileUpload from './file-upload.element.js';\n\nexport default FileUpload;\n\nFileUpload.define('wje-file-upload', FileUpload);\n"],"names":["response","_a","fileType"],"mappings":"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"}
+{"version":3,"file":"wje-file-upload.js","sources":["../packages/wje-file-upload/service/service.js","../packages/wje-file-upload/file-upload.element.js","../packages/wje-file-upload/file-upload.js"],"sourcesContent":["/**\n * Returns a list of file type categories and their corresponding icon names.\n * @returns {Array<object>} An array of objects representing file type categories.\n * Each object contains the following properties:\n * - `type` {Array&lt;string>} A list of file extensions and MIME subtypes associated with the category.\n * - `name` {string} The name of the icon representing the category.\n * @example\n * const types = fileType();\n * console.log(types);\n * // [\n * //   { type: [\"jpg\", \"jpeg\", \"png\", \"gif\", \"bpm\", \"tiff\", \"svg\"], name: \"photo\" },\n * //   { type: [\"zip\", \"rar\", \"cab\", \"jar\", \"tar\", \"gzip\", \"uue\", \"bz2\", \"scorm\", \"war\"], name: \"file-type-zip\" },\n * //   ...\n * // ]\n */\nfunction fileType() {\n    return [\n        {\n            type: ['jpg', 'jpeg', 'png', 'gif', 'bpm', 'tiff', 'svg'],\n            name: 'photo',\n        },\n        {\n            type: ['zip', 'rar', 'cab', 'jar', 'tar', 'gzip', 'uue', 'bz2', 'scorm', 'war'],\n            name: 'file-type-zip',\n        },\n        {\n            type: ['mov', 'mp4', 'avi', 'flv'],\n            name: 'video',\n        },\n        {\n            type: ['m4a', 'mp3', 'wav'],\n            name: 'audio',\n        },\n        {\n            type: ['html', 'html'],\n            name: 'file-type-html',\n        },\n        {\n            type: ['css'],\n            name: 'code',\n        },\n        {\n            type: ['txt'],\n            name: 'file-type-txt',\n        },\n        {\n            type: [\n                'doc',\n                'docx',\n                'msword',\n                'vnd.openxmlformats-officedocument.wordprocessingml.document',\n                'vnd.ms-word.document.macroenabled.12',\n                'vnd.openxmlformats-officedocument.wordprocessingml.template',\n                'vnd.ms-word.template.macroenabled.12',\n                'vnd.oasis.opendocument.text',\n            ],\n            name: 'file-type-doc',\n        },\n        {\n            type: [\n                'xls',\n                'xlsx',\n                'vnd.ms-excel',\n                'vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n                'vnd.ms-excel.sheet.macroenabled.12',\n                'vnd.openxmlformats-officedocument.spreadsheetml.template',\n                'vnd.ms-excel.template.macroenabled.12',\n                'vnd.ms-excel.addin.macroenabled.12',\n                'vnd.ms-excel.sheet.binary.macroenabled.12',\n                'vnd.oasis.opendocument.spreadsheet',\n            ],\n            name: 'file-type-xls',\n        },\n        {\n            type: ['pdf'],\n            name: 'file-type-pdf',\n        },\n        {\n            type: [\n                'ppt',\n                'pptx',\n                'odp',\n                'vnd.ms-powerpoint',\n                'vnd.openxmlformats-officedocument.presentationml.presentation',\n                'vnd.ms-powerpoint.presentation.macroenabled.12',\n                'vnd.openxmlformats-officedocument.presentationml.slideshow',\n                'vnd.ms-powerpoint.slideshow.macroenabled.12',\n                'vnd.openxmlformats-officedocument.presentationml.template',\n                'vnd.ms-powerpoint.template.macroenabled.12',\n                'vnd.oasis.opendocument.presentation',\n            ],\n            name: 'file-type-ppt',\n        },\n    ];\n}\n\n/**\n * Retrieves the icon name for a given file type.\n * @param {string} type The file extension, MIME subtype or category (e.g., \"pdf\", \"vnd.ms-excel\", \"folder\").\n * @returns {string} The name of the icon associated with the file type.\n * @example\n * getFileTypeIcon('pdf'); // Returns the icon name for PDF files.\n * getFileTypeIcon('folder'); // Returns 'folder'.\n */\nexport function getFileTypeIcon(type) {\n    let searchType;\n    if (!type) {\n        return searchType;\n    }\n\n    if (type.toLowerCase() !== 'folder') {\n        fileType().forEach((i) => {\n            if (i.type.includes(type.toLowerCase())) {\n                searchType = i.name;\n            }\n        });\n    } else {\n        searchType = 'folder';\n    }\n\n    return searchType;\n}\n\n/**\n * Returns a function for uploading files either in chunks or as a whole file, based on the provided options.\n * @param {string} url The URL to which the file will be uploaded.\n * @param {number} [chunkSize] The size of each chunk in bytes when uploading in chunks (default is 1MB).\n * @param {boolean} [wholeFile] Whether to upload the file as a whole. If `true`, the entire file is uploaded at once.\n * @returns {Function} A function that takes a file and a preview element as arguments and uploads the file.\n * @example\n * // Upload a file in chunks\n * const uploadInChunks = upload('/upload', 1024 * 512); // 512KB chunks\n * uploadInChunks(file, previewElement);\n * @example\n * // Upload a whole file\n * const uploadWhole = upload('/upload', undefined, true);\n * uploadWhole(file, previewElement);\n */\nexport function upload(url, chunkSize = 1024 * 1024, wholeFile = false) {\n    if (wholeFile) {\n        return (file, preview) => uploadWholeFile(url, file, preview);\n    }\n    return (file, preview) => uploadFileInChunks(url, file, preview, chunkSize);\n}\n\n/**\n * Uploads a file in chunks to a specified URL, allowing for progress tracking and resuming in case of errors.\n * @param {string} url The URL to which the file chunks will be uploaded.\n * @param {File} file The file to be uploaded in chunks.\n * @param {HTMLElement} preview The element used to display upload progress.\n * @param {number} [chunkSize] The size of each chunk in bytes (default is 1MB).\n * @returns {Promise<object>} Resolves with the response of the last chunk uploaded, parsed as JSON.\n * @throws {Error} - Throws an error if a chunk fails to upload.\n */\nexport async function uploadFileInChunks(url, file, preview, chunkSize = 1024 * 1024) {\n    let offset = 0;\n    const totalChunks = Math.ceil(file.size / chunkSize);\n    const partResponses = [];\n\n    while (offset < file.size) {\n        const chunk = file.slice(offset, offset + chunkSize);\n\n        // Creating a custom ReadableStream to track progress of the current chunk\n        const stream = new ReadableStream({\n            start(controller) {\n                const reader = chunk.stream().getReader();\n                let uploadedBytes = 0;\n\n                reader.read().then(function process({ done, value }) {\n                    if (done) {\n                        controller.close();\n                        return Promise.resolve();\n                    }\n\n                    // Track progress\n                    uploadedBytes += value.byteLength;\n                    const percentComplete = ((offset + uploadedBytes) / file.size) * 100;\n                    preview.setAttribute('uploaded', offset + uploadedBytes);\n\n                    // Enqueue chunk data into the stream\n                    controller.enqueue(value);\n\n                    // Read the next chunk\n                    return reader.read().then(process);\n                });\n            },\n        });\n\n        const formData = new FormData();\n        formData.append('file', new Blob([stream])); // Send the current stream (chunk)\n        formData.append('chunkIndex', Math.floor(offset / chunkSize)); // Send chunk index\n        formData.append('totalChunks', totalChunks); // Send total chunks\n        formData.append('fileName', file.name); // Send file name\n\n        try {\n            // Send the current chunk via Fetch\n            const response = await fetch(url, {\n                method: 'POST',\n                body: formData,\n            });\n\n            if (!response.ok) {\n                throw new Error(`Failed to upload chunk ${Math.floor(offset / chunkSize) + 1}: ${response.statusText}`);\n            }\n\n            partResponses.push(response);\n        } catch (error) {\n            console.error('Error uploading chunk:', error);\n            break;\n        }\n\n        // Move to the next chunk\n        offset += chunkSize;\n    }\n\n    const response = await partResponses.at(-1).json();\n\n    return {\n        data: response,\n        file,\n    };\n}\n\n/**\n * Uploads a file to a specified URL using a `POST` request and updates the preview element with the uploaded file size.\n * @param {string} url The URL to which the file will be uploaded.\n * @param {File} file The file to be uploaded.\n * @param {HTMLElement} preview The element that displays the upload preview. It will be updated with the file size.\n * @returns {Promise<{data: object, file: File}>} - A promise that resolves with the server response and the uploaded file.\n * @throws {Error} - Logs an error to the console if the request fails.\n */\nexport function uploadWholeFile(url, file, preview) {\n    const formData = new FormData();\n    formData.append('file', file);\n\n    //use fetch\n    return fetch(url, {\n        method: 'POST',\n        body: formData,\n    })\n        .then((response) => response.json())\n        .then((data) => {\n            preview.setAttribute('uploaded', file.size);\n            return {\n                data,\n                file,\n            };\n        })\n        .catch((error) => {\n            console.error('Error:', error);\n        });\n}\n","import { Localizer } from '../utils/localize.js';\nimport { default as WJElement, event } from '../wje-element/element.js';\nimport Button from '../wje-button/button.js';\nimport { isValidFileType } from '../utils/utils.js';\nimport { getFileTypeIcon, upload } from './service/service.js';\n\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary FileUpload is a custom web component for uploading files.\n * It extends from WJElement and provides functionalities for file upload.\n * @documentation https://elements.webjet.sk/components/file-upload\n * @status stable\n * @augments WJElement\n * @slot - This is a default/unnamed slot.\n * @csspart native - The native file upload part.\n * @csspart file-list - The file list part.\n * @csspart upload-button - The label part.\n * @cssproperty [--wje-file-upload-padding=0] - Controls the padding around the native file upload area.\n * @event change - Fires when the file input changes.\n * @event drop - Fires when a file is dropped into the component.\n * @attribute {string} accepted-types - The accepted file types for upload.\n * @attribute {number} chunk-size - The chunk size for file upload.\n * @attribute {number} max-file-size - The maximum file size for upload.\n * @attribute {string} upload-url - The URL to set as the upload URL.\n * @attribute {boolean} auto-process-files - The auto process files attribute.\n * @attribute {boolean} no-upload-button - The no upload button attribute.\n * @tag wje-file-upload\n */\nexport default class FileUpload extends WJElement {\n    /**\n     * Constructor for FileUpload.\n     * Initializes a new instance of the Localizer.\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n        this._uploadedFiles = [];\n        this._queuedFiles = [];\n    }\n\n    /**\n     * Dependencies for the FileUpload component.\n     * @type {object}\n     */\n    dependencies = {\n        'wje-button': Button,\n    };\n\n    /**\n     * Setter for acceptedTypes attribute.\n     * @param {string} value The accepted file types for upload.\n     */\n    set acceptedTypes(value) {\n        this.setAttribute('accepted-types', value);\n    }\n\n    /**\n     * Getter for acceptedTypes attribute.\n     * @returns {string} The accepted file types for upload.\n     */\n    get acceptedTypes() {\n        const accepted = this.getAttribute('accepted-types');\n        return this.hasAttribute('accepted-types') ? accepted : 'image/*';\n    }\n\n    /**\n     * Setter for chunkSize attribute.\n     * @param {number} value The chunk size for file upload.\n     */\n    set chunkSize(value) {\n        this.setAttribute('chunk-size', value);\n    }\n\n    /**\n     * Getter for chunkSize attribute.\n     * @returns {number} The chunk size for file upload.\n     */\n    get chunkSize() {\n        const chunk = this.getAttribute('chunk-size');\n        return this.hasAttribute('chunk-size') ? chunk : 1024 * 1024;\n    }\n\n    /**\n     * Setter for maxFileSize attribute.\n     * @param {number} value The maximum file size for upload.\n     */\n    set maxFileSize(value) {\n        this.setAttribute('max-file-size', value);\n    }\n\n    /**\n     * Getter for maxFileSize attribute.\n     * @returns {number} The maximum file size for upload.\n     */\n    get maxFileSize() {\n        const fileSize = this.getAttribute('max-file-size');\n        return this.hasAttribute('max-file-size') ? fileSize * 1024 * 1024 : 1024 * 1024;\n    }\n\n    /**\n     * Setter for label attribute.\n     * @param {string} value The URL to set as the upload URL.\n     */\n    set uploadUrl(value) {\n        this.setAttribute('upload-url', value);\n    }\n\n    /**\n     * Gets the upload URL for the file upload element.\n     * @returns {string} The upload URL for the file upload element.\n     */\n    get uploadUrl() {\n        return this.getAttribute('upload-url') ?? '/upload';\n    }\n\n    /**\n     * Sets the autoProcessFiles attribute.\n     * @param value\n     */\n    set autoProcessFiles(value) {\n        this.setAttribute('auto-process-files', value);\n    }\n\n    /**\n     * Gets the autoProcessFiles attribute.\n     * @returns {any|boolean}\n     */\n    get autoProcessFiles() {\n        return JSON.parse(this.getAttribute('auto-process-files')) ?? true;\n    }\n\n    /**\n     * Sets the noUploadButton attribute.\n     * @param value\n     */\n    set noUploadButton(value) {\n        this.setAttribute('no-upload-button', value);\n    }\n\n    /**\n     * Gets the noUploadButton attribute.\n     * @returns {boolean}\n     */\n    get noUploadButton() {\n        return this.hasAttribute('no-upload-button');\n    }\n\n    /**\n     * Sets the uploaded files.\n     * @param value\n     */\n    set uploadedFiles(value) {\n        this._uploadedFiles = value;\n    }\n\n    /**\n     * Return the uploaded files.\n     * @returns {[]}\n     */\n    get uploadedFiles() {\n        return this._uploadedFiles;\n    }\n\n    /**\n     * Sets the to-chunk attribute.\n     * @param value\n     */\n    set toChunk(value) {\n        this.setAttribute('to-chunk', value);\n    }\n\n    /**\n     * Gets the to-chunk attribute.\n     * @returns {boolean}\n     */\n    get toChunk() {\n        return this.hasAttribute('to-chunk');\n    }\n\n    /**\n     * Sets the maximum number of files that can be uploaded or managed.\n     * Assigns the specified value to the 'max-files' attribute.\n     * @param {number} value The maximum allowable number of files.\n     */\n    set maxFiles(value) {\n        this.setAttribute('max-files', value);\n    }\n\n    /**\n     * Sets the label attribute for the upload button.\n     * @param {string} value\n     */\n    set label(value) {\n        this.setAttribute('label', value);\n    }\n\n    /**\n     * Gets the label attribute for the upload button.\n     * @returns {string}\n     */\n    get label() {\n        return this.getAttribute('label') || '';\n    }\n\n    /**\n     * Retrieves the maximum number of files allowed from the `max-files` attribute.\n     * If the attribute is not set or is invalid, defaults to 0.\n     * @returns {number} The maximum number of files allowed.\n     */\n    get maxFiles() {\n        return parseInt(this.getAttribute('max-files')) || 10;\n    }\n\n    className = 'FileUpload';\n\n    /**\n     * Getter for cssStyleSheet.\n     * @returns {string} The CSS styles for the component.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for observedAttributes.\n     * @returns {Array} An empty array as no attributes are observed.\n     */\n    static get observedAttributes() {\n        return ['label'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (name === 'label' && this.button) {\n            const nextLabel = this.label || this.localizer.translate('wj.file.upload.button');\n            this.button.innerText = nextLabel;\n            this.button.setAttribute('label', nextLabel);\n        }\n    }\n\n    /**\n     * Method to setup attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.setAriaState({\n            role: 'group',\n        });\n    }\n\n    beforeDraw() {\n        this.uploadFunction = upload(this.uploadUrl, this.chunkSize, !this.toChunk);\n    }\n\n    /**\n     * Method to draw the component on the screen.\n     * @returns {DocumentFragment} The fragment containing the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let native = document.createElement('div');\n        native.classList.add('native-file-upload');\n        native.setAttribute('part', 'native');\n\n        let label = document.createElement('div');\n        label.setAttribute('part', 'file-label');\n        label.classList.add('file-label');\n\n        let fileList = document.createElement('slot');\n        fileList.setAttribute('name', 'item');\n        fileList.setAttribute('part', 'items');\n        fileList.classList.add('file-list');\n\n        let slot = document.createElement('slot');\n        label.appendChild(slot);\n\n        let errorMessage = document.createElement('div');\n        errorMessage.setAttribute('part', 'error-message');\n        errorMessage.setAttribute('role', 'alert');\n        errorMessage.setAttribute('aria-live', 'polite');\n        errorMessage.classList.add('file-error');\n        errorMessage.hidden = true;\n\n        let fileInput = document.createElement('input');\n        fileInput.setAttribute('type', 'file');\n        fileInput.setAttribute('multiple', '');\n        fileInput.setAttribute('style', 'display:none;');\n        fileInput.setAttribute('aria-hidden', 'true');\n\n        if (!this.noUploadButton) {\n            let button = document.createElement('wje-button');\n            button.innerText = this.label || this.localizer.translate('wj.file.upload.button');\n            button.setAttribute('part', 'upload-button');\n            button.setAttribute('label', button.innerText);\n\n            label.appendChild(button);\n\n            this.button = button;\n        }\n\n        native.appendChild(fileInput);\n        native.appendChild(label);\n        native.appendChild(errorMessage);\n        native.appendChild(fileList);\n\n        fragment.appendChild(native);\n\n        this.native = native;\n        this.fileList = fileList;\n        this.fileInput = fileInput;\n        this.errorMessage = errorMessage;\n\n        return fragment;\n    }\n\n    /**\n     * Method to perform actions after the component is drawn.\n     */\n    afterDraw() {\n        this.button?.addEventListener('click', () => {\n            this.fileInput.click();\n        });\n\n        this.fileInput.addEventListener('change', this.handleInputChange);\n        this.native.addEventListener('drop', this.handleDrop);\n\n        let dragEventCounter = 0;\n\n        this.native.addEventListener('dragenter', (e) => {\n            e.preventDefault();\n\n            if (dragEventCounter === 0) {\n                this.native.classList.add('highlight');\n            }\n\n            dragEventCounter += 1;\n        });\n\n        this.native.addEventListener('dragover', (e) => {\n            e.preventDefault();\n\n            if (dragEventCounter === 0) {\n                dragEventCounter = 1;\n            }\n        });\n\n        this.native.addEventListener('dragleave', (e) => {\n            e.preventDefault();\n\n            dragEventCounter -= 1;\n\n            if (dragEventCounter <= 0) {\n                dragEventCounter = 0;\n                this.native.classList.remove('highlight');\n            }\n        });\n\n        this.native.addEventListener('drop', (e) => {\n            e.preventDefault();\n\n            dragEventCounter = 0;\n            this.native.classList.remove('highlight');\n        });\n\n        this.addEventListener('wje-file-upload-item:remove', (e) => {\n            const file = e.detail;\n\n            if (!(file instanceof File)) {\n                return;\n            }\n\n            let count = this.uploadedFiles.length;\n\n            this.uploadedFiles = this.uploadedFiles.filter((entry) => {\n                return entry?.file?.lastModified !== file.lastModified;\n            });\n\n            if(count !== this.uploadedFiles.length)\n                event.dispatchCustomEvent(this, 'wje-file-upload:file-removed', file);\n        });\n    }\n\n    /**\n     * Method to handle form submission.\n     * @param {Event} e The form submission event.\n     */\n    handleSubmit(e) {\n        e.preventDefault();\n\n        this.addFilesToQueue(this.fileInput.files);\n    }\n\n    /**\n     * Method to handle file drop event.\n     * @param {Event} e The file drop event object.\n     */\n    handleDrop = (e) => {\n        e.preventDefault();\n\n        const fileList = e.dataTransfer.files;\n\n        this.resetFormState();\n\n        this.addFilesToQueue(fileList);\n    };\n\n    /**\n     * Method to handle file input change event.\n     * @param {Event} e The file input change event object.\n     */\n    handleInputChange = (e) => {\n        const files = Array.from(e.target.files);\n\n        event.dispatchCustomEvent(this, 'wje-file-upload:files-selected', files);\n\n        this.resetFormState();\n\n        try {\n            this.handleSubmit(e);\n        } catch (err) {\n            console.error(err);\n        }\n    };\n\n    /**\n     * Method to add files to the queue.\n     * @param files\n     */\n    addFilesToQueue(files) {\n        const currentCount = (Array.isArray(this.uploadedFiles) ? this.uploadedFiles.length : 0) + (Array.isArray(this._queuedFiles) ? this._queuedFiles.length : 0);\n        const newTotal = currentCount + files.length;\n\n        if (this.maxFiles && newTotal > this.maxFiles) {\n            const detail = {\n                code: 'MAX-FILES-EXCEEDED',\n                files,\n                maxFiles: this.maxFiles,\n                currentCount,\n                attemptedToAdd: files.length,\n                allowedRemaining: Math.max(this.maxFiles - currentCount, 0),\n            };\n\n            event.dispatchCustomEvent(this, 'wje-file-upload:error', detail);\n            this.showError(detail);\n\n            return;\n        }\n\n        this._queuedFiles = [...(this._queuedFiles || []), ...files];\n        this.clearError();\n\n        event.dispatchCustomEvent(this, 'wje-file-upload:files-added', files);\n\n        this.onAddedFiles?.();\n\n        if (this.autoProcessFiles) {\n            this.uploadFiles();\n        }\n\n        this.fileInput.value = '';\n    }\n\n    /**\n     * Method to upload files.\n     */\n    uploadFiles() {\n        if (this._queuedFiles.length === 0) {\n            return;\n        }\n\n        const uploadPromises = this._queuedFiles.map((file) => this.createUploadPromise(file));\n        uploadPromises\n            .reduce((prev, curr) => {\n                return prev.then(() => {\n                    return curr;\n                });\n            }, Promise.resolve())\n            .then(() => {\n                event.dispatchCustomEvent(this, 'wje-file-upload:files-uploaded', this.uploadedFiles);\n\n                this.onAllFilesUploaded?.();\n                this._queuedFiles = [];\n            }).catch((err) => {\n                this._queuedFiles = this._queuedFiles.filter((file) => file !== err.file);\n\n                this.showError(err);\n                event.dispatchCustomEvent(this,'wje-file-upload:error', err);\n            });\n    }\n\n    /**\n     * Method to create an upload promise.\n     * @param file\n     * @returns {Promise<unknown>}\n     */\n    createUploadPromise = (file) => {\n        return new Promise((resolve, reject) => {\n            this.assertFilesValid(file);\n            let preview;\n\n            let reader = new FileReader();\n            reader.onload = () => {\n                event.dispatchCustomEvent(this, 'wje-file-upload:started', file);\n\n                this.onUploadStarted?.(file);\n\n                preview = this.createPreview(file, reader);\n                this.appendChild(preview);\n\n                this.uploadFunction(file, preview).then((res) => {\n                    res.item = preview;\n\n                    event.dispatchCustomEvent(this, 'wje-file-upload:file-uploaded', res);\n\n                    this.onUploadedFileComplete?.(res);\n\n                    this.uploadedFiles.push(res);\n\n                    resolve(res);\n                });\n            };\n\n            reader.readAsDataURL(file);\n        });\n    };\n\n    /**\n     * Method to create a preview for the file.\n     * @param {File} file The file for which the preview is to be created.\n     * @param {FileReader} reader The FileReader instance to read the file.\n     * @returns {HTMLElement} The created preview.\n     */\n    createPreview(file, reader) {\n        let preview = document.createElement('wje-file-upload-item');\n        let fileType = file.type ? file.type.split('/')[1] : file.name.split('.').pop();\n        let icon = getFileTypeIcon(fileType) || 'file';\n\n        preview.setAttribute('slot', 'item');\n        preview.setAttribute('name', file.name);\n        preview.setAttribute('size', file.size);\n        preview.setAttribute('uploaded', '0');\n        preview.innerHTML = `<wje-icon slot=\"img\" name=\"${icon}\" size=\"large\"></wje-icon>`;\n        preview.data = file;\n\n        return preview;\n    }\n\n    /**\n     * Method to create a thumbnail for the file.\n     * @param {File} file The file for which the thumbnail is to be created.\n     * @param {FileReader} reader The FileReader instance to read the file.\n     * @returns {HTMLElement} The created thumbnail.\n     */\n    createThumbnail(file, reader) {\n        let img = document.createElement('img');\n        img.setAttribute('src', reader.result);\n\n        return img;\n    }\n\n    /**\n     * Method to validate the files.\n     * @param {File} file The file to be validated.\n     * TODO: alowed types a size limit by malo byt cez attributy\n     */\n    assertFilesValid(file) {\n        const { name: fileName, size: fileSize } = file;\n\n        if (!isValidFileType(file, this.acceptedTypes)) {\n            const err = new Error('');\n            err.code = 'INVALID-FILE-TYPE';\n            err.file = file;\n            err.acceptedTypes = this.acceptedTypes;\n\n            throw err;\n        }\n\n        if (fileSize > this.maxFileSize) {\n            const err = new Error('');\n            err.code = 'FILE-TOO-LARGE';\n            err.file = file;\n            err.maxFileSize = this.maxFileSize;\n\n            throw err;\n        }\n    }\n\n    /**\n     * Method to reset the form state.\n     */\n    resetFormState() {\n        this.fileList.textContent = '';\n    }\n\n    /**\n     * Shows a user-facing validation error inside the dropzone.\n     * @param {object|Error} error Error payload to display inside the dropzone.\n     */\n    showError(error) {\n        if (!this.errorMessage) return;\n\n        this.errorMessage.textContent = this.getErrorMessage(error);\n        this.errorMessage.hidden = false;\n    }\n\n    /**\n     * Clears the currently displayed validation error.\n     */\n    clearError() {\n        if (!this.errorMessage) return;\n\n        this.errorMessage.textContent = '';\n        this.errorMessage.hidden = true;\n    }\n\n    /**\n     * Resolves a readable upload error message.\n     * @param {object|Error} error Error payload used to resolve the translated message.\n     * @returns {string}\n     */\n    getErrorMessage(error = {}) {\n        const code = error.code || error.detail?.code;\n\n        const messages = {\n            'INVALID-FILE-TYPE': {\n                key: 'wj.file.upload.error.invalid.type',\n                fallback: `This file type is not supported. Allowed formats: ${error.acceptedTypes || this.acceptedTypes}.`,\n                params: { acceptedTypes: error.acceptedTypes || this.acceptedTypes },\n            },\n            'FILE-TOO-LARGE': {\n                key: 'wj.file.upload.error.file.too.large',\n                fallback: `The file is too large. Maximum size is ${this.localizer.formatNumber(this.maxFileSize / 1024 / 1024)} MB.`,\n                params: { maxFileSize: this.localizer.formatNumber(this.maxFileSize / 1024 / 1024) },\n            },\n            'MAX-FILES-EXCEEDED': {\n                key: 'wj.file.upload.error.max.files',\n                fallback: `You can upload up to ${error.maxFiles || this.maxFiles} files.`,\n                params: { maxFiles: error.maxFiles || this.maxFiles },\n            },\n        };\n\n        const message = messages[code] || {\n            key: 'wj.file.upload.error.generic',\n            fallback: 'The file could not be uploaded.',\n            params: {},\n        };\n        const translated = this.localizer.translateWithParams(message.key, message.params);\n\n        return translated === message.key ? message.fallback : translated;\n    }\n}\n","import FileUpload from './file-upload.element.js';\n\nexport default FileUpload;\n\nFileUpload.define('wje-file-upload', FileUpload);\n"],"names":["getFileTypeIcon","type","searchType","toLowerCase","name","forEach","i","includes","upload","url","chunkSize","wholeFile","file","preview","formData","FormData","append","fetch","method","body","then","response","json","data","setAttribute","size","catch","error","console","async","offset","totalChunks","Math","ceil","partResponses","chunk","slice","stream","ReadableStream","controller","reader","getReader","uploadedBytes","read","process","done","value","close","Promise","resolve","byteLength","enqueue","Blob","floor","ok","Error","statusText","push","at","FileUpload","WJElement","constructor","super","dependencies","Button","className","handleDrop","e","preventDefault","fileList","dataTransfer","files","this","resetFormState","addFilesToQueue","handleInputChange","Array","from","target","event","dispatchCustomEvent","handleSubmit","err","createUploadPromise","reject","assertFilesValid","FileReader","onload","onUploadStarted","createPreview","appendChild","uploadFunction","res","item","onUploadedFileComplete","uploadedFiles","readAsDataURL","localizer","Localizer","_uploadedFiles","_queuedFiles","accepted","getAttribute","hasAttribute","maxFileSize","fileSize","uploadUrl","JSON","parse","noUploadButton","label","parseInt","observedAttributes","oldValue","newValue","attributeChangedCallback","button","nextLabel","translate","innerText","setupAttributes","isShadowRoot","setAriaState","role","toChunk","draw","fragment","document","createDocumentFragment","native","createElement","classList","add","slot","errorMessage","hidden","fileInput","afterDraw","addEventListener","click","dragEventCounter","remove","detail","File","count","length","filter","entry","lastModified","currentCount","isArray","newTotal","maxFiles","code","attemptedToAdd","allowedRemaining","max","showError","clearError","onAddedFiles","autoProcessFiles","uploadFiles","map","reduce","prev","curr","onAllFilesUploaded","icon","split","pop","innerHTML","img","result","fileName","isValidFileType","acceptedTypes","textContent","getErrorMessage","message","key","fallback","params","formatNumber","translated","translateWithParams","define"],"mappings":"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"}

package/dist/wje-footer.js

@@ -1,52 +1,28 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import WJElement from "./wje-element.js";
-const styles = "/*\n[ Wj Footer ]\n*/\n\n:host {\n    --wje-footer-height: 60px;\n    padding: 0 20px;\n    flex-shrink: 0;\n    height: var(--wje-footer-height);\n    display: block;\n}\n";
-class Footer extends WJElement {
-  /**
-   * Creates an instance of Footer.
-   * @class
-   */
+import e from "./wje-element.js";
+class t extends e {
   constructor() {
     super();
     __publicField(this, "className", "Footer");
   }
-  /**
-   * Returns the CSS styles for the component.
-   * @static
-   * @returns {CSSStyleSheet}
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{--wje-footer-height: 60px;padding:0 20px;flex-shrink:0;height:var(--wje-footer-height);display:block}";
   }
-  /**
-   * Returns the list of attributes to observe for changes.
-   * @static
-   * @returns {Array<string>}
-   */
   static get observedAttributes() {
     return [];
   }
-  /**
-   * Sets up the attributes for the component.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Draws the component.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("slot");
-    fragment.appendChild(element);
-    return fragment;
+    let e2 = document.createDocumentFragment(), t2 = document.createElement("slot");
+    return e2.appendChild(t2), e2;
   }
 }
-Footer.define("wje-footer", Footer);
+t.define("wje-footer", t);
 export {
-  Footer as default
+  t as default
 };
 //# sourceMappingURL=wje-footer.js.map

package/dist/wje-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-footer.js","sources":["../packages/wje-footer/footer.element.js","../packages/wje-footer/footer.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element represents a footer. `Footer` is a custom web component that represents a footer.\n * @documentation https://elements.webjet.sk/components/footer\n * @status stable\n * @augments WJElement\n * @slot default - Default slot for the footer content\n * @cssproperty --primary-color - The primary color of the footer\n */\n\nexport default class Footer extends WJElement {\n    /**\n     * Creates an instance of Footer.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'Footer';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Footer from './footer.element.js';\n\nexport default Footer;\n\nFooter.define('wje-footer', Footer);\n"],"names":[],"mappings":";;;;;AAYe,MAAM,eAAe,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1C,cAAc;AACV,UAAK;AAGT,qCAAY;AAAA,EAFZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,WAAW,qBAAqB;AAC5B,WAAO,CAAA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;AACd,SAAK,eAAe;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,UAAU,SAAS,cAAc,MAAM;AAE3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACX;AACJ;ACzDA,OAAO,OAAO,cAAc,MAAM;"}
+{"version":3,"file":"wje-footer.js","sources":["../packages/wje-footer/footer.element.js","../packages/wje-footer/footer.js"],"sourcesContent":["import { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element represents a footer. `Footer` is a custom web component that represents a footer.\n * @documentation https://elements.webjet.sk/components/footer\n * @status stable\n * @augments WJElement\n * @slot default - Default slot for the footer content\n * @cssproperty --primary-color - The primary color of the footer\n */\n\nexport default class Footer extends WJElement {\n    /**\n     * Creates an instance of Footer.\n     * @class\n     */\n    constructor() {\n        super();\n    }\n\n    className = 'Footer';\n\n    /**\n     * Returns the CSS styles for the component.\n     * @static\n     * @returns {CSSStyleSheet}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * @static\n     * @returns {Array<string>}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the component.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Footer from './footer.element.js';\n\nexport default Footer;\n\nFooter.define('wje-footer', Footer);\n"],"names":["Footer","WJElement","constructor","super","className","cssStyleSheet","setupAttributes","this","isShadowRoot","draw","fragment","document","createDocumentFragment","element","createElement","appendChild","define"],"mappings":";;;;AAYe,MAAMA,UAAeC,EAAAA;AAAAA,EAKhC,cAAAC;AACIC,UAAAA;AAGJC,qCAAY;AAAA,EAFZ;AAAA,EASA,2BAAWC;AACP;EACJ;AAAA,EAOA,WAAA;AACI,WAAO,CAAA;AAAA,EACX;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA,OAAAC;AACI,QAAIC,KAAWC,SAASC,0BAEpBC,KAAUF,SAASG,cAAc,MAAA;AAIrC,WAFAJ,GAASK,YAAYF,EAAAA,GAEdH;AAAAA,EACX;AAAA;ACxDJV,EAAOgB,OAAO,cAAchB,CAAAA;"}

package/dist/wje-form.js

@@ -1,53 +1,28 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import WJElement from "./wje-element.js";
-const styles = "/*\n[ Wj Form ]\n*/\n:host {\n  width: 100%;\n}";
-class Form extends WJElement {
-  /**
-   * Constructor for the Form class.
-   */
+import e from "./wje-element.js";
+class t extends e {
   constructor() {
     super();
-    /**
-     * The class name for the Form class.
-     * @type {string}
-     */
     __publicField(this, "className", "Form");
   }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {*}
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ":host{width:100%}";
   }
-  /**
-   * Getter for the observed attributes.
-   * @returns {*[]}
-   */
   static get observedAttributes() {
     return [];
   }
-  /**
-   * Sets up the attributes for the Form.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Draws the Form.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("slot");
-    fragment.appendChild(element);
-    return fragment;
+    let e2 = document.createDocumentFragment(), t2 = document.createElement("slot");
+    return e2.appendChild(t2), e2;
   }
 }
-Form.define("wje-form", Form);
+t.define("wje-form", t);
 export {
-  Form as default
+  t as default
 };
 //# sourceMappingURL=wje-form.js.map

package/dist/wje-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-form.js","sources":["../packages/wje-form/form.element.js","../packages/wje-form/form.js"],"sourcesContent":["import { default as WJElement, WjElementUtils } from '../wje-element/element.js';\n\nimport styles from './scss/styles.scss?inline';\n\n/**\n * @summary The Form class is a custom\n * web component that extends WJElement. It is a simple form that can hold other elements or components.\n * It provides a slot for adding child elements or components.\n * @documentation https://elements.webjet.sk/components/form\n * @status stable\n * @augments WJElement\n * @slot - The slot for adding child elements or components.\n * @tag wje-form\n */\nexport default class Form extends WJElement {\n    /**\n     * Constructor for the Form class.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the Form class.\n     * @type {string}\n     */\n    className = 'Form';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {*}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for the observed attributes.\n     * @returns {*[]}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the Form.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the Form.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Form from './form.element.js';\n\nexport default Form;\n\nForm.define('wje-form', Form);\n"],"names":[],"mappings":";;;;;AAce,MAAM,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA,EAIxC,cAAc;AACV,UAAK;AAOT;AAAA;AAAA;AAAA;AAAA,qCAAY;AAAA,EANZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,WAAW,gBAAgB;AACvB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAW,qBAAqB;AAC5B,WAAO,CAAA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;AACd,SAAK,eAAe;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,QAAI,UAAU,SAAS,cAAc,MAAM;AAE3C,aAAS,YAAY,OAAO;AAE5B,WAAO;AAAA,EACX;AACJ;AC5DA,KAAK,OAAO,YAAY,IAAI;"}
+{"version":3,"file":"wje-form.js","sources":["../packages/wje-form/form.element.js","../packages/wje-form/form.js"],"sourcesContent":["import { default as WJElement, WjElementUtils } from '../wje-element/element.js';\n\nimport styles from './scss/styles.scss?inline';\n\n/**\n * @summary The Form class is a custom\n * web component that extends WJElement. It is a simple form that can hold other elements or components.\n * It provides a slot for adding child elements or components.\n * @documentation https://elements.webjet.sk/components/form\n * @status stable\n * @augments WJElement\n * @slot - The slot for adding child elements or components.\n * @tag wje-form\n */\nexport default class Form extends WJElement {\n    /**\n     * Constructor for the Form class.\n     */\n    constructor() {\n        super();\n    }\n\n    /**\n     * The class name for the Form class.\n     * @type {string}\n     */\n    className = 'Form';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {*}\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Getter for the observed attributes.\n     * @returns {*[]}\n     */\n    static get observedAttributes() {\n        return [];\n    }\n\n    /**\n     * Sets up the attributes for the Form.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Draws the Form.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('slot');\n\n        fragment.appendChild(element);\n\n        return fragment;\n    }\n}\n","import Form from './form.element.js';\n\nexport default Form;\n\nForm.define('wje-form', Form);\n"],"names":["Form","WJElement","constructor","super","className","cssStyleSheet","setupAttributes","this","isShadowRoot","draw","fragment","document","createDocumentFragment","element","createElement","appendChild","define"],"mappings":";;;;AAce,MAAMA,UAAaC,EAAAA;AAAAA,EAI9B,cAAAC;AACIC,UAAAA;AAOJC,qCAAY;AAAA,EANZ;AAAA,EAYA,2BAAWC;AACP;EACJ;AAAA,EAMA,WAAA;AACI,WAAO,CAAA;AAAA,EACX;AAAA,EAKA,kBAAAC;AACIC,SAAKC,eAAe;AAAA,EACxB;AAAA,EAMA,OAAAC;AACI,QAAIC,KAAWC,SAASC,0BAEpBC,KAAUF,SAASG,cAAc,MAAA;AAIrC,WAFAJ,GAASK,YAAYF,EAAAA,GAEdH;AAAAA,EACX;AAAA;AC3DJV,EAAKgB,OAAO,YAAYhB,CAAAA;"}

package/dist/wje-format-digital.js

@@ -1,155 +1,63 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { Localizer } from "./localize.js";
-import WJElement from "./wje-element.js";
-const styles = "/*\n[ WJ Format Digital ]\n*/\n\n.native-format-digital {\n    white-space: nowrap;\n}\n";
-class FormatDigital extends WJElement {
-  /**
-   * Creates an instance of FormatDigital.
-   * Initializes the `Localizer` for locale-specific formatting.
-   */
+import { Localizer as t } from "./localize.js";
+import e from "./wje-element.js";
+class i extends e {
   constructor() {
     super();
-    /**
-     * The class name identifier for this component.
-     * @type {string}
-     */
     __publicField(this, "className", "FormatDigital");
-    this.localizer = new Localizer(this);
+    this.localizer = new t(this);
   }
-  /**
-   * Sets the value of the digital format.
-   * This value determines the size in bytes or bits to be displayed.
-   * @param {number} value The value to set.
-   */
-  set value(value) {
-    this.setAttribute("value", value);
+  set value(t2) {
+    this.setAttribute("value", t2);
   }
-  /**
-   * Returns the value of the digital format.
-   * @returns {number} The current value of the component.
-   */
   get value() {
     return +this.getAttribute("value");
   }
-  /**
-   * Sets the unit of the digital format.
-   * Valid values are `bit` or `byte`.
-   * @param {string} value The unit to set.
-   */
-  set unit(value) {
-    this.removeAttribute("unit");
-    if (value) {
-      this.setAttribute("unit", value);
-    }
+  set unit(t2) {
+    this.removeAttribute("unit"), t2 && this.setAttribute("unit", t2);
   }
-  /**
-   * Returns the unit of the digital format.
-   * Defaults to `byte` if no unit is set.
-   * @returns {string} The current unit (`bit` or `byte`).
-   */
   get unit() {
     return this.hasAttribute("unit") ? this.getAttribute("unit") : "byte";
   }
-  /**
-   * Sets the unit display style for the digital format.
-   * Valid values are `short`, `long`, or `narrow`.
-   * @param {string} value The unit display style to set.
-   */
-  set unitDisplay(value) {
-    this.removeAttribute("unit-display");
-    if (value) {
-      this.setAttribute("unit-display", value);
-    }
+  set unitDisplay(t2) {
+    this.removeAttribute("unit-display"), t2 && this.setAttribute("unit-display", t2);
   }
-  /**
-   * Returns the unit display style for the digital format.
-   * Defaults to `short` if not set.
-   * @returns {string} - The current unit display style.
-   */
   get unitDisplay() {
     return this.hasAttribute("unit-display") ? this.getAttribute("unit-display") : "short";
   }
-  /**
-   * Returns the CSS styles for the component.
-   * Encapsulated using shadow DOM.
-   * @static
-   * @returns {CSSStyleSheet} - The CSS styles for the component.
-   */
   static get cssStyleSheet() {
-    return styles;
+    return ".native-format-digital{white-space:nowrap}";
   }
-  /**
-   * Returns the list of attributes to observe for changes.
-   * Observes `value` and `unit-display` for re-rendering.
-   * @static
-   * @returns {Array<string>} - The attributes to observe.
-   */
   static get observedAttributes() {
     return ["value", "unit-display"];
   }
-  attributeChangedCallback(name, oldValue, newValue) {
+  attributeChangedCallback(t2, e2, i2) {
     var _a;
-    (_a = super.attributeChangedCallback) == null ? void 0 : _a.call(this, name, oldValue, newValue);
-    if (oldValue === newValue) return;
-    this.beforeDraw();
-    if (this.formatted) this.formatted.innerText = this.formattedValue;
+    (_a = super.attributeChangedCallback) == null ? void 0 : _a.call(this, t2, e2, i2), e2 !== i2 && (this.beforeDraw(), this.formatted && (this.formatted.innerText = this.formattedValue));
   }
-  /**
-   * Sets up the attributes for the component.
-   * Initializes the shadow DOM.
-   */
   setupAttributes() {
-    this.isShadowRoot = "open";
-    this.setAriaState({ role: "status" });
+    this.isShadowRoot = "open", this.setAriaState({ role: "status" });
   }
-  /**
-   * Prepares the component before rendering.
-   * Computes the formatted value based on the input value and unit.
-   */
   beforeDraw() {
     if (this.value < 0) return;
-    const bitPrefixes = ["", "kilo", "mega", "giga", "tera"];
-    const bytePrefixes = ["", "kilo", "mega", "giga", "tera", "peta"];
-    const prefix = this.unit === "bit" ? bitPrefixes : bytePrefixes;
-    const index = Math.max(0, Math.min(Math.floor(Math.log10(this.value) / 3), prefix.length - 1)) || 0;
-    const unit = prefix[index] + this.unit;
-    const value = parseFloat((this.value / Math.pow(1e3, index)).toPrecision(3));
-    this.formattedValue = this.localizer.formatNumber(value, {
-      style: "unit",
-      unit,
-      unitDisplay: this.unitDisplay || "short"
-    });
+    const t2 = "bit" === this.unit ? ["", "kilo", "mega", "giga", "tera"] : ["", "kilo", "mega", "giga", "tera", "peta"], e2 = Math.max(0, Math.min(Math.floor(Math.log10(this.value) / 3), t2.length - 1)) || 0, i2 = t2[e2] + this.unit, a = parseFloat((this.value / Math.pow(1e3, e2)).toPrecision(3));
+    this.formattedValue = this.localizer.formatNumber(a, { style: "unit", unit: i2, unitDisplay: this.unitDisplay || "short" });
   }
-  /**
-   * Renders the component and returns a document fragment.
-   * The rendered structure includes a formatted value wrapped in a container
-   * with slots for additional customization.
-   * @returns {DocumentFragment} - The DOM structure for the component.
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
-    let element = document.createElement("div");
-    element.setAttribute("part", "native");
-    element.classList.add("native-format-digital");
-    let formatted = document.createElement("span");
-    formatted.setAttribute("part", "formatted");
-    formatted.innerText = this.formattedValue;
-    let start = document.createElement("slot");
-    start.setAttribute("name", "start");
-    let end = document.createElement("slot");
-    end.setAttribute("name", "end");
-    element.appendChild(start);
-    element.appendChild(formatted);
-    element.appendChild(end);
-    fragment.appendChild(element);
-    this.formatted = formatted;
-    return fragment;
+    let t2 = document.createDocumentFragment(), e2 = document.createElement("div");
+    e2.setAttribute("part", "native"), e2.classList.add("native-format-digital");
+    let i2 = document.createElement("span");
+    i2.setAttribute("part", "formatted"), i2.innerText = this.formattedValue;
+    let a = document.createElement("slot");
+    a.setAttribute("name", "start");
+    let s = document.createElement("slot");
+    return s.setAttribute("name", "end"), e2.appendChild(a), e2.appendChild(i2), e2.appendChild(s), t2.appendChild(e2), this.formatted = i2, t2;
   }
 }
-FormatDigital.define("wje-format-digital", FormatDigital);
+i.define("wje-format-digital", i);
 export {
-  FormatDigital as default
+  i as default
 };
 //# sourceMappingURL=wje-format-digital.js.map

package/dist/wje-format-digital.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-format-digital.js","sources":["../packages/wje-format-digital/format-digital.element.js","../packages/wje-format-digital/format-digital.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element formats and displays digital values such as file sizes or data transfer rates.\n * `FormatDigital` is a custom web component that represents a formatted digital value with units like\n * bytes or bits. It extends from `WJElement` and utilizes the `Localizer` class for locale-aware formatting.\n * @documentation https://elements.webjet.sk/components/format-digital\n * @status stable\n * @augments {WJElement}\n * @attribute {number} value - The numeric value to format (e.g., 1024 for 1 KB).\n * @attribute {string} unit - The unit of the value (`byte` or `bit`). Defaults to `byte`.\n * @attribute {string} unitDisplay - The display style of the unit (`short`, `long`, or `narrow`). Defaults to `short`.\n * @csspart native - The native part of the component.\n * @csspart formatted - The part representing the formatted value.\n * @csspart start - Slot for content before the formatted value.\n * @csspart end - Slot for content after the formatted value.\n * @tag wje-format-digital\n */\n\nexport default class FormatDigital extends WJElement {\n    /**\n     * Creates an instance of FormatDigital.\n     * Initializes the `Localizer` for locale-specific formatting.\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n    }\n\n    /**\n     * Sets the value of the digital format.\n     * This value determines the size in bytes or bits to be displayed.\n     * @param {number} value The value to set.\n     */\n    set value(value) {\n        this.setAttribute('value', value);\n    }\n\n    /**\n     * Returns the value of the digital format.\n     * @returns {number} The current value of the component.\n     */\n    get value() {\n        return +this.getAttribute('value');\n    }\n\n    /**\n     * Sets the unit of the digital format.\n     * Valid values are `bit` or `byte`.\n     * @param {string} value The unit to set.\n     */\n    set unit(value) {\n        this.removeAttribute('unit');\n        if (value) {\n            this.setAttribute('unit', value);\n        }\n    }\n\n    /**\n     * Returns the unit of the digital format.\n     * Defaults to `byte` if no unit is set.\n     * @returns {string} The current unit (`bit` or `byte`).\n     */\n    get unit() {\n        return this.hasAttribute('unit') ? this.getAttribute('unit') : 'byte';\n    }\n\n    /**\n     * Sets the unit display style for the digital format.\n     * Valid values are `short`, `long`, or `narrow`.\n     * @param {string} value The unit display style to set.\n     */\n    set unitDisplay(value) {\n        this.removeAttribute('unit-display');\n        if (value) {\n            this.setAttribute('unit-display', value);\n        }\n    }\n\n    /**\n     * Returns the unit display style for the digital format.\n     * Defaults to `short` if not set.\n     * @returns {string} - The current unit display style.\n     */\n    get unitDisplay() {\n        return this.hasAttribute('unit-display') ? this.getAttribute('unit-display') : 'short';\n    }\n\n    /**\n     * The class name identifier for this component.\n     * @type {string}\n     */\n    className = 'FormatDigital';\n\n    /**\n     * Returns the CSS styles for the component.\n     * Encapsulated using shadow DOM.\n     * @static\n     * @returns {CSSStyleSheet} - The CSS styles for the component.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * Observes `value` and `unit-display` for re-rendering.\n     * @static\n     * @returns {Array<string>} - The attributes to observe.\n     */\n    static get observedAttributes() {\n        return ['value', 'unit-display'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (oldValue === newValue) return;\n        this.beforeDraw();\n        if (this.formatted) this.formatted.innerText = this.formattedValue;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     * Initializes the shadow DOM.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.setAriaState({ role: 'status' });\n    }\n\n    /**\n     * Prepares the component before rendering.\n     * Computes the formatted value based on the input value and unit.\n     */\n    beforeDraw() {\n        if (this.value < 0) return;\n        const bitPrefixes = ['', 'kilo', 'mega', 'giga', 'tera'];\n        const bytePrefixes = ['', 'kilo', 'mega', 'giga', 'tera', 'peta'];\n        const prefix = this.unit === 'bit' ? bitPrefixes : bytePrefixes;\n        const index = Math.max(0, Math.min(Math.floor(Math.log10(this.value) / 3), prefix.length - 1)) || 0;\n        const unit = prefix[index] + this.unit;\n        const value = parseFloat((this.value / Math.pow(1000, index)).toPrecision(3));\n\n        this.formattedValue = this.localizer.formatNumber(value, {\n            style: 'unit',\n            unit: unit,\n            unitDisplay: this.unitDisplay || 'short',\n        });\n    }\n\n    /**\n     * Renders the component and returns a document fragment.\n     * The rendered structure includes a formatted value wrapped in a container\n     * with slots for additional customization.\n     * @returns {DocumentFragment} - The DOM structure for the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('div');\n        element.setAttribute('part', 'native');\n        element.classList.add('native-format-digital');\n\n        let formatted = document.createElement('span');\n        formatted.setAttribute('part', 'formatted');\n        formatted.innerText = this.formattedValue;\n\n        let start = document.createElement('slot');\n        start.setAttribute('name', 'start');\n\n        let end = document.createElement('slot');\n        end.setAttribute('name', 'end');\n\n        element.appendChild(start);\n        element.appendChild(formatted);\n        element.appendChild(end);\n\n        fragment.appendChild(element);\n        this.formatted = formatted;\n\n        return fragment;\n    }\n}\n","import FormatDigital from './format-digital.element.js';\n\nexport default FormatDigital;\n\nFormatDigital.define('wje-format-digital', FormatDigital);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wje-format-digital.js","sources":["../packages/wje-format-digital/format-digital.element.js","../packages/wje-format-digital/format-digital.js"],"sourcesContent":["import { Localizer } from '../utils/localize.js';\nimport { default as WJElement } from '../wje-element/element.js';\nimport styles from './styles/styles.css?inline';\n\n/**\n * @summary This element formats and displays digital values such as file sizes or data transfer rates.\n * `FormatDigital` is a custom web component that represents a formatted digital value with units like\n * bytes or bits. It extends from `WJElement` and utilizes the `Localizer` class for locale-aware formatting.\n * @documentation https://elements.webjet.sk/components/format-digital\n * @status stable\n * @augments {WJElement}\n * @attribute {number} value - The numeric value to format (e.g., 1024 for 1 KB).\n * @attribute {string} unit - The unit of the value (`byte` or `bit`). Defaults to `byte`.\n * @attribute {string} unitDisplay - The display style of the unit (`short`, `long`, or `narrow`). Defaults to `short`.\n * @csspart native - The native part of the component.\n * @csspart formatted - The part representing the formatted value.\n * @csspart start - Slot for content before the formatted value.\n * @csspart end - Slot for content after the formatted value.\n * @tag wje-format-digital\n */\n\nexport default class FormatDigital extends WJElement {\n    /**\n     * Creates an instance of FormatDigital.\n     * Initializes the `Localizer` for locale-specific formatting.\n     */\n    constructor() {\n        super();\n        this.localizer = new Localizer(this);\n    }\n\n    /**\n     * Sets the value of the digital format.\n     * This value determines the size in bytes or bits to be displayed.\n     * @param {number} value The value to set.\n     */\n    set value(value) {\n        this.setAttribute('value', value);\n    }\n\n    /**\n     * Returns the value of the digital format.\n     * @returns {number} The current value of the component.\n     */\n    get value() {\n        return +this.getAttribute('value');\n    }\n\n    /**\n     * Sets the unit of the digital format.\n     * Valid values are `bit` or `byte`.\n     * @param {string} value The unit to set.\n     */\n    set unit(value) {\n        this.removeAttribute('unit');\n        if (value) {\n            this.setAttribute('unit', value);\n        }\n    }\n\n    /**\n     * Returns the unit of the digital format.\n     * Defaults to `byte` if no unit is set.\n     * @returns {string} The current unit (`bit` or `byte`).\n     */\n    get unit() {\n        return this.hasAttribute('unit') ? this.getAttribute('unit') : 'byte';\n    }\n\n    /**\n     * Sets the unit display style for the digital format.\n     * Valid values are `short`, `long`, or `narrow`.\n     * @param {string} value The unit display style to set.\n     */\n    set unitDisplay(value) {\n        this.removeAttribute('unit-display');\n        if (value) {\n            this.setAttribute('unit-display', value);\n        }\n    }\n\n    /**\n     * Returns the unit display style for the digital format.\n     * Defaults to `short` if not set.\n     * @returns {string} - The current unit display style.\n     */\n    get unitDisplay() {\n        return this.hasAttribute('unit-display') ? this.getAttribute('unit-display') : 'short';\n    }\n\n    /**\n     * The class name identifier for this component.\n     * @type {string}\n     */\n    className = 'FormatDigital';\n\n    /**\n     * Returns the CSS styles for the component.\n     * Encapsulated using shadow DOM.\n     * @static\n     * @returns {CSSStyleSheet} - The CSS styles for the component.\n     */\n    static get cssStyleSheet() {\n        return styles;\n    }\n\n    /**\n     * Returns the list of attributes to observe for changes.\n     * Observes `value` and `unit-display` for re-rendering.\n     * @static\n     * @returns {Array<string>} - The attributes to observe.\n     */\n    static get observedAttributes() {\n        return ['value', 'unit-display'];\n    }\n\n    attributeChangedCallback(name, oldValue, newValue) {\n        super.attributeChangedCallback?.(name, oldValue, newValue);\n        if (oldValue === newValue) return;\n        this.beforeDraw();\n        if (this.formatted) this.formatted.innerText = this.formattedValue;\n    }\n\n    /**\n     * Sets up the attributes for the component.\n     * Initializes the shadow DOM.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n        this.setAriaState({ role: 'status' });\n    }\n\n    /**\n     * Prepares the component before rendering.\n     * Computes the formatted value based on the input value and unit.\n     */\n    beforeDraw() {\n        if (this.value < 0) return;\n        const bitPrefixes = ['', 'kilo', 'mega', 'giga', 'tera'];\n        const bytePrefixes = ['', 'kilo', 'mega', 'giga', 'tera', 'peta'];\n        const prefix = this.unit === 'bit' ? bitPrefixes : bytePrefixes;\n        const index = Math.max(0, Math.min(Math.floor(Math.log10(this.value) / 3), prefix.length - 1)) || 0;\n        const unit = prefix[index] + this.unit;\n        const value = parseFloat((this.value / Math.pow(1000, index)).toPrecision(3));\n\n        this.formattedValue = this.localizer.formatNumber(value, {\n            style: 'unit',\n            unit: unit,\n            unitDisplay: this.unitDisplay || 'short',\n        });\n    }\n\n    /**\n     * Renders the component and returns a document fragment.\n     * The rendered structure includes a formatted value wrapped in a container\n     * with slots for additional customization.\n     * @returns {DocumentFragment} - The DOM structure for the component.\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        let element = document.createElement('div');\n        element.setAttribute('part', 'native');\n        element.classList.add('native-format-digital');\n\n        let formatted = document.createElement('span');\n        formatted.setAttribute('part', 'formatted');\n        formatted.innerText = this.formattedValue;\n\n        let start = document.createElement('slot');\n        start.setAttribute('name', 'start');\n\n        let end = document.createElement('slot');\n        end.setAttribute('name', 'end');\n\n        element.appendChild(start);\n        element.appendChild(formatted);\n        element.appendChild(end);\n\n        fragment.appendChild(element);\n        this.formatted = formatted;\n\n        return fragment;\n    }\n}\n","import FormatDigital from './format-digital.element.js';\n\nexport default FormatDigital;\n\nFormatDigital.define('wje-format-digital', FormatDigital);\n"],"names":["FormatDigital","WJElement","constructor","super","className","this","localizer","Localizer","value","setAttribute","getAttribute","removeAttribute","unit","hasAttribute","unitDisplay","observedAttributes","name","oldValue","newValue","attributeChangedCallback","beforeDraw","formatted","innerText","formattedValue","isShadowRoot","setAriaState","role","prefix","index","Math","max","min","floor","log10","length","parseFloat","pow","toPrecision","formatNumber","style","fragment","document","createDocumentFragment","element","createElement","classList","add","start","end","appendChild","define"],"mappings":";;;;;AAqBe,MAAMA,UAAsBC,EAAAA;AAAAA,EAKvC,cAAAC;AACIC,UAAAA;AAmEJC,qCAAY;AAlERC,SAAKC,YAAY,IAAIC,EAAUF,IAAAA;AAAAA,EACnC;AAAA,EAOA,IAAA,MAAUG,IAAAA;AACNH,SAAKI,aAAa,SAASD,EAAAA;AAAAA,EAC/B;AAAA,EAMA,IAAA,QAAIA;AACA,WAAA,CAAQH,KAAKK,aAAa;EAC9B;AAAA,EAOA,IAAA,KAASF,IAAAA;AACLH,SAAKM,gBAAgB,MAAA,GACjBH,MACAH,KAAKI,aAAa,QAAQD,EAAAA;AAAAA,EAElC;AAAA,EAOA,IAAA,OAAII;AACA,WAAOP,KAAKQ,aAAa,MAAA,IAAUR,KAAKK,aAAa,MAAA,IAAU;AAAA,EACnE;AAAA,EAOA,IAAA,YAAgBF,IAAAA;AACZH,SAAKM,gBAAgB,cAAA,GACjBH,MACAH,KAAKI,aAAa,gBAAgBD,EAAAA;AAAAA,EAE1C;AAAA,EAOA,IAAA,cAAIM;AACA,WAAOT,KAAKQ,aAAa,cAAA,IAAkBR,KAAKK,aAAa,cAAA,IAAkB;AAAA,EACnF;AAAA,EAcA,WAAA;AACI;EACJ;AAAA,EAQA,WAAA,qBAAWK;AACP,WAAO,CAAC,SAAS,cAAA;AAAA,EACrB;AAAA,EAEA,yBAAyBC,IAAMC,IAAUC,IAAAA;;AACrCf,gBAAMgB,6BAANhB,8BAAiCa,IAAMC,IAAUC,KAC7CD,OAAaC,OACjBb,KAAKe,WAAAA,GACDf,KAAKgB,cAAWhB,KAAKgB,UAAUC,YAAYjB,KAAKkB;AAAAA,EACxD;AAAA,EAMA;AACIlB,SAAKmB,eAAe,QACpBnB,KAAKoB,aAAa,EAAEC,MAAM,SAAA,CAAA;AAAA,EAC9B;AAAA,EAMA,aAAAN;AACI,QAAIf,KAAKG,QAAQ,EAAG;AACpB,UAEMmB,KAAuB,UAAdtB,KAAKO,OAFA,CAAC,IAAI,QAAQ,QAAQ,QAAQ,MAAA,IAC5B,CAAC,IAAI,QAAQ,QAAQ,QAAQ,QAAQ,MAAA,GAEpDgB,KAAQC,KAAKC,IAAI,GAAGD,KAAKE,IAAIF,KAAKG,MAAMH,KAAKI,MAAM5B,KAAKG,KAAAA,IAAS,CAAA,GAAImB,GAAOO,SAAS,OAAO,GAC5FtB,KAAOe,GAAOC,EAAAA,IAASvB,KAAKO,MAC5BJ,IAAQ2B,YAAY9B,KAAKG,QAAQqB,KAAKO,IAAI,KAAMR,EAAAA,GAAQS,YAAY,CAAA,CAAA;AAE1EhC,SAAKkB,iBAAiBlB,KAAKC,UAAUgC,aAAa9B,GAAO,EACrD+B,OAAO,QACP3B,MAAMA,IACNE,aAAaT,KAAKS,eAAe,QAAA,CAAA;AAAA,EAEzC;AAAA,EAQA;AACI,QAAI0B,KAAWC,SAASC,uBAAAA,GAEpBC,KAAUF,SAASG,cAAc,KAAA;AACrCD,IAAAA,GAAQlC,aAAa,QAAQ,QAAA,GAC7BkC,GAAQE,UAAUC,IAAI,uBAAA;AAEtB,QAAIzB,KAAYoB,SAASG,cAAc,MAAA;AACvCvB,IAAAA,GAAUZ,aAAa,QAAQ,WAAA,GAC/BY,GAAUC,YAAYjB,KAAKkB;AAE3B,QAAIwB,IAAQN,SAASG,cAAc;AACnCG,MAAMtC,aAAa,QAAQ,OAAA;AAE3B,QAAIuC,IAAMP,SAASG,cAAc,MAAA;AAUjC,WATAI,EAAIvC,aAAa,QAAQ,KAAA,GAEzBkC,GAAQM,YAAYF,IACpBJ,GAAQM,YAAY5B,EAAAA,GACpBsB,GAAQM,YAAYD,CAAAA,GAEpBR,GAASS,YAAYN,EAAAA,GACrBtC,KAAKgB,YAAYA,IAEVmB;AAAAA,EACX;AAAA;ACnLJxC,EAAckD,OAAO,sBAAsBlD,CAAAA;"}