@limetech/lime-elements 40.14.5 → 40.16.0

package/dist/esm/limel-ai-avatar.entry.js

@@ -127,7 +127,7 @@ const AiAvatar = class {
         if (effectiveVariant !== this.variant) {
             console.warn(`limel-ai-avatar: unsupported variant "${this.variant}"; falling back to "minimal".`);
         }
-        return (h(Host, { key: '7eafbf255b6827de82410e9cb2f7dba752012a03', role: "img", "aria-label": this.getHostAriaLabel(effectiveMode) }, this.renderAvatar(effectiveMode, effectiveVariant)));
+        return (h(Host, { key: 'bf30a7f42448274e99084777104581c1c91153fe', role: "img", "aria-label": this.getHostAriaLabel(effectiveMode) }, this.renderAvatar(effectiveMode, effectiveVariant)));
     }
     getHostAriaLabel(mode) {
         const baseLabel = this.getTranslation('ai-avatar.label');

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

@@ -9,9 +9,9 @@ const Badge = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '23d1bbd5488180cc13e48e7214d50be878b8cae4', title: this.labelIsLarge() ? this.label : '', class: {
+        return (h(Host, { key: 'e9f11d2b7dcf2c5c9933d93513d993c524bbe8ba', title: this.labelIsLarge() ? this.label : '', class: {
                 'has-large-label': this.labelIsLarge(),
-            } }, h("span", { key: 'd79458f19757a774633cc3c2a55015ab6bae57ac' }, this.renderLabel())));
+            } }, h("span", { key: '90e0dc82e91ed0dfa7d3352daeed214ffca9e84e' }, this.renderLabel())));
     }
     renderLabel() {
         if (typeof this.label === 'number') {

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

@@ -20,7 +20,7 @@ const Banner = class {
         this.isOpen = false;
     }
     render() {
-        return (h("div", { key: '39e0f0945c6dcfc7b440e52f860406c18ba9e735', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: 'ea735598d9c7982b6baa6f62b08a43a9849b4114', class: "lime-banner__surface" }, h("div", { key: 'a5f2e5de5f91a8b0e9ea741160cdcea584d2af0d', class: "lime-banner__content" }, h("div", { key: 'af0951feff16a31bf7158ae04abe9c0e96485a13', class: "icon-message" }, this.renderIcon(), h("div", { key: '4c046887abbce1ec7bbe6d84ffb5a9b07874b271' }, this.message)), h("div", { key: '169a0b5ed364557f6e321195b4e5bc025e162490', class: "lime-banner__actions" }, h("slot", { key: 'a0ad9915455119b190d4ca1db7e3ccc02ebf6e7f', name: "buttons" }))))));
+        return (h("div", { key: 'e86350802d944a44eae8ce72608d267eca26fe47', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: 'c07117ccebeb6fdbe679c63ea0bd67ddda8e6325', class: "lime-banner__surface" }, h("div", { key: '0cb5d7285e0011aff2abe95c67379e988997f5f0', class: "lime-banner__content" }, h("div", { key: '1f39fcaa7869773ba54c24f7f2d8af2bb7c4d140', class: "icon-message" }, this.renderIcon(), h("div", { key: 'a02b2ee8815534be46f9fff40a9c8a0eff6ca2d5' }, this.message)), h("div", { key: 'a7adba4d0525f2993c57a30e131937d0318140c5', class: "lime-banner__actions" }, h("slot", { key: '9d54d6ddf29e4732b65a04ef928ac1665db1b599', name: "buttons" }))))));
     }
     renderIcon() {
         if (!this.icon) {

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

@@ -91,7 +91,7 @@ const Breadcrumbs = class {
         };
     }
     render() {
-        return (h("ol", { key: 'd835eb22db3708b244b845fa541db0dffb1e07ae', role: "navigation", "aria-label": "Breadcrumb", style: { '--limel-breadcrumbs-divider': `'${this.divider}'` } }, this.renderSteps(), this.renderLastStep()));
+        return (h("ol", { key: '6fa828da57510ab8318c83e4c89420edf64ed62e', role: "navigation", "aria-label": "Breadcrumb", style: { '--limel-breadcrumbs-divider': `'${this.divider}'` } }, this.renderSteps(), this.renderLastStep()));
     }
     componentWillLoad() {
         makeEnterClickable(this.host);
@@ -685,7 +685,7 @@ const InputField = class {
         if (this.renderAutocompleteList()) {
             properties['aria-controls'] = this.portalId;
         }
-        return (h(Host, { key: '0f3e3dadc4345adb1abbbca32cd13a041172767b' }, h("limel-notched-outline", { key: '1f833a0fcb202529209ce58ce1c6ab313ab5e0e6', labelId: this.inputId, labelElementId: this.labelElementId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: '1f866999f40bd57e11dc80cb2c04935dcfe0f31b', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
+        return (h(Host, { key: '3abb0e074f55f8e47f46cf77ed885797047e44b9' }, h("limel-notched-outline", { key: '0d25df2774e7cda39da90163b0832a1ea117d7c8', labelId: this.inputId, labelElementId: this.labelElementId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: 'a60a2bfcdafe232b32a0d67f972c3885fc5b6428', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
     }
     valueWatcher(newValue) {
         if (!this.mdcTextField || this.changeWaiting) {
@@ -1300,7 +1300,7 @@ const Menu = class {
         const cssProperties = this.getCssProperties();
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
         const menuSurfaceWidth = this.getMenuSurfaceWidth(cssProperties['--menu-surface-width']);
-        return (h("div", { key: '6d847423b24fe40843b5650e1bf4374683a039da', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: 'ac6b1f1ed8801096f7d00fa0a9198a76c1ce3019', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: 'cb084d50d4abacfb9dc670d59477ac881bf6d480', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: '7ac31e90caa874032731f8ceb3521ffb014eb05f', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
+        return (h("div", { key: 'b989b659926fd335f77346886528cf3277f39c4d', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: '3a8f9cbf65303bcf18358607559a204e944b18bb', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: 'd56ff6ab5d7504f9d4646ef2dcde736bd4515143', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: '983315550638557b27cac1f9d604a36dca16bdd7', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
                 'has-grid-layout': this.gridLayout,
             } }, this.renderSearchField(), this.renderBreadcrumb(), this.renderLoader(), this.renderEmptyMessage(), this.renderMenuList()))));
     }
@@ -3163,7 +3163,7 @@ const MenuList = class {
             iconSize: this.iconSize,
         };
         const html = this.MenuListRenderer.render(this.items, this.config);
-        return h("div", { key: '3415e15ffee93dd14fd52e5d465cd4afc31ac9fe', class: "mdc-menu mdc-menu-surface" }, html);
+        return h("div", { key: '193deffa6146711b12adc1dd7ddcdeffd3b8c3c7', class: "mdc-menu mdc-menu-surface" }, html);
     }
     itemsChanged() {
         setTimeout(() => {
@@ -3287,7 +3287,7 @@ const MenuSurface = class {
             'mdc-elevation-transition': true,
             'mdc-elevation--z4': true,
         };
-        return (h("div", { key: '6a3fd2315216b168a3e898e4ef43a928a19efe76', class: classList, tabindex: "-1" }, h("slot", { key: '4bf591cdb0e628622d8eada0e628eb33f1aaa74b' })));
+        return (h("div", { key: 'da08fd948f5b38010647be878ab4d9ff4e6a8361', class: classList, tabindex: "-1" }, h("slot", { key: '2e69828eb156273746e946cc34f2c557bad111c4' })));
     }
     get host() { return getElement(this); }
 };
@@ -3308,7 +3308,7 @@ const Spinner = class {
         this.limeBranded = false;
     }
     render() {
-        return (h(Host, { key: '9883b127040b5ff110bdd1d8b6d38007fb02df6f' }, h("svg", { key: '019b40d28fc363dd0a6e6b740408df2de717bf65', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
+        return (h(Host, { key: 'e6dd8f47c04e8839ac03e8889d99c82ee916eb00' }, h("svg", { key: 'd2281d0ecb477e7c8d6919f473e44fd15d1252c2', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
     }
     renderSpinner() {
         if (!this.limeBranded) {

package/dist/esm/limel-button-group.entry.js

@@ -33,7 +33,7 @@ const ButtonGroup = class {
         this.setSelectedButton();
     }
     render() {
-        return (h(Host, { key: 'c450727d4fe482efdb2e20a0dae62844d4194f74', role: "radiogroup" }, this.value.map(this.renderButton)));
+        return (h(Host, { key: 'd63062a493791d0b85110766c741593e6ca56bce', role: "radiogroup" }, this.value.map(this.renderButton)));
     }
     renderButton(button) {
         // Prefix with 'b' because html IDs cannot start with a digit,

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

@@ -43,12 +43,12 @@ const Button = class {
         removeEnterClickable(this.host);
     }
     render() {
-        return (h(Host, { key: '5af4a5964e499a51cb223c9d664f04e371550558', onClick: this.filterClickWhenDisabled }, h("button", { key: '878ddc393bf44aac9fe869fefbea9bf30271142e', class: {
+        return (h(Host, { key: '4b5e12d0b3b25e4db95c9de2c85b3e7009c766d8', onClick: this.filterClickWhenDisabled }, h("button", { key: '4c041e8f8b1d628e98f8931f07eef1a07d54f924', class: {
                 loading: this.loading,
                 'just-loaded': this.justLoaded && !this.loadingFailed,
                 'just-failed': this.justLoaded && this.loadingFailed,
                 outlined: this.outlined,
-            }, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), h("svg", { key: '6f1e1b1ddf93fdadb55cef4bb3a38408ee4af16a', viewBox: "0 0 30 30" }, this.renderLoadingIcons()))));
+            }, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), h("svg", { key: '7cfaf8562f5a2cd2895661eea8bf99851f0d3e77', viewBox: "0 0 30 30" }, this.renderLoadingIcons()))));
     }
     loadingWatcher(newValue, oldValue) {
         const hasFinishedLoading = this.hasFinishedLoading(newValue, oldValue);

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

@@ -57,7 +57,7 @@ const Callout = class {
         this.language = 'en';
     }
     render() {
-        return (h(Host, { key: 'acbec48aedb0bdfa5fdd8ea1f68ccf3d5f94c022' }, h("div", { key: '965bf1a37cee8662e93e2f50cb1ba6be8d06c4e1', class: "side", role: "presentation" }, h("limel-icon", { key: 'f53aa5c22b14ab9d7b8ffa159a41de6b7640b9a3', name: getIcon(this.icon, this.type) })), h("div", { key: '5f2eedc32265469b645b48d13b6b9fcc0224d6e7', class: "main" }, h("h1", { key: '08d1e6bff7150c9ce06d6e78ac61c91d58840762', class: "heading" }, getHeading(this.heading, this.type, this.language)), h("slot", { key: '2b12be237a359ee750355cfd134498d76fce21ea' }))));
+        return (h(Host, { key: '795d6b4503e6e26c07e30c4b38f79f308154acd3' }, h("div", { key: 'd2b2c320c443bce64aaa60aa9ddfdc7bf83b96d2', class: "side", role: "presentation" }, h("limel-icon", { key: '7ebfaa0c712469573279ed5d821f068eb92dc762', name: getIcon(this.icon, this.type) })), h("div", { key: 'da5afbcf7879e2ae9bac6e509d7359dc0b19f76e', class: "main" }, h("h1", { key: '9b47248721592ba97e93d0b4f9aeaaa7edad37e7', class: "heading" }, getHeading(this.heading, this.type, this.language)), h("slot", { key: '0cc803b29785b5e5c05fdeedf17b3244d9f016dd' }))));
     }
 };
 Callout.style = calloutCss();

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

@@ -108,7 +108,7 @@ const Card = class {
         this.setMarkdownElement(this.markdownElement);
     }
     render() {
-        return (h(Host, { key: '2a6a3ed639da17268e73b6f831fb078238180ff1', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: '6f101065e3070b6bcd7c0ad1cfed1b42fd2a6ffa', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), h("div", { key: 'fb221be028aca6ed2a9cc10240f4158be3c25635', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: '2ea77801c5c663342ce8cd54ff979a9252a31933' }))));
+        return (h(Host, { key: '065b458353e8ac5f7e36caa509ff592b2ee877d9', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: '2664c8f1fef7369afe98f42543e6f4084e381c1d', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), h("div", { key: '513ddc7dbdda24f15ccbc8262ae41abf25409f63', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: '36dcdc2eff37e0c3f45f8ae69da2d9d19bc474cc' }))));
     }
     renderImage() {
         var _a;

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

@@ -116,7 +116,7 @@ const Checkbox = class {
         this.destroyMDCInstances();
     }
     render() {
-        return (h(CheckboxTemplate, { key: 'ac9e8875a9f9d492ad5344c69e5154a651365c3b', disabled: this.disabled || this.readonly, label: this.label, readonlyLabels: this.readonlyLabels, helperText: this.helperText, helperTextId: this.helperTextId, checked: this.checked || this.indeterminate, indeterminate: this.indeterminate, required: this.required, readonly: this.readonly, invalid: this.isInvalid(), onChange: this.onChange, id: this.inputId }));
+        return (h(CheckboxTemplate, { key: '4b128852f41050176409ab1362cb6ad284c25881', disabled: this.disabled || this.readonly, label: this.label, readonlyLabels: this.readonlyLabels, helperText: this.helperText, helperTextId: this.helperTextId, checked: this.checked || this.indeterminate, indeterminate: this.indeterminate, required: this.required, readonly: this.readonly, invalid: this.isInvalid(), onChange: this.onChange, id: this.inputId }));
     }
     get limelCheckbox() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/limel-chip-set.entry.js

@@ -3,19 +3,22 @@ import { c as ARROW_LEFT, d as ARROW_RIGHT, a as ENTER, D as DELETE, B as BACKSP
 import { t as translations } from './translations-Drl5LNAD.js';
 import { a as getTarget, b as getHref } from './link-helper-5KsJICvh.js';
 import { c as createRandomString } from './random-string-BrjD-ITe.js';
-import { i as isEqual } from './isEqual-C-pK6AAU.js';
+import { i as isEqual } from './isEqual-BIfg0KPc.js';
 import { M as MDCTextField } from './component-CVihTrav.js';
 import './language-ChagAaNf.js';
-import './_baseIsEqual-B_JRErB0.js';
-import './eq-CZ30nDJE.js';
-import './_getTag-BiAaLWvH.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';
 import './ponyfill-6YuZiAPi.js';
 import './component-CrjPGt1I.js';
 import './component-CyFeUQ0l.js';
@@ -374,7 +377,7 @@ const ChipSet = class {
             });
         }
         const value = this.getValue();
-        return (h(Host, { key: 'e76b6af4688bf6799b2b87550cfc9d13c9daaa98' }, h("limel-notched-outline", { key: '2aec4678f421699d8ff420c8a6b17ec4ee457855', labelId: this.labelId, label: this.label, required: this.required, invalid: this.isOutlineInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!((_a = this.value) === null || _a === void 0 ? void 0 : _a.length), hasLeadingIcon: !!this.leadingIcon, hasFloatingLabel: this.floatLabelAbove() }, h("div", Object.assign({ key: '20fef0388c53d672d05f7f7f08e264d3ebcc3b31', slot: "content" }, this.getContentProps(), { class: classes }), this.renderContent(value))), this.renderHelperLine()));
+        return (h(Host, { key: 'fc79f4d18b788f69454c5251a2abe6b37e782a9e' }, h("limel-notched-outline", { key: 'a7e6f2629c0b383413024e86add1620975ae6b29', labelId: this.labelId, label: this.label, required: this.required, invalid: this.isOutlineInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!((_a = this.value) === null || _a === void 0 ? void 0 : _a.length), hasLeadingIcon: !!this.leadingIcon, hasFloatingLabel: this.floatLabelAbove() }, h("div", Object.assign({ key: '4f433e43c825f295840eabf95f411894c3a1a199', slot: "content" }, this.getContentProps(), { class: classes }), this.renderContent(value))), this.renderHelperLine()));
     }
     getContentProps() {
         if (this.type === 'input') {

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

@@ -8,6 +8,13 @@ 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}`;
 
+const DEFAULT_HEADING_LEVEL = 2;
+function isHeadingLevel(level) {
+    return (typeof level === 'number' &&
+        Number.isSafeInteger(level) &&
+        level >= 1 &&
+        level <= 6);
+}
 const CollapsibleSection = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -18,6 +25,15 @@ const CollapsibleSection = class {
          * `true` if the section is expanded, `false` if collapsed.
          */
         this.isOpen = false;
+        /**
+         * The level of the heading that the `header` is drawn with,
+         * from `1` for an `h1` to `6` for an `h6`.
+         *
+         * Set it so that the heading fits below the headings around the section.
+         * For example, when the section is below an `h2`, set it to `3`.
+         * It does not change how the heading looks.
+         */
+        this.headingLevel = DEFAULT_HEADING_LEVEL;
         /**
          * `true` if the section is invalid, `false` if valid.
          * This can be used to indicate that the content inside the section is invalid.
@@ -62,7 +78,8 @@ const CollapsibleSection = class {
             if (!this.header) {
                 return;
             }
-            return (h("h2", { class: "title mdc-typography mdc-typography--headline2", id: this.headingId }, this.header));
+            const Heading = `h${this.getHeadingLevel()}`;
+            return (h(Heading, { class: "title mdc-typography mdc-typography--headline2", id: this.headingId }, this.header));
         };
         this.renderActions = () => {
             if (!this.actions) {
@@ -89,6 +106,12 @@ const CollapsibleSection = class {
             });
         };
     }
+    componentWillLoad() {
+        this.warnIfHeadingLevelIsInvalid();
+    }
+    handleHeadingLevelChange() {
+        this.warnIfHeadingLevelIsInvalid();
+    }
     componentDidRender() {
         const button = this.host.shadowRoot.querySelector('.open-close-toggle');
         makeEnterClickable(button);
@@ -98,12 +121,27 @@ const CollapsibleSection = class {
         removeEnterClickable(button);
     }
     render() {
-        return (h("section", { key: 'bf4e0e3b03e7391b7a279c61e3f3d42731beeec5', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '1ad663c74d260d846e96f3facaf04471187f2f44' }, h("button", { key: 'c1ff272b07d8d8d349c2be793c4c891daa99f38e', 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: '6032f0aa48913f04b9e89897a06fd9b62dab6718', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: '369f0030229d4ec120f79f1333cca5d1dc3eb9df', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '504317dafb38fe89e3cfa0df0e3e5fbab4ca4c7e' }))));
+        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)
+            ? this.headingLevel
+            : DEFAULT_HEADING_LEVEL;
+    }
+    warnIfHeadingLevelIsInvalid() {
+        if (!isHeadingLevel(this.headingLevel)) {
+            console.warn(`limel-collapsible-section: headingLevel must be a whole number from 1 to 6, but it is ${this.headingLevel}. The heading is drawn as an h${DEFAULT_HEADING_LEVEL} instead.`);
+        }
     }
     renderHeaderSlot() {
         return h("slot", { name: "header" });
     }
     get host() { return getElement(this); }
+    static get watchers() { return {
+        "headingLevel": [{
+                "handleHeadingLevelChange": 0
+            }]
+    }; }
 };
 CollapsibleSection.style = collapsibleSectionCss();
 

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

@@ -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)}"`,
             } }));
     }