@limetech/lime-elements 40.6.0 → 40.6.2

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

@@ -104,10 +104,11 @@ export class CodeDiff {
             (_a = this.searchInputEl) === null || _a === void 0 ? void 0 : _a.focus();
         }
         this.prevSearchVisible = this.searchVisible;
-        if (this.searchTerm && this.totalSearchMatches > 0) {
-            const current = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.search-match--current');
-            current === null || current === void 0 ? void 0 : current.scrollIntoView({ block: 'center', behavior: 'smooth' });
+        if (!(this.searchTerm && this.totalSearchMatches > 0)) {
+            return;
         }
+        const current = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.search-match--current');
+        current === null || current === void 0 ? void 0 : current.scrollIntoView({ block: 'center', behavior: 'smooth' });
     }
     render() {
         this.searchMatchCounter = 0;
@@ -116,7 +117,7 @@ export class CodeDiff {
         // Capture total matches after rendering completes
         this.totalSearchMatches = this.searchMatchCounter;
         const lineNumberWidth = this.computeLineNumberWidth();
-        return (h(Host, { key: '334b0012b9d2cfd8270a106abdbb47d97319ecd6', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), h("div", { key: 'c4af093629ab183fa28f70f380e31555e6b26e72', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), h("div", { key: '1b497ba0328853f725062014e63f42f6b73bf304', class: "screen-reader-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveAnnouncement)));
+        return (h(Host, { key: 'd7d3296359c35867f354c7eecb42c76cf7d9c2cb', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), h("div", { key: '07b3433f319a0d39cdce53e916770fb6b477b0dd', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), h("div", { key: 'd4073f339c20ade38f788c644a0f14d055a82099', class: "screen-reader-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveAnnouncement)));
     }
     watchInputs() {
         this.recomputeDiff();
@@ -187,12 +188,13 @@ export class CodeDiff {
             row.classList.remove('diff-line--focused');
         }
         const target = rows[this.focusedRowIndex];
-        if (target) {
-            target.setAttribute('tabindex', '-1');
-            target.classList.add('diff-line--focused');
-            target.focus();
-            this.announceLine(target);
+        if (!target) {
+            return;
         }
+        target.setAttribute('tabindex', '-1');
+        target.classList.add('diff-line--focused');
+        target.focus();
+        this.announceLine(target);
     }
     announceLine(row) {
         var _a, _b;
@@ -249,10 +251,11 @@ export class CodeDiff {
     }
     toggleSearch() {
         this.searchVisible = !this.searchVisible;
-        if (!this.searchVisible) {
-            this.searchTerm = '';
-            this.currentMatchIndex = 0;
+        if (this.searchVisible) {
+            return;
         }
+        this.searchTerm = '';
+        this.currentMatchIndex = 0;
     }
     onSearchInput(event) {
         this.searchTerm = event.detail;
@@ -387,27 +390,21 @@ export class CodeDiff {
                 : undefined }, (_b = line.newLineNumber) !== null && _b !== void 0 ? _b : ''), h("span", { class: "line-indicator", role: "cell" }, indicator), h("span", { class: "line-content", role: "cell" }, this.renderContent(line))));
     }
     renderSplitHunkRows(hunk) {
-        var _a, _b, _c, _d;
         const splitRows = buildSplitLines(hunk.lines);
         const elements = [];
         let i = 0;
+        const isContextRow = (row) => { var _a, _b; return ((_a = row.left) === null || _a === void 0 ? void 0 : _a.type) === 'context' && ((_b = row.right) === null || _b === void 0 ? void 0 : _b.type) === 'context'; };
         while (i < splitRows.length) {
             const row = splitRows[i];
-            const isContext = ((_a = row.left) === null || _a === void 0 ? void 0 : _a.type) === 'context' && ((_b = row.right) === null || _b === void 0 ? void 0 : _b.type) === 'context';
-            if (isContext) {
+            if (isContextRow(row)) {
                 elements.push(this.renderSplitRow(row));
                 i++;
                 continue;
             }
             // Collect consecutive changed rows
             const blockRows = [];
-            while (i < splitRows.length) {
-                const r = splitRows[i];
-                const rIsContext = ((_c = r.left) === null || _c === void 0 ? void 0 : _c.type) === 'context' && ((_d = r.right) === null || _d === void 0 ? void 0 : _d.type) === 'context';
-                if (rIsContext) {
-                    break;
-                }
-                blockRows.push(r);
+            while (i < splitRows.length && !isContextRow(splitRows[i])) {
+                blockRows.push(splitRows[i]);
                 i++;
             }
             elements.push(this.renderSplitChangeBlock(blockRows));

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() {