@limetech/lime-elements 40.12.3 → 40.13.1

package/dist/esm/limel-dialog.entry.js

@@ -3,8 +3,8 @@ import { d as dispatchResizeEvent } from './dispatch-resize-event-z_E3sq3p.js';
 import { c as createRandomString } from './random-string-BrjD-ITe.js';
 import { _ as __extends, a as __assign, M as MDCFoundation, b as __values, c as MDCComponent, d as closest, m as matches } from './ponyfill-6YuZiAPi.js';
 import { M as MDCRipple } from './component-CrjPGt1I.js';
-import { i as isEqual } from './isEqual-CE83yS8T.js';
-import './_baseIsEqual-CyF4P8uM.js';
+import { i as isEqual } from './isEqual-C-pK6AAU.js';
+import './_baseIsEqual-B_JRErB0.js';
 import './eq-CZ30nDJE.js';
 import './_getTag-BiAaLWvH.js';
 import './isObject-BJQylLSL.js';
@@ -1015,10 +1015,10 @@ const Dialog = class {
         this.mdcDialog.destroy();
     }
     render() {
-        return (h("div", { key: 'd8827ca3327d18f6d52d0e3a1f4aa09046dde8e2', class: {
+        return (h("div", { key: '1b5ea40cec2ae67e3ffa902bd35bfaca444ae2bf', class: {
                 'mdc-dialog': true,
                 'full-screen': !!this.fullscreen,
-            }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, h("input", { key: '941dc7a8d6c779912c5bd0bfe85c8ed2542fb438', hidden: true, id: "initialFocusEl" }), h("div", { key: '435969f643d7ab2f3274981ec3b7125de73a0eda', class: "mdc-dialog__container" }, h("div", { key: 'e9284f9a13ef6aa37742f38fe3f17cf35ce7647a', class: "mdc-dialog__surface" }, h("input", { key: 'c930e13c55db2aa081be7f3c8a7f9ba48bf4e636', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: '8967a34e50cd285c5c91749fd254f96c7b6b6a25', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: 'aeb23f666f0724cf1f9b283a210387bd9431d65e' })), this.renderFooter())), h("div", { key: '11d4a090d5fb0a38ff893825453034b858430ab0', class: "mdc-dialog__scrim" })));
+            }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, h("input", { key: 'bcf3bcb62754208c582672667a175e736b0744fa', hidden: true, id: "initialFocusEl" }), h("div", { key: '296832fed308a7708a41049efaaf98d45514d2d7', class: "mdc-dialog__container" }, h("div", { key: '35367530bccda9a88285f3129d00875dc77c0257', class: "mdc-dialog__surface" }, h("input", { key: '9e70d9bd7cdce0dfef28ffe12ec5c07ffc66e5e1', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: '323d15273582eac0803124b9699d44e2b9a079e2', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: '0905ccd516e77933531e600faba97e73b5317731' })), this.renderFooter())), h("div", { key: '1ec2d3d9aa09b60d478c4ff5beefcaaefef9baed', class: "mdc-dialog__scrim" })));
     }
     watchHandler(newValue, oldValue) {
         if (oldValue === newValue || !this.mdcDialog) {

package/dist/esm/limel-dock.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-BU9IJqli.js';
-import { t as translations } from './translations-UrIr-5_D.js';
+import { t as translations } from './translations-Drl5LNAD.js';
 import './language-ChagAaNf.js';
 
 const dockCss = () => `@charset "UTF-8";button.expand-shrink{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;box-sizing:border-box;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}button.expand-shrink:hover,button.expand-shrink:focus,button.expand-shrink:focus-visible{will-change:color, background-color, box-shadow, transform}button.expand-shrink:hover,button.expand-shrink:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.expand-shrink:hover{box-shadow:var(--button-shadow-hovered)}button.expand-shrink:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.expand-shrink:hover,button.expand-shrink:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.expand-shrink:focus{outline:none}button.expand-shrink:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.expand-shrink{display:flex;justify-content:center;align-items:center;height:var(--dock-expand-shrink-button-height);padding:0 0.5rem;margin:var(--limel-dock-padding);border-radius:0.375rem}button.expand-shrink.expanded{justify-content:flex-end}button.expand-shrink.expanded limel-icon{transform:rotateY(180deg)}button.expand-shrink limel-icon{width:calc(var(--dock-expand-shrink-button-height) - 0.25rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}:host(limel-dock){--badge-background-color:rgb(var(--color-red-default));--badge-text-color:rgb(var(--color-white));--dock-item-height:2.75rem;--limel-dock-padding:0.25rem;--dock-expand-shrink-button-height:1rem;--limel-dock-item-text-color:var(       --dock-item-text-color,       rgb(var(--contrast-1100))   );--limel-dock-item-text-color--selected:var(       --dock-item-text-color--selected,       rgb(var(--contrast-1300))   );isolation:isolate;position:relative;box-sizing:border-box;display:inline-flex;flex-direction:column;background-color:var(--dock-background-color, rgb(var(--contrast-100)));box-shadow:var(--shadow-depth-8);padding-top:var(--dock-padding-top);padding-right:var(--dock-padding-right);padding-bottom:var(--dock-padding-bottom);padding-left:var(--dock-padding-left)}:host(limel-dock:not(.has-mobile-layout)){height:100%;width:calc(var(--limel-dock-padding) * 2 + var(--dock-item-height) + var(--dock-padding-left, 0px) + var(--dock-padding-right, 0px))}:host(limel-dock:not(.has-mobile-layout)) nav{padding-bottom:calc(var(--limel-dock-padding) + 0.25rem)}:host(limel-dock.expanded:not(.has-mobile-layout)){width:calc(var(--dock-expanded-max-width, 10rem) + var(--dock-padding-left, 0px) + var(--dock-padding-right, 0px))}.footer-separator{margin-top:auto;justify-self:flex-end}nav{box-sizing:border-box;display:inline-flex;flex-direction:column;gap:0.375rem;flex-grow:1;padding:var(--limel-dock-padding);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}:host(limel-dock.has-mobile-layout) nav{justify-content:space-between;flex-direction:row}limel-dock-button:first-of-type{--limel-custom-home-icon-enabler:var(--crm-custom-home-icon-enabler);--limel-custom-home-icon:var(--crm-custom-home-icon)}`;
@@ -95,11 +95,11 @@ const Dock = class {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (h(Host, { key: '42483e781906b34b452ce608280a4c9413c7ef8b', class: {
+        return (h(Host, { key: '59f51282a849383ecc23d3699ab20d9eadef800a', class: {
                 dock: true,
                 expanded: this.expanded,
                 'has-mobile-layout': this.useMobileLayout,
-            } }, h("nav", { key: 'fe46daba5b59ad2103b543f7bc07238c7e1bcc90', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
+            } }, h("nav", { key: 'c60abf3144c58aac33e321548b3167387f1bc2a9', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
     }
     renderExpandShrinkToggle() {
         if (this.useMobileLayout || !this.allowResize) {

package/dist/esm/{limel-scroller.entry.js → limel-drag-handle_2.entry.js}

@@ -1,4 +1,41 @@
 import { r as registerInstance, h, H as Host } from './index-BU9IJqli.js';
+import { t as translations } from './translations-Drl5LNAD.js';
+import './language-ChagAaNf.js';
+
+const dragHandleCss = () => `@charset "UTF-8";limel-drag-handle{display:inline-flex;align-items:center;justify-content:center}button.limel-drag-handle{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button.limel-drag-handle:focus{outline:none}button.limel-drag-handle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.limel-drag-handle{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}button.limel-drag-handle:hover,button.limel-drag-handle:focus,button.limel-drag-handle:focus-visible{will-change:color, background-color, box-shadow, transform}button.limel-drag-handle:hover,button.limel-drag-handle:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--mdc-theme-primary);background-color:transparent}button.limel-drag-handle:hover{box-shadow:var(--button-shadow-hovered)}button.limel-drag-handle:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.limel-drag-handle:hover,button.limel-drag-handle:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.limel-drag-handle{touch-action:none;cursor:grab}button.limel-drag-handle:active{cursor:grabbing}button.limel-drag-handle:active,button.limel-drag-handle:hover{box-shadow:none !important}button.limel-drag-handle{display:inline-flex;align-items:center;justify-content:center;border-radius:0.4rem;padding:0.5rem;max-height:2.25rem;max-width:2.25rem;color:rgb(var(--contrast-900))}button.limel-drag-handle .drag-icon{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.2rem}limel-drag-handle[drag-direction=horizontal] button.limel-drag-handle .drag-icon{grid-template-columns:1fr 1fr}button.limel-drag-handle .drag-icon div{transition:transform 0.2s ease, background-color 0.2s ease;height:0.125rem;width:0.125rem;border-radius:1rem;background-color:currentColor;transform:scale(1)}.is-being-dragged button.limel-drag-handle .drag-icon div,button.limel-drag-handle:active .drag-icon div,button.limel-drag-handle:focus .drag-icon div,button.limel-drag-handle:hover .drag-icon div,button.limel-drag-handle:focus-visible .drag-icon div{background-color:var(--mdc-theme-primary);transform:scale(1.5)}`;
+
+const DragHandleComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * The direction in which the drag handle can be used to reorder items.
+         */
+        this.dragDirection = 'vertical';
+        /**
+         * The preferred direction for the tooltip to open.
+         * Defaults to 'left', as our recommended placement for a drag handle
+         * in the UI is on the far right side of draggable elements.
+         */
+        this.tooltipOpenDirection = 'left';
+        /**
+         * Language to use for translations.
+         */
+        this.language = 'en';
+        this.dragHandleId = 'drag-handle-' + crypto.randomUUID();
+        this.handleClick = (event) => {
+            // Prevent bubbling so the parent item does not treat the pointer click as
+            // a toggle or reorder action.
+            event.preventDefault();
+            event.stopPropagation();
+        };
+    }
+    render() {
+        const tooltipLabel = translations.get('drag-handle.drag-to-reorder', this.language);
+        const ariaLabel = translations.get('drag-handle.drag-handle', this.language);
+        return (h(Host, { key: 'c88e3c81d5c24052b01bb44a6dd6d1abdddc75cb' }, h("button", { key: 'e45a3d7ca735bc27a4a05c13c65ec0d6e2b4df04', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '8a91aa1f70775148fb4262a9ef51129cfd89cf07', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, h("div", { key: "1" }), h("div", { key: "2" }), h("div", { key: "3" }), h("div", { key: "4" }), h("div", { key: "5" }), h("div", { key: "6" })), h("limel-tooltip", { key: '645f814490598b794def31fde73de3bf61041904', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
+    }
+};
+DragHandleComponent.style = dragHandleCss();
 
 const scrollerCss = () => `@charset "UTF-8";:host(limel-scroller){display:block}div.scroller{position:relative;overflow:hidden;height:100%}div.scroll-area{display:flex;height:100%;scrollbar-width:none}div.scroll-area::-webkit-scrollbar{display:none}div.scroll-content{display:flex;flex:1 0 auto;position:relative;isolation:isolate;padding:var(--limel-scroller-content-padding, 0)}::slotted(*){flex-shrink:0}div.scroll-fade,div.scroll-button{position:absolute;transition:transform 0.3s ease-out}div.scroll-fade{pointer-events:none}div.scroll-button{display:flex;align-items:center;justify-content:center}div.scroll-button div.arrow-button{display:flex;align-items:center;justify-content:center;border-radius:0.25rem;color:var(--limel-theme-on-surface-color)}div.scroll-button svg.arrow{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}div.scroller.horizontal div.scroll-area{overflow-x:auto;overflow-y:hidden}div.scroller.horizontal ::slotted(*){scroll-margin-inline:2.25rem}div.scroller.horizontal div.scroll-fade{top:0;width:4rem;height:100%}div.scroller.horizontal div.scroll-fade.start{left:0;transform:translate3d(-4rem, 0, 0);background:linear-gradient(270deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.horizontal div.scroll-fade.end{right:0;transform:translate3d(4rem, 0, 0);background:linear-gradient(90deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.horizontal div.scroll-button{top:0;bottom:0}div.scroller.horizontal div.scroll-button.start{left:0.25rem;transform:translate3d(-4rem, 0, 0)}div.scroller.horizontal div.scroll-button.start svg.arrow{transform:rotate(180deg)}div.scroller.horizontal div.scroll-button.end{right:0.25rem;transform:translate3d(4rem, 0, 0)}div.scroller.horizontal div.scroll-button div.arrow-button{width:1.25rem;height:calc(100% - 0.5rem)}div.scroller.vertical div.scroll-area{flex-direction:column;overflow-x:hidden;overflow-y:auto}div.scroller.vertical div.scroll-content{flex-direction:column}div.scroller.vertical ::slotted(*){scroll-margin-block:2.25rem}div.scroller.vertical div.scroll-fade{left:0;width:100%;height:4rem}div.scroller.vertical div.scroll-fade.start{top:0;transform:translate3d(0, -4rem, 0);background:linear-gradient(0deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.vertical div.scroll-fade.end{bottom:0;transform:translate3d(0, 4rem, 0);background:linear-gradient(180deg, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0) 0%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 40%, rgba(var(--limel-scroller-fade-color, var(--contrast-100)), 0.8) 100%)}div.scroller.vertical div.scroll-button{left:0;right:0}div.scroller.vertical div.scroll-button.start{top:0.25rem;transform:translate3d(0, -4rem, 0)}div.scroller.vertical div.scroll-button.start svg.arrow{transform:rotate(-90deg)}div.scroller.vertical div.scroll-button.end{bottom:0.25rem;transform:translate3d(0, 4rem, 0)}div.scroller.vertical div.scroll-button.end svg.arrow{transform:rotate(90deg)}div.scroller.vertical div.scroll-button div.arrow-button{height:1.25rem;width:calc(100% - 0.5rem)}div.scroller.can-scroll-to-start div.scroll-fade.start,div.scroller.can-scroll-to-start div.scroll-button.start{transform:translate3d(0, 0, 0)}div.scroller.can-scroll-to-end div.scroll-fade.end,div.scroller.can-scroll-to-end div.scroll-button.end{transform:translate3d(0, 0, 0)}div.scroller.can-scroll-to-start:not(.can-scroll-to-end) div.scroll-button.end,div.scroller.can-scroll-to-end:not(.can-scroll-to-start) div.scroll-button.start{opacity:0.5;transition-delay:0.5s}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:hover,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:focus,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:focus-visible,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:hover,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:focus,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:focus-visible{will-change:color, background-color, box-shadow, transform}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:hover,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:focus-visible,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:hover,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:active,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:hover,div.scroller.can-scroll-to-start div.scroll-button.start div.arrow-button:active,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:hover,div.scroller.can-scroll-to-end div.scroll-button.end div.arrow-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}div.scroller div.scroll-button.start:hover,div.scroller div.scroll-button.end:hover{transform:translate3d(0, 0, 0)}`;
 
@@ -63,12 +100,12 @@ const Scroller = class {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: 'c208de7a73b1d3d040a0a76b2bdc7bad3d5ab739' }, h("div", { key: '5e69255f710a5f5f439553fa1f9b183e9dc5a9bd', class: {
+        return (h(Host, { key: '6e546a2b31136af45497d3de8369754b33992da9' }, h("div", { key: '22fbd0723a170201a422d073f41ce8e2a0d726d3', class: {
                 scroller: true,
                 [this.orientation]: true,
                 'can-scroll-to-start': this.canScrollToStart,
                 'can-scroll-to-end': this.canScrollToEnd,
-            } }, h("div", { key: 'fc1b91baa65f317ae7bad667cba13813400ac546', class: "scroll-area", ref: (element) => (this.scrollArea = element), onScroll: this.updateScrollability, onFocusin: this.revealFocusedItem }, h("div", { key: '43c02c4acba2ba647aaf6a7516a0326ffc0f16b1', class: "scroll-content", ref: (element) => (this.scrollContent = element) }, h("slot", { key: '3d2e82f50748410b5370741c8e8b1f44117adc35', ref: (element) => (this.slotElement = element) }))), this.renderEdge('start'), this.renderEdge('end'))));
+            } }, h("div", { key: '379da89bc7f3b7b2a4700d1740df7c63906e065f', class: "scroll-area", ref: (element) => (this.scrollArea = element), onScroll: this.updateScrollability, onFocusin: this.revealFocusedItem }, h("div", { key: '448ee73f8e9c68db5cadbd0910c9d1135d8d40ee', class: "scroll-content", ref: (element) => (this.scrollContent = element) }, h("slot", { key: 'fc12618e40799918647a37be83fe8d8d5f7b8077', ref: (element) => (this.slotElement = element) }))), this.renderEdge('start'), this.renderEdge('end'))));
     }
     renderEdge(edge) {
         return [
@@ -175,4 +212,4 @@ function getScrollBehavior() {
 }
 Scroller.style = scrollerCss();
 
-export { Scroller as limel_scroller };
+export { DragHandleComponent as limel_drag_handle, Scroller as limel_scroller };

package/dist/esm/limel-email-viewer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-BU9IJqli.js';
-import { t as translations } from './translations-UrIr-5_D.js';
+import { t as translations } from './translations-Drl5LNAD.js';
 import { f as formatBytes } from './format-bytes-24yUSW40.js';
 import { a as adaptColorContrast } from './adapt-color-contrast-BQoih_t0.js';
 import { g as getIconBackgroundColorForFile, a as getIconFillColorForFile, b as getIconForFile } from './icons-Bu_YRgCL.js';
@@ -214,7 +214,7 @@ const EmailViewer = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f28d5f5b43643c9bb0ce9640d4d774d36e87e5ba' }, h("div", { key: '33383fce3618029de03eab77b920c8ba7784ee76', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: '64141b9920deaf952f80db9f65a7627bb36aefd9' }, this.renderAttachments(), this.renderBody()))));
+        return (h(Host, { key: '988ce952ec8bfb1a3f6107687bf99eb921e82a68' }, h("div", { key: '0c0551cf33923837a4fbc0be84bef92e5f42084a', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: '62189859a9796e38bfa2c3aa7af83c3f2cc1e5a6' }, this.renderAttachments(), this.renderBody()))));
     }
     renderHeaders() {
         const headerFields = [

package/dist/esm/limel-file-dropzone_2.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BU9IJqli.js';
 import { c as createFileInfo, i as isTypeAccepted } from './files-CKnLqPDj.js';
-import { b as baseForOwn } from './_baseForOwn-D5j7fHlv.js';
+import { b as baseForOwn } from './_baseForOwn-vKFWmmaS.js';
 import { i as isArrayLike } from './isArrayLike-CyVGB489.js';
-import { b as baseIteratee } from './_baseIteratee-CpbczHY1.js';
+import { b as baseIteratee } from './_baseIteratee-CVz7aes3.js';
 import { i as isArray } from './isArray-B8VKuhvH.js';
 import { c as createRandomString } from './random-string-BrjD-ITe.js';
 import './file-metadata-BHzkIH4g.js';
 import './icons-Bu_YRgCL.js';
 import './get-icon-props-CgNJbSP4.js';
-import './_baseIsEqual-CyF4P8uM.js';
+import './_baseIsEqual-B_JRErB0.js';
 import './eq-CZ30nDJE.js';
 import './_getTag-BiAaLWvH.js';
 import './isObject-BJQylLSL.js';
@@ -231,7 +231,7 @@ const FileDropzone = class {
         };
     }
     render() {
-        return (h(Host, { key: '5323ec725e0f49a0d10879955fe0c09fd4d54880', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: 'ffbf75fbe962bfc3db501cced37dc9c56e8a9092' }), this.renderOnDragLayout()));
+        return (h(Host, { key: '0209f44f7cfe46ccb98b3e15d597555ac57c0dce', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: '1198fc4141e15527cd7575f5dd88b06b1a9d61c1' }), this.renderOnDragLayout()));
     }
 };
 FileDropzone.style = fileDropzoneCss();
@@ -292,7 +292,7 @@ const FileInput = class {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (h(Host, { key: '3f50f6c3dd1b0111be466ddb5fbd1feac8760159', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: '1c3b89baf7511a4de2b32543ee77135a58a7ecbe', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '857a60a5108c6b179537270e0be02bb7009f294c' })));
+        return (h(Host, { key: 'e499bde6727abc2123d0aa70d446860de930a838', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: '9e3ba97f8f43b90d6d63e348acda5fa2a3976432', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: 'c29534ed1ee305ba85afd02c4b66e61eae817a5e' })));
     }
     handleKeyDown(event) {
         if (['Tab', 'Backspace', 'Enter'].includes(event.code)) {

package/dist/esm/limel-file-viewer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-BU9IJqli.js';
-import { t as translations } from './translations-UrIr-5_D.js';
+import { t as translations } from './translations-Drl5LNAD.js';
 import { d as defaultSchema, u as unified, r as rehypeParse, a as rehypeSanitize, v as visit, b as rehypeStringify } from './index-BN64nlbO.js';
 import { I as ImageTemplate } from './image.template-BGjw97m_.js';
 import './language-ChagAaNf.js';
@@ -657,7 +657,11 @@ function canJoinWords(left, right) {
         return false;
     }
     if (encoding === 'B') {
-        return left.encodedText.length % 4 === 0 && !/=$/.test(left.encodedText);
+        // The length of a string built by concatenation is stored with it, but a regex or
+        // endsWith on it flattens everything joined so far first. Testing the growing text
+        // for a pad on every word made a subject of a hundred thousand short words cost
+        // seconds, so the pad is tracked as the words are appended instead.
+        return left.encodedText.length % 4 === 0 && !left.padded;
     }
     return true;
 }
@@ -688,12 +692,18 @@ function renderTokens(tokens, joinWords) {
         }
         if (pending && joinWords && canJoinWords(pending, token)) {
             pending.encodedText += token.encodedText;
+            pending.padded = token.encodedText.endsWith('=');
             continue;
         }
         if (pending) {
             result += decodeWord(pending.charset, pending.encoding, pending.encodedText);
         }
-        pending = { charset: token.charset, encoding: token.encoding, encodedText: token.encodedText };
+        pending = {
+            charset: token.charset,
+            encoding: token.encoding,
+            encodedText: token.encodedText,
+            padded: token.encodedText.endsWith('=')
+        };
     }
     if (pending) {
         result += decodeWord(pending.charset, pending.encoding, pending.encodedText);
@@ -1058,6 +1068,12 @@ class QPDecoder {
 const headerDecoder = new TextDecoder('utf-8', { ignoreBOM: true });
 // number of pieces decodeFlowedText collects before joining them
 const FLOWED_JOIN_INTERVAL = 4096;
+// What a header line costs to hold, at the least. The decoded line, its entry in
+// rawHeaderLines and the parsed header come to a few hundred bytes for a line of one
+// byte, so two million such lines stayed inside maxHeadersSize while they held a few
+// hundred megabytes. Counting every line for at least this much keeps the memory in step
+// with the budget, 32768 lines at the default 2 MiB.
+const HEADER_LINE_MIN_COST = 64;
 // Trims only the whitespace RFC 5322 allows around a field name. String.prototype.trim
 // also strips U+00A0, U+FEFF, U+2028 and the rest of the Unicode spaces, which turns a
 // line that a strict parser rejects into a canonical field name: a `From:` line with a
@@ -1097,11 +1113,13 @@ class MimeNode {
     constructor(options) {
         this.options = options;
         this.postalMime = options.postalMime;
-        // Counted across the whole message like the header size, so that a multipart can
-        // not carry the budget again for every part it declares
-        this.postalMime.partCount++;
-        if (this.postalMime.partCount > options.maxPartCount) {
-            throw new Error(`Maximum MIME part count of ${options.maxPartCount} parts exceeded`);
+        // Counted across the whole message like the header size, nested message/rfc822
+        // parts included, so that neither a multipart nor a forward can carry the budget
+        // again for every part it declares
+        const limits = this.postalMime.limits;
+        this.postalMime.counters.partCount++;
+        if (this.postalMime.counters.partCount > limits.maxPartCount) {
+            throw new Error(`Maximum MIME part count of ${limits.maxPartCount} parts exceeded`);
         }
         this.childNodes = [];
         // Cursor into childNodes for finalizeChildNodes. Every new part of a multipart
@@ -1111,8 +1129,8 @@ class MimeNode {
         if (options.parentNode) {
             this.parentNode = options.parentNode;
             this.depth = this.parentNode.depth + 1;
-            if (this.depth > options.maxNestingDepth) {
-                throw new Error(`Maximum MIME nesting depth of ${options.maxNestingDepth} levels exceeded`);
+            if (this.depth > limits.maxNestingDepth) {
+                throw new Error(`Maximum MIME nesting depth of ${limits.maxNestingDepth} levels exceeded`);
             }
             options.parentNode.childNodes.push(this);
         }
@@ -1586,6 +1604,8 @@ class MimeNode {
             .toLowerCase()
             .match(/[\w-]+/) || [''])[0];
         this.setupContentDecoder(this.contentTransferEncoding.encoding);
+        // the lines live on in rawHeaderLines and headers, so the raw copies are released
+        this.headerLines = [];
     }
     // Ends the header section and sets up the body
     endHeaders() {
@@ -1605,10 +1625,10 @@ class MimeNode {
                 // Counted across the whole message, not per part. A per-node budget lets a
                 // multipart carry the limit again for every part it declares, so a message
                 // many times over the limit still parses.
-                this.postalMime.headerSize += line.length;
-                if (this.postalMime.headerSize > this.options.maxHeadersSize) {
-                    let error = new Error(`Maximum header size of ${this.options.maxHeadersSize} bytes exceeded`);
-                    throw error;
+                this.postalMime.counters.headerSize += Math.max(line.length, HEADER_LINE_MIN_COST);
+                const maxHeadersSize = this.postalMime.limits.maxHeadersSize;
+                if (this.postalMime.counters.headerSize > maxHeadersSize) {
+                    throw new Error(`Maximum header size of ${maxHeadersSize} bytes exceeded`);
                 }
                 const text = decodeUtf8OrWindows1252(line, headerDecoder);
                 // A line of nothing but whitespace is legal folding (RFC 5322 4.2, obs-FWS),
@@ -5289,8 +5309,8 @@ const MAX_PART_COUNT = 10000;
 const MAX_RFC822_NESTING_DEPTH = 10;
 // The From, To, Cc and Bcc of every inline message/rfc822 part are rendered into the
 // text and html of the parent, an address of one or two bytes as some 60 characters of
-// html. maxHeadersSize bounds the header bytes of each nested message on its own, so
-// without a limit counted across all of them the output grows with the number of forwards.
+// html. maxHeadersSize bounds the header bytes, not the addresses they hold, so without
+// a limit of their own the output grows with the number of forwards.
 const MAX_FORWARDED_ADDRESSES = 10000;
 // the number of entries the header formatters render for a list of addresses, a group
 // counted along with each of its members
@@ -5318,6 +5338,17 @@ function parseLimitOption(value, defaultValue, name) {
     }
     return value;
 }
+function parseLimits(options) {
+    return {
+        maxNestingDepth: parseLimitOption(options.maxNestingDepth, MAX_NESTING_DEPTH, 'maxNestingDepth'),
+        maxHeadersSize: parseLimitOption(options.maxHeadersSize, MAX_HEADERS_SIZE, 'maxHeadersSize'),
+        maxPartCount: parseLimitOption(options.maxPartCount, MAX_PART_COUNT, 'maxPartCount'),
+        // A limit of 0 disables inline parsing entirely, so every message/rfc822 part
+        // becomes an attachment.
+        maxRfc822NestingDepth: parseLimitOption(options.maxRfc822NestingDepth, MAX_RFC822_NESTING_DEPTH, 'maxRfc822NestingDepth'),
+        maxForwardedAddresses: parseLimitOption(options.maxForwardedAddresses, MAX_FORWARDED_ADDRESSES, 'maxForwardedAddresses')
+    };
+}
 class PostalMime {
     /**
      * Parses a raw email message
@@ -5332,32 +5363,16 @@ class PostalMime {
         const parser = new PostalMime(options);
         return parser.parse(buf);
     }
-    constructor(options) {
+    constructor(options, parent) {
         this.options = options || {};
-        this.mimeOptions = {
-            maxNestingDepth: parseLimitOption(this.options.maxNestingDepth, MAX_NESTING_DEPTH, 'maxNestingDepth'),
-            maxHeadersSize: parseLimitOption(this.options.maxHeadersSize, MAX_HEADERS_SIZE, 'maxHeadersSize'),
-            maxPartCount: parseLimitOption(this.options.maxPartCount, MAX_PART_COUNT, 'maxPartCount')
-        };
-        // A limit of 0 disables inline parsing entirely, so every message/rfc822 part
-        // becomes an attachment.
-        this.maxRfc822NestingDepth = parseLimitOption(this.options.maxRfc822NestingDepth, MAX_RFC822_NESTING_DEPTH, 'maxRfc822NestingDepth');
-        // Internal state that a nested parser receives from its parent, see collectSubMessage.
-        // It is deliberately not an option, so that forwarding a caller supplied options
-        // object can not seed it and switch the recursion limit off.
-        this.rfc822NestingDepth = 0;
-        this.maxForwardedAddresses = parseLimitOption(this.options.maxForwardedAddresses, MAX_FORWARDED_ADDRESSES, 'maxForwardedAddresses');
-        // Like rfc822NestingDepth, a nested parser gets the counter of its parent rather
-        // than an option, so that the count runs across the whole message
-        this.forwardedAddresses = { count: 0 };
-        // Header bytes seen across every part of this message, see MimeNode.feed, and the
-        // number of parts created for it, the root included, see the MimeNode constructor
-        this.headerSize = 0;
-        this.partCount = 0;
-        this.root = this.currentNode = new MimeNode({
-            postalMime: this,
-            ...this.mimeOptions
-        });
+        // Internal state that a nested parser receives from its parent. It is deliberately
+        // not an option, so that forwarding a caller supplied options object can not seed
+        // it and switch the recursion limit off or start the counters over.
+        this.rfc822NestingDepth = parent ? parent.rfc822NestingDepth + 1 : 0;
+        // Set before the root part is created, since the root is counted and checked too
+        this.limits = parent ? parent.limits : parseLimits(this.options);
+        this.counters = parent ? parent.counters : { headerSize: 0, partCount: 0, forwardedAddresses: 0 };
+        this.root = this.currentNode = new MimeNode({ postalMime: this });
         this.boundaries = [];
         this.textContent = {};
         this.textMap = new Map();
@@ -5430,8 +5445,7 @@ class PostalMime {
                     this.currentNode = new MimeNode({
                         postalMime: this,
                         parentNode: boundary.node,
-                        parentMultipartType: boundary.node.contentType.multipart,
-                        ...this.mimeOptions
+                        parentMultipartType: boundary.node.contentType.multipart
                     });
                 }
                 if (isFinal) {
@@ -5499,7 +5513,7 @@ class PostalMime {
     async collectNode(node, alternative, related) {
         if (!node.contentType.multipart) {
             const inlineRfc822 = this.isInlineMessageRfc822(node);
-            const rfc822DepthExceeded = inlineRfc822 && this.rfc822NestingDepth >= this.maxRfc822NestingDepth;
+            const rfc822DepthExceeded = inlineRfc822 && this.rfc822NestingDepth >= this.limits.maxRfc822NestingDepth;
             if (inlineRfc822 && !rfc822DepthExceeded) {
                 await this.collectSubMessage(node);
             }
@@ -5526,25 +5540,20 @@ class PostalMime {
     /** @internal */
     async collectSubMessage(node) {
         const subParser = new PostalMime({
-            // Only the limits are inherited. Options that decide how a part
-            // is classified stay with the parser that was configured.
-            ...this.mimeOptions,
-            maxRfc822NestingDepth: this.maxRfc822NestingDepth,
-            maxForwardedAddresses: this.maxForwardedAddresses,
-            // attachments are encoded by the parent parser, keep raw buffers here
+            // Options that decide how a part is classified stay with the parser that
+            // was configured, the limits and their counters come from this parser.
+            // Attachments are encoded by the parent parser, so raw buffers are kept here.
             attachmentEncoding: 'arraybuffer'
-        });
-        subParser.rfc822NestingDepth = this.rfc822NestingDepth + 1;
-        subParser.forwardedAddresses = this.forwardedAddresses;
+        }, this);
         const subMessage = (node.subMessage = await subParser.parse(node.content || new ArrayBuffer(0)));
         // counted before the header block below is rendered into the text and html
-        this.forwardedAddresses.count +=
+        this.counters.forwardedAddresses +=
             countAddresses(subMessage.from) +
                 countAddresses(subMessage.to) +
                 countAddresses(subMessage.cc) +
                 countAddresses(subMessage.bcc);
-        if (this.forwardedAddresses.count > this.maxForwardedAddresses) {
-            throw new Error(`Maximum forwarded address count of ${this.maxForwardedAddresses} addresses exceeded`);
+        if (this.counters.forwardedAddresses > this.limits.maxForwardedAddresses) {
+            throw new Error(`Maximum forwarded address count of ${this.limits.maxForwardedAddresses} addresses exceeded`);
         }
         // default to text if there is no content
         if (subMessage.text || !subMessage.html) {

package/dist/esm/limel-file.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-BU9IJqli.js';
-import { t as translations } from './translations-UrIr-5_D.js';
+import { t as translations } from './translations-Drl5LNAD.js';
 import { g as getFileBackgroundColor, a as getFileColor, b as getFileExtensionTitle, c as getFileIcon } from './file-metadata-BHzkIH4g.js';
 import { f as formatBytes } from './format-bytes-24yUSW40.js';
 import { r as resizeImage } from './image-resize-Dv2HOgWN.js';
@@ -120,7 +120,7 @@ const File = class {
         this.resizingFile = undefined;
     }
     render() {
-        return (h(Host, { key: 'ecfb98bb1d97078de666e3b92649cf17241ea533', "aria-busy": this.isBusy ? 'true' : 'false' }, h("limel-file-dropzone", { key: 'f41a99e5614efacf6428eef83f5567db10ca7c94', disabled: this.disabled || this.readonly || !!this.displayedFile, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip(), this.renderSpinner()));
+        return (h(Host, { key: 'f18050fc95a60bb3c7223ae12107d49e147def67', "aria-busy": this.isBusy ? 'true' : 'false' }, h("limel-file-dropzone", { key: 'ede8aa3e8c6e8406a0b38db4ecbe33159ec698bc', disabled: this.disabled || this.readonly || !!this.displayedFile, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip(), this.renderSpinner()));
     }
     get statusText() {
         var _a, _b, _c;

package/dist/esm/limel-flatpickr-adapter.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-BU9IJqli.js';
-import { t as translations } from './translations-UrIr-5_D.js';
+import { t as translations } from './translations-Drl5LNAD.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-B85MJLTf.js';
 import './sv-DpsDSi7k.js';
 import { m as moment } from './moment-_DadZLWp.js';
@@ -7722,7 +7722,7 @@ const DatePickerCalendar = class {
         });
     }
     render() {
-        return (h("div", { key: 'a1e6de699055b7bd6c86eb194ff3ce756d9b4834', class: "container", ref: (el) => (this.container = el), style: {
+        return (h("div", { key: 'aad98186a855e3c4e30dbc597cfad23b9a4cbcbe', class: "container", ref: (el) => (this.container = el), style: {
                 '--today-label': `"${translations.get('date-picker.today', this.language)}"`,
             } }));
     }

package/dist/esm/limel-flex-container.entry.js

@@ -26,7 +26,7 @@ const FlexContainer = class {
         console.warn('limel-flex-container is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox');
     }
     render() {
-        return h("slot", { key: '791a96736443febd2103b7aeb1437299b103be80' });
+        return h("slot", { key: '2049c195a3ded73e31597b1e51f3d4af9b7316ed' });
     }
 };
 FlexContainer.style = flexContainerCss();