@limetech/lime-elements 40.6.0 → 40.6.2

package/dist/esm/limel-collapsible-section.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-Bnc9lzk2.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BU9IJqli.js';
 import { d as dispatchResizeEvent } from './dispatch-resize-event-z_E3sq3p.js';
-import { m as makeEnterClickable, r as removeEnterClickable } from './make-enter-clickable-BgTwPGeH.js';
-import { c as createRandomString } from './random-string-JbKhhoXs.js';
+import { m as makeEnterClickable, r as removeEnterClickable } from './make-enter-clickable-CIf8aGSd.js';
+import { c as createRandomString } from './random-string-BrjD-ITe.js';
 import { b as getIconColor, d as getIconTitle, g as getIconName } from './get-icon-props-CgNJbSP4.js';
-import { t as translate } from './translations-DMtX4tTX.js';
-import './language-C3hECvXE.js';
+import { t as translations } from './translations-Y4i8PVc9.js';
+import './language-ChagAaNf.js';
 
 const collapsibleSectionCss = () => `@charset "UTF-8";.expand-icon{position:relative;display:flex;align-items:center;justify-content:center;height:1.875rem;margin:0 0 0 0.5rem;width:0.75rem;flex-shrink:0}.line{position:absolute;inset:auto;margin:auto;width:100%;border-radius:1rem;height:0.125rem}.line:first-of-type,.line:last-of-type{transition:opacity 0.2s ease 0.1s, transform 0.4s ease 0.3s;opacity:0;background-color:var(--header-stroke-color, rgb(var(--contrast-900)))}.line:nth-of-type(2){transform:translate3d(0, 0.25rem, 0) rotate(90deg)}.line:nth-of-type(3){transform:translate3d(0, -0.25rem, 0) rotate(-90deg)}.line:nth-of-type(2),.line:nth-of-type(3){transition:opacity 0.2s ease, transform 0.18s ease}.line:nth-of-type(2):before,.line:nth-of-type(2):after,.line:nth-of-type(3):before,.line:nth-of-type(3):after{content:"";position:absolute;inset:0;margin:auto;width:50%;height:100%;border-radius:inherit;background-color:var(--header-stroke-color, rgb(var(--contrast-900)))}.line:nth-of-type(2):before,.line:nth-of-type(3):before{transform:translate3d(0, -0.1rem, 0) rotate(45deg)}.line:nth-of-type(2):after,.line:nth-of-type(3):after{transform:translate3d(0, 0.1rem, 0) rotate(-45deg)}.open-close-toggle:hover+.expand-icon .line:first-of-type,.open-close-toggle:hover+.expand-icon .line:last-of-type,.open-close-toggle:focus-visible+.expand-icon .line:first-of-type,.open-close-toggle:focus-visible+.expand-icon .line:last-of-type{transition:opacity 0.8s ease 0.4s, transform 0.4s ease 0.3s;opacity:1}.open-close-toggle:hover+.expand-icon .line:first-of-type,.open-close-toggle:focus-visible+.expand-icon .line:first-of-type{transform:rotate3d(0, 0, 1, 0deg)}.open-close-toggle:hover+.expand-icon .line:last-of-type,.open-close-toggle:focus-visible+.expand-icon .line:last-of-type{transform:rotate3d(0, 0, 1, 0deg)}.open-close-toggle:hover+.expand-icon .line:nth-of-type(2),.open-close-toggle:hover+.expand-icon .line:nth-of-type(3),.open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(2),.open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(3){transition:opacity 0.5s ease 0.4s, transform 0.7s cubic-bezier(0.85, 0.11, 0.14, 1.35) 0.2s}.open-close-toggle:hover+.expand-icon .line:nth-of-type(2),.open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(2){transform:translate3d(0, 0.5rem, 0) rotate(90deg);opacity:0.4}.open-close-toggle:hover+.expand-icon .line:nth-of-type(3),.open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(3){transform:translate3d(0, -0.5rem, 0) rotate(-90deg);opacity:0.4}section.open .line:first-of-type,section.open .line:last-of-type{transition:opacity 0.2s ease 0.1s, transform 0.4s ease 0.3s;opacity:1}section.open .line:first-of-type{transform:rotate3d(0, 0, 1, 0deg)}section.open .line:last-of-type{transform:rotate3d(0, 0, 1, 0deg)}section.open .line:nth-of-type(2),section.open .line:nth-of-type(3){transition:opacity 1s ease, transform 0.4s ease}section.open .line:nth-of-type(2){transform:translate3d(0, 1rem, 0) rotate(90deg);opacity:0}section.open .line:nth-of-type(3){transform:translate3d(0, -1rem, 0) rotate(-90deg);opacity:0}section.open .open-close-toggle:hover+.expand-icon .line:first-of-type,section.open .open-close-toggle:hover+.expand-icon .line:last-of-type,section.open .open-close-toggle:focus-visible+.expand-icon .line:first-of-type,section.open .open-close-toggle:focus-visible+.expand-icon .line:last-of-type{transition:opacity 0.2s ease 0.4s, transform 0.4s cubic-bezier(0.85, 0.11, 0.14, 1.35) 0.2s}section.open .open-close-toggle:hover+.expand-icon .line:first-of-type,section.open .open-close-toggle:focus-visible+.expand-icon .line:first-of-type{transform:rotate3d(0, 0, 1, 45deg)}section.open .open-close-toggle:hover+.expand-icon .line:last-of-type,section.open .open-close-toggle:focus-visible+.expand-icon .line:last-of-type{transform:rotate3d(0, 0, 1, -45deg)}section.open .open-close-toggle:hover+.expand-icon .line:nth-of-type(2),section.open .open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(2){transform:translate3d(0, 1rem, 0) rotate(90deg);opacity:0}section.open .open-close-toggle:hover+.expand-icon .line:nth-of-type(3),section.open .open-close-toggle:focus-visible+.expand-icon .line:nth-of-type(3){transform:translate3d(0, -1rem, 0) rotate(-90deg);opacity:0}:host(limel-collapsible-section){--border-radius-of-header:0.75rem;display:block}:host([hidden]){display:none}button.open-close-toggle{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;position:absolute;inset:0;width:100%}button.open-close-toggle:focus{outline:none}button.open-close-toggle:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.open-close-toggle{transition:background-color 0.4s ease, border-radius 0.1s ease;cursor:pointer;z-index:-1;background-color:var(--closed-header-background-color, rgb(var(--contrast-200)));border-radius:var(--border-radius-of-header)}button.open-close-toggle:hover,button.open-close-toggle:focus-visible{background-color:var(--open-header-background-color, rgb(var(--contrast-300)))}section.open button.open-close-toggle{background-color:var(--open-header-background-color, rgb(var(--contrast-100)));border-radius:var(--border-radius-of-header) var(--border-radius-of-header) var(--limel-cs-open-header-bottom-border-radius, 0) var(--limel-cs-open-header-bottom-border-radius, 0)}section.open button.open-close-toggle:hover,section.open button.open-close-toggle:focus-visible{background-color:var(--open-header-background-color, rgb(var(--contrast-300)))}.title,.divider-line,.expand-icon{pointer-events:none}section{transition:box-shadow 0.4s ease;border-radius:var(--border-radius-of-header)}section[aria-invalid]:not([aria-invalid=false]){--header-stroke-color:rgb(var(--color-red-default)) !important}section[aria-invalid]:not([aria-invalid=false]):not(.open){box-shadow:0 0 0 1px rgb(var(--color-red-default))}header{isolation:isolate;position:relative;align-items:center;display:flex;justify-content:space-between;gap:0.5rem;padding-left:0.5rem;height:2.5rem}limel-icon{width:1.5rem;flex-shrink:0}.title{font-size:1rem;font-weight:300;color:var(--limel-theme-on-surface-color);justify-self:flex-start;user-select:none;height:auto;max-height:3rem;line-height:1.2rem;display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.divider-line{transition:opacity 0.3s ease 0.3s;flex-grow:1;height:0.125rem;border-radius:1rem;background-color:var(--header-stroke-color, rgb(var(--contrast-900)));opacity:0;margin-right:0.5rem}section.open .divider-line{opacity:0.16}.actions{justify-self:flex-end;flex-shrink:0}::slotted([slot=header]){margin-right:0.5rem}.body{background-color:var(--body-background-color, var(--contrast-100));padding-left:var(--body-padding, 1.25rem);padding-right:var(--body-padding, 1.25rem);border-radius:0 0 var(--border-radius-of-header) var(--border-radius-of-header)}.body{transition:grid-template-rows var(--limel-cs-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89);display:grid;grid-template-rows:var(--limel-cs-grid-template-rows)}.body slot{transition:opacity var(--limel-cs-opacity-transition-speed) ease var(--limel-cs-opacity-transition-delay);display:block;overflow:hidden}:host(limel-collapsible-section:not([is-open])){--limel-cs-opacity-transition-speed:0.1s;--limel-cs-opacity-transition-delay:0s;--limel-cs-grid-template-rows-transition-speed:0.3s;--limel-cs-grid-template-rows:0fr}:host(limel-collapsible-section:not([is-open])) slot{opacity:0}:host(limel-collapsible-section[is-open]){--limel-cs-opacity-transition-speed:0.4s;--limel-cs-opacity-transition-delay:0.3s;--limel-cs-grid-template-rows-transition-speed:0.46s;--limel-cs-grid-template-rows:1fr}:host(limel-collapsible-section[is-open]) slot{opacity:1}header:hover+.body,header:has(.open-close-toggle:hover)+.body,header:has(.open-close-toggle:focus-visible)+.body{will-change:grid-template-rows}header:hover+.body slot,header:has(.open-close-toggle:hover)+.body slot,header:has(.open-close-toggle:focus-visible)+.body slot{will-change:opacity}`;
 
@@ -80,11 +80,11 @@ const CollapsibleSection = class {
         this.getCollapsibleSectionAriaLabel = () => {
             const heading = this.header ? `"${this.header}"` : ' ';
             if (!this.isOpen) {
-                return translate.get('collapsible-section.open', this.language, {
+                return translations.get('collapsible-section.open', this.language, {
                     header: heading,
                 });
             }
-            return translate.get('collapsible-section.close', this.language, {
+            return translations.get('collapsible-section.close', this.language, {
                 header: heading,
             });
         };
@@ -98,7 +98,7 @@ const CollapsibleSection = class {
         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/esm/limel-color-picker-palette.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bnc9lzk2.js';
+import { r as registerInstance, c as createEvent, h } from './index-BU9IJqli.js';
 
 const colors = [
     'red',
@@ -101,10 +101,10 @@ const Palette = class {
     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/esm/limel-color-picker.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bnc9lzk2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BU9IJqli.js';
 
 const colorPickerCss = () => `@charset "UTF-8";.picker-trigger[style="--background:lime-magenta;"]:after,.chosen-color-preview[style="--background:lime-magenta;"]:after{background-color:var(--lime-magenta)}.picker-trigger[style="--background:lime-blue;"]:after,.chosen-color-preview[style="--background:lime-blue;"]:after{background-color:var(--lime-blue)}.picker-trigger[style="--background:lime-orange;"]:after,.chosen-color-preview[style="--background:lime-orange;"]:after{background-color:var(--lime-orange)}.picker-trigger[style="--background:lime-green;"]:after,.chosen-color-preview[style="--background:lime-green;"]:after{background-color:var(--lime-green)}.picker-trigger[style="--background:lime-red;"]:after,.chosen-color-preview[style="--background:lime-red;"]:after{background-color:var(--lime-red)}.picker-trigger[style="--background:lime-dark-blue;"]:after,.chosen-color-preview[style="--background:lime-dark-blue;"]:after{background-color:var(--lime-dark-blue)}.picker-trigger[style="--background:lime-turquoise;"]:after,.chosen-color-preview[style="--background:lime-turquoise;"]:after{background-color:var(--lime-turquoise)}.picker-trigger[style="--background:lime-yellow;"]:after,.chosen-color-preview[style="--background:lime-yellow;"]:after{background-color:var(--lime-yellow)}.picker-trigger[style="--background:lime-light-grey;"]:after,.chosen-color-preview[style="--background:lime-light-grey;"]:after{background-color:var(--lime-light-grey)}:host(limel-color-picker){display:grid;gap:0.25rem;grid-template-columns:auto 1fr}button[slot=trigger]{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;box-sizing:border-box;position:relative;isolation:isolate;width:2.5rem;height:2.5rem;border-radius:0.5rem}button[slot=trigger]:not([disabled]):not([disabled=true]){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)}button[slot=trigger]:not([disabled]):not([disabled=true]):hover,button[slot=trigger]:not([disabled]):not([disabled=true]):focus,button[slot=trigger]:not([disabled]):not([disabled=true]):focus-visible{will-change:color, background-color, box-shadow, transform}button[slot=trigger]:not([disabled]):not([disabled=true]):hover,button[slot=trigger]:not([disabled]):not([disabled=true]):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)}button[slot=trigger]:not([disabled]):not([disabled=true]):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[slot=trigger]:not([disabled]):not([disabled=true]):hover,button[slot=trigger]:not([disabled]):not([disabled=true]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button[slot=trigger]:not([disabled]):not([disabled=true]):focus{outline:none}button[slot=trigger]:not([disabled]):not([disabled=true]):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button[slot=trigger]:before,button[slot=trigger]:after{content:"";position:absolute;inset:0;border-radius:inherit}button[slot=trigger]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%208'%20style='fill-rule:evenodd;'%3E%3Cpath%20fill='rgba(186,186,192,0.16)'%20d='M0%200h4v4H0zM4%204h4v4H4z'/%3E%3C/svg%3E");background-size:0.5rem;z-index:0}button[slot=trigger]:after{z-index:1;box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset;background:var(--background)}:host([readonly]:not([readonly=false])) limel-input-field{transform:translateX(calc(2.5rem / 4 * -1)) translateY(calc(2.5rem / 4))}:host([readonly]:not([readonly=false])) button[slot=trigger],:host([disabled]:not([disabled=false])) button[slot=trigger]{border:1px solid rgba(var(--contrast-700), 0.65)}`;
 
@@ -69,13 +69,14 @@ const ColorPicker = class {
     }
     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 })));
     }
 };
 ColorPicker.style = colorPickerCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance } from './index-Bnc9lzk2.js';
+import { r as registerInstance } from './index-BU9IJqli.js';
 import { g as globalConfig } from './config-Dnt5w_Bp.js';
 
 const ConfigComponent = class {
@@ -18,8 +18,8 @@ const ConfigComponent = class {
         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/esm/limel-date-picker.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-Bnc9lzk2.js';
-import { c as createRandomString } from './random-string-JbKhhoXs.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BU9IJqli.js';
+import { c as createRandomString } from './random-string-BrjD-ITe.js';
 import { i as isIOSDevice, a as isAndroidDevice } from './device-B-tmXAXV.js';
-import './sv-CY-6-yEp.js';
-import { m as moment } from './moment-DQRNe8qq.js';
-import { g as getPrimarySubtag } from './language-C3hECvXE.js';
-import { M as MDCTextField } from './component-wGVqvUmL.js';
+import './sv-DpsDSi7k.js';
+import { m as moment } from './moment-_DadZLWp.js';
+import { g as getPrimarySubtag } from './language-ChagAaNf.js';
+import { M as MDCTextField } from './component-CVihTrav.js';
 import './_commonjsHelpers-B85MJLTf.js';
-import './ponyfill-ChRGk668.js';
-import './component-7QB0OUSF.js';
-import './component-D4qgwaTf.js';
+import './ponyfill-6YuZiAPi.js';
+import './component-CrjPGt1I.js';
+import './component-CyFeUQ0l.js';
 
 class DateFormatter {
     constructor(language = 'en') {
@@ -183,7 +183,7 @@ const DatePicker = class {
         const inputElement = this.textField.shadowRoot.querySelector('input');
         setTimeout(() => {
             this.datePickerCalendar.inputElement = inputElement;
-        });
+        }, 0);
         event.stopPropagation();
         document.addEventListener('mousedown', this.documentClickListener, {
             passive: true,
@@ -205,7 +205,7 @@ const DatePicker = class {
     hideCalendar() {
         setTimeout(() => {
             this.showPortal = false;
-        });
+        }, 0);
         this.removeDocumentListeners();
         if (!this.pickerIsAutoClosing()) {
             this.fixFlatpickrFocusBug();
@@ -236,10 +236,7 @@ const DatePicker = class {
         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/esm/limel-dialog.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-Bnc9lzk2.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BU9IJqli.js';
 import { d as dispatchResizeEvent } from './dispatch-resize-event-z_E3sq3p.js';
-import { c as createRandomString } from './random-string-JbKhhoXs.js';
-import { _ as __extends, a as __assign, M as MDCFoundation, b as __values, c as MDCComponent, d as closest, m as matches } from './ponyfill-ChRGk668.js';
-import { M as MDCRipple } from './component-7QB0OUSF.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 './eq-CZ30nDJE.js';
@@ -1015,16 +1015,13 @@ const Dialog = class {
         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) {
@@ -1065,7 +1062,7 @@ const Dialog = class {
             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/esm/limel-dock-button.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bnc9lzk2.js';
-import { c as createRandomString } from './random-string-JbKhhoXs.js';
+import { r as registerInstance, c as createEvent, h } from './index-BU9IJqli.js';
+import { c as createRandomString } from './random-string-BrjD-ITe.js';
 
 const dockButtonCss = () => `@charset "UTF-8";button.button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;isolation:isolate;position:relative;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-dock-item-text-color);background-color:var(--dock-background-color)}button.button:hover,button.button:focus,button.button:focus-visible{will-change:color, background-color, box-shadow, transform}button.button:hover,button.button:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.button:hover{box-shadow:var(--button-shadow-hovered)}button.button:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset-pressed)}button.button:hover,button.button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.button:focus{outline:none}button.button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.button{box-sizing:border-box;display:flex;align-items:center;width:100%;height:var(--dock-item-height);border-radius:0.375rem;font-size:var(--limel-theme-default-font-size);padding:0 0.5rem;min-width:var(--dock-item-height)}button.button:hover{z-index:1}button.button.selected{color:var(--limel-dock-item-text-color--selected);background-color:var(--dock-item-background-color--selected, rgb(var(--contrast-200)));box-shadow:var(--button-shadow-inset)}button.button.selected:focus-visible{box-shadow:var(--button-shadow-inset), var(--shadow-depth-8-focused)}button.button.selected .icon{color:var(--limel-dock-item-text--selected)}limel-popover{display:grid;grid-template-columns:100%}limel-popover button[slot=trigger][aria-expanded=true]{box-shadow:var(--button-shadow-inset)}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:0.5rem;padding-right:0.75rem}.icon{flex-shrink:0;width:calc(var(--dock-item-height) - 1rem);height:calc(var(--dock-item-height) - 1rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}limel-badge{position:absolute;top:-0.125rem;right:-0.125rem}.icon{position:relative}.icon:before{text-align:center;pointer-events:none;position:absolute;inset:0;background-color:var(--dock-background-color, rgb(var(--contrast-100)));background-position:center;background-repeat:no-repeat;background-size:contain;background-image:var(--limel-custom-home-icon);content:var(--limel-custom-home-icon-enabler)}.button.selected .icon:before{background-color:var(--dock-item-background-color--selected, rgb(var(--contrast-200)))}`;
 
@@ -47,10 +47,7 @@ const DockButton = class {
         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) {
@@ -73,13 +70,11 @@ const DockButton = class {
         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/esm/limel-dock.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bnc9lzk2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BU9IJqli.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){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)}`;
 
@@ -79,11 +79,11 @@ const Dock = class {
         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/esm/limel-drag-handle.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-Bnc9lzk2.js';
-import { t as translate } from './translations-DMtX4tTX.js';
-import './language-C3hECvXE.js';
+import { r as registerInstance, h, H as Host } from './index-BU9IJqli.js';
+import { t as translations } from './translations-Y4i8PVc9.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)}`;
 
@@ -30,9 +30,9 @@ const DragHandleComponent = class {
         };
     }
     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 }))));
+        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: '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 }))));
     }
 };
 DragHandleComponent.style = dragHandleCss();

package/dist/esm/limel-dynamic-label.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Bnc9lzk2.js';
+import { r as registerInstance, h } from './index-BU9IJqli.js';
 import { g as getIconName } from './get-icon-props-CgNJbSP4.js';
 
 const dynamicLabelCss = () => `*{box-sizing:border-box;min-width:0}:host(limel-dynamic-label){--limel-dynamic-label-min-height:1.75rem;display:flex;gap:0.25rem;align-items:flex-start;border-radius:0.5rem;min-width:0}limel-icon{--limel-icon-svg-margin:0.125rem;border-radius:0.25rem;flex-shrink:0;width:var(--limel-dynamic-label-min-height);color:rgb(var(--contrast-900))}label{flex-grow:1;font-size:var(--limel-theme-default-small-font-size);line-height:normal;color:var(--limel-theme-on-surface-color);padding-top:0.375rem}`;

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bnc9lzk2.js';
-import { t as translate } from './translations-DMtX4tTX.js';
-import { f as formatBytes } from './format-bytes-u_sd2HMb.js';
-import { a as adaptColorContrast } from './adapt-color-contrast-Dgcw_h7C.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BU9IJqli.js';
+import { t as translations } from './translations-Y4i8PVc9.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';
-import './language-C3hECvXE.js';
+import './language-ChagAaNf.js';
 
 /**
  * Checks whether the given HTML contains any images with a `data-remote-src`
@@ -98,16 +98,10 @@ function splitEmailAddressList(value) {
         current = '';
     };
     for (const character of value) {
-        if (consumeEscaped(character, state, append)) {
-            continue;
-        }
-        if (beginEscape(character, state, append)) {
-            continue;
-        }
-        if (toggleQuote(character, state, append)) {
-            continue;
-        }
-        if (adjustAngleDepth(character, state, append)) {
+        if (consumeEscaped(character, state, append) ||
+            beginEscape(character, state, append) ||
+            toggleQuote(character, state, append) ||
+            adjustAngleDepth(character, state, append)) {
             continue;
         }
         if (isAddressSeparator(character, state)) {
@@ -220,7 +214,7 @@ const EmailViewer = class {
         }
     }
     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 = [
@@ -286,7 +280,7 @@ const EmailViewer = class {
         return (h("div", { class: "attachments" }, h("span", { id: "attachments-label" }, label), h("div", { class: "attachment-list", role: "list", "aria-labelledby": "attachments-label" }, attachments.map((attachment, index) => this.renderAttachment(attachment, index)))));
     }
     getTranslation(key) {
-        return translate.get(key, this.language);
+        return translations.get(key, this.language);
     }
     shouldShowRemoteImagesBanner() {
         var _a;

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bnc9lzk2.js';
-import { c as createFileInfo, i as isTypeAccepted } from './files-DnkFEKoB.js';
+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 { i as isArrayLike } from './isArrayLike-CyVGB489.js';
 import { b as baseIteratee } from './_baseIteratee-CpbczHY1.js';
 import { i as isArray } from './isArray-B8VKuhvH.js';
-import { c as createRandomString } from './random-string-JbKhhoXs.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';
@@ -231,7 +231,7 @@ const FileDropzone = class {
         };
     }
     render() {
-        return (h(Host, { key: '841fa3b9766a42bdf7ee7e5993aa69521f081272', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: 'f1cd970b1555fa013cdc8391f627e6ad28a2f176' }), this.renderOnDragLayout()));
+        return (h(Host, { key: 'e9f43878405c9d969b0825e55322ae95b8770db1', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: '39087bebe8f40c34b3905891d22c3f9a585e4824' }), this.renderOnDragLayout()));
     }
 };
 FileDropzone.style = fileDropzoneCss();
@@ -279,11 +279,12 @@ const FileInput = class {
         };
         this.handleFileChange = (event) => {
             const files = [...this.fileInput.files];
-            if (files.length > 0) {
-                event.stopPropagation();
-                this.filesSelected.emit(files.map(createFileInfo));
-                this.fileInput.value = '';
+            if (files.length === 0) {
+                return;
             }
+            event.stopPropagation();
+            this.filesSelected.emit(files.map(createFileInfo));
+            this.fileInput.value = '';
         };
     }
     componentDidLoad() {
@@ -291,12 +292,10 @@ const FileInput = class {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (h(Host, { key: 'e802095d33209367010aca10267f66b924aba997', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: 'a3a70866e1541303ad277dd3ec3d82a30e7b2c60', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '8ad5e423a56d3b067b16f0cd208eac25989fa1e7' })));
+        return (h(Host, { key: '38213e8f3e58a565368415e61fce7fcc44975848', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: '1f75283470841c3821f601959038c31c72322f57', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '4509934962cbfddb994329102f80c4abe0879d63' })));
     }
     handleKeyDown(event) {
-        if (event.code === 'Tab' ||
-            event.code === 'Backspace' ||
-            event.code === 'Enter') {
+        if (['Tab', 'Backspace', 'Enter'].includes(event.code)) {
             return;
         }
         event.preventDefault();