@limetech/lime-elements 40.5.4 → 40.6.1

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
-var translations = require('./translations-DFFpR6AZ.js');
+var index = require('./index-BlsqxTB1.js');
+var translations = require('./translations-CNTWud2a.js');
 var fileMetadata = require('./file-metadata-BrhOssGG.js');
-var formatBytes = require('./format-bytes-CpUKKU86.js');
-var imageResize = require('./image-resize-CG2fitJT.js');
-require('./language-CaqPKPyW.js');
+var formatBytes = require('./format-bytes-WTHVI718.js');
+var imageResize = require('./image-resize-JlRLB97I.js');
+require('./language-v-MMS6ym.js');
 require('./icons-isR5V1X0.js');
 require('./get-icon-props-CwpDdQDI.js');
 
@@ -93,16 +93,17 @@ const File = class {
         this.handleChipSetChange = (event) => {
             event.stopPropagation();
             const file = event.detail.length === 0 ? event.detail[0] : null;
-            if (!file) {
-                // Removing the chip cancels any in-flight resize: drop the
-                // transient so the chip disappears immediately, and the token
-                // guard in `handleNewFiles` discards the resize result instead of
-                // re-emitting the removed file once it finishes. Without this, a
-                // removal during resize is swallowed, because `value` is already
-                // `undefined` so the `@Watch('value')` clear never fires.
-                this.resizingFile = undefined;
-                this.change.emit(file);
+            if (file) {
+                return;
             }
+            // Removing the chip cancels any in-flight resize: drop the
+            // transient so the chip disappears immediately, and the token
+            // guard in `handleNewFiles` discards the resize result instead of
+            // re-emitting the removed file once it finishes. Without this, a
+            // removal during resize is swallowed, because `value` is already
+            // `undefined` so the `@Watch('value')` clear never fires.
+            this.resizingFile = undefined;
+            this.change.emit(file);
         };
         this.handleChipInteract = (event) => {
             this.preventAndStop(event);
@@ -121,7 +122,7 @@ const File = class {
         this.resizingFile = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '70793e09c1a1e4ac6021d4ac6c547d7405994584', "aria-busy": this.isBusy ? 'true' : 'false' }, index.h("limel-file-dropzone", { key: 'f6367155d37b4514d936a69cab2b9bc4450ff77a', disabled: this.disabled || this.readonly || !!this.displayedFile, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip(), this.renderSpinner()));
+        return (index.h(index.Host, { key: 'dfaf1d7c9ddb1a8e960547db042402fa690dc829', "aria-busy": this.isBusy ? 'true' : 'false' }, index.h("limel-file-dropzone", { key: 'a3ebe9b925c2e13ad1b87aa3f3a948b05e6b7473', 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;
@@ -197,7 +198,7 @@ const File = class {
         event.preventDefault();
     }
     getTranslation(key) {
-        return translations.translate.get(key, this.language);
+        return translations.translations.get(key, this.language);
     }
     static get watchers() { return {
         "value": [{

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
-var translations = require('./translations-DFFpR6AZ.js');
+var index = require('./index-BlsqxTB1.js');
+var translations = require('./translations-CNTWud2a.js');
 var _commonjsHelpers = require('./_commonjsHelpers-CFO10eej.js');
-require('./sv-BSR4W58y.js');
-var moment = require('./moment-CqRdiK10.js');
+require('./sv-Co78RX70.js');
+var moment = require('./moment-Cfsz2WF1.js');
 var device = require('./device-C9O7lYI9.js');
-var language = require('./language-CaqPKPyW.js');
+var language = require('./language-v-MMS6ym.js');
 var eq = require('./eq-DFcUoVzv.js');
 var isArrayLike$1 = require('./isArrayLike-C2RwZMG4.js');
 var _isIndex = require('./_isIndex-Bu45fvR7.js');
@@ -7113,10 +7113,11 @@ 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;
@@ -7139,23 +7140,23 @@ 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 (createElement("span", { className: "datepicker-month-heading" }, this.getLocalizedHeading()));
@@ -7181,31 +7182,34 @@ 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) {
-            this.flatpickr.changeMonth(-11);
+        if (this.nativePicker) {
+            return;
         }
+        this.flatpickr.changeMonth(-11);
     }
     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);
     }
 }
 
@@ -7225,10 +7229,11 @@ 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;
@@ -7251,23 +7256,23 @@ 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 (createElement("span", { className: "datepicker-quarter-heading" }, this.getLocalizedHeading()));
@@ -7305,30 +7310,34 @@ 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);
     }
 }
 
@@ -7496,10 +7505,11 @@ 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;
@@ -7522,12 +7532,7 @@ 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) {
@@ -7542,24 +7547,24 @@ 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 (createElement("span", { className: "datepicker-year-heading flatpickr-current-month" }, this.getLocalizedHeading()));
@@ -7626,10 +7631,11 @@ 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;
     }
 }
 
@@ -7666,15 +7672,15 @@ const DatePickerCalendar = class {
                 break;
             }
             case 'month': {
-                this.picker = new MonthPicker(this.language, this.change, translations.translate, this.format);
+                this.picker = new MonthPicker(this.language, this.change, translations.translations, this.format);
                 break;
             }
             case 'quarter': {
-                this.picker = new QuarterPicker(this.language, this.change, translations.translate, this.format);
+                this.picker = new QuarterPicker(this.language, this.change, translations.translations, this.format);
                 break;
             }
             case 'year': {
-                this.picker = new YearPicker(this.language, this.change, translations.translate, this.format);
+                this.picker = new YearPicker(this.language, this.change, translations.translations, this.format);
                 break;
             }
             default: {
@@ -7718,8 +7724,8 @@ const DatePickerCalendar = class {
         });
     }
     render() {
-        return (index.h("div", { key: '14b4ce03d58ee1c742b9776de8ef4977b668f294', class: "container", ref: (el) => (this.container = el), style: {
-                '--today-label': `"${translations.translate.get('date-picker.today', this.language)}"`,
+        return (index.h("div", { key: '7e048e91687bf7ede4147a08304b22ff6f6e10c0', class: "container", ref: (el) => (this.container = el), style: {
+                '--today-label': `"${translations.translations.get('date-picker.today', this.language)}"`,
             } }));
     }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 
 const flexContainerCss = () => `:host(limel-flex-container){display:flex}:host(limel-flex-container[hidden]){display:none}:host(limel-flex-container[direction=horizontal]){flex-direction:row}:host(limel-flex-container[direction=horizontal][reverse]){flex-direction:row-reverse}:host(limel-flex-container[direction=vertical]){flex-direction:column}:host(limel-flex-container[direction=vertical][reverse]){flex-direction:column-reverse}:host(limel-flex-container[align=start]){align-items:flex-start}:host(limel-flex-container[align=end]){align-items:flex-end}:host(limel-flex-container[align=center]){align-items:center}:host(limel-flex-container[align=stretch]){align-items:stretch}:host(limel-flex-container[justify=start]){justify-content:flex-start}:host(limel-flex-container[justify=end]){justify-content:flex-end}:host(limel-flex-container[justify=center]){justify-content:center}:host(limel-flex-container[justify=space-between]){justify-content:space-between}:host(limel-flex-container[justify=space-around]){justify-content:space-around}:host(limel-flex-container[justify=space-evenly]){justify-content:space-evenly}:host(limel-flex-container[slot=button]){gap:0.5rem;width:100%;justify-content:flex-end}:host(limel-flex-container[slot=button][direction=horizontal][reverse]){justify-content:flex-start}`;
 
@@ -28,7 +28,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 index.h("slot", { key: 'e3af04f7e864ca3d2e35a26d1b1221774968a11e' });
+        return index.h("slot", { key: 'b198feb938d5eb26cf1f96aa6cbfd412c843a3b1' });
     }
 };
 FlexContainer.style = flexContainerCss();