@limetech/lime-elements 40.5.4 → 40.6.1

package/dist/collection/components/code-diff/diff-engine.js

@@ -65,8 +65,8 @@ function collectAndPairChanges(lines, index, rows) {
     const maxPairs = Math.max(removed.length, added.length);
     for (let j = 0; j < maxPairs; j++) {
         rows.push({
-            left: j < removed.length ? removed[j] : undefined,
-            right: j < added.length ? added[j] : undefined,
+            left: removed[j],
+            right: added[j],
         });
     }
     return index;

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

@@ -132,8 +132,8 @@ export class CodeEditor {
         this.editor = null;
         this.darkMode.removeEventListener('change', this.handleChangeDarkMode);
         const editorElement = this.host.shadowRoot.querySelector('.editor');
-        // eslint-disable-next-line no-unsafe-optional-chaining
-        for (const child of editorElement === null || editorElement === void 0 ? void 0 : editorElement.childNodes) {
+        const children = editorElement === null || editorElement === void 0 ? void 0 : editorElement.childNodes;
+        for (const child of children) {
             child.remove();
         }
     }
@@ -203,6 +203,7 @@ export class CodeEditor {
             if (this.lint) {
                 gutters.push('CodeMirror-lint-markers');
                 if (!('jsonlint' in window)) {
+                    // eslint-disable-next-line unicorn/no-global-object-property-assignment -- CodeMirror's JSON lint addon reads the global `jsonlint`
                     window['jsonlint'] = jslint;
                 }
             }
@@ -250,7 +251,7 @@ export class CodeEditor {
             'is-dark-mode': this.isDarkMode(),
             'is-light-mode': !this.isDarkMode(),
         };
-        return (h(Host, { key: '3b4c308621b94ae42a5286e1b98cde09886f51c2' }, this.renderCopyButton(), h("limel-notched-outline", { key: 'fda1499a103032755d6e3be6283ed229a27acb52', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, h("div", { key: '3548281051fa3090a96a63bf3a6ae8e3ccd3b244', slot: "content", class: classList })), this.renderHelperLine()));
+        return (h(Host, { key: 'd3da6ac9cbe13e78b2d45b1c17ff03769f381089' }, this.renderCopyButton(), h("limel-notched-outline", { key: 'e115d7334648538fb35f124d39adcef572928a16', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, h("div", { key: 'e5b274126bbd4b5606ac3ee70226646ef0dbe8c5', slot: "content", class: classList })), this.renderHelperLine()));
     }
     forceRedraw() {
         // eslint-disable-next-line sonarjs/pseudo-random
@@ -316,24 +317,28 @@ export class CodeEditor {
             inputField.removeAttribute('aria-describedby');
             inputField.removeAttribute('aria-controls');
         }
+        // eslint-disable-next-line unicorn/prefer-toggle-attribute -- ARIA needs the value "true"; an empty value means false
         if (this.required) {
             inputField.setAttribute('aria-required', 'true');
         }
         else {
             inputField.removeAttribute('aria-required');
         }
+        // eslint-disable-next-line unicorn/prefer-toggle-attribute -- ARIA needs the value "true"; an empty value means false
         if (this.invalid) {
             inputField.setAttribute('aria-invalid', 'true');
         }
         else {
             inputField.removeAttribute('aria-invalid');
         }
+        // eslint-disable-next-line unicorn/prefer-toggle-attribute -- ARIA needs the value "true"; an empty value means false
         if (this.disabled) {
             inputField.setAttribute('aria-disabled', 'true');
         }
         else {
             inputField.removeAttribute('aria-disabled');
         }
+        // eslint-disable-next-line unicorn/prefer-toggle-attribute -- ARIA needs the value "true"; an empty value means false
         if (this.readonly || this.disabled) {
             inputField.setAttribute('aria-readonly', 'true');
         }

package/dist/collection/components/collapsible-section/collapsible-section.js

@@ -111,7 +111,7 @@ export class CollapsibleSection {
         removeEnterClickable(button);
     }
     render() {
-        return (h("section", { key: '404f827974295da2387c00779681c382f8bc31d1', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '31cfc1385f39c2f1372f0aebf739aee3b1735d8f' }, h("button", { key: '977107678e2dfcd162ee2a4b187a199126f8bafe', class: "open-close-toggle", onClick: this.onClick, "aria-controls": this.bodyId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.getCollapsibleSectionAriaLabel(), type: "button" }), this.renderExpandCollapseSign(), this.renderIcon(), this.renderHeading(), h("div", { key: '2f5001f43966fec8f36845a38c654b5e2f40338f', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: 'a51da36960e65703e88bb4bf9e8cddccd66f3f63', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: 'dcb7c0e4e86829dbd25bf114aba0413b8bd85b2c' }))));
+        return (h("section", { key: '807611ee422e33a8bf5c4e81420e9732dd2afae9', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '5c443243692de265960d4059ac52611b24021488' }, h("button", { key: 'c2061fbcb7195c59f353311993cbf397327c2a7a', class: "open-close-toggle", onClick: this.onClick, "aria-controls": this.bodyId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.getCollapsibleSectionAriaLabel(), type: "button" }), this.renderExpandCollapseSign(), this.renderIcon(), this.renderHeading(), h("div", { key: 'faf8794a7422a1e3b073bd823c716cb6bc0d4985', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: '3011e5ef7625cca66d4d12187f71c4cb2c102ae1', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '6a4495b89228c1333ed782f6c9fe4af1fe59ba34' }))));
     }
     renderHeaderSlot() {
         return h("slot", { name: "header" });

package/dist/collection/components/color-picker/color-picker-palette.js

@@ -39,10 +39,10 @@ export class Palette {
     render() {
         const background = this.value ? { '--background': this.value } : {};
         return [
-            h("div", { key: '0b83dfca19280e0d0ece4b12fd1b8d2ecd386880', class: "color-picker-palette", style: {
+            h("div", { key: 'd1aa9d71db15ffd1dcdf9d9ee02fc32994823da1', class: "color-picker-palette", style: {
                     '--color-picker-column-count': `${this.getColumnCount()}`,
                 } }, this.renderSwatches()),
-            h("div", { key: '3ce3245a89fc4d11a9ca8b620d6458a7856b2128', class: "chosen-color-name" }, h("limel-input-field", { key: '2e348f1eefa9caef874ef1a34dc2365218037bbc', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, invalid: this.invalid, placeholder: this.placeholder, disabled: !this.manualInput }), h("div", { key: '5ac0039aec7c07af7c5a7ddf3e0bdcf7eff8df1a', class: "chosen-color-preview", style: background })),
+            h("div", { key: '672f283279af600b1d916117758881e06c50c262', class: "chosen-color-name" }, h("limel-input-field", { key: '2ff6619dc30e22e6702e6f62f1c37e2ae7fb6c73', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, invalid: this.invalid, placeholder: this.placeholder, disabled: !this.manualInput }), h("div", { key: '627939eb427bab51bb79f427deedcffb4ff3b436', class: "chosen-color-preview", style: background })),
         ];
     }
     getPalette() {

package/dist/collection/components/color-picker/color-picker.js

@@ -80,13 +80,14 @@ export class ColorPicker {
     }
     componentDidRender() {
         var _a;
-        if (this.shouldFocus && this.isOpen) {
-            this.shouldFocus = false;
-            (_a = this.contentElement) === null || _a === void 0 ? void 0 : _a.focus();
+        if (!(this.shouldFocus && this.isOpen)) {
+            return;
         }
+        this.shouldFocus = false;
+        (_a = this.contentElement) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: 'cd29fbc1a30475f3b90a435f929e80c148a1d481' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: 'ecc60031f0b99e4cc02d5e22cc8675d7a0c231a0', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, readonly: this.readonly, disabled: this.disabled || !this.manualInput, invalid: this.invalid, placeholder: this.placeholder })));
+        return (h(Host, { key: '21a178b66e44ec92e371d45c83eb92ba449252b1' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: '3cd84c7f4db763047cc3fdf7497a3de5290238d7', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, readonly: this.readonly, disabled: this.disabled || !this.manualInput, invalid: this.invalid, placeholder: this.placeholder })));
     }
     static get is() { return "limel-color-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/config/config.js

@@ -28,8 +28,8 @@ export class ConfigComponent {
         if (!this.config) {
             return;
         }
-        for (const key of Object.keys(this.config)) {
-            globalConfig[key] = this.config[key];
+        for (const [key, value] of Object.entries(this.config)) {
+            globalConfig[key] = value;
         }
     }
     render() {

package/dist/collection/components/date-picker/date-picker.js

@@ -150,7 +150,7 @@ export class DatePicker {
         const inputElement = this.textField.shadowRoot.querySelector('input');
         setTimeout(() => {
             this.datePickerCalendar.inputElement = inputElement;
-        });
+        }, 0);
         event.stopPropagation();
         document.addEventListener('mousedown', this.documentClickListener, {
             passive: true,
@@ -172,7 +172,7 @@ export class DatePicker {
     hideCalendar() {
         setTimeout(() => {
             this.showPortal = false;
-        });
+        }, 0);
         this.removeDocumentListeners();
         if (!this.pickerIsAutoClosing()) {
             this.fixFlatpickrFocusBug();
@@ -203,10 +203,7 @@ export class DatePicker {
         this.change.emit(date);
     }
     onInputClick(event) {
-        if (this.disabled || this.readonly) {
-            return;
-        }
-        if (this.showPortal) {
+        if (this.disabled || this.readonly || this.showPortal) {
             return;
         }
         this.showCalendar(event);

package/dist/collection/components/date-picker/flatpickr-adapter/deferred-destroy.js

@@ -23,9 +23,10 @@ export class DeferredDestroy {
      * Cancel the pending destroy callback, if any.
      */
     cancel() {
-        if (this.pendingDestroyTimer !== null) {
-            clearTimeout(this.pendingDestroyTimer);
-            this.pendingDestroyTimer = null;
+        if (this.pendingDestroyTimer === null) {
+            return;
         }
+        clearTimeout(this.pendingDestroyTimer);
+        this.pendingDestroyTimer = null;
     }
 }

package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js

@@ -96,7 +96,7 @@ export class DatePickerCalendar {
         });
     }
     render() {
-        return (h("div", { key: '14b4ce03d58ee1c742b9776de8ef4977b668f294', class: "container", ref: (el) => (this.container = el), style: {
+        return (h("div", { key: '7e048e91687bf7ede4147a08304b22ff6f6e10c0', class: "container", ref: (el) => (this.container = el), style: {
                 '--today-label': `"${translate.get('date-picker.today', this.language)}"`,
             } }));
     }

package/dist/collection/components/date-picker/pickers/month-picker.js

@@ -16,10 +16,11 @@ export class MonthPicker extends Picker {
     }
     init(element, container, value) {
         super.init(element, container, value);
-        if (!this.nativePicker) {
-            this.flatpickr.prevMonthNav.addEventListener('mousedown', this.prevYear);
-            this.flatpickr.nextMonthNav.addEventListener('mousedown', this.nextYear);
+        if (this.nativePicker) {
+            return;
         }
+        this.flatpickr.prevMonthNav.addEventListener('mousedown', this.prevYear);
+        this.flatpickr.nextMonthNav.addEventListener('mousedown', this.nextYear);
     }
     destroy() {
         var _a, _b, _c, _d;
@@ -42,23 +43,23 @@ export class MonthPicker extends Picker {
     handleChange(selectedDates, dateString, fp) {
         this.selectMonth(selectedDates, dateString, fp);
     }
-    handleClose(selectedDates) {
-        return super.handleClose(selectedDates).then(() => {
-            this.selectMonth(this.flatpickr.selectedDates, this.flatpickr.input.value, this.flatpickr);
-        });
+    async handleClose(selectedDates) {
+        await super.handleClose(selectedDates);
+        this.selectMonth(this.flatpickr.selectedDates, this.flatpickr.input.value, this.flatpickr);
     }
     handleReady(_, __, fp) {
         this.bootstrapMonthPicker(fp);
         this.selectMonth(fp.selectedDates, fp.input.value, fp);
     }
     bootstrapMonthPicker(fp) {
-        if (!this.nativePicker) {
-            fp.innerContainer.remove();
-            fp.calendarContainer
-                .querySelectorAll('.flatpickr-monthDropdown-months')[0]
-                .replaceWith(this.renderHeading());
-            fp.calendarContainer.append(this.renderMonthsPicker(fp));
+        if (this.nativePicker) {
+            return;
         }
+        fp.innerContainer.remove();
+        fp.calendarContainer
+            .querySelector('.flatpickr-monthDropdown-months')
+            .replaceWith(this.renderHeading());
+        fp.calendarContainer.append(this.renderMonthsPicker(fp));
     }
     renderHeading() {
         return (h("span", { className: "datepicker-month-heading" }, this.getLocalizedHeading()));
@@ -84,35 +85,38 @@ export class MonthPicker extends Picker {
             .format('MMM')));
     }
     selectMonth(selectedDates, dateString, fp) {
-        if (!this.nativePicker) {
-            for (const month of this.months) {
-                month.classList.remove('selected');
-            }
-            if (dateString !== '' &&
-                selectedDates[0] &&
-                selectedDates[0].getFullYear() === fp.currentYear) {
-                this.months[selectedDates[0].getMonth()].classList.add('selected');
-            }
+        if (this.nativePicker) {
+            return;
+        }
+        for (const month of this.months) {
+            month.classList.remove('selected');
+        }
+        if (dateString !== '' &&
+            selectedDates[0] &&
+            selectedDates[0].getFullYear() === fp.currentYear) {
+            this.months[selectedDates[0].getMonth()].classList.add('selected');
         }
     }
     prevYear() {
-        if (!this.nativePicker) {
-            // Preventing default or stopping the event from propagating doesn't
-            // stop flatpickr from moving one month on its own, so we let it do
-            // that, and then move the other 11 months to make it a full year.
-            // /Ads
-            const monthsToMove = 11;
-            this.flatpickr.changeMonth(-monthsToMove);
+        if (this.nativePicker) {
+            return;
         }
+        // Preventing default or stopping the event from propagating doesn't
+        // stop flatpickr from moving one month on its own, so we let it do
+        // that, and then move the other 11 months to make it a full year.
+        // /Ads
+        const monthsToMove = 11;
+        this.flatpickr.changeMonth(-monthsToMove);
     }
     nextYear() {
-        if (!this.nativePicker) {
-            // Preventing default or stopping the event from propagating doesn't
-            // stop flatpickr from moving one month on its own, so we let it do
-            // that, and then move the other 11 months to make it a full year.
-            // /Ads
-            const monthsToMove = 11;
-            this.flatpickr.changeMonth(monthsToMove);
+        if (this.nativePicker) {
+            return;
         }
+        // Preventing default or stopping the event from propagating doesn't
+        // stop flatpickr from moving one month on its own, so we let it do
+        // that, and then move the other 11 months to make it a full year.
+        // /Ads
+        const monthsToMove = 11;
+        this.flatpickr.changeMonth(monthsToMove);
     }
 }

package/dist/collection/components/date-picker/pickers/quarter-picker.js

@@ -18,10 +18,11 @@ export class QuarterPicker extends Picker {
     }
     init(element, container, value) {
         super.init(element, container, value);
-        if (!this.nativePicker) {
-            this.flatpickr.prevMonthNav.addEventListener('mousedown', this.prevYear);
-            this.flatpickr.nextMonthNav.addEventListener('mousedown', this.nextYear);
+        if (this.nativePicker) {
+            return;
         }
+        this.flatpickr.prevMonthNav.addEventListener('mousedown', this.prevYear);
+        this.flatpickr.nextMonthNav.addEventListener('mousedown', this.nextYear);
     }
     destroy() {
         var _a, _b, _c, _d;
@@ -44,23 +45,23 @@ export class QuarterPicker extends Picker {
     handleChange(selectedDates, dateString, fp) {
         this.selectQuarter(selectedDates, dateString, fp);
     }
-    handleClose(selectedDates) {
-        return super.handleClose(selectedDates).then(() => {
-            this.selectQuarter(this.flatpickr.selectedDates, this.flatpickr.input.value, this.flatpickr);
-        });
+    async handleClose(selectedDates) {
+        await super.handleClose(selectedDates);
+        this.selectQuarter(this.flatpickr.selectedDates, this.flatpickr.input.value, this.flatpickr);
     }
     handleReady(_, __, fp) {
         this.bootstrapQuarterPicker(fp);
         this.selectQuarter(fp.selectedDates, fp.input.value, fp);
     }
     bootstrapQuarterPicker(fp) {
-        if (!this.nativePicker) {
-            fp.innerContainer.remove();
-            fp.calendarContainer
-                .querySelectorAll('.flatpickr-monthDropdown-months')[0]
-                .replaceWith(this.renderHeading());
-            fp.calendarContainer.append(this.renderQuarterPicker(fp));
+        if (this.nativePicker) {
+            return;
         }
+        fp.innerContainer.remove();
+        fp.calendarContainer
+            .querySelector('.flatpickr-monthDropdown-months')
+            .replaceWith(this.renderHeading());
+        fp.calendarContainer.append(this.renderQuarterPicker(fp));
     }
     renderHeading() {
         return (h("span", { className: "datepicker-quarter-heading" }, this.getLocalizedHeading()));
@@ -98,29 +99,33 @@ export class QuarterPicker extends Picker {
         });
     }
     selectQuarter(selectedDates, dateString, fp) {
-        if (!this.nativePicker) {
-            for (const quarter of this.quarters) {
-                quarter.classList.remove('selected');
-            }
-            if (dateString !== '' &&
-                selectedDates[0] &&
-                selectedDates[0].getFullYear() === fp.currentYear) {
-                const i = Math.floor(selectedDates[0].getMonth() / MONTHSPERQUARTER);
-                const selectedQuarter = this.quarters[i];
-                selectedQuarter.classList.add('selected');
-            }
+        if (this.nativePicker) {
+            return;
         }
+        for (const quarter of this.quarters) {
+            quarter.classList.remove('selected');
+        }
+        if (dateString === '' ||
+            !selectedDates[0] ||
+            selectedDates[0].getFullYear() !== fp.currentYear) {
+            return;
+        }
+        const i = Math.floor(selectedDates[0].getMonth() / MONTHSPERQUARTER);
+        const selectedQuarter = this.quarters[i];
+        selectedQuarter.classList.add('selected');
     }
     prevYear(event) {
-        if (!this.nativePicker) {
-            event.stopImmediatePropagation();
-            this.flatpickr.changeMonth(-NBROFMONTHS);
+        if (this.nativePicker) {
+            return;
         }
+        event.stopImmediatePropagation();
+        this.flatpickr.changeMonth(-NBROFMONTHS);
     }
     nextYear(event) {
-        if (!this.nativePicker) {
-            event.stopImmediatePropagation();
-            this.flatpickr.changeMonth(NBROFMONTHS);
+        if (this.nativePicker) {
+            return;
         }
+        event.stopImmediatePropagation();
+        this.flatpickr.changeMonth(NBROFMONTHS);
     }
 }

package/dist/collection/components/date-picker/pickers/year-picker.js

@@ -23,10 +23,11 @@ export class YearPicker extends Picker {
     }
     init(element, container, value) {
         super.init(element, container, value);
-        if (!this.nativePicker) {
-            this.flatpickr.prevMonthNav.addEventListener('mousedown', this.prevYears);
-            this.flatpickr.nextMonthNav.addEventListener('mousedown', this.nextYears);
+        if (this.nativePicker) {
+            return;
         }
+        this.flatpickr.prevMonthNav.addEventListener('mousedown', this.prevYears);
+        this.flatpickr.nextMonthNav.addEventListener('mousedown', this.nextYears);
     }
     destroy() {
         var _a, _b, _c, _d;
@@ -49,12 +50,7 @@ export class YearPicker extends Picker {
     }
     setSelectedYear() {
         for (const year of this.yearElements) {
-            if (year.textContent === this.selectedYear) {
-                year.classList.add('selected');
-            }
-            else {
-                year.classList.remove('selected');
-            }
+            year.classList.toggle('selected', year.textContent === this.selectedYear);
         }
     }
     getConfig(nativePicker) {
@@ -69,24 +65,24 @@ export class YearPicker extends Picker {
     handleChange(selectedDates, dateString) {
         this.selectYear(selectedDates, dateString);
     }
-    handleClose(selectedDates) {
-        return super.handleClose(selectedDates).then(() => {
-            this.selectYear(this.flatpickr.selectedDates, this.flatpickr.input.value);
-        });
+    async handleClose(selectedDates) {
+        await super.handleClose(selectedDates);
+        this.selectYear(this.flatpickr.selectedDates, this.flatpickr.input.value);
     }
     handleReady(_, __, fp) {
         this.bootstrapYearPicker(fp);
         this.selectYear(fp.selectedDates, fp.input.value);
     }
     bootstrapYearPicker(fp) {
-        if (!this.nativePicker) {
-            fp.innerContainer.remove();
-            fp.currentYearElement.parentNode.remove();
-            fp.calendarContainer
-                .querySelectorAll('.flatpickr-month')[0]
-                .replaceWith(this.renderHeading());
-            fp.calendarContainer.append(this.renderYearPicker(fp));
+        if (this.nativePicker) {
+            return;
         }
+        fp.innerContainer.remove();
+        fp.currentYearElement.parentNode.remove();
+        fp.calendarContainer
+            .querySelector('.flatpickr-month')
+            .replaceWith(this.renderHeading());
+        fp.calendarContainer.append(this.renderYearPicker(fp));
     }
     renderHeading() {
         return (h("span", { className: "datepicker-year-heading flatpickr-current-month" }, this.getLocalizedHeading()));

package/dist/collection/components/dialog/dialog.js

@@ -84,16 +84,13 @@ export class Dialog {
         this.mdcDialog.destroy();
     }
     render() {
-        return (h("div", { key: '3502fda2b46c52d7341b88dea0f3a6c6e5de0def', class: {
+        return (h("div", { key: '4886b11c840da8520cddf9ab1a0921ce8a5ca637', 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: '6914743d66dadb9e26061f59c3c5085311527551', hidden: true, id: "initialFocusEl" }), h("div", { key: 'e9a9519c075d4d1645cf58b325c1a974abf3088a', class: "mdc-dialog__container" }, h("div", { key: '00c4895705864a6d29ab8a5ad94614b3c0d6d29d', class: "mdc-dialog__surface" }, h("input", { key: '51e229a1a9f5d4cbdded2dd2826dadcd55070c49', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: 'b25b165c820360d62179c2b532762c7fab0e6689', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: 'e6f9f7a8fe2d7de85bd2c8c17eb6e06c8eb949c4' })), this.renderFooter())), h("div", { key: 'bf03dbdd9898ac2f75c6df10d3f6a3fa4a9735fe', 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: '214a87734409c358c9859192eba63939e752837b', hidden: true, id: "initialFocusEl" }), h("div", { key: '68a0b649fe6a2f9bc726c468ffd3194ec51e86e8', class: "mdc-dialog__container" }, h("div", { key: 'c286666a1af4980dfbe6b06e4792503f859cb2d8', class: "mdc-dialog__surface" }, h("input", { key: 'f4b4b585282feeab427f31fee0a59e9e43db9ddb', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: '97a6ce8610e39c63371b84757c561d13a4dae8ab', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: '73f7a89738a19675289da0cf100bce48908ba54c' })), this.renderFooter())), h("div", { key: 'e4e6b9f7ea833f43f7aa65db1d278dc81806ef06', class: "mdc-dialog__scrim" })));
     }
     watchHandler(newValue, oldValue) {
-        if (oldValue === newValue) {
-            return;
-        }
-        if (!this.mdcDialog) {
+        if (oldValue === newValue || !this.mdcDialog) {
             return;
         }
         if (newValue) {
@@ -134,7 +131,7 @@ export class Dialog {
             const { title, subtitle, supportingText, icon } = this.heading;
             return (h("limel-header", { icon: icon, heading: title, subheading: subtitle, supportingText: supportingText }, h("slot", { name: "header-actions", slot: "actions" })));
         }
-        else if (typeof this.heading === 'string') {
+        if (typeof this.heading === 'string') {
             return (h("limel-header", { heading: this.heading }, h("slot", { name: "header-actions", slot: "actions" })));
         }
         return null;

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

@@ -43,10 +43,7 @@ export class DockButton {
         this.focusCustomComponentElement = (entries) => {
             var _a, _b, _c;
             const entry = entries.find((e) => e.target === this.customComponentElement);
-            if (!entry) {
-                return;
-            }
-            if (!entry.isIntersecting) {
+            if (!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting)) {
                 return;
             }
             if ((_b = (_a = this.customComponentElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.delegatesFocus) {
@@ -69,13 +66,11 @@ export class DockButton {
         return this.renderButton(this.handleClick);
     }
     openWatcher() {
-        if (!this.isOpen) {
+        if (!this.isOpen || this.intersectionObserver) {
             return;
         }
-        if (!this.intersectionObserver) {
-            this.intersectionObserver = new IntersectionObserver(this.focusCustomComponentElement);
-            this.intersectionObserver.observe(this.customComponentElement);
-        }
+        this.intersectionObserver = new IntersectionObserver(this.focusCustomComponentElement);
+        this.intersectionObserver.observe(this.customComponentElement);
     }
     disconnectedCallback() {
         var _a;

package/dist/collection/components/dock/dock.js

@@ -79,11 +79,11 @@ export class Dock {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (h(Host, { key: '670902f3d2e01916a5321ee3205897dc8e226933', class: {
+        return (h(Host, { key: 'f223e1fbeed82ac73f60babc9d819f30548246fc', class: {
                 dock: true,
                 expanded: this.expanded,
                 'has-mobile-layout': this.useMobileLayout,
-            } }, h("nav", { key: '0c0aceb52ef884607357f000e84528f5009c179b', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
+            } }, h("nav", { key: '494bf2993a7bd3c5df8af74d2a0ad6d6ee13a48c', "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/collection/components/drag-handle/drag-handle.js

@@ -51,7 +51,7 @@ export class DragHandleComponent {
     render() {
         const tooltipLabel = translate.get('drag-handle.drag-to-reorder', this.language);
         const ariaLabel = translate.get('drag-handle.drag-handle', this.language);
-        return (h(Host, { key: 'c4e4c6c6b1890b711d4c4f20d4eef49c0054111a' }, h("button", { key: '2211831df4cf0c9a7ed81e4d1e1019f7163bca75', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '251510f5cfcc5ab4d7bd7074282ef3578abf6ce2', 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: '0b451cff9079ca5ccbbd4fc6826f735ab96ccd15', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
+        return (h(Host, { key: 'c315460d24dc77db9aa84d6c7db94b0aff0d04fa' }, h("button", { key: '4b1b29c9937bf15335ad67c99b14b40ff0c11c94', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '920d6d0d09d81908e98db8624da6a9bc34e09bd7', 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: 'fa9e84778a57dbb6186de4a18c66d30b8c711417', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
     }
     static get is() { return "limel-drag-handle"; }
     static get originalStyleUrls() {

package/dist/collection/components/email-viewer/email-loader.js

@@ -43,7 +43,9 @@ async function fetchEmailBuffer(url) {
     }
     catch (error) {
         const message = error instanceof Error ? error.message : String(error);
-        throw new Error(`Failed to load email from ${url}: ${message}`);
+        throw new Error(`Failed to load email from ${url}: ${message}`, {
+            cause: error,
+        });
     }
 }
 async function parseEmail(url, buffer) {
@@ -54,7 +56,9 @@ async function parseEmail(url, buffer) {
     }
     catch (error) {
         const message = error instanceof Error ? error.message : String(error);
-        throw new Error(`Failed to parse email from ${url}: ${message}`);
+        throw new Error(`Failed to parse email from ${url}: ${message}`, {
+            cause: error,
+        });
     }
 }
 function getRawHeader(email, name) {
@@ -64,7 +68,8 @@ function getRawHeader(email, name) {
 function extractAttachments(email) {
     const attachments = [];
     const cidUrlById = new Map();
-    for (const attachment of email.attachments || []) {
+    const emailAttachments = email.attachments || [];
+    for (const attachment of emailAttachments) {
         const contentId = normalizeContentId(attachment.contentId);
         const hasContentId = Boolean(contentId);
         const isInline = (hasContentId && attachment.disposition !== 'attachment') ||
@@ -168,7 +173,7 @@ function byteArrayToBase64(bytes) {
         return btoa(binary);
     }
     // Jest/Node fallback
-    return globalThis.Buffer.from(bytes).toString('base64');
+    return Buffer.from(bytes).toString('base64');
 }
 function resolveDataUrlMimeType(mimeType, bytes, filename) {
     const normalizedMimeType = typeof mimeType === 'string' ? mimeType.trim().toLowerCase() : '';
@@ -191,10 +196,7 @@ function resolveDataUrlMimeType(mimeType, bytes, filename) {
     return normalizedMimeType || 'application/octet-stream';
 }
 function isTrustedDeclaredImageMimeType(declaredMimeType, detectedMimeType) {
-    if (!detectedMimeType) {
-        return true;
-    }
-    if (declaredMimeType === detectedMimeType) {
+    if (!detectedMimeType || declaredMimeType === detectedMimeType) {
         return true;
     }
     if (declaredMimeType === 'image/jpg' && detectedMimeType === 'image/jpeg') {
@@ -239,7 +241,7 @@ function detectSvgMimeType(bytes) {
     if (bytes.length < 5) {
         return;
     }
-    const utf8Prefix = new TextDecoder('utf8', { fatal: false }).decode(bytes.slice(0, Math.min(bytes.length, 256)));
+    const utf8Prefix = new TextDecoder('utf-8', { fatal: false }).decode(bytes.slice(0, Math.min(bytes.length, 256)));
     const normalizedPrefix = utf8Prefix.trimStart().toLowerCase();
     if (normalizedPrefix.startsWith('<svg') ||
         (normalizedPrefix.startsWith('<?xml') &&
@@ -331,7 +333,9 @@ function quoteDisplayNameIfNeeded(name) {
     if (!name.includes(',') && !name.includes('"')) {
         return name;
     }
-    const escaped = name.replaceAll('\\', '\\\\').replaceAll('"', '\\' + '"');
+    const escaped = name
+        .replaceAll('\\', '\\\\')
+        .replaceAll('"', String.raw `\"`);
     return `"${escaped}"`;
 }
 export const emailLoaderHelpers = {

package/dist/collection/components/email-viewer/email-viewer.js

@@ -75,7 +75,7 @@ export class EmailViewer {
         }
     }
     render() {
-        return (h(Host, { key: '1406f60faa31efdc459d7cd8733ad5e9f62009c1' }, h("div", { key: '456900f00847546df0b7caa6466b9792a5034255', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: 'f20dbea9e5286c823f222f3606d6cf00b4d51c28' }, this.renderAttachments(), this.renderBody()))));
+        return (h(Host, { key: '1039e0b6331706b0a075d87c6156e2acd869e977' }, h("div", { key: '88dedb9af5a2d7a9870d484a23b649eae726633f', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: '107a24b3cb6199b79ce19331f2660d72854e06ce' }, this.renderAttachments(), this.renderBody()))));
     }
     renderHeaders() {
         const headerFields = [