@limetech/lime-elements 40.15.0 → 40.16.0

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

@@ -5,17 +5,20 @@ var dispatchResizeEvent = require('./dispatch-resize-event-DH5CaB3p.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 var ponyfill = require('./ponyfill-CHp7Zocr.js');
 var component = require('./component-GW2n79GH.js');
-var isEqual = require('./isEqual-D3eFkhqd.js');
-require('./_baseIsEqual-zzV9DKMv.js');
-require('./eq-DFcUoVzv.js');
-require('./_getTag-BC28Za7d.js');
+var isEqual = require('./isEqual-QhCilNoo.js');
+require('./_baseIsEqual-DNSR68qD.js');
+require('./_arrayPush-0Rd-eNkQ.js');
+require('./_getNative-Cf52giNE.js');
+require('./isFunction-RSHwsz1x.js');
 require('./isObject-B6Osvvqp.js');
+require('./eq-DFcUoVzv.js');
+require('./_Map-BsuE0Kgq.js');
 require('./isObjectLike-Dlpn-j-1.js');
-require('./isArrayLike-C2RwZMG4.js');
-require('./isFunction-RSHwsz1x.js');
-require('./_getNative-Cf52giNE.js');
 require('./isArray-BuFVIU_i.js');
+require('./_getTag-CxGZ3DRt.js');
+require('./isLength-DvlFY_9S.js');
 require('./_isIndex-Bu45fvR7.js');
+require('./isArrayLike-0-cyPB5I.js');
 
 /**
  * @license
@@ -1017,10 +1020,10 @@ const Dialog = class {
         this.mdcDialog.destroy();
     }
     render() {
-        return (index.h("div", { key: '1b5ea40cec2ae67e3ffa902bd35bfaca444ae2bf', class: {
+        return (index.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 }, index.h("input", { key: 'bcf3bcb62754208c582672667a175e736b0744fa', hidden: true, id: "initialFocusEl" }), index.h("div", { key: '296832fed308a7708a41049efaaf98d45514d2d7', class: "mdc-dialog__container" }, index.h("div", { key: '35367530bccda9a88285f3129d00875dc77c0257', class: "mdc-dialog__surface" }, index.h("input", { key: '9e70d9bd7cdce0dfef28ffe12ec5c07ffc66e5e1', type: "button", id: "initialFocusElement" }), this.renderHeading(), index.h("div", { key: '323d15273582eac0803124b9699d44e2b9a079e2', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, index.h("slot", { key: '0905ccd516e77933531e600faba97e73b5317731' })), this.renderFooter())), index.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 }, index.h("input", { key: 'bee5a5e54bc971b2ebf33fbcd4d84feba6ca9353', hidden: true, id: "initialFocusEl" }), index.h("div", { key: '3e5beb7bb0d881de3449cfe26ba5776f3ece4c42', class: "mdc-dialog__container" }, index.h("div", { key: '928c11c5eca38e7e4065c55d8ec6872c6c0dbd71', class: "mdc-dialog__surface" }, index.h("input", { key: 'c81d5586e8bf3c3f57d7ea6b33585a5e16c016e3', type: "button", id: "initialFocusElement" }), this.renderHeading(), index.h("div", { key: 'd7f278245136ea690182f82ad717ff57e4e4855b', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, index.h("slot", { key: '40c910630b7df325a5e15829f96d6ce0f8e52ff0' })), this.renderFooter())), index.h("div", { key: '8aa1010d47e375d2ef607f87d4e724c674493cf9', class: "mdc-dialog__scrim" })));
     }
     watchHandler(newValue, oldValue) {
         if (oldValue === newValue || !this.mdcDialog) {

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

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

@@ -34,7 +34,7 @@ const DragHandleComponent = class {
     render() {
         const tooltipLabel = translations.translations.get('drag-handle.drag-to-reorder', this.language);
         const ariaLabel = translations.translations.get('drag-handle.drag-handle', this.language);
-        return (index.h(index.Host, { key: 'c88e3c81d5c24052b01bb44a6dd6d1abdddc75cb' }, index.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 }, index.h("div", { key: '8a91aa1f70775148fb4262a9ef51129cfd89cf07', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, index.h("div", { key: "1" }), index.h("div", { key: "2" }), index.h("div", { key: "3" }), index.h("div", { key: "4" }), index.h("div", { key: "5" }), index.h("div", { key: "6" })), index.h("limel-tooltip", { key: '645f814490598b794def31fde73de3bf61041904', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
+        return (index.h(index.Host, { key: '49a2335a2c2603c7fcdd3c329f71a27f52024f96' }, index.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 }, index.h("div", { key: '841ce098bb464c79773cdac0ea40e89a941d439f', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, index.h("div", { key: "1" }), index.h("div", { key: "2" }), index.h("div", { key: "3" }), index.h("div", { key: "4" }), index.h("div", { key: "5" }), index.h("div", { key: "6" })), index.h("limel-tooltip", { key: '650342114d7c64c5e621e1b65751b242c0a7c5a7', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
     }
 };
 DragHandleComponent.style = dragHandleCss();
@@ -102,12 +102,12 @@ const Scroller = class {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '6e546a2b31136af45497d3de8369754b33992da9' }, index.h("div", { key: '22fbd0723a170201a422d073f41ce8e2a0d726d3', class: {
+        return (index.h(index.Host, { key: '03b2274dac7e30f6e42e2bb5de9d0b7287beaa19' }, index.h("div", { key: 'ddaee4dc60ceea7abce4bee9f6ee521e00c66f55', class: {
                 scroller: true,
                 [this.orientation]: true,
                 'can-scroll-to-start': this.canScrollToStart,
                 'can-scroll-to-end': this.canScrollToEnd,
-            } }, index.h("div", { key: '379da89bc7f3b7b2a4700d1740df7c63906e065f', class: "scroll-area", ref: (element) => (this.scrollArea = element), onScroll: this.updateScrollability, onFocusin: this.revealFocusedItem }, index.h("div", { key: '448ee73f8e9c68db5cadbd0910c9d1135d8d40ee', class: "scroll-content", ref: (element) => (this.scrollContent = element) }, index.h("slot", { key: 'fc12618e40799918647a37be83fe8d8d5f7b8077', ref: (element) => (this.slotElement = element) }))), this.renderEdge('start'), this.renderEdge('end'))));
+            } }, index.h("div", { key: 'ac801f373a0de014b2e367da0c6c137bdbb61017', class: "scroll-area", ref: (element) => (this.scrollArea = element), onScroll: this.updateScrollability, onFocusin: this.revealFocusedItem }, index.h("div", { key: '6cc87291eb0906d2e0121621108c295c4552c29a', class: "scroll-content", ref: (element) => (this.scrollContent = element) }, index.h("slot", { key: 'da169161e52ca970134b95b09fbc643321c5944f', ref: (element) => (this.slotElement = element) }))), this.renderEdge('start'), this.renderEdge('end'))));
     }
     renderEdge(edge) {
         return [

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

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

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

@@ -2,22 +2,26 @@
 
 var index = require('./index-BlsqxTB1.js');
 var files = require('./files-DpGigQ8k.js');
-var _baseForOwn = require('./_baseForOwn-8jMPwf3X.js');
-var isArrayLike = require('./isArrayLike-C2RwZMG4.js');
-var _baseIteratee = require('./_baseIteratee-BIMRm4nq.js');
+var _baseForOwn = require('./_baseForOwn-Bflq946d.js');
+var isArrayLike = require('./isArrayLike-0-cyPB5I.js');
+var _baseIteratee = require('./_baseIteratee-Cistiy8H.js');
 var isArray = require('./isArray-BuFVIU_i.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 require('./file-metadata-BrhOssGG.js');
 require('./icons-isR5V1X0.js');
 require('./get-icon-props-CwpDdQDI.js');
-require('./_baseIsEqual-zzV9DKMv.js');
-require('./eq-DFcUoVzv.js');
-require('./_getTag-BC28Za7d.js');
-require('./isObject-B6Osvvqp.js');
-require('./isObjectLike-Dlpn-j-1.js');
+require('./_baseIsEqual-DNSR68qD.js');
+require('./_arrayPush-0Rd-eNkQ.js');
 require('./_getNative-Cf52giNE.js');
 require('./isFunction-RSHwsz1x.js');
+require('./isObject-B6Osvvqp.js');
+require('./eq-DFcUoVzv.js');
+require('./_Map-BsuE0Kgq.js');
+require('./isObjectLike-Dlpn-j-1.js');
+require('./_getTag-CxGZ3DRt.js');
+require('./isLength-DvlFY_9S.js');
 require('./_isIndex-Bu45fvR7.js');
+require('./hasIn-BQ92Jk0F.js');
 require('./isSymbol-DxAVNJfH.js');
 require('./identity-Dz5mxHaJ.js');
 
@@ -233,7 +237,7 @@ const FileDropzone = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '0209f44f7cfe46ccb98b3e15d597555ac57c0dce', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, index.h("slot", { key: '1198fc4141e15527cd7575f5dd88b06b1a9d61c1' }), this.renderOnDragLayout()));
+        return (index.h(index.Host, { key: 'd04afa2b6b4b0cb45ac908891f8b0b5da8d9867b', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, index.h("slot", { key: '1b125711e06ccd2357375127b6cf2dd12779e584' }), this.renderOnDragLayout()));
     }
 };
 FileDropzone.style = fileDropzoneCss();
@@ -294,7 +298,7 @@ const FileInput = class {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (index.h(index.Host, { key: 'e499bde6727abc2123d0aa70d446860de930a838', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, index.h("input", { key: '9e3ba97f8f43b90d6d63e348acda5fa2a3976432', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), index.h("slot", { key: 'c29534ed1ee305ba85afd02c4b66e61eae817a5e' })));
+        return (index.h(index.Host, { key: '2ec5c6a56f846b4c606633fd418c4867f50f470d', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, index.h("input", { key: 'c6a782ec3d71be85ca6e4fe13f5616b7c3809989', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), index.h("slot", { key: '86efec1ed582204301530ecd549367be1c952b1d' })));
     }
     handleKeyDown(event) {
         if (['Tab', 'Backspace', 'Enter'].includes(event.code)) {

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

@@ -122,7 +122,7 @@ const File = class {
         this.resizingFile = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'f18050fc95a60bb3c7223ae12107d49e147def67', "aria-busy": this.isBusy ? 'true' : 'false' }, index.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 (index.h(index.Host, { key: '31fa16f6246cd4a6e7a7ce9ec6d32aadf245d84f', "aria-busy": this.isBusy ? 'true' : 'false' }, index.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/cjs/limel-flatpickr-adapter.cjs.entry.js

@@ -8,11 +8,12 @@ var moment = require('./moment-Cfsz2WF1.js');
 var device = require('./device-C9O7lYI9.js');
 var language = require('./language-v-MMS6ym.js');
 var eq = require('./eq-DFcUoVzv.js');
-var isArrayLike$1 = require('./isArrayLike-C2RwZMG4.js');
+var isArrayLike$1 = require('./isArrayLike-0-cyPB5I.js');
 var _isIndex = require('./_isIndex-Bu45fvR7.js');
 var isObject$1 = require('./isObject-B6Osvvqp.js');
 var toNumber = require('./toNumber-v-1DEwWD.js');
 require('./isFunction-RSHwsz1x.js');
+require('./isLength-DvlFY_9S.js');
 require('./isSymbol-DxAVNJfH.js');
 require('./isObjectLike-Dlpn-j-1.js');
 
@@ -7724,7 +7725,7 @@ const DatePickerCalendar = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'aad98186a855e3c4e30dbc597cfad23b9a4cbcbe', class: "container", ref: (el) => (this.container = el), style: {
+        return (index.h("div", { key: 'c9e65b096f57f96afaffcdca7889cf3addb3227f', class: "container", ref: (el) => (this.container = el), style: {
                 '--today-label': `"${translations.translations.get('date-picker.today', this.language)}"`,
             } }));
     }

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

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

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

@@ -0,0 +1,59 @@
+'use strict';
+
+var index = require('./index-BlsqxTB1.js');
+var helpProps = require('./help-props-Ds30nnt1.js');
+require('./_basePickBy-DeOMws-h.js');
+require('./hasIn-BQ92Jk0F.js');
+require('./isArray-BuFVIU_i.js');
+require('./isSymbol-DxAVNJfH.js');
+require('./isObject-B6Osvvqp.js');
+require('./isObjectLike-Dlpn-j-1.js');
+require('./_arrayPush-0Rd-eNkQ.js');
+require('./_getNative-Cf52giNE.js');
+require('./isFunction-RSHwsz1x.js');
+require('./eq-DFcUoVzv.js');
+require('./_Map-BsuE0Kgq.js');
+require('./_isIndex-Bu45fvR7.js');
+require('./isLength-DvlFY_9S.js');
+require('./_assignValue-DQh76m39.js');
+require('./_defineProperty-Csu6P9HT.js');
+require('./_baseFlatten-BonTAUIo.js');
+require('./identity-Dz5mxHaJ.js');
+
+const formHeaderCss = () => `limel-form-header{display:block}`;
+
+const FormHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Which of the heading elements, from `h1` to `h6`, to draw
+         * the `heading` with.
+         */
+        this.headingLevel = 1;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'bfb0a90340ac54c7f083df2989fd8c2acb97308f' }, this.renderHeading(), this.renderHelp(), this.renderDescription()));
+    }
+    renderHeading() {
+        if (!this.heading) {
+            return;
+        }
+        const Heading = `h${this.headingLevel}`;
+        return index.h(Heading, null, this.heading);
+    }
+    renderHelp() {
+        if (!this.help) {
+            return;
+        }
+        return index.h("limel-help", Object.assign({}, helpProps.getHelpProps(this.help)));
+    }
+    renderDescription() {
+        if (!this.description) {
+            return;
+        }
+        return index.h("limel-markdown", { value: this.description });
+    }
+};
+FormHeader.style = formHeaderCss();
+
+exports.limel_form_header = FormHeader;

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

@@ -2,31 +2,38 @@
 
 var index = require('./index-BlsqxTB1.js');
 var _commonjsHelpers = require('./_commonjsHelpers-CFO10eej.js');
-var _baseIteratee = require('./_baseIteratee-BIMRm4nq.js');
-var isEmpty = require('./isEmpty-CCxl3bYc.js');
+var _baseIteratee = require('./_baseIteratee-Cistiy8H.js');
+var isEmpty = require('./isEmpty-BsdhcVKT.js');
+var helpProps = require('./help-props-Ds30nnt1.js');
 var isObject$1 = require('./isObject-B6Osvvqp.js');
-var _getPrototype = require('./_getPrototype-CCLHkBHj.js');
+var _getPrototype = require('./_getPrototype-D74M8h-k.js');
 var isObjectLike = require('./isObjectLike-Dlpn-j-1.js');
-var _baseSet = require('./_baseSet-DykMx7uF.js');
-var dragToReorder = require('./drag-to-reorder-BP5YkPuu.js');
-var _baseIsEqual = require('./_baseIsEqual-zzV9DKMv.js');
-var _getTag = require('./_getTag-BC28Za7d.js');
-var isEqual = require('./isEqual-D3eFkhqd.js');
+var negate = require('./negate-Bg3SqQh6.js');
+var _baseFlatten = require('./_baseFlatten-BonTAUIo.js');
+var dragToReorder = require('./drag-to-reorder-BmVz_kUy.js');
+var _baseIsEqual = require('./_baseIsEqual-DNSR68qD.js');
+var _getTag = require('./_getTag-CxGZ3DRt.js');
+var isEqual = require('./isEqual-QhCilNoo.js');
+var hasIn = require('./hasIn-BQ92Jk0F.js');
 var moment = require('./moment-Cfsz2WF1.js');
-var cloneDeep = require('./cloneDeep-D2immmwT.js');
+var _basePickBy = require('./_basePickBy-DeOMws-h.js');
+var cloneDeep = require('./cloneDeep-CiuKX6HE.js');
 var multiple = require('./multiple-DYfiga7l.js');
 var getFocusTarget = require('./get-focus-target-DgqZ25gx.js');
 var _assignValue = require('./_assignValue-DQh76m39.js');
-var _baseForOwn = require('./_baseForOwn-8jMPwf3X.js');
+var _baseForOwn = require('./_baseForOwn-Bflq946d.js');
+require('./identity-Dz5mxHaJ.js');
 require('./isArray-BuFVIU_i.js');
-require('./isSymbol-DxAVNJfH.js');
-require('./_isIndex-Bu45fvR7.js');
-require('./isArrayLike-C2RwZMG4.js');
+require('./_Map-BsuE0Kgq.js');
+require('./_getNative-Cf52giNE.js');
 require('./isFunction-RSHwsz1x.js');
-require('./identity-Dz5mxHaJ.js');
+require('./isArrayLike-0-cyPB5I.js');
+require('./isLength-DvlFY_9S.js');
 require('./_defineProperty-Csu6P9HT.js');
-require('./_getNative-Cf52giNE.js');
+require('./_arrayPush-0Rd-eNkQ.js');
 require('./eq-DFcUoVzv.js');
+require('./_isIndex-Bu45fvR7.js');
+require('./isSymbol-DxAVNJfH.js');
 
 /**
  * This method returns `undefined`.
@@ -243,7 +250,7 @@ function stringToArray(string) {
  */
 function createCaseFirst(methodName) {
   return function(string) {
-    string = _baseIteratee.toString(string);
+    string = hasIn.toString(string);
 
     var strSymbols = hasUnicode(string)
       ? stringToArray(string)
@@ -296,7 +303,7 @@ var upperFirst = createCaseFirst('toUpperCase');
  * // => 'Fred'
  */
 function capitalize(string) {
-  return upperFirst(_baseIteratee.toString(string).toLowerCase());
+  return upperFirst(hasIn.toString(string).toLowerCase());
 }
 
 /**
@@ -390,7 +397,7 @@ function mapValues(object, iteratee) {
  * // => 5
  */
 function set(object, path, value) {
-  return object == null ? object : _baseSet.baseSet(object, path, value);
+  return object == null ? object : _basePickBy.baseSet(object, path, value);
 }
 
 /** Used as references for various `Number` constants. */
@@ -481,7 +488,7 @@ function baseUniq(array, iteratee, comparator) {
  * // => [2, 1]
  */
 var union$1 = dragToReorder.baseRest(function(arrays) {
-  return baseUniq(dragToReorder.baseFlatten(arrays, 1, dragToReorder.isArrayLikeObject));
+  return baseUniq(_baseFlatten.baseFlatten(arrays, 1, dragToReorder.isArrayLikeObject, true));
 });
 
 var react = {exports: {}};
@@ -44017,14 +44024,81 @@ function isType(input, type) {
 }
 
 /**
+ * @param level - any value
+ * @returns whether the value is a heading level, from `1` to `6`
+ */
+function isHeadingLevel(level) {
+    return (typeof level === 'number' &&
+        Number.isSafeInteger(level) &&
+        level >= 1 &&
+        level <= 6);
+}
+/**
+ * The heading level that a title at the current depth in the form gets.
+ */
+const HeadingLevelContext = React.createContext(1);
+/**
+ * @param level - a heading level
+ * @returns the level of the headings one step below, down to `h6`
+ */
+function nextHeadingLevel(level) {
+    return Math.min(level + 1, 6);
+}
+/**
+ * The title of a field, drawn with the heading level of its depth.
+ *
+ * @param props
+ * @param props.title - the title of the field
+ * @param props.description - the description of the field, in markdown
+ * @param props.help - the help of the field
+ */
+function Header({ title, description, help }) {
+    const headingLevel = reactExports.useContext(HeadingLevelContext);
+    return React.createElement('limel-form-header', {
+        heading: title,
+        headingLevel: headingLevel,
+        description: description,
+        help: help,
+    });
+}
+/**
+ * Gives the fields it wraps one heading level more than the level of the
+ * heading above them, if there is one.
  *
- * @param title
+ * @param props
+ * @param props.hasHeading - whether the fields are below a heading
+ * @param props.children - the fields
  */
-function renderTitle(title) {
-    if (!title) {
+function BelowHeading({ hasHeading, children, }) {
+    const level = reactExports.useContext(HeadingLevelContext);
+    return React.createElement(HeadingLevelContext.Provider, { value: hasHeading ? nextHeadingLevel(level) : level }, children);
+}
+
+/**
+ * Render the title of a field, with its description and help, as a
+ * heading.
+ *
+ * @param title - the title of the field
+ * @param description - the description of the field, in markdown
+ * @param help - the help of the field, as in `lime.help` of the schema
+ */
+function renderHeader(title, description, help) {
+    if (!title && !description && !help) {
         return;
     }
-    return React.createElement('h1', { className: 'mdc-typography mdc-typography--headline1' }, title);
+    return React.createElement(Header, { title, description, help });
+}
+/**
+ * Render a field with its header, followed by its content. The headings in
+ * the content are one level below the heading of the field.
+ *
+ * @param title - the title of the field
+ * @param description - the description of the field, in markdown
+ * @param help - the help of the field, as in `lime.help` of the schema
+ * @param content - the content of the field
+ */
+function renderSection(title, description, help, ...content) {
+    return React.createElement(React.Fragment, {}, renderHeader(title, description, help), React.createElement(BelowHeading, { hasHeading: !!title }, ...content));
 }
 /**
  *
@@ -44250,7 +44324,8 @@ class Row extends React.Component {
     }
     renderTitle() {
         var _a;
-        return React.createElement('h1', { className: 'title' }, (_a = this.schema) === null || _a === void 0 ? void 0 : _a.title);
+        const title = (_a = this.schema) === null || _a === void 0 ? void 0 : _a.title;
+        return React.createElement(title ? `h${this.context}` : 'div', { className: 'title' }, title);
     }
     renderDescription() {
         var _a;
@@ -44272,6 +44347,7 @@ class Row extends React.Component {
         return (_c = (_b = (_a = this.schema) === null || _a === void 0 ? void 0 : _a.lime) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.icon;
     }
 }
+Row.contextType = HeadingLevelContext;
 
 class RowLayout extends React.Component {
     constructor(props) {
@@ -44304,11 +44380,7 @@ function getHelpComponent(schema, extraProps) {
     if (!help) {
         return;
     }
-    if (typeof help === 'string') {
-        return React.createElement('limel-help', Object.assign({ value: help }, extraProps));
-    }
-    const helpProps = help;
-    return React.createElement('limel-help', Object.assign(Object.assign({}, helpProps), extraProps));
+    return React.createElement('limel-help', Object.assign(Object.assign({}, helpProps.getHelpProps(help)), extraProps));
 }
 
 const ArrayFieldContext = reactExports.createContext(null);
@@ -44336,14 +44408,8 @@ const ObjectFieldTemplate = (props) => {
     return renderCollapsibleField(props);
 };
 function renderFieldWithTitle(props) {
-    return React.createElement(React.Fragment, {}, renderSectionHeader(props), renderDescription(props.description), renderProperties(props.properties, props.schema, props.fieldPathId.path.map(String)));
-}
-function renderSectionHeader(props) {
-    const help = getHelpComponent(props.schema);
-    if (!help) {
-        return renderTitle(props.title);
-    }
-    return React.createElement(React.Fragment, {}, renderTitle(props.title), help);
+    var _a;
+    return renderSection(props.title, props.description, (_a = props.schema.lime) === null || _a === void 0 ? void 0 : _a.help, renderProperties(props.properties, props.schema, props.fieldPathId.path.map(String)));
 }
 function renderCollapsibleField(props) {
     var _a;
@@ -44499,7 +44565,7 @@ function isCustomObjectSchema(schema) {
         return true;
     }
     const properties = Object.values(schema.properties);
-    return properties.filter(_baseSet.negate(isAdditionalProperty)).length === 0;
+    return properties.filter(negate.negate(isAdditionalProperty)).length === 0;
 }
 function isAdditionalProperty(schema) {
     return schema[ADDITIONAL_PROPERTY_FLAG] === true;
@@ -44629,12 +44695,13 @@ class ArrayFieldTemplate extends React.Component {
         }
     }
     render() {
+        var _a;
         const orderedItems = this.getOrderedItems();
         const contextValue = this.getContextValue();
-        return React.createElement(ArrayFieldContext.Provider, { value: contextValue }, React.createElement('div', {}, renderTitle(this.props.title), getHelpComponent(this.props.schema), renderDescription(this.props.schema.description), React.createElement('div', {
+        return React.createElement(ArrayFieldContext.Provider, { value: contextValue }, React.createElement('div', {}, renderSection(this.props.title, this.props.schema.description, (_a = this.props.schema.lime) === null || _a === void 0 ? void 0 : _a.help, React.createElement('div', {
             className: 'array-items',
             ref: this.setContainer,
-        }, orderedItems), this.renderAddButton()));
+        }, orderedItems), this.renderAddButton())));
     }
     renderAddButton() {
         if (!this.props.canAdd) {
@@ -45670,7 +45737,7 @@ class ObjectField extends React.Component {
         if (!isCustomObjectSchema(this.props.schema)) {
             return React.createElement(BaseObjectField, this.props);
         }
-        return React.createElement(React.Fragment, {}, renderTitle(this.props.schema.title), renderDescription(this.props.schema.description), React.createElement(CodeEditor, this.props));
+        return React.createElement(React.Fragment, {}, renderHeader(this.props.schema.title, this.props.schema.description), React.createElement(CodeEditor, this.props));
     }
 }
 
@@ -46061,7 +46128,7 @@ function nextFrame() {
     return new Promise((resolve) => requestAnimationFrame(() => resolve()));
 }
 
-const formCss = () => `@charset "UTF-8";.limel-form-row--layout{--limel-form-row-border-radius:0.375rem;--limel-form-row-icon-size:1.75rem;--limel-form-row-main-information-gap:0.5rem;display:flex;flex-direction:column}.limel-form-row--layout .row{display:flex;gap:0.5rem;flex-direction:column;padding:0.5rem 1rem}.limel-form-row--layout .row:nth-child(odd){background-color:var(--form-background-color-of-odd-rows, rgb(var(--contrast-200)))}.limel-form-row--layout .row:nth-child(even){background-color:var(--form-background-color-of-even-rows, transparent)}.limel-form-row--layout .row:first-child{border-radius:var(--limel-form-row-border-radius) var(--limel-form-row-border-radius) 0 0}.limel-form-row--layout .row:last-child{border-radius:0 0 var(--limel-form-row-border-radius) var(--limel-form-row-border-radius)}.limel-form-row--layout .main-information{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--limel-form-row-main-information-gap);min-width:0}.limel-form-row--layout .main-information{position:relative}.limel-form-row--layout .main-information>.rjsf-field{position:unset}.limel-form-row--layout .main-information>.rjsf-field limel-help{top:0}.limel-form-row--layout limel-icon{color:rgb(var(--contrast-1200));width:var(--limel-form-row-icon-size);flex-shrink:0;min-width:0}.limel-form-row--layout .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:normal;flex-grow:1;color:var(--limel-theme-on-surface-color);font-size:0.875rem}.limel-form-row--layout .description{margin:0;color:var(--limel-theme-text-secondary-on-background-color);font-size:var(--limel-theme-default-small-font-size);line-height:1.5}.limel-form-row--layout .has-icon .description{padding-left:calc(var(--limel-form-row-icon-size) + var(--limel-form-row-main-information-gap))}.limel-form-row--layout .rjsf-field{flex-shrink:0;display:flex;align-content:center}.limel-form-row--layout .rjsf-field limel-slider{min-width:8rem;display:block}*,*::after,*::before{box-sizing:border-box}.rjsf-field{min-width:0}.limel-form-array-item--simple{display:flex;align-items:center;padding:0.25rem}.limel-form-array-item--simple>*:first-child{flex:1;min-width:0}.array-items{isolation:isolate;display:flex;flex-direction:column;row-gap:var(--form-row-gap, 0.5rem);margin-top:1rem}.array-items.has-an-item-which-is-being-dragged limel-collapsible-section{--limel-cs-grid-template-rows:0fr;--limel-cs-opacity-transition-speed:0.2s;--limel-cs-grid-template-rows-transition-speed:0.2s;--limel-cs-open-header-bottom-border-radius:0.75rem}.array-item:has(limel-drag-handle:hover),.array-item:has(limel-drag-handle:focus-within),.array-item.is-elevated,.array-item.sortable-chosen{will-change:transform, box-shadow, border-radius, background-color}.array-item.sortable-ghost{border-radius:0.5rem;box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}.array-item.sortable-chosen{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color)}.array-item.is-elevated[draggable=false]{animation:sit-here 0.8s forwards}@keyframes sit-here{0%{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}100%{box-shadow:none}}limel-drag-handle{order:10}limel-collapsible-section.is-being-dragged{border-radius:0.75rem !important}.limel-form-layout--default{display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem)}.limel-form-layout--grid{--min-height-of-one-row:2.5rem;display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem);grid-template-columns:repeat(var(--number-of-columns), minmax(0, 1fr))}.limel-form-layout--grid.auto-reorder-to-avoid-empty-cells{grid-auto-flow:dense}.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--1,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--5{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--5{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--5{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--5{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--4{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--5{grid-column:span 5}.limel-form-layout--grid .limel-form-layout-colspan--all{grid-column:1/-1}.limel-form-layout--grid limel-checkbox,.limel-form-layout--grid limel-switch{min-height:var(--min-height-of-one-row)}.limel-form-layout--grid limel-checkbox{display:block}.limel-form-layout--grid limel-switch{margin-left:0.5rem}.form-error{color:var(--limel-theme-error-color);font-size:0.6875rem;line-height:1.5;visibility:inherit;padding-right:1rem;padding-left:1rem;padding-top:0.25rem}.button-add-new{margin-top:0.5rem;width:100%}h1{position:relative;margin-top:0;margin-bottom:0;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;text-wrap:balance;font-size:var(--limel-form-h1-font-size);line-height:calc(var(--limel-form-h1-font-size) * 1.42857);letter-spacing:-0.01rem;font-weight:500}limel-markdown{display:block;margin-bottom:0.5rem}.rjsf-field{position:relative}.rjsf-field limel-help{position:absolute;top:calc(var(--form-row-gap, 1rem) * -0.5);left:calc(var(--form-column-gap, 1rem) * -0.5)}.rjsf-field h1{color:rgb(var(--contrast-1400), 0.8)}.rjsf-field h1{--limel-form-h1-font-size:1.476rem;font-weight:800}.rjsf-field .rjsf-field h1{--limel-form-h1-font-size:1.383rem;font-weight:700}.rjsf-field .rjsf-field h1:before{content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;left:-0.75rem;background-color:var(--lime-primary-color, var(--limel-theme-primary-color));width:0.125rem;height:1.5rem;border-radius:0.125rem;opacity:0.6}.rjsf-field .rjsf-field .rjsf-field h1{--limel-form-h1-font-size:1.296rem;font-weight:600}.rjsf-field .rjsf-field .rjsf-field h1:before{display:none}.rjsf-field .rjsf-field .rjsf-field .rjsf-field h1{--limel-form-h1-font-size:1.215rem}.rjsf-field .rjsf-field .rjsf-field .rjsf-field h1:before{display:none}.rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field h1{--limel-form-h1-font-size:1.138rem}.rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field h1:before{display:none}.rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field h1{--limel-form-h1-font-size:1.067rem}.rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field h1:before{display:none}.limel-form-field--highlighted{position:relative}.limel-form-field--highlighted::after{content:"";position:absolute;inset:-0.25rem;border-radius:0.5rem;pointer-events:none;animation-name:highlight-field-background, highlight-field-shadow;animation-duration:6s;animation-delay:0.1s, 0.3s;animation-timing-function:ease-in-out}@media (prefers-reduced-motion){.limel-form-field--highlighted::after{animation-duration:4s;animation-delay:0s}}@keyframes highlight-field-background{0%{background-color:transparent}12.5%{background-color:color-mix(in srgb, var(--lime-primary-color, var(--limel-theme-primary-color)), transparent 65%)}45%,100%{background-color:transparent}}@keyframes highlight-field-shadow{0%,25%,50%{box-shadow:none}12.5%,37.5%{box-shadow:var(--shadow-depth-8-focused)}62.5%,72.5%{box-shadow:var(--shadow-depth-8-focused);animation-timing-function:ease-out}100%{box-shadow:none}}@media (prefers-reduced-motion){@keyframes highlight-field-shadow{0%,25%{box-shadow:var(--shadow-depth-8-focused);animation-timing-function:ease-out}100%{box-shadow:none}}}`;
+const formCss = () => `@charset "UTF-8";.limel-form-row--layout{--limel-form-row-border-radius:0.375rem;--limel-form-row-icon-size:1.75rem;--limel-form-row-main-information-gap:0.5rem;display:flex;flex-direction:column}.limel-form-row--layout .row{display:flex;gap:0.5rem;flex-direction:column;padding:0.5rem 1rem}.limel-form-row--layout .row:nth-child(odd){background-color:var(--form-background-color-of-odd-rows, rgb(var(--contrast-200)))}.limel-form-row--layout .row:nth-child(even){background-color:var(--form-background-color-of-even-rows, transparent)}.limel-form-row--layout .row:first-child{border-radius:var(--limel-form-row-border-radius) var(--limel-form-row-border-radius) 0 0}.limel-form-row--layout .row:last-child{border-radius:0 0 var(--limel-form-row-border-radius) var(--limel-form-row-border-radius)}.limel-form-row--layout .main-information{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--limel-form-row-main-information-gap);min-width:0}.limel-form-row--layout .main-information{position:relative}.limel-form-row--layout .main-information>.rjsf-field{position:unset}.limel-form-row--layout .main-information>.rjsf-field limel-help{top:0}.limel-form-row--layout limel-icon{color:rgb(var(--contrast-1200));width:var(--limel-form-row-icon-size);flex-shrink:0;min-width:0}.limel-form-row--layout .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:normal;flex-grow:1;color:var(--limel-theme-on-surface-color);font-size:0.875rem}.limel-form-row--layout .description{margin:0;color:var(--limel-theme-text-secondary-on-background-color);font-size:var(--limel-theme-default-small-font-size);line-height:1.5}.limel-form-row--layout .has-icon .description{padding-left:calc(var(--limel-form-row-icon-size) + var(--limel-form-row-main-information-gap))}.limel-form-row--layout .rjsf-field{flex-shrink:0;display:flex;align-content:center}.limel-form-row--layout .rjsf-field limel-slider{min-width:8rem;display:block}*,*::after,*::before{box-sizing:border-box}.rjsf-field{min-width:0}.limel-form-array-item--simple{display:flex;align-items:center;padding:0.25rem}.limel-form-array-item--simple>*:first-child{flex:1;min-width:0}.array-items{isolation:isolate;display:flex;flex-direction:column;row-gap:var(--form-row-gap, 0.5rem);margin-top:1rem}.array-items.has-an-item-which-is-being-dragged limel-collapsible-section{--limel-cs-grid-template-rows:0fr;--limel-cs-opacity-transition-speed:0.2s;--limel-cs-grid-template-rows-transition-speed:0.2s;--limel-cs-open-header-bottom-border-radius:0.75rem}.array-item:has(limel-drag-handle:hover),.array-item:has(limel-drag-handle:focus-within),.array-item.is-elevated,.array-item.sortable-chosen{will-change:transform, box-shadow, border-radius, background-color}.array-item.sortable-ghost{border-radius:0.5rem;box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}.array-item.sortable-chosen{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color)}.array-item.is-elevated[draggable=false]{animation:sit-here 0.8s forwards}@keyframes sit-here{0%{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}100%{box-shadow:none}}limel-drag-handle{order:10}limel-collapsible-section.is-being-dragged{border-radius:0.75rem !important}.limel-form-layout--default{display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem)}.limel-form-layout--grid{--min-height-of-one-row:2.5rem;display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem);grid-template-columns:repeat(var(--number-of-columns), minmax(0, 1fr))}.limel-form-layout--grid.auto-reorder-to-avoid-empty-cells{grid-auto-flow:dense}.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--1,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--5{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--5{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--5{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--5{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--4{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--5{grid-column:span 5}.limel-form-layout--grid .limel-form-layout-colspan--all{grid-column:1/-1}.limel-form-layout--grid limel-checkbox,.limel-form-layout--grid limel-switch{min-height:var(--min-height-of-one-row)}.limel-form-layout--grid limel-checkbox{display:block}.limel-form-layout--grid limel-switch{margin-left:0.5rem}.form-error{color:var(--limel-theme-error-color);font-size:0.6875rem;line-height:1.5;visibility:inherit;padding-right:1rem;padding-left:1rem;padding-top:0.25rem}.button-add-new{margin-top:0.5rem;width:100%}:is(h1,h2,h3,h4,h5,h6){position:relative;margin-top:0;margin-bottom:0;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;text-wrap:balance;font-size:var(--limel-form-heading-font-size);line-height:calc(var(--limel-form-heading-font-size) * 1.42857);letter-spacing:-0.01rem;font-weight:500}limel-markdown{display:block;margin-bottom:0.5rem}.rjsf-field{position:relative}.rjsf-field limel-help{position:absolute;top:calc(var(--form-row-gap, 1rem) * -0.5);left:calc(var(--form-column-gap, 1rem) * -0.5)}.rjsf-field :is(h1,h2,h3,h4,h5,h6){color:rgb(var(--contrast-1400), 0.8)}.rjsf-field :is(h1,h2,h3,h4,h5,h6){--limel-form-heading-font-size:1.476rem;font-weight:800}.rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6){--limel-form-heading-font-size:1.383rem;font-weight:700}.rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6):before{content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;left:-0.75rem;background-color:var(--lime-primary-color, var(--limel-theme-primary-color));width:0.125rem;height:1.5rem;border-radius:0.125rem;opacity:0.6}.rjsf-field .rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6){--limel-form-heading-font-size:1.296rem;font-weight:600}.rjsf-field .rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6):before{display:none}.rjsf-field .rjsf-field .rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6){--limel-form-heading-font-size:1.215rem}.rjsf-field .rjsf-field .rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6):before{display:none}.rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6){--limel-form-heading-font-size:1.138rem}.rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6):before{display:none}.rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6){--limel-form-heading-font-size:1.067rem}.rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field .rjsf-field :is(h1,h2,h3,h4,h5,h6):before{display:none}.limel-form-field--highlighted{position:relative}.limel-form-field--highlighted::after{content:"";position:absolute;inset:-0.25rem;border-radius:0.5rem;pointer-events:none;animation-name:highlight-field-background, highlight-field-shadow;animation-duration:6s;animation-delay:0.1s, 0.3s;animation-timing-function:ease-in-out}@media (prefers-reduced-motion){.limel-form-field--highlighted::after{animation-duration:4s;animation-delay:0s}}@keyframes highlight-field-background{0%{background-color:transparent}12.5%{background-color:color-mix(in srgb, var(--lime-primary-color, var(--limel-theme-primary-color)), transparent 65%)}45%,100%{background-color:transparent}}@keyframes highlight-field-shadow{0%,25%,50%{box-shadow:none}12.5%,37.5%{box-shadow:var(--shadow-depth-8-focused)}62.5%,72.5%{box-shadow:var(--shadow-depth-8-focused);animation-timing-function:ease-out}100%{box-shadow:none}}@media (prefers-reduced-motion){@keyframes highlight-field-shadow{0%,25%{box-shadow:var(--shadow-depth-8-focused);animation-timing-function:ease-out}100%{box-shadow:none}}}`;
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -46088,6 +46155,16 @@ const Form = class {
          * Set to `true` to disable the whole form.
          */
         this.disabled = false;
+        /**
+         * The level, from `1` to `6`, of the topmost headings in the form.
+         * The headings of the sections inside them get one level more for each
+         * level of nesting, down to `6`.
+         *
+         * Set it so that the headings of the form fit below the headings of
+         * the page around it. For example, when the form is in a section with
+         * an `h2` heading, set it to `3`.
+         */
+        this.headingLevel = 1;
         /**
          * Set to `true` to render every field with a validation error as
          * invalid, even untouched ones, and to reflect that on each
@@ -46103,10 +46180,21 @@ const Form = class {
     connectedCallback() {
         this.initialize();
     }
+    componentWillLoad() {
+        this.warnIfHeadingLevelIsInvalid();
+    }
     componentDidLoad() {
         this.initialize();
         this.showHighlightedField();
     }
+    handleHeadingLevelChange() {
+        this.warnIfHeadingLevelIsInvalid();
+    }
+    warnIfHeadingLevelIsInvalid() {
+        if (!isHeadingLevel(this.headingLevel)) {
+            console.warn(`limel-form: headingLevel must be a number from 1 to 6, but it is ${this.headingLevel}. The headings start at level 1 instead.`);
+        }
+    }
     handleHighlightedFieldChange(newPath, oldPath) {
         // A host that renders again passes an equal path in a new array.
         if (!isEqual.isEqual(newPath, oldPath)) {
@@ -46133,14 +46221,18 @@ const Form = class {
         this.initialized = false;
     }
     render() {
-        return index.h("div", { key: 'e57ab791f09cd1e8271437e91822ffabcfe2a118', class: "root" });
+        return index.h("div", { key: '3f2e4aedf778c43f02ab87c32074cb3face9a55b', class: "root" });
     }
     reactRender() {
         if (!this.root) {
             const rootElement = this.host.shadowRoot.querySelector('.root');
             this.root = clientExports.createRoot(rootElement);
         }
-        this.root.render(React.createElement(Form$1, {
+        this.root.render(React.createElement(HeadingLevelContext.Provider, {
+            value: isHeadingLevel(this.headingLevel)
+                ? this.headingLevel
+                : 1,
+        }, React.createElement(Form$1, {
             schema: this.prepareSchema(this.schema),
             formData: this.value,
             onChange: this.handleChange,
@@ -46178,7 +46270,7 @@ const Form = class {
                 ArrayField: ArrayField,
                 ObjectField: ObjectField,
             },
-        }, []));
+        }, [])));
     }
     showHighlightedField() {
         if (!this.highlightedField) {
@@ -46270,6 +46362,9 @@ const Form = class {
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
+        "headingLevel": [{
+                "handleHeadingLevelChange": 0
+            }],
         "highlightedField": [{
                 "handleHighlightedFieldChange": 0
             }]