@limetech/lime-elements 40.15.0 → 40.17.0

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

@@ -5,15 +5,17 @@ import { g as getIconName } from './get-icon-props-CgNJbSP4.js';
 import { m as makeEnterClickable, r as removeEnterClickable } from './make-enter-clickable-CIf8aGSd.js';
 import { t as translations } from './translations-Drl5LNAD.js';
 import { D as DELETE, B as BACKSPACE } from './keycodes-Bu6-QXrA.js';
-import { i as isEmpty } from './isEmpty-BGVZ12Ea.js';
+import { i as isEmpty } from './isEmpty-CvLNUkER.js';
 import './language-ChagAaNf.js';
-import './_getTag-BiAaLWvH.js';
+import './_getTag-BTNY_Z_q.js';
 import './isObject-BJQylLSL.js';
+import './isLength-BZrtP4vv.js';
 import './isObjectLike-oiMYqRQ0.js';
-import './isArrayLike-CyVGB489.js';
-import './isFunction-9zQTeQI8.js';
 import './_getNative-COawFdVX.js';
+import './isFunction-9zQTeQI8.js';
+import './_Map-LWJCQc-c.js';
 import './isArray-B8VKuhvH.js';
+import './isArrayLike-wfLI14yj.js';
 
 const chipCss = () => `@charset "UTF-8";.text{transition:padding-left 0.4s ease}limel-linear-progress{position:absolute;z-index:1;margin:auto;left:0.25rem;width:1.25rem}:host(limel-chip[loading]) .chip:before{content:"";position:absolute;left:0;width:var(--limel-chip-height);height:var(--limel-chip-height);border-radius:50%;scale:0.9;background-color:rgba(var(--contrast-600), 0.8)}:host(limel-chip[loading]) .chip:not(:has(limel-icon)) .text{padding-left:calc(var(--limel-chip-height) + 0.25rem)}div[role=progressbar]{--limel-chip-progressbar-offset:0.1875rem;--limel-chip-progressbar-stripe-color:rgb(var(--contrast-100), 0.3);--limel-chip-progressbar-stripe-size:1.5rem;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:end;inset:var(--limel-chip-progressbar-offset);max-width:calc(100% - var(--limel-chip-progressbar-offset) * 2);border-radius:inherit;background-color:var(--chip-progress-color, rgb(var(--contrast-700)));width:var(--limel-chip-progress-percentage);opacity:0.8;mix-blend-mode:var(--limel-chip-progress-mix-blend-mode)}div[role=progressbar]:after{content:"";transform:translate3d(0, 0, 0);position:absolute;inset:1px;background-image:linear-gradient(-45deg, var(--limel-chip-progressbar-stripe-color) 25%, transparent 25%, transparent 50%, var(--limel-chip-progressbar-stripe-color) 50%, var(--limel-chip-progressbar-stripe-color) 75%, transparent 75%, transparent);z-index:1;background-size:var(--limel-chip-progressbar-stripe-size) var(--limel-chip-progressbar-stripe-size);animation:move 2.5s linear infinite;border-radius:inherit}@media (prefers-reduced-motion){div[role=progressbar]:after{animation:none}}@keyframes move{0%{background-position:0 0}100%{background-position:calc(var(--limel-chip-progressbar-stripe-size) * -1) calc(var(--limel-chip-progressbar-stripe-size) * -1)}}:host(limel-chip){--limel-chip-height:var(--limel-chip-size, 1.75rem);--limel-chip-gap:0.5rem;isolation:isolate;display:inline-flex;align-items:center;min-width:0;max-width:min(var(--chip-max-width, 100%), 25rem)}:host(limel-chip)::before{content:"​";align-self:baseline;line-height:var(--limel-chip-height);font-size:var(--limel-theme-default-font-size, 0.875rem)}:host(limel-chip[size=small]){--limel-chip-height:1.5rem;--limel-chip-gap:0.25rem}:host(limel-chip[size=small]) .text{font-size:var(--limel-theme-default-small-font-size)}*{box-sizing:border-box}.chip{all:unset;position:relative;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;max-width:100%;height:var(--limel-chip-height);border-radius:var(--limel-chip-height);font-size:clamp(0.8125rem, var(--limel-chip-height) - 0.875rem, 1rem);padding:0 0.125rem}.chip:has(limel-icon) .text,.chip:has(img) .text{padding-left:0}.chip:not([disabled]):focus{outline:none}.chip:not([disabled]):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.chip:not([disabled]){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)}.chip:not([disabled]):hover,.chip:not([disabled]):focus,.chip:not([disabled]):focus-visible{will-change:color, background-color, box-shadow, transform}.chip:not([disabled]):hover,.chip:not([disabled]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.chip:not([disabled]):hover{box-shadow:var(--button-shadow-hovered)}.chip:not([disabled]):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)}.chip:not([disabled]):hover,.chip:not([disabled]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.chip:has(limel-badge){padding-right:0.375rem}.chip:has(limel-badge) .text{padding-right:0}.chip:has(+.remove-button:hover){box-shadow:var(--shadow-depth-8-error)}.chip:has(+limel-menu),.chip:has(+.trailing-button){padding-right:calc(var(--limel-chip-height) + 0.125rem)}.chip:has(+limel-menu) .text,.chip:has(+.trailing-button) .text{padding-right:0}:host(limel-chip[disabled]:not([disabled=false])) .chip{color:rgba(var(--contrast-1600), 0.37);background-color:rgba(var(--contrast-1600), 0.1);box-shadow:none}:host(limel-chip[readonly]:not([readonly=false])) .chip{box-shadow:0 0 0 1px var(--chip-readonly-border-color, rgb(var(--contrast-800), 0.5))}:host(limel-chip[selected]:not([selected=false])) .chip{box-shadow:var(--button-shadow-inset)}:host(limel-chip[selected]:not([selected=false])) .chip:focus-visible{box-shadow:var(--button-shadow-inset), var(--shadow-depth-8-focused)}:host(limel-chip[selected]:not([selected=false])) .chip:active{box-shadow:var(--button-shadow-inset-pressed)}:host(limel-chip[selected]:not([selected=false])) .text{color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host([aria-expanded=true]) .chip,:host([aria-expanded]:not([aria-expanded=false])) .chip{box-shadow:var(--button-shadow-inset-pressed) !important}:host(limel-chip[type=filter]) .chip{border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem}:host(limel-chip[type=filter]) .chip:after{content:"";transition:background-color 0.4s ease 0.2s, box-shadow 0.6s ease 0.2s;box-sizing:border-box;position:absolute;bottom:0.125rem;left:0.125rem;width:0.5rem;height:0.5rem;border-radius:50%;background-color:rgb(var(--contrast-800), 0.8);box-shadow:0 0 0 1px rgb(var(--color-white)) inset}:host(limel-chip[type=filter][selected]) .chip:after{background-color:rgb(var(--color-green-default));box-shadow:0 0 0.375rem 0 rgb(var(--color-green-light)), 0 0 0 1px rgb(var(--color-white)) inset}:host(limel-chip[invalid]) .chip{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;background-color:rgb(var(--color-red-default))}:host(limel-chip[invalid]) .text{color:rgb(var(--color-white))}img,limel-icon{flex-shrink:0;width:calc(var(--limel-chip-height) - 0.25rem);height:calc(var(--limel-chip-height) - 0.25rem)}img{object-fit:cover;border-radius:50%}limel-icon{padding:0.0625rem}limel-badge{pointer-events:none}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;padding:0 0.5rem;font-size:var(--limel-theme-default-font-size)}button.trailing-button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;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.trailing-button:hover,button.trailing-button:focus,button.trailing-button:focus-visible{will-change:color, background-color, box-shadow, transform}button.trailing-button:hover,button.trailing-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.trailing-button:hover{box-shadow:var(--button-shadow-hovered)}button.trailing-button: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.trailing-button:hover,button.trailing-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.trailing-button{z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:calc(var(--limel-chip-height) * -1 + 0.125rem);margin-right:0.125rem;width:calc(var(--limel-chip-height) - 0.25rem);height:calc(var(--limel-chip-height) - 0.25rem);border-radius:50%}button.trailing-button svg{transition:color 0.2s ease, transform 0.2s ease;width:1.25rem}button.trailing-button.remove-button:hover{color:rgb(var(--color-red-dark))}button.trailing-button.remove-button:hover svg{transform:scale(0.8)}limel-menu button[slot=trigger]:focus{outline:none}limel-menu button[slot=trigger]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limel-menu[open] button[slot=trigger]{box-shadow:var(--button-shadow-inset)}`;
 
@@ -144,7 +146,7 @@ const Chip = class {
         removeEnterClickable(this.host);
     }
     render() {
-        return (h(Host, { key: '8a608e9ca37d10a04ce33224a03daad792ccb130', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
+        return (h(Host, { key: 'fb7e275d2fa6c89222c35d8c79a29b5596fec9d4', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
     }
     renderPicture() {
         var _a, _b;

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

@@ -41,7 +41,7 @@ const CircularProgress = class {
         };
         const currentPercentage = (this.value * PERCENT) / this.maxValue + '%';
         const value = Math.round(this.value * 10) / 10;
-        return (h("div", { key: '4b9b6d715a14fc11bac8380954eb070291167400', role: "progressbar", class: classList, "aria-label": "%", "aria-valuemin": "0", "aria-valuemax": this.maxValue, "aria-valuenow": this.value, style: { '--percentage': currentPercentage } }, this.renderPrefix(), h("span", { key: '97c82248015952b3f590b75156b1e18e59f95ccf', class: "value" }, abbreviate(value), h("span", { key: '2af86dc82e6b17a6beb1747dc35008cf938d2ded', class: "suffix" }, this.suffix))));
+        return (h("div", { key: '47a6624518e8cd5938a0d3ab1538ea9e7ebbe6a6', role: "progressbar", class: classList, "aria-label": "%", "aria-valuemin": "0", "aria-valuemax": this.maxValue, "aria-valuenow": this.value, style: { '--percentage': currentPercentage } }, this.renderPrefix(), h("span", { key: 'bdb7887d49ecf6175c7b99c3eb96e754277acfd8', class: "value" }, abbreviate(value), h("span", { key: '4405e3306807b5f21e92286db01a1e8ca578c3f9', class: "suffix" }, this.suffix))));
     }
 };
 CircularProgress.style = circularProgressCss();

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

@@ -1301,7 +1301,7 @@ const CodeDiff = class {
         // Capture total matches after rendering completes
         this.totalSearchMatches = this.searchMatchCounter;
         const lineNumberWidth = this.computeLineNumberWidth();
-        return (h(Host, { key: 'b6a012262def4ab886f8cb01063bac2fa0d1adea', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), h("div", { key: 'ae708989109d0a3ed481a008303d203dd52143f4', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), h("div", { key: '2dcd7ef84ea3b4407f1cc5617b450f8b78754e8d', class: "screen-reader-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveAnnouncement)));
+        return (h(Host, { key: 'c43133dfb5da6d4d98aa648a106fc44592d0e1f7', style: { '--limel-line-number-min-width': lineNumberWidth } }, this.renderHeader(), this.renderScreenReaderSummary(), this.searchVisible && this.renderSearchBar(), h("div", { key: 'ecc7f2b338f6d646d464e521d143c7940519b86c', class: "diff-body", role: "table", "aria-label": this.getTranslation('code-diff.table-label'), tabindex: "0", onKeyDown: (event) => this.handleKeyDown(event) }, diffContent), h("div", { key: '216112168a51928d05d10da7612143bcd7807b0c', class: "screen-reader-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.liveAnnouncement)));
     }
     watchInputs() {
         this.recomputeDiff();

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

@@ -14878,7 +14878,7 @@ const CodeEditor = class {
             'is-dark-mode': this.isDarkMode(),
             'is-light-mode': !this.isDarkMode(),
         };
-        return (h(Host, { key: '8dc5c966c3f3c7885ea7632130d49ebaefde6a67' }, this.renderCopyButton(), h("limel-notched-outline", { key: '59165704a73758cfa249397c494327ef8cc29a78', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, h("div", { key: '5a8c4c83151e4e385a11f6d1a2debfd36ee8db33', slot: "content", class: classList })), this.renderHelperLine()));
+        return (h(Host, { key: 'a3657a5cf54b3e8a935159f27aaebd4d47838a0c' }, this.renderCopyButton(), h("limel-notched-outline", { key: 'cb0b931c64166f8d4a09acbe0f9699bcccbe7b1d', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, h("div", { key: 'a9f5da0408972d22009c6fcded671b1a3f88064b', slot: "content", class: classList })), this.renderHelperLine()));
     }
     forceRedraw() {
         // eslint-disable-next-line sonarjs/pseudo-random

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

@@ -121,7 +121,7 @@ const CollapsibleSection = class {
         removeEnterClickable(button);
     }
     render() {
-        return (h("section", { key: 'a962a510a5b7b832a272efa04863b2256fcafb8d', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '334d79ce2f441a96e3f7a9dade6284e20d6b4552' }, h("button", { key: 'ecbf1641823c0ae2549de6dc4e141e833399665f', 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: '90c7f01227969181d176d455131ced7df34b2737', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: 'eb2a04b6993e09a6aad2efe34a9a3b396b4ec81f', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '86595241b48df66a4482a90edbf6a0c8f699024a' }))));
+        return (h("section", { key: '1cb8db604bbbc8f8dbb7ca97895b3cfcf4dcd80b', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '4e55c5b636b1d049df4d77a77a35285648096ea0' }, h("button", { key: '29eefb5499fb0f00cbdf513698acf8f357a935a6', 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: '16ec84abfe81a812c9d30188a714b58d363ca8a3', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: 'f28ff7d73f05dc1a6ca0dcd9948cb67107647598', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '33d0fda5501c178f92dff4a1b0361a43829fe095' }))));
     }
     getHeadingLevel() {
         return isHeadingLevel(this.headingLevel)

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

@@ -101,10 +101,10 @@ const Palette = class {
     render() {
         const background = this.value ? { '--background': this.value } : {};
         return [
-            h("div", { key: 'f64284a7fa49f91e6e9a9d6482e612d19c965976', class: "color-picker-palette", style: {
+            h("div", { key: 'b2a7d3a6fdb975039b27fa6c1991e2b13dfdfb7c', class: "color-picker-palette", style: {
                     '--color-picker-column-count': `${this.getColumnCount()}`,
                 } }, this.renderSwatches()),
-            h("div", { key: '7b6b9c007133801e4266f454011c1f320b73b903', class: "chosen-color-name" }, h("limel-input-field", { key: 'f553fd5e39a163f40cf3c3d48f5deb0de2465577', 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: '5d37ef30b20acb6e2986ca79d2e24475db85fa50', class: "chosen-color-preview", style: background })),
+            h("div", { key: '8388ecf46579ee13770a599fb4d73c355e01462e', class: "chosen-color-name" }, h("limel-input-field", { key: 'f98cd03a9a5beb2897961a063a1d78ae0e5dd71e', 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: 'c9502329a95fdf25a7f787183f811679bde62882', class: "chosen-color-preview", style: background })),
         ];
     }
     getPalette() {

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

@@ -41,7 +41,7 @@ const ColorPicker = class {
             if (this.readonly) {
                 return this.renderPickerTrigger();
             }
-            return (h("limel-popover", { open: this.isOpen, openDirection: "bottom-start", onClose: this.onPopoverClose }, this.renderPickerTrigger(), h("limel-color-picker-palette", { ref: this.setColorPickerPaletteElement, value: this.value, label: this.label, helperText: this.helperText, placeholder: this.placeholder, invalid: this.invalid, onChange: this.handleChange, required: this.required, palette: this.palette, columnCount: this.paletteColumnCount, manualInput: this.manualInput })));
+            return (h("limel-popover", { open: this.isOpen, openDirection: "bottom-start", popupRole: "dialog", accessibleLabel: this.label, onClose: this.onPopoverClose }, this.renderPickerTrigger(), h("limel-color-picker-palette", { ref: this.setColorPickerPaletteElement, value: this.value, label: this.label, helperText: this.helperText, placeholder: this.placeholder, invalid: this.invalid, onChange: this.handleChange, required: this.required, palette: this.palette, columnCount: this.paletteColumnCount, manualInput: this.manualInput })));
         };
         this.renderPickerTrigger = () => {
             const background = this.value ? { '--background': this.value } : {};
@@ -76,7 +76,7 @@ const ColorPicker = class {
         (_a = this.contentElement) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '62a27a77858ae2cd66d473dd84e96d5187cf5e30' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: 'b061325ce2eadd8bedf2e133add138d698e194d1', 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: '04973de288b9d3f4773a03c351d37f288e9e07bf' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: '93c5ea34c6eef290b1b4cf744b911a4e5de80c1c', 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-dialog.entry.js

@@ -3,17 +3,20 @@ import { d as dispatchResizeEvent } from './dispatch-resize-event-z_E3sq3p.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-C-pK6AAU.js';
-import './_baseIsEqual-B_JRErB0.js';
-import './eq-CZ30nDJE.js';
-import './_getTag-BiAaLWvH.js';
+import { i as isEqual } from './isEqual-BIfg0KPc.js';
+import './_baseIsEqual-CJf575VC.js';
+import './_arrayPush-NEl7BpFy.js';
+import './_getNative-COawFdVX.js';
+import './isFunction-9zQTeQI8.js';
 import './isObject-BJQylLSL.js';
+import './eq-CZ30nDJE.js';
+import './_Map-LWJCQc-c.js';
 import './isObjectLike-oiMYqRQ0.js';
-import './isArrayLike-CyVGB489.js';
-import './isFunction-9zQTeQI8.js';
-import './_getNative-COawFdVX.js';
 import './isArray-B8VKuhvH.js';
+import './_getTag-BTNY_Z_q.js';
+import './isLength-BZrtP4vv.js';
 import './_isIndex-B--C3qwe.js';
+import './isArrayLike-wfLI14yj.js';
 
 /**
  * @license
@@ -1015,10 +1018,10 @@ const Dialog = class {
         this.mdcDialog.destroy();
     }
     render() {
-        return (h("div", { key: '1b5ea40cec2ae67e3ffa902bd35bfaca444ae2bf', class: {
+        return (h("div", { key: 'c25d2992895829671727b0d3a52c89d5cd6d3586', 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: 'bcf3bcb62754208c582672667a175e736b0744fa', hidden: true, id: "initialFocusEl" }), h("div", { key: '296832fed308a7708a41049efaaf98d45514d2d7', class: "mdc-dialog__container" }, h("div", { key: '35367530bccda9a88285f3129d00875dc77c0257', class: "mdc-dialog__surface" }, h("input", { key: '9e70d9bd7cdce0dfef28ffe12ec5c07ffc66e5e1', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: '323d15273582eac0803124b9699d44e2b9a079e2', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: '0905ccd516e77933531e600faba97e73b5317731' })), this.renderFooter())), h("div", { key: '1ec2d3d9aa09b60d478c4ff5beefcaaefef9baed', 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: 'bee5a5e54bc971b2ebf33fbcd4d84feba6ca9353', hidden: true, id: "initialFocusEl" }), h("div", { key: '3e5beb7bb0d881de3449cfe26ba5776f3ece4c42', class: "mdc-dialog__container" }, h("div", { key: '928c11c5eca38e7e4065c55d8ec6872c6c0dbd71', class: "mdc-dialog__surface" }, h("input", { key: 'c81d5586e8bf3c3f57d7ea6b33585a5e16c016e3', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: 'd7f278245136ea690182f82ad717ff57e4e4855b', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: '40c910630b7df325a5e15829f96d6ce0f8e52ff0' })), this.renderFooter())), h("div", { key: '8aa1010d47e375d2ef607f87d4e724c674493cf9', class: "mdc-dialog__scrim" })));
     }
     watchHandler(newValue, oldValue) {
         if (oldValue === newValue || !this.mdcDialog) {

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

@@ -95,11 +95,11 @@ const Dock = class {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (h(Host, { key: '59f51282a849383ecc23d3699ab20d9eadef800a', class: {
+        return (h(Host, { key: '89d1c5d33de71c5b78b572ec3f72b36424c5b12a', class: {
                 dock: true,
                 expanded: this.expanded,
                 'has-mobile-layout': this.useMobileLayout,
-            } }, h("nav", { key: 'c60abf3144c58aac33e321548b3167387f1bc2a9', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
+            } }, h("nav", { key: 'bd58281fb439dbc3eb2b8fb159fb2a5fd95fc553', "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_2.entry.js

@@ -32,7 +32,7 @@ const DragHandleComponent = class {
     render() {
         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: 'c88e3c81d5c24052b01bb44a6dd6d1abdddc75cb' }, h("button", { key: 'e45a3d7ca735bc27a4a05c13c65ec0d6e2b4df04', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '8a91aa1f70775148fb4262a9ef51129cfd89cf07', 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: '645f814490598b794def31fde73de3bf61041904', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
+        return (h(Host, { key: '49a2335a2c2603c7fcdd3c329f71a27f52024f96' }, h("button", { key: '8a8caa87f2e6b43936753f11991e84e81f0385c6', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '841ce098bb464c79773cdac0ea40e89a941d439f', 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: '650342114d7c64c5e621e1b65751b242c0a7c5a7', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
     }
 };
 DragHandleComponent.style = dragHandleCss();
@@ -100,12 +100,12 @@ const Scroller = class {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '6e546a2b31136af45497d3de8369754b33992da9' }, h("div", { key: '22fbd0723a170201a422d073f41ce8e2a0d726d3', class: {
+        return (h(Host, { key: '03b2274dac7e30f6e42e2bb5de9d0b7287beaa19' }, h("div", { key: 'ddaee4dc60ceea7abce4bee9f6ee521e00c66f55', class: {
                 scroller: true,
                 [this.orientation]: true,
                 'can-scroll-to-start': this.canScrollToStart,
                 'can-scroll-to-end': this.canScrollToEnd,
-            } }, h("div", { key: '379da89bc7f3b7b2a4700d1740df7c63906e065f', class: "scroll-area", ref: (element) => (this.scrollArea = element), onScroll: this.updateScrollability, onFocusin: this.revealFocusedItem }, h("div", { key: '448ee73f8e9c68db5cadbd0910c9d1135d8d40ee', class: "scroll-content", ref: (element) => (this.scrollContent = element) }, h("slot", { key: 'fc12618e40799918647a37be83fe8d8d5f7b8077', ref: (element) => (this.slotElement = element) }))), this.renderEdge('start'), this.renderEdge('end'))));
+            } }, h("div", { key: 'ac801f373a0de014b2e367da0c6c137bdbb61017', class: "scroll-area", ref: (element) => (this.scrollArea = element), onScroll: this.updateScrollability, onFocusin: this.revealFocusedItem }, h("div", { key: '6cc87291eb0906d2e0121621108c295c4552c29a', class: "scroll-content", ref: (element) => (this.scrollContent = element) }, h("slot", { key: 'da169161e52ca970134b95b09fbc643321c5944f', ref: (element) => (this.slotElement = element) }))), this.renderEdge('start'), this.renderEdge('end'))));
     }
     renderEdge(edge) {
         return [

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

@@ -214,7 +214,7 @@ const EmailViewer = class {
         }
     }
     render() {
-        return (h(Host, { key: '988ce952ec8bfb1a3f6107687bf99eb921e82a68' }, h("div", { key: '0c0551cf33923837a4fbc0be84bef92e5f42084a', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: '62189859a9796e38bfa2c3aa7af83c3f2cc1e5a6' }, this.renderAttachments(), this.renderBody()))));
+        return (h(Host, { key: '81c11ddad6377f11be8c2f82915708c16fd2ac77' }, h("div", { key: '4be342e3c746106d45eb4cd357f771a252a90ab8', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: 'd6b9661596131110ac40e7fa90dba17e8a5c99fd' }, this.renderAttachments(), this.renderBody()))));
     }
     renderHeaders() {
         const headerFields = [

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

@@ -1,21 +1,25 @@
 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-vKFWmmaS.js';
-import { i as isArrayLike } from './isArrayLike-CyVGB489.js';
-import { b as baseIteratee } from './_baseIteratee-CVz7aes3.js';
+import { b as baseForOwn } from './_baseForOwn-C3COyhQS.js';
+import { i as isArrayLike } from './isArrayLike-wfLI14yj.js';
+import { b as baseIteratee } from './_baseIteratee-DM5xljbg.js';
 import { i as isArray } from './isArray-B8VKuhvH.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';
-import './_baseIsEqual-B_JRErB0.js';
-import './eq-CZ30nDJE.js';
-import './_getTag-BiAaLWvH.js';
-import './isObject-BJQylLSL.js';
-import './isObjectLike-oiMYqRQ0.js';
+import './_baseIsEqual-CJf575VC.js';
+import './_arrayPush-NEl7BpFy.js';
 import './_getNative-COawFdVX.js';
 import './isFunction-9zQTeQI8.js';
+import './isObject-BJQylLSL.js';
+import './eq-CZ30nDJE.js';
+import './_Map-LWJCQc-c.js';
+import './isObjectLike-oiMYqRQ0.js';
+import './_getTag-BTNY_Z_q.js';
+import './isLength-BZrtP4vv.js';
 import './_isIndex-B--C3qwe.js';
+import './hasIn-CKUl04DZ.js';
 import './isSymbol-ClAke5ga.js';
 import './identity-CK4jS9_E.js';
 
@@ -231,7 +235,7 @@ const FileDropzone = class {
         };
     }
     render() {
-        return (h(Host, { key: '0209f44f7cfe46ccb98b3e15d597555ac57c0dce', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: '1198fc4141e15527cd7575f5dd88b06b1a9d61c1' }), this.renderOnDragLayout()));
+        return (h(Host, { key: 'd04afa2b6b4b0cb45ac908891f8b0b5da8d9867b', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: '1b125711e06ccd2357375127b6cf2dd12779e584' }), this.renderOnDragLayout()));
     }
 };
 FileDropzone.style = fileDropzoneCss();
@@ -292,7 +296,7 @@ const FileInput = class {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (h(Host, { key: 'e499bde6727abc2123d0aa70d446860de930a838', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: '9e3ba97f8f43b90d6d63e348acda5fa2a3976432', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: 'c29534ed1ee305ba85afd02c4b66e61eae817a5e' })));
+        return (h(Host, { key: '2ec5c6a56f846b4c606633fd418c4867f50f470d', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: 'c6a782ec3d71be85ca6e4fe13f5616b7c3809989', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '86efec1ed582204301530ecd549367be1c952b1d' })));
     }
     handleKeyDown(event) {
         if (['Tab', 'Backspace', 'Enter'].includes(event.code)) {

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

@@ -120,7 +120,7 @@ const File = class {
         this.resizingFile = undefined;
     }
     render() {
-        return (h(Host, { key: 'f18050fc95a60bb3c7223ae12107d49e147def67', "aria-busy": this.isBusy ? 'true' : 'false' }, h("limel-file-dropzone", { key: 'ede8aa3e8c6e8406a0b38db4ecbe33159ec698bc', disabled: this.disabled || this.readonly || !!this.displayedFile, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip(), this.renderSpinner()));
+        return (h(Host, { key: '31fa16f6246cd4a6e7a7ce9ec6d32aadf245d84f', "aria-busy": this.isBusy ? 'true' : 'false' }, h("limel-file-dropzone", { key: 'f294201908569c70656ef52fff2fcca3e9b72bf0', disabled: this.disabled || this.readonly || !!this.displayedFile, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip(), this.renderSpinner()));
     }
     get statusText() {
         var _a, _b, _c;

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

@@ -6,11 +6,12 @@ import { m as moment } from './moment-_DadZLWp.js';
 import { i as isIOSDevice, a as isAndroidDevice } from './device-B-tmXAXV.js';
 import { g as getPrimarySubtag } from './language-ChagAaNf.js';
 import { e as eq } from './eq-CZ30nDJE.js';
-import { i as isArrayLike$1 } from './isArrayLike-CyVGB489.js';
+import { i as isArrayLike$1 } from './isArrayLike-wfLI14yj.js';
 import { i as isIndex } from './_isIndex-B--C3qwe.js';
 import { i as isObject$1 } from './isObject-BJQylLSL.js';
 import { t as toNumber } from './toNumber-D6JYpQI9.js';
 import './isFunction-9zQTeQI8.js';
+import './isLength-BZrtP4vv.js';
 import './isSymbol-ClAke5ga.js';
 import './isObjectLike-oiMYqRQ0.js';
 
@@ -7722,7 +7723,7 @@ const DatePickerCalendar = class {
         });
     }
     render() {
-        return (h("div", { key: 'aad98186a855e3c4e30dbc597cfad23b9a4cbcbe', class: "container", ref: (el) => (this.container = el), style: {
+        return (h("div", { key: 'c9e65b096f57f96afaffcdca7889cf3addb3227f', class: "container", ref: (el) => (this.container = el), style: {
                 '--today-label': `"${translations.get('date-picker.today', this.language)}"`,
             } }));
     }

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

@@ -26,7 +26,7 @@ const FlexContainer = class {
         console.warn('limel-flex-container is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox');
     }
     render() {
-        return h("slot", { key: '2049c195a3ded73e31597b1e51f3d4af9b7316ed' });
+        return h("slot", { key: '15e4e05dceb2966750d9fce29f401585c1e7332d' });
     }
 };
 FlexContainer.style = flexContainerCss();

package/dist/esm/limel-form-header.entry.js

@@ -0,0 +1,57 @@
+import { r as registerInstance, h, H as Host } from './index-BU9IJqli.js';
+import { g as getHelpProps } from './help-props-DULV6dHr.js';
+import './_basePickBy-D_9Hus6l.js';
+import './hasIn-CKUl04DZ.js';
+import './isArray-B8VKuhvH.js';
+import './isSymbol-ClAke5ga.js';
+import './isObject-BJQylLSL.js';
+import './isObjectLike-oiMYqRQ0.js';
+import './_arrayPush-NEl7BpFy.js';
+import './_getNative-COawFdVX.js';
+import './isFunction-9zQTeQI8.js';
+import './eq-CZ30nDJE.js';
+import './_Map-LWJCQc-c.js';
+import './_isIndex-B--C3qwe.js';
+import './isLength-BZrtP4vv.js';
+import './_assignValue-CEFvyZxO.js';
+import './_defineProperty-C69Btzid.js';
+import './_baseFlatten-mvFj07qD.js';
+import './identity-CK4jS9_E.js';
+
+const formHeaderCss = () => `limel-form-header{display:block}`;
+
+const FormHeader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Which of the heading elements, from `h1` to `h6`, to draw
+         * the `heading` with.
+         */
+        this.headingLevel = 1;
+    }
+    render() {
+        return (h(Host, { key: 'bfb0a90340ac54c7f083df2989fd8c2acb97308f' }, this.renderHeading(), this.renderHelp(), this.renderDescription()));
+    }
+    renderHeading() {
+        if (!this.heading) {
+            return;
+        }
+        const Heading = `h${this.headingLevel}`;
+        return h(Heading, null, this.heading);
+    }
+    renderHelp() {
+        if (!this.help) {
+            return;
+        }
+        return h("limel-help", Object.assign({}, getHelpProps(this.help)));
+    }
+    renderDescription() {
+        if (!this.description) {
+            return;
+        }
+        return h("limel-markdown", { value: this.description });
+    }
+};
+FormHeader.style = formHeaderCss();
+
+export { FormHeader as limel_form_header };