@limetech/lime-elements 39.0.3 → 39.1.0

package/dist/collection/components/spinner/spinner.js

@@ -16,7 +16,7 @@ export class Spinner {
         this.limeBranded = false;
     }
     render() {
-        return (h(Host, { key: '757fd47f5c8c8a977d28ab58d8a0e0b40deb1df8' }, h("svg", { key: 'b7804a9a173c0603200d545e201da742ee886a28', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
+        return (h(Host, { key: 'ab7701f350fe31ca2449c9a571346857c64f26c1' }, h("svg", { key: 'ea186e285a113460701895a1abde7c3d1f07307d', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
     }
     renderSpinner() {
         if (!this.limeBranded) {

package/dist/collection/components/split-button/split-button.js

@@ -55,9 +55,9 @@ export class SplitButton {
         };
     }
     render() {
-        return (h(Host, { key: '77ab438b059d6d11e553325cd7182f275f7dfff3', class: {
+        return (h(Host, { key: '4d795d0bc0bb80a5b489bb60af7962ae0f527943', class: {
                 'has-menu': this.items.length > 0,
-            }, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: 'aef804f2365c3527dc7547f1da4d59086ffe4035', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
+            }, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: '85b94eef97a460419273c3e09a8b4f27d75e7f8b', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
     }
     static get is() { return "limel-split-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-bar/tab-bar.js

@@ -62,11 +62,11 @@ export class TabBar {
         this.tearDown();
     }
     render() {
-        return (h("div", { key: 'ca093bdd551d5cb176d4e57bd36285f7ebe84aee', class: "mdc-tab-bar", role: "tablist" }, h("div", { key: 'e5346ca04fcfb5d65399c1316bb42764ebad1961', class: {
+        return (h("div", { key: '45f3317b1c8cbfe3802246b1cd1d5d471146e83b', class: "mdc-tab-bar", role: "tablist" }, h("div", { key: 'abd04a97eaa3eb974d28c2d5c22849d73cd53797', class: {
                 'mdc-tab-scroller': true,
                 'can-scroll-left': this.canScrollLeft,
                 'can-scroll-right': this.canScrollRight,
-            } }, h("div", { key: '9499921d705fed069a55843c7650c8d51732de2f', class: "mdc-tab-scroller__scroll-area lime-hide-scrollbars" }, h("div", { key: 'db44f30a085f32f4954c5bcad8da28174a69ec57', class: "mdc-tab-scroller__scroll-content" }, this.tabs.map(this.renderTab))), h("div", { key: 'f1fd45254d30965c2f9bd3b159c283ad0508f510', class: "scroll-fade left" }), h("div", { key: '11c89636925efb17041c42fef306624951f53b7b', class: "scroll-button left" }, h("button", { key: '321ea88f92f19107f927c6adfe133e628becfd73', type: "button", tabindex: "-1", "aria-hidden": "true", disabled: !this.canScrollLeft, onClick: this.handleLeftScrollClick }, h("limel-icon", { key: '0676804f551f2b2a9e169baa0230d6a39a29f386', name: "angle_left" }))), h("div", { key: '49713d9f1e164aadd79852a3b36965d30ec07ca4', class: "scroll-fade right" }), h("div", { key: '926f0ca96ab40227f8b5913575bbdbd7075a923c', class: "scroll-button right" }, h("button", { key: '5d879c7240845e365f1b115341a586c72171372f', type: "button", tabindex: "-1", "aria-hidden": "true", disabled: !this.canScrollRight, onClick: this.handleRightScrollClick }, h("limel-icon", { key: 'f3f3f13683ea98bdaa463a69569ba7e9a05b74cf', name: "angle_right" }))))));
+            } }, h("div", { key: '3b5df540248c33fa540ba786633d8b1d8070799b', class: "mdc-tab-scroller__scroll-area lime-hide-scrollbars" }, h("div", { key: '3c39585e170c368aab830babf2ce1ff82526fabc', class: "mdc-tab-scroller__scroll-content" }, this.tabs.map(this.renderTab))), h("div", { key: '8f6db31c759593e791bcfdf209c2a4c48be01da1', class: "scroll-fade left" }), h("div", { key: '59b96e94a8552234de5d999fd9f442a46d2d0db8', class: "scroll-button left" }, h("button", { key: '06ae8f2a560fa334360c226876d1854d663bb0db', type: "button", tabindex: "-1", "aria-hidden": "true", disabled: !this.canScrollLeft, onClick: this.handleLeftScrollClick }, h("limel-icon", { key: '8174bb5b83552a27d96bf171fb1bb2594a0791c2', name: "angle_left" }))), h("div", { key: '814a277b31d58d8f3953033bc68689f0c2972e24', class: "scroll-fade right" }), h("div", { key: '029cae303674062675bd85ac36fdeb41cc5e0901', class: "scroll-button right" }, h("button", { key: '23a341ae7bde119dc4ff93d9c88e19bd5fa3ab9e', type: "button", tabindex: "-1", "aria-hidden": "true", disabled: !this.canScrollRight, onClick: this.handleRightScrollClick }, h("limel-icon", { key: 'e2b7da5cf9547e31705bed6d5e2a1312bcfdf22a', name: "angle_right" }))))));
     }
     tabsChanged(newTabs = [], oldTabs = []) {
         const newIds = newTabs.map((tab) => tab.id);

package/dist/collection/components/tab-panel/tab-panel.js

@@ -56,7 +56,7 @@ export class TabPanel {
         this.tabs.forEach(this.setTabStatus);
     }
     render() {
-        return (h(Host, { key: '4a5a2b4cd54f701fbc1ee739f24f91e9073441b7', onChangeTab: this.handleChangeTabs }, h("div", { key: '9f8bc0396a7d2d0c279d378b7f4a54e204732593', class: "tab-panel" }, h("limel-tab-bar", { key: '7ae81ea3c0b58a183445e43a36c26e57733ae930', tabs: this.tabs }), h("div", { key: '42ffe20b789741edbe735011336dc56a1dcda984', class: "tab-content" }, h("slot", { key: '7fe54503e396c29b8369c7661fc0faa688c7df9a' })))));
+        return (h(Host, { key: '72cfa3773a3e1a963d2212dbab203d85a9b0a0c6', onChangeTab: this.handleChangeTabs }, h("div", { key: '1faa5cd3c361acce5141a27791fb0fb401dab968', class: "tab-panel" }, h("limel-tab-bar", { key: 'c7b9cef34448d5e96d3ddb851a0e2bdca876ee80', tabs: this.tabs }), h("div", { key: 'b1cba255e44496a03f7bffcea062e0686b2725f2', class: "tab-content" }, h("slot", { key: '44152fc36221478d7d8656a8e199e36044584283' })))));
     }
     setSlotElements() {
         const slot = this.getSlot();

package/dist/collection/components/table/table.js

@@ -575,16 +575,16 @@ export class Table {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (h(Host, { key: '454b02c38cb6c26cc74fb78f8cdcb27699277ece', class: {
+        return (h(Host, { key: '1e5a487ca15e58ca2104ca5b348941898e166f4b', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
-            } }, h("div", { key: '3f29ea922ea001d29c262c61607c4258f77f0a3b', id: "tabulator-container", class: {
+            } }, h("div", { key: '8bcc9cc7d5726ee08a45ceeeeed3c97efa4cbd60', id: "tabulator-container", class: {
                 'has-pagination': totalRows > this.pageSize,
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-movable-columns': this.movableColumns,
                 'has-rowselector': this.selectable,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, h("div", { key: '158d493c9758eb0427302fe13559b31233dfb3c8', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: '435a8db60a8682d60613564ae4d7e2f0f653ff6f', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '759d473e139cb9ec2fd0b4d0e7191a274d004da8', id: "tabulator-table" }))));
+            } }, h("div", { key: 'b03b6405f9c49ab038215be2de74e0cbb20b82bc', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: '497e6f2a64ad6dff35cccbe6121872b185edcd04', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: 'e382941693af4e887eb939f665231a91f5b90bda', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;

package/dist/collection/components/text-editor/link-menu/editor-link-menu.js

@@ -106,9 +106,9 @@ export class TextEditorLinkMenu {
         var _a, _b;
         const isValid = this.isValid(this.link.href);
         return [
-            h("limel-input-field", { key: 'cdd971c42ec38ad0f794926aa99abc2b25ddd011', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown, ref: (el) => (this.textInput = el) }),
-            h("limel-input-field", { key: '8e781d0a286c29f18c1fe563efe36b8552c64c6f', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown }),
-            h("div", { key: '05114af57a05009d586e4a26759d38bea93924cf', class: "actions" }, h("limel-button", { key: 'e17e1420703e67fea63ae46c41dd8f6df0bfd8ed', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: 'c40616315dc0081727b02cc0ed7b2935319beb51', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
+            h("limel-input-field", { key: '3553915b0afcb641ba9dbf4031c376ca9774af40', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown, ref: (el) => (this.textInput = el) }),
+            h("limel-input-field", { key: '06ac95f42941cc0680b3339886ae125388b47da5', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown }),
+            h("div", { key: '176c41973294fd76512a3e4d927e03841bf83b8d', class: "actions" }, h("limel-button", { key: '58e7e4298ec04325d4dc1769bb6c39fda33f9092', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: 'b57aa7e6d6573f2a2722f9d3dc78f48febef63e6', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
         ];
     }
     static get is() { return "limel-text-editor-link-menu"; }

package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js

@@ -246,7 +246,7 @@ export class ProsemirrorAdapter {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (h(Host, { key: 'f827581ca31c05e123a0c37b5c003d25471a4569', onFocus: this.handleFocus }, h("div", { key: '1ee2cbe23b2d0a087147cd4e0345ef7340f1c861', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (h(Host, { key: '1d27dcbd164b5ad8bfb0f84a515b0898b82f8065', onFocus: this.handleFocus }, h("div", { key: '622f4a64560e1bb1f6f7b99aaf8473b7234ea026', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
     }
     renderToolbar() {
         if (this.actionBarItems.length === 0 || this.ui === 'no-toolbar') {

package/dist/collection/components/text-editor/text-editor.js

@@ -142,7 +142,7 @@ export class TextEditor {
         this.editorId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '5822a85b6517bc8b87f95d42cf496ae03c4f331f' }, h("limel-notched-outline", { key: '530f2c960cd1ea2de953e08400a18133bb98629d', labelId: this.editorId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
+        return (h(Host, { key: 'fc1ed446943af3b38407273c6415af76dbbb6a58' }, h("limel-notched-outline", { key: 'c6ada9e2121ea761ed2773a05a7b733d5362e33f', labelId: this.editorId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
     }
     renderEditor() {
         if (this.readonly) {

package/dist/collection/components/tooltip/tooltip-content.js

@@ -18,7 +18,7 @@ export class TooltipContent {
             };
         }
         return [
-            h("text", Object.assign({ key: '503692ebd45a7beb6fb9ab7f46021db178c0a0b7', class: { 'has-column-layout': isLabelsTextLong } }, props), h("div", { key: '926ec4b5dcfa3a6bc5d694ab4bad5460c2316f56', class: "label" }, this.label), h("div", { key: '86d1b7931dea0ee4cfabe7b9781065df398c7079', class: "helper-label" }, this.helperLabel)),
+            h("text", Object.assign({ key: 'fafc5e09cabff7714c6ff3f962c75371fa688689', class: { 'has-column-layout': isLabelsTextLong } }, props), h("div", { key: '23b24f6a3d0713721dc1b99e6b2b56ef31353e0c', class: "label" }, this.label), h("div", { key: 'eab1beacbefb439a662e842f8b93c83a173ffa78', class: "helper-label" }, this.helperLabel)),
         ];
     }
     static get is() { return "limel-tooltip-content"; }

package/dist/collection/components/tooltip/tooltip.js

@@ -78,10 +78,10 @@ export class Tooltip {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (h("div", { key: '9b99792362652af6aea113da134c3e32e83dcf60', class: "trigger-anchor" }, h("limel-portal", { key: 'f76f8f68dd911dee4850d1e8e4b895cc70145608', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (h("div", { key: 'e7c7bdf3927b4e62b8aeea01db9322a1af15be44', class: "trigger-anchor" }, h("limel-portal", { key: 'cfeab6c990e3a88ed7c7cc127f153413e089ff0a', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '8e02e5e5cc841315b89eb01754a5fb46db3e117a', label: this.label, helperLabel: this.helperLabel, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
+            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '1fd936e5f297f30e11740c9e9f0c43fe6fe5f19a', label: this.label, helperLabel: this.helperLabel, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
     }
     setOwnerAriaLabel() {
         var _a;

package/dist/collection/interface.js

@@ -11,6 +11,7 @@ export * from './components/date-picker/date.types';
 export * from './components/dialog/dialog.types';
 export * from './components/dock/dock.types';
 export * from './components/color-picker/color-picker.types';
+export * from './components/email-viewer/email-viewer.types';
 export * from './components/file-viewer/file-viewer.types';
 export * from './global/shared-types/file.types';
 export * from './components/flex-container/flex-container.types';

package/dist/collection/translations/da.js

@@ -38,6 +38,20 @@ export default {
     'file-viewer.open-in-fullscreen': 'Åbn i fuld skærm',
     'file-viewer.open-in-new-tab': 'Åbn i en ny fane',
     'file-viewer.more-actions': 'Mere…',
+    'file-viewer.email.subject': 'Emne',
+    'file-viewer.email.from': 'Fra',
+    'file-viewer.email.to': 'Til',
+    'file-viewer.email.cc': 'Kopi',
+    'file-viewer.email.date': 'Dato',
+    'file-viewer.email.attachments': 'Vedhæftninger',
+    'file-viewer.email.attachment.unnamed': 'Vedhæftning uden navn',
+    'file-viewer.email.remote-images.warning': 'Billeder indlæses ikke for at beskytte dit privatliv.',
+    'file-viewer.email.remote-images.warning.description': `Mange e-mails indeholder billeder, der hostes på eksterne servere.
+Når billeder indlæses, anmoder din enhed dem fra afsenderens server.
+Det kan afsløre for afsenderen, at du har åbnet beskeden, hvornår du åbnede den, samt metadata såsom din IP-adresse og oplysninger om enhed/browser.
+
+Du kan fortsætte med at blokere billeder (e-mailen kan se ufuldstændig ud) eller indlæse dem, hvis du stoler på afsenderen.`,
+    'file-viewer.email.remote-images.load': 'Indlæs billeder',
     'editor-menu.bold': 'Fed',
     'editor-menu.italic': 'Kursiv',
     'editor-menu.strikethrough': 'Gennemstreget',

package/dist/collection/translations/de.js

@@ -38,6 +38,20 @@ export default {
     'file-viewer.open-in-fullscreen': 'Im Vollbildmodus öffnen',
     'file-viewer.open-in-new-tab': 'In einem neuen Tab öffnen',
     'file-viewer.more-actions': 'Mehr…',
+    'file-viewer.email.subject': 'Betreff',
+    'file-viewer.email.from': 'Von',
+    'file-viewer.email.to': 'An',
+    'file-viewer.email.cc': 'Cc',
+    'file-viewer.email.date': 'Datum',
+    'file-viewer.email.attachments': 'Anhänge',
+    'file-viewer.email.attachment.unnamed': 'Unbenannter Anhang',
+    'file-viewer.email.remote-images.warning': 'Bilder werden nicht geladen, um Ihre Privatsphäre zu schützen.',
+    'file-viewer.email.remote-images.warning.description': `Viele E-Mails enthalten Bilder, die auf externen Servern gehostet werden.
+Wenn Bilder geladen werden, fordert Ihr Gerät sie vom Server des Absenders an.
+Dadurch kann der Absender erfahren, dass Sie die Nachricht geöffnet haben, wann Sie sie geöffnet haben, sowie Metadaten wie Ihre IP-Adresse und Informationen zu Gerät/Browser.
+
+Sie können Bilder weiterhin blockieren (die E-Mail kann unvollständig aussehen) oder sie laden, wenn Sie dem Absender vertrauen.`,
+    'file-viewer.email.remote-images.load': 'Bilder laden',
     'editor-menu.bold': 'Fett',
     'editor-menu.italic': 'Kursiv',
     'editor-menu.strikethrough': 'Durchgestrichen',

package/dist/collection/translations/en.js

@@ -38,6 +38,20 @@ export default {
     'file-viewer.open-in-fullscreen': 'Open in fullscreen',
     'file-viewer.open-in-new-tab': 'Open in a new tab',
     'file-viewer.more-actions': 'More…',
+    'file-viewer.email.subject': 'Subject',
+    'file-viewer.email.from': 'From',
+    'file-viewer.email.to': 'To',
+    'file-viewer.email.cc': 'Cc',
+    'file-viewer.email.date': 'Date',
+    'file-viewer.email.attachments': 'Attachments',
+    'file-viewer.email.attachment.unnamed': 'Unnamed attachment',
+    'file-viewer.email.remote-images.warning': "Images aren't loaded to protect your privacy.",
+    'file-viewer.email.remote-images.warning.description': `Many emails include images hosted on external servers.
+When images are loaded, your device requests them from the sender’s server.
+This may reveal to the sender that you opened the message, when you opened it, and metadata such as your IP address and device/browser information.
+
+You can keep images blocked (the email may look incomplete), or load them if you trust the sender.`,
+    'file-viewer.email.remote-images.load': 'Load images',
     'editor-menu.bold': 'Bold',
     'editor-menu.italic': 'Italic',
     'editor-menu.strikethrough': 'Strikethrough',

package/dist/collection/translations/fi.js

@@ -38,6 +38,20 @@ export default {
     'file-viewer.open-in-fullscreen': 'Avaa koko näytössä',
     'file-viewer.open-in-new-tab': 'Avaa uudella välilehdellä',
     'file-viewer.more-actions': 'Lisää…',
+    'file-viewer.email.subject': 'Aihe',
+    'file-viewer.email.from': 'Lähettäjä',
+    'file-viewer.email.to': 'Vastaanottaja',
+    'file-viewer.email.cc': 'Kopio',
+    'file-viewer.email.date': 'Päiväys',
+    'file-viewer.email.attachments': 'Liitteet',
+    'file-viewer.email.attachment.unnamed': 'Nimetön liite',
+    'file-viewer.email.remote-images.warning': 'Kuvia ei ladata yksityisyytesi suojaamiseksi.',
+    'file-viewer.email.remote-images.warning.description': `Monet sähköpostit sisältävät kuvia, jotka sijaitsevat ulkoisilla palvelimilla.
+Kun kuvat ladataan, laitteesi pyytää ne lähettäjän palvelimelta.
+Tämä voi paljastaa lähettäjälle, että avasit viestin, milloin avasit sen, sekä metatietoja, kuten IP-osoitteesi ja tiedot laitteesta/selaimesta.
+
+Voit pitää kuvat estettyinä (sähköposti voi näyttää puutteelliselta) tai ladata ne, jos luotat lähettäjään.`,
+    'file-viewer.email.remote-images.load': 'Lataa kuvat',
     'editor-menu.bold': 'Lihavoitu',
     'editor-menu.italic': 'Kursivoitu',
     'editor-menu.strikethrough': 'Yliviivaus',

package/dist/collection/translations/fr.js

@@ -38,6 +38,20 @@ export default {
     'file-viewer.open-in-fullscreen': 'Ouvrir en plein écran',
     'file-viewer.open-in-new-tab': 'Ouvrir dans un nouvel onglet',
     'file-viewer.more-actions': 'Plus…',
+    'file-viewer.email.subject': 'Objet',
+    'file-viewer.email.from': 'De',
+    'file-viewer.email.to': 'À',
+    'file-viewer.email.cc': 'Cc',
+    'file-viewer.email.date': 'Date',
+    'file-viewer.email.attachments': 'Pièces jointes',
+    'file-viewer.email.attachment.unnamed': 'Pièce jointe sans nom',
+    'file-viewer.email.remote-images.warning': 'Les images ne sont pas chargées afin de protéger votre vie privée.',
+    'file-viewer.email.remote-images.warning.description': `De nombreux e-mails contiennent des images hébergées sur des serveurs externes.
+Lorsque les images sont chargées, votre appareil les demande au serveur de l’expéditeur.
+Cela peut révéler à l’expéditeur que vous avez ouvert le message, quand vous l’avez ouvert, ainsi que des métadonnées telles que votre adresse IP et des informations sur votre appareil/navigateur.
+
+Vous pouvez laisser les images bloquées (l’e-mail peut sembler incomplet) ou les charger si vous faites confiance à l’expéditeur.`,
+    'file-viewer.email.remote-images.load': 'Charger les images',
     'editor-menu.bold': 'Gras',
     'editor-menu.italic': 'Italique',
     'editor-menu.strikethrough': 'Barré',

package/dist/collection/translations/nl.js

@@ -38,6 +38,20 @@ export default {
     'file-viewer.open-in-fullscreen': 'Open in volledig scherm',
     'file-viewer.open-in-new-tab': 'Openen op een nieuw tabblad',
     'file-viewer.more-actions': 'Meer…',
+    'file-viewer.email.subject': 'Onderwerp',
+    'file-viewer.email.from': 'Van',
+    'file-viewer.email.to': 'Aan',
+    'file-viewer.email.cc': 'Cc',
+    'file-viewer.email.date': 'Datum',
+    'file-viewer.email.attachments': 'Bijlagen',
+    'file-viewer.email.attachment.unnamed': 'Bijlage zonder naam',
+    'file-viewer.email.remote-images.warning': 'Afbeeldingen worden niet geladen om je privacy te beschermen.',
+    'file-viewer.email.remote-images.warning.description': `Veel e-mails bevatten afbeeldingen die op externe servers worden gehost.
+Wanneer afbeeldingen worden geladen, vraagt je apparaat ze op bij de server van de afzender.
+Dit kan aan de afzender onthullen dat je het bericht hebt geopend, wanneer je het hebt geopend, en metadata zoals je IP-adres en informatie over apparaat/browser.
+
+Je kunt afbeeldingen geblokkeerd houden (de e-mail kan er onvolledig uitzien) of ze laden als je de afzender vertrouwt.`,
+    'file-viewer.email.remote-images.load': 'Afbeeldingen laden',
     'editor-menu.bold': 'Vet',
     'editor-menu.italic': 'Cursief',
     'editor-menu.strikethrough': 'Doorhalen',

package/dist/collection/translations/no.js

@@ -37,6 +37,20 @@ export default {
     'file-viewer.open-in-fullscreen': 'Åpne i fullskjerm',
     'file-viewer.open-in-new-tab': 'Åpne i en ny fane',
     'file-viewer.more-actions': 'Mer…',
+    'file-viewer.email.subject': 'Emne',
+    'file-viewer.email.from': 'Fra',
+    'file-viewer.email.to': 'Til',
+    'file-viewer.email.cc': 'Kopi',
+    'file-viewer.email.date': 'Dato',
+    'file-viewer.email.attachments': 'Vedlegg',
+    'file-viewer.email.attachment.unnamed': 'Vedlegg uten navn',
+    'file-viewer.email.remote-images.warning': 'Bilder lastes ikke inn for å beskytte personvernet ditt.',
+    'file-viewer.email.remote-images.warning.description': `Mange e-poster inneholder bilder som ligger på eksterne servere.
+Når bilder lastes inn, henter enheten din dem fra avsenderens server.
+Dette kan avsløre for avsenderen at du åpnet meldingen, når du åpnet den, og metadata som IP-adressen din og informasjon om enhet/nettleser.
+
+Du kan fortsette å blokkere bilder (e-posten kan se ufullstendig ut), eller laste dem inn hvis du stoler på avsenderen.`,
+    'file-viewer.email.remote-images.load': 'Last inn bilder',
     'editor-menu.bold': 'Fet',
     'editor-menu.italic': 'Kursiv',
     'editor-menu.strikethrough': 'Gjennomstreking',

package/dist/collection/translations/sv.js

@@ -38,6 +38,20 @@ export default {
     'file-viewer.open-in-fullscreen': 'Öppna i fullskärmsläge',
     'file-viewer.open-in-new-tab': 'Öppna i ny flik',
     'file-viewer.more-actions': 'Mer…',
+    'file-viewer.email.subject': 'Ämne',
+    'file-viewer.email.from': 'Från',
+    'file-viewer.email.to': 'Till',
+    'file-viewer.email.cc': 'Kopia',
+    'file-viewer.email.date': 'Datum',
+    'file-viewer.email.attachments': 'Bilagor',
+    'file-viewer.email.attachment.unnamed': 'Namnlös bilaga',
+    'file-viewer.email.remote-images.warning': 'Bilder laddas inte för att skydda din integritet.',
+    'file-viewer.email.remote-images.warning.description': `Många e-postmeddelanden innehåller bilder som finns på externa servrar.
+När bilder laddas hämtar din enhet dem från avsändarens server.
+Det kan avslöja för avsändaren att du öppnade meddelandet, när du öppnade det och metadata som din IP-adress samt information om enhet/webbläsare.
+
+Du kan fortsätta blockera bilder (e-posten kan se ofullständig ut) eller ladda dem om du litar på avsändaren.`,
+    'file-viewer.email.remote-images.load': 'Ladda bilder',
     'editor-menu.bold': 'Fet',
     'editor-menu.italic': 'Kursiv',
     'editor-menu.strikethrough': 'Genomstruken',

package/dist/collection/util/format-bytes.js

@@ -0,0 +1,38 @@
+/**
+ * Format a file size in bytes into a human readable string.
+ *
+ * Uses base 1024 units (binary prefixes without the "i" designation)
+ * and applies adaptive precision: one decimal for values < 10 of the
+ * chosen unit, otherwise no decimals.
+ *
+ * Examples:
+ *  - 0 => "0 B"
+ *  - 512 => "512 B"
+ *  - 1536 => "1.5 KB"
+ *  - 1048576 => "1 MB"
+ *  - 5368709120 => "5 GB"
+ *  - formatBytes(5347737600, 2) => "4.98 GB" (value < 10 so two decimals)
+ *
+ * @param bytes - the size in bytes
+ * @param decimals - max number of decimals for small unit values (default: 1)
+ * @returns formatted size string
+ */
+export function formatBytes(bytes, decimals = 1) {
+    if (bytes == null || Number.isNaN(bytes)) {
+        return '';
+    }
+    if (bytes < 0) {
+        return '';
+    }
+    if (bytes === 0) {
+        return '0 B';
+    }
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const i = Math.max(0, Math.min(sizes.length - 1, Math.floor(Math.log(bytes) / Math.log(k))));
+    const value = bytes / Math.pow(k, i);
+    const safeDecimals = Number.isFinite(decimals) ? Math.trunc(decimals) : 0;
+    const precision = value < 10 ? Math.min(100, Math.max(0, safeDecimals)) : 0; // only keep decimals for small values
+    const rounded = Number.parseFloat(value.toFixed(precision));
+    return `${rounded} ${sizes[i]}`;
+}

package/dist/esm/{file-metadata-D5joHaqk.js → file-metadata-BwF9vTXN.js}

@@ -1,4 +1,4 @@
-import { d as getIconBackgroundColor, a as getIconColor, g as getIconName } from './get-icon-props-COzG_Mhw.js';
+import { c as getIconBackgroundColor, b as getIconColor, g as getIconName } from './get-icon-props-CgNJbSP4.js';
 
 const DEFAULT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';
 const CALENDAR_ICON_BACKGROUND_COLOR = 'rgba(var(--color-cyan-lighter), 0.4)';

package/dist/esm/{files-CkgibGPZ.js → files-P324wLau.js}

@@ -1,4 +1,4 @@
-import { g as getFileBackgroundColor, a as getFileColor, b as getFileExtensionTitle, c as getFileIcon } from './file-metadata-D5joHaqk.js';
+import { g as getFileBackgroundColor, a as getFileColor, b as getFileExtensionTitle, c as getFileIcon } from './file-metadata-BwF9vTXN.js';
 
 /**
  *

package/dist/esm/{get-icon-props-COzG_Mhw.js → get-icon-props-CgNJbSP4.js}

@@ -93,4 +93,4 @@ function getIconTitle(icon, iconTitle) {
     return undefined;
 }
 
-export { getIconColor as a, getIconTitle as b, getIconFillColor as c, getIconBackgroundColor as d, getIconName as g };
+export { getIconFillColor as a, getIconColor as b, getIconBackgroundColor as c, getIconTitle as d, getIconName as g };