@limetech/lime-elements 39.34.0 → 39.34.2

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var linkHelper = require('./link-helper-DwlfFJVL.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var makeEnterClickable = require('./make-enter-clickable-NuTMC9MU.js');
@@ -144,7 +144,7 @@ const Chip = class {
         makeEnterClickable.removeEnterClickable(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '33322062803d37bd242ceb4e1f8ea99e66aee76e', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
+        return (index.h(index.Host, { key: 'b8f705c07c6099b0a6dec51a0dd8b19e40385d9f', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
     }
     renderPicture() {
         var _a, _b;

package/dist/cjs/limel-circular-progress.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var format = require('./format-D4jZb7Ls.js');
 require('./_commonjsHelpers-CFO10eej.js');
 
@@ -43,7 +43,7 @@ const CircularProgress = class {
         };
         const currentPercentage = (this.value * PERCENT) / this.maxValue + '%';
         const value = Math.round(this.value * 10) / 10;
-        return (index.h("div", { key: '9a3aa40f5e932abcdf6b16ff2f443435ad707f57', role: "progressbar", class: classList, "aria-label": "%", "aria-valuemin": "0", "aria-valuemax": this.maxValue, "aria-valuenow": this.value, style: { '--percentage': currentPercentage } }, this.renderPrefix(), index.h("span", { key: 'd910dc9e68ded861880805b19a688be43fed8387', class: "value" }, format.abbreviate(value), index.h("span", { key: '502c1dc1a2b84576433fd9ac5f25428a1682ea54', class: "suffix" }, this.suffix))));
+        return (index.h("div", { key: 'a68b6dfed82b13ae01ea8a7595d3fbadf921f8bd', role: "progressbar", class: classList, "aria-label": "%", "aria-valuemin": "0", "aria-valuemax": this.maxValue, "aria-valuenow": this.value, style: { '--percentage': currentPercentage } }, this.renderPrefix(), index.h("span", { key: '3e40afaaf4f263e692739be5172e6ad25fb8ad96', class: "value" }, format.abbreviate(value), index.h("span", { key: '0459d0eae1f6aa938d592c5e32a4be17495fbc18', class: "suffix" }, this.suffix))));
     }
 };
 CircularProgress.style = circularProgressCss();

package/dist/cjs/limel-code-diff.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var translations = require('./translations-VEsa81QY.js');
 
 class Diff {
@@ -348,7 +348,46 @@ function overlapCount(a, b) {
     }
     return k;
 }
-function trailingWs(string) {
+/**
+ * Split a string into segments using a word segmenter, merging consecutive
+ * segments if they are both whitespace segments. Whitespace segments can
+ * appear adjacent to one another for two reasons:
+ * - newlines always get their own segment
+ * - where a diacritic is attached to a whitespace character in the text, the
+ *   segment ends after the diacritic, so e.g. " \u0300 " becomes two segments.
+ * This function therefore runs the segmenter's .segment() method and then
+ * merges consecutive segments of whitespace into a single part.
+ */
+function segment(string, segmenter) {
+    const parts = [];
+    for (const segmentObj of Array.from(segmenter.segment(string))) {
+        const segment = segmentObj.segment;
+        if (parts.length && (/\s/).test(parts[parts.length - 1]) && (/\s/).test(segment)) {
+            parts[parts.length - 1] += segment;
+        }
+        else {
+            parts.push(segment);
+        }
+    }
+    return parts;
+}
+// The functions below take a `segmenter` argument so that, when called from
+// diffWords when it is using a segmenter, they can use a notion of what
+// constitutes "whitespace" that is consistent with the segmenter.
+//
+// USUALLY this will be identical to the result of the non-segmenter-based
+// logic, but it differs in at least one case: when whitespace characters are
+// modified by diacritics. A word segmenter considers these diacritics to be
+// part of the whitespace, whereas our non-segmenter-based logic does not.
+//
+// Because the segmenter-based approach necessarily requires segmenting the
+// entire string, we offer a leadingAndTrailingWs function to allow getting the
+// whitespace prefix AND whitespace suffix with a single call to the segmenter,
+// for efficiency's sake.
+function trailingWs(string, segmenter) {
+    if (segmenter) {
+        return leadingAndTrailingWs(string, segmenter)[1];
+    }
     // Yes, this looks overcomplicated and dumb - why not replace the whole function with
     //     return string.match(/\s*$/)[0]
     // you ask? Because:
@@ -368,11 +407,28 @@ function trailingWs(string) {
     }
     return string.substring(i + 1);
 }
-function leadingWs(string) {
+function leadingWs(string, segmenter) {
+    if (segmenter) {
+        return leadingAndTrailingWs(string, segmenter)[0];
+    }
     // Thankfully the annoying considerations described in trailingWs don't apply here:
     const match = string.match(/^\s*/);
     return match ? match[0] : '';
 }
+function leadingAndTrailingWs(string, segmenter) {
+    if (!segmenter) {
+        return [leadingWs(string), trailingWs(string)];
+    }
+    if (segmenter.resolvedOptions().granularity != 'word') {
+        throw new Error('The segmenter passed must have a granularity of "word"');
+    }
+    const segments = segment(string, segmenter);
+    const firstSeg = segments[0];
+    const lastSeg = segments[segments.length - 1];
+    const head = (/\s/).test(firstSeg) ? firstSeg : '';
+    const tail = (/\s/).test(lastSeg) ? lastSeg : '';
+    return [head, tail];
+}
 
 // Based on https://en.wikipedia.org/wiki/Latin_script_in_Unicode
 //
@@ -438,22 +494,9 @@ class WordDiff extends Diff {
             // We want `parts` to be an array whose elements alternate between being
             // pure whitespace and being pure non-whitespace. This is ALMOST what the
             // segments returned by a word-based Intl.Segmenter already look like,
-            // and therefore we can ALMOST get what we want by simply doing...
-            //     parts = Array.from(segmenter.segment(value), segment => segment.segment);
-            // ... but not QUITE, because there's of one annoying special case: every
-            // newline character gets its own segment, instead of sharing a segment
-            // with other surrounding whitespace. We therefore need to manually merge
-            // consecutive segments of whitespace into a single part:
-            parts = [];
-            for (const segmentObj of Array.from(segmenter.segment(value))) {
-                const segment = segmentObj.segment;
-                if (parts.length && (/\s/).test(parts[parts.length - 1]) && (/\s/).test(segment)) {
-                    parts[parts.length - 1] += segment;
-                }
-                else {
-                    parts.push(segment);
-                }
-            }
+            // but not quite - see explanation in the docs of our custom segment()
+            // function.
+            parts = segment(value, segmenter);
         }
         else {
             parts = value.match(tokenizeIncludingWhitespace) || [];
@@ -517,7 +560,7 @@ class WordDiff extends Diff {
             }
             else {
                 if (insertion || deletion) { // May be false at start of text
-                    dedupeWhitespaceInChangeObjects(lastKeep, deletion, insertion, change);
+                    dedupeWhitespaceInChangeObjects(lastKeep, deletion, insertion, change, options.intlSegmenter);
                 }
                 lastKeep = change;
                 insertion = null;
@@ -525,7 +568,7 @@ class WordDiff extends Diff {
             }
         });
         if (insertion || deletion) {
-            dedupeWhitespaceInChangeObjects(lastKeep, deletion, insertion, null);
+            dedupeWhitespaceInChangeObjects(lastKeep, deletion, insertion, null, options.intlSegmenter);
         }
         return changes;
     }
@@ -534,7 +577,7 @@ const wordDiff = new WordDiff();
 function diffWords(oldStr, newStr, options) {
     return wordDiff.diff(oldStr, newStr, options);
 }
-function dedupeWhitespaceInChangeObjects(startKeep, deletion, insertion, endKeep) {
+function dedupeWhitespaceInChangeObjects(startKeep, deletion, insertion, endKeep, segmenter) {
     // Before returning, we tidy up the leading and trailing whitespace of the
     // change objects to eliminate cases where trailing whitespace in one object
     // is repeated as leading whitespace in the next.
@@ -577,10 +620,8 @@ function dedupeWhitespaceInChangeObjects(startKeep, deletion, insertion, endKeep
     // * Just a "delete"
     // We handle the three cases separately.
     if (deletion && insertion) {
-        const oldWsPrefix = leadingWs(deletion.value);
-        const oldWsSuffix = trailingWs(deletion.value);
-        const newWsPrefix = leadingWs(insertion.value);
-        const newWsSuffix = trailingWs(insertion.value);
+        const [oldWsPrefix, oldWsSuffix] = leadingAndTrailingWs(deletion.value, segmenter);
+        const [newWsPrefix, newWsSuffix] = leadingAndTrailingWs(insertion.value, segmenter);
         if (startKeep) {
             const commonWsPrefix = longestCommonPrefix(oldWsPrefix, newWsPrefix);
             startKeep.value = replaceSuffix(startKeep.value, newWsPrefix, commonWsPrefix);
@@ -602,17 +643,17 @@ function dedupeWhitespaceInChangeObjects(startKeep, deletion, insertion, endKeep
         // whitespace and deleting duplicate leading whitespace where
         // present.
         if (startKeep) {
-            const ws = leadingWs(insertion.value);
+            const ws = leadingWs(insertion.value, segmenter);
             insertion.value = insertion.value.substring(ws.length);
         }
         if (endKeep) {
-            const ws = leadingWs(endKeep.value);
+            const ws = leadingWs(endKeep.value, segmenter);
             endKeep.value = endKeep.value.substring(ws.length);
         }
         // otherwise we've got a deletion and no insertion
     }
     else if (startKeep && endKeep) {
-        const newWsFull = leadingWs(endKeep.value), delWsStart = leadingWs(deletion.value), delWsEnd = trailingWs(deletion.value);
+        const newWsFull = leadingWs(endKeep.value, segmenter), [delWsStart, delWsEnd] = leadingAndTrailingWs(deletion.value, segmenter);
         // Any whitespace that comes straight after startKeep in both the old and
         // new texts, assign to startKeep and remove from the deletion.
         const newWsStart = longestCommonPrefix(newWsFull, delWsStart);
@@ -631,8 +672,8 @@ function dedupeWhitespaceInChangeObjects(startKeep, deletion, insertion, endKeep
         // We are at the start of the text. Preserve all the whitespace on
         // endKeep, and just remove whitespace from the end of deletion to the
         // extent that it overlaps with the start of endKeep.
-        const endKeepWsPrefix = leadingWs(endKeep.value);
-        const deletionWsSuffix = trailingWs(deletion.value);
+        const endKeepWsPrefix = leadingWs(endKeep.value, segmenter);
+        const deletionWsSuffix = trailingWs(deletion.value, segmenter);
         const overlap = maximumOverlap(deletionWsSuffix, endKeepWsPrefix);
         deletion.value = removeSuffix(deletion.value, overlap);
     }
@@ -640,8 +681,8 @@ function dedupeWhitespaceInChangeObjects(startKeep, deletion, insertion, endKeep
         // We are at the END of the text. Preserve all the whitespace on
         // startKeep, and just remove whitespace from the start of deletion to
         // the extent that it overlaps with the end of startKeep.
-        const startKeepWsSuffix = trailingWs(startKeep.value);
-        const deletionWsPrefix = leadingWs(deletion.value);
+        const startKeepWsSuffix = trailingWs(startKeep.value, segmenter);
+        const deletionWsPrefix = leadingWs(deletion.value, segmenter);
         const overlap = maximumOverlap(startKeepWsSuffix, deletionWsPrefix);
         deletion.value = removePrefix(deletion.value, overlap);
     }
@@ -1260,7 +1301,7 @@ const CodeDiff = class {
         // Capture total matches after rendering completes
         this.totalSearchMatches = this.searchMatchCounter;
         const lineNumberWidth = this.computeLineNumberWidth();
-        return (index.h(index.Host, { key: 'e8702728849ac6f988d7d366244b51c141a733a9', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), index.h("div", { key: '4c8c95c8d48f43bc21ba6d2ea1808aefc4ed4c57', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), index.h("div", { key: '613bb6194ffa692175ccc105a9c404025ed32851', class: "screen-reader-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveAnnouncement)));
+        return (index.h(index.Host, { key: '85dc5cd00f441edf194ce90698bf1f6a44e1630a', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), index.h("div", { key: 'a381e603b3e177a184711dfa46deb0d1c3d7080c', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), index.h("div", { key: '827d60b982ca309f6225290ff6c40f1df05cd2d2', class: "screen-reader-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveAnnouncement)));
     }
     watchInputs() {
         this.recomputeDiff();

package/dist/cjs/limel-code-editor.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 var _commonjsHelpers = require('./_commonjsHelpers-CFO10eej.js');
 var translations = require('./translations-VEsa81QY.js');
@@ -14878,7 +14878,7 @@ const CodeEditor = class {
             'is-dark-mode': this.isDarkMode(),
             'is-light-mode': !this.isDarkMode(),
         };
-        return (index.h(index.Host, { key: '2df7ccaf43abecad22620a92768eed005ced5741' }, this.renderCopyButton(), index.h("limel-notched-outline", { key: '6a2617ca0e1425e8f0db059644f8598ecc046fc0', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, index.h("div", { key: 'b5b37607831941a45e25d21cda2e3494e6529eac', slot: "content", class: classList })), this.renderHelperLine()));
+        return (index.h(index.Host, { key: 'a28c6ab385e70bd2028e259e8ec612dcd0ee0878' }, this.renderCopyButton(), index.h("limel-notched-outline", { key: 'f376d2131b755e1d56acd63a11037e4967b37575', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, index.h("div", { key: 'dfb5e8d38946a4878723734d46a6a455c8576061', slot: "content", class: classList })), this.renderHelperLine()));
     }
     forceRedraw() {
         // eslint-disable-next-line sonarjs/pseudo-random

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var dispatchResizeEvent = require('./dispatch-resize-event-DH5CaB3p.js');
 var makeEnterClickable = require('./make-enter-clickable-NuTMC9MU.js');
 var randomString = require('./random-string-BTzDB2ee.js');
@@ -99,7 +99,7 @@ const CollapsibleSection = class {
         makeEnterClickable.removeEnterClickable(button);
     }
     render() {
-        return (index.h("section", { key: '658655acbb6ed39081dbb43c0fb3f20f0b7b1847', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, index.h("header", { key: 'b149315553c5137fbd806be21f85c40f17ea2bf2' }, index.h("button", { key: '56df786af25a14ebd33e9dd94178f92915ed58a0', 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(), index.h("div", { key: '0f1bef19ffd7ef5b541afaa9dbab340e4124e5d3', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), index.h("div", { key: 'cd7c3a87a8e4c20ad9d7288608e32877fb509b98', class: "body", "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, index.h("slot", { key: '878daf56be6afbefb1c5f8c54ba4815e6ae9b012' }))));
+        return (index.h("section", { key: '4462b37febab2416ae74b771c78d8b3c47b8d2ab', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, index.h("header", { key: '32107fa97b348e94f8a76520af82b97562d6d875' }, index.h("button", { key: '9542583877442339c9acda43783ab0859ab718c8', 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(), index.h("div", { key: '024fc7375d3ace7f3da27770a7727ac36612f444', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), index.h("div", { key: '2a85eebbe33c7c367b03c53b887838afb6990ef3', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, index.h("slot", { key: '8ba73da10870f7e19aa6ae7b56008a4c1084e653' }))));
     }
     renderHeaderSlot() {
         return index.h("slot", { name: "header" });

package/dist/cjs/limel-color-picker-palette.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 
 const colors = [
     'red',
@@ -103,10 +103,10 @@ const Palette = class {
     render() {
         const background = this.value ? { '--background': this.value } : {};
         return [
-            index.h("div", { key: '33c07aa0306951f8151e167bc43f7dc4e3f5a1f1', class: "color-picker-palette", style: {
+            index.h("div", { key: '223f1badc2450d203705c116d34fe00cd196c911', class: "color-picker-palette", style: {
                     '--color-picker-column-count': `${this.getColumnCount()}`,
                 } }, this.renderSwatches()),
-            index.h("div", { key: 'e2a40e39cc00a8e2c06f74827f7a117444288dc3', class: "chosen-color-name" }, index.h("limel-input-field", { key: 'e5aff06c03c289531de96d89269d6fe209ab2d98', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, invalid: this.invalid, placeholder: this.placeholder, disabled: !this.manualInput }), index.h("div", { key: 'bfef89d250d75a84ed136e0f8c9a7aa38fd3bbb0', class: "chosen-color-preview", style: background })),
+            index.h("div", { key: '72ecf755e2001895280f884e106d3ff87094cdd3', class: "chosen-color-name" }, index.h("limel-input-field", { key: '17d3872cfd01fae6caef39f124ffaa71a1e54a96', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, invalid: this.invalid, placeholder: this.placeholder, disabled: !this.manualInput }), index.h("div", { key: '86b91cf56f9a9389d18b5929141094a63c52a9d3', class: "chosen-color-preview", style: background })),
         ];
     }
     getPalette() {

package/dist/cjs/limel-color-picker.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.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)}`;
 
@@ -77,7 +77,7 @@ const ColorPicker = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '76b9357ed363f32ecb23d73382ed12ed4895221d' }, this.renderTooltip(), this.renderPickerPalette(), index.h("limel-input-field", { key: '625f7767c43aa45c066b398e89d142b43b279beb', 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 (index.h(index.Host, { key: '3ccb84fc0ab06f81be5a3f75991c4ce64f88a547' }, this.renderTooltip(), this.renderPickerPalette(), index.h("limel-input-field", { key: 'f0d15f5ac8576a1685eb6c0bdc331ca45a220562', 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/cjs/limel-config.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var config = require('./config-dit--4m5.js');
 
 const ConfigComponent = class {

package/dist/cjs/limel-date-picker.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 var device = require('./device-C9O7lYI9.js');
 require('./sv-BSR4W58y.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var dispatchResizeEvent = require('./dispatch-resize-event-DH5CaB3p.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 var ponyfill = require('./ponyfill-BgIFyUG5.js');
@@ -1017,10 +1017,10 @@ const Dialog = class {
         this.mdcDialog.destroy();
     }
     render() {
-        return (index.h("div", { key: '36dc82a451b2fa8ea194abbf18c8807c8e5374b6', class: {
+        return (index.h("div", { key: 'd639ccde65c504b0225a4b0fbdb65b5667bb86bd', 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 }, index.h("input", { key: '94f2916fc46faa085968f971492a18e18da4ea43', hidden: true, id: "initialFocusEl" }), index.h("div", { key: '3d60080d453f2970f375327ff99a98af66c85ce4', class: "mdc-dialog__container" }, index.h("div", { key: 'b9f86ba3f93e6ebd97063723a319b319a6d0ad52', class: "mdc-dialog__surface" }, index.h("input", { key: '35b0f87461025a34d1ce182d36251197f615c948', type: "button", id: "initialFocusElement" }), this.renderHeading(), index.h("div", { key: '0d09ea298790f4d7f50dfabc68461320d4ea551f', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, index.h("slot", { key: '56cf87544caee93d453304a976af625314ba6164' })), this.renderFooter())), index.h("div", { key: '3a3824e1d8b8cd048d0ccf0715a59fa1bdbca8f2', class: "mdc-dialog__scrim" })));
+            }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, index.h("input", { key: 'b23d88e1959d4eb722046ff2f5a3a562ea8a6071', hidden: true, id: "initialFocusEl" }), index.h("div", { key: '171df8142cf0b238515b9c8267d0d9b9f5d01bc4', class: "mdc-dialog__container" }, index.h("div", { key: '41afe3bb19541ab218965af66dd1578b70e322b3', class: "mdc-dialog__surface" }, index.h("input", { key: 'db610f13fa09d5745e0aa979227fb0a18e6b25cb', type: "button", id: "initialFocusElement" }), this.renderHeading(), index.h("div", { key: 'f4a7a93232d8dc82b1c1ad4d2540ad63a819e34c', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, index.h("slot", { key: '93a4f256894406591bb5d387a77df95bb445e84b' })), this.renderFooter())), index.h("div", { key: '3aee4c567f39fff7f560d8d11bf4c522c24e86ed', class: "mdc-dialog__scrim" })));
     }
     watchHandler(newValue, oldValue) {
         if (oldValue === newValue) {

package/dist/cjs/limel-dock-button.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var randomString = require('./random-string-BTzDB2ee.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)))}`;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.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;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))}:host(limel-dock:not(.has-mobile-layout)) nav{padding-bottom:calc(var(--limel-dock-padding) + 0.25rem)}:host(limel-dock.expanded){width:var(--dock-expanded-max-width, max-content)}.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)}`;
 
@@ -81,11 +81,11 @@ const Dock = class {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '206ac399202f8fddff9466c329d4de7b595d3f78', class: {
+        return (index.h(index.Host, { key: 'ec062cb0aa3a5be006fc8eb6e383e0c508530a3b', class: {
                 dock: true,
                 expanded: this.expanded,
                 'has-mobile-layout': this.useMobileLayout,
-            } }, index.h("nav", { key: '6bb724bf6d07c82ff9a36484562d4551e24b1eb7', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
+            } }, index.h("nav", { key: '5a0b61e7074961be51b05928c345dc0985f5675c', "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/cjs/limel-drag-handle.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var translations = require('./translations-VEsa81QY.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)}`;
@@ -33,7 +33,7 @@ const DragHandleComponent = class {
     render() {
         const tooltipLabel = translations.translate.get('drag-handle.drag-to-reorder', this.language);
         const ariaLabel = translations.translate.get('drag-handle.drag-handle', this.language);
-        return (index.h(index.Host, { key: '73d94aff2fe3748634cf2e81ed9f064e52368da4' }, index.h("button", { key: '43277535b5759d921a5e02c75c304d12d89d5420', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, index.h("div", { key: 'a1f003fd07b139ebd966097ecfd0c8bfad96b3ed', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, index.h("div", { key: "1" }), index.h("div", { key: "2" }), index.h("div", { key: "3" }), index.h("div", { key: "4" }), index.h("div", { key: "5" }), index.h("div", { key: "6" })), index.h("limel-tooltip", { key: 'd7c11c5bb0a294a9dde74df8aea095efc6ef6f1a', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
+        return (index.h(index.Host, { key: '257a86c3f5415af8bda3cd4454b04c8401363822' }, index.h("button", { key: '6627141679925685149b05734f0740b4d5597f71', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, index.h("div", { key: '470d10f55e5268ac05630219b2f1022757f573f1', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, index.h("div", { key: "1" }), index.h("div", { key: "2" }), index.h("div", { key: "3" }), index.h("div", { key: "4" }), index.h("div", { key: "5" }), index.h("div", { key: "6" })), index.h("limel-tooltip", { key: '5e45cfca77420892559b1cdbaf1bd9dabaa166fe', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
     }
 };
 DragHandleComponent.style = dragHandleCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.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/cjs/limel-email-viewer.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var translations = require('./translations-VEsa81QY.js');
 var adaptColorContrast = require('./adapt-color-contrast-Beo1IEl_.js');
 var icons = require('./icons-isR5V1X0.js');
@@ -259,7 +259,7 @@ const EmailViewer = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a2beb0e4d0dadd8e745aff449e07466b6becf725' }, index.h("div", { key: '1592e35fe27e50b8e81346e9bc02473e8cb495cc', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), index.h("section", { key: 'e9f848430487075e272e25672eb9e032e85d4a59' }, this.renderAttachments(), this.renderBody()))));
+        return (index.h(index.Host, { key: 'dadacd7b883d41ec1c76cfa9d4cdfb8b0f966a03' }, index.h("div", { key: 'e90456f41af276b6c8d253d1f2ccd8b808930ddf', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), index.h("section", { key: '2d4ccef6dbf63062fed72d806b6389b24e81efc4' }, this.renderAttachments(), this.renderBody()))));
     }
     renderHeaders() {
         const headerFields = [

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjHIBY-I.js');
+var index = require('./index-8x93m5oI.js');
 var files = require('./files-Bt11HLi4.js');
 var _baseEach = require('./_baseEach-Bygi-un6.js');
 var _baseIteratee = require('./_baseIteratee-DDklwtn9.js');
@@ -194,7 +194,7 @@ const FileDropzone = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '099fe487311b6a593f84f455d278eea2322741d6', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, index.h("slot", { key: '1e26e166c84e6fbc41c4890427bee228b825d0db' }), this.renderOnDragLayout()));
+        return (index.h(index.Host, { key: '5143c9cda4ccbcd0c34bb55fb7f8eb6b9d028863', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, index.h("slot", { key: 'c283ffdb9838d4cee80842127360303f77a6de39' }), this.renderOnDragLayout()));
     }
 };
 FileDropzone.style = fileDropzoneCss();
@@ -254,7 +254,7 @@ const FileInput = class {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (index.h(index.Host, { key: 'e8f45ab6b7378ea357ae920e99bf137eda289a5e', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, index.h("input", { key: 'bcb7df16d5d645892294c7f6e3b38d55a02a2dfe', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), index.h("slot", { key: '320bf90892159e3bf3df59b862c8cae7c960bc82' })));
+        return (index.h(index.Host, { key: '4746b407c045a406385f4b26b7a82298a37c7fca', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, index.h("input", { key: 'b599d3a8d60802f0977c2ffc12f14975a7a8d4f0', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), index.h("slot", { key: '4e526023fd5287a112708d2012cc9b897facb93b' })));
     }
     handleKeyDown(event) {
         if (event.code === 'Tab' ||