@limetech/lime-elements 40.8.1 → 40.10.0

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

@@ -4,7 +4,7 @@ var index = require('./index-BlsqxTB1.js');
 var translations = require('./translations-DDyw5Zzz.js');
 require('./language-v-MMS6ym.js');
 
-const dockCss = () => `@charset "UTF-8";button.expand-shrink{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;box-sizing:border-box;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}button.expand-shrink:hover,button.expand-shrink:focus,button.expand-shrink:focus-visible{will-change:color, background-color, box-shadow, transform}button.expand-shrink:hover,button.expand-shrink:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.expand-shrink:hover{box-shadow:var(--button-shadow-hovered)}button.expand-shrink:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.expand-shrink:hover,button.expand-shrink:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.expand-shrink:focus{outline:none}button.expand-shrink:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.expand-shrink{display:flex;justify-content:center;align-items:center;height:var(--dock-expand-shrink-button-height);padding:0 0.5rem;margin:var(--limel-dock-padding);border-radius:0.375rem}button.expand-shrink.expanded{justify-content:flex-end}button.expand-shrink.expanded limel-icon{transform:rotateY(180deg)}button.expand-shrink limel-icon{width:calc(var(--dock-expand-shrink-button-height) - 0.25rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}:host(limel-dock){--badge-background-color:rgb(var(--color-red-default));--badge-text-color:rgb(var(--color-white));--dock-item-height:2.75rem;--limel-dock-padding:0.25rem;--dock-expand-shrink-button-height:1rem;--limel-dock-item-text-color:var(       --dock-item-text-color,       rgb(var(--contrast-1100))   );--limel-dock-item-text-color--selected:var(       --dock-item-text-color--selected,       rgb(var(--contrast-1300))   );isolation:isolate;position:relative;box-sizing:border-box;display:inline-flex;flex-direction:column;background-color:var(--dock-background-color, rgb(var(--contrast-100)));box-shadow:var(--shadow-depth-8);padding-top:var(--dock-padding-top);padding-right:var(--dock-padding-right);padding-bottom:var(--dock-padding-bottom);padding-left:var(--dock-padding-left)}:host(limel-dock:not(.has-mobile-layout)){height:100%;width:calc(var(--limel-dock-padding) * 2 + var(--dock-item-height) + var(--dock-padding-left, 0px) + var(--dock-padding-right, 0px))}:host(limel-dock:not(.has-mobile-layout)) nav{padding-bottom:calc(var(--limel-dock-padding) + 0.25rem)}:host(limel-dock.expanded){width:calc(var(--dock-expanded-max-width, 10rem) + var(--dock-padding-left, 0px) + var(--dock-padding-right, 0px))}.footer-separator{margin-top:auto;justify-self:flex-end}nav{box-sizing:border-box;display:inline-flex;flex-direction:column;gap:0.375rem;flex-grow:1;padding:var(--limel-dock-padding);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}:host(limel-dock.has-mobile-layout) nav{justify-content:space-between;flex-direction:row}limel-dock-button:first-of-type{--limel-custom-home-icon-enabler:var(--crm-custom-home-icon-enabler);--limel-custom-home-icon:var(--crm-custom-home-icon)}`;
+const dockCss = () => `@charset "UTF-8";button.expand-shrink{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;box-sizing:border-box;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}button.expand-shrink:hover,button.expand-shrink:focus,button.expand-shrink:focus-visible{will-change:color, background-color, box-shadow, transform}button.expand-shrink:hover,button.expand-shrink:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.expand-shrink:hover{box-shadow:var(--button-shadow-hovered)}button.expand-shrink:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.expand-shrink:hover,button.expand-shrink:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.expand-shrink:focus{outline:none}button.expand-shrink:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.expand-shrink{display:flex;justify-content:center;align-items:center;height:var(--dock-expand-shrink-button-height);padding:0 0.5rem;margin:var(--limel-dock-padding);border-radius:0.375rem}button.expand-shrink.expanded{justify-content:flex-end}button.expand-shrink.expanded limel-icon{transform:rotateY(180deg)}button.expand-shrink limel-icon{width:calc(var(--dock-expand-shrink-button-height) - 0.25rem);color:var(--dock-item-icon-color, var(--limel-dock-item-text-color))}:host(limel-dock){--badge-background-color:rgb(var(--color-red-default));--badge-text-color:rgb(var(--color-white));--dock-item-height:2.75rem;--limel-dock-padding:0.25rem;--dock-expand-shrink-button-height:1rem;--limel-dock-item-text-color:var(       --dock-item-text-color,       rgb(var(--contrast-1100))   );--limel-dock-item-text-color--selected:var(       --dock-item-text-color--selected,       rgb(var(--contrast-1300))   );isolation:isolate;position:relative;box-sizing:border-box;display:inline-flex;flex-direction:column;background-color:var(--dock-background-color, rgb(var(--contrast-100)));box-shadow:var(--shadow-depth-8);padding-top:var(--dock-padding-top);padding-right:var(--dock-padding-right);padding-bottom:var(--dock-padding-bottom);padding-left:var(--dock-padding-left)}:host(limel-dock:not(.has-mobile-layout)){height:100%;width:calc(var(--limel-dock-padding) * 2 + var(--dock-item-height) + var(--dock-padding-left, 0px) + var(--dock-padding-right, 0px))}:host(limel-dock:not(.has-mobile-layout)) nav{padding-bottom:calc(var(--limel-dock-padding) + 0.25rem)}:host(limel-dock.expanded:not(.has-mobile-layout)){width:calc(var(--dock-expanded-max-width, 10rem) + var(--dock-padding-left, 0px) + var(--dock-padding-right, 0px))}.footer-separator{margin-top:auto;justify-self:flex-end}nav{box-sizing:border-box;display:inline-flex;flex-direction:column;gap:0.375rem;flex-grow:1;padding:var(--limel-dock-padding);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}:host(limel-dock.has-mobile-layout) nav{justify-content:space-between;flex-direction:row}limel-dock-button:first-of-type{--limel-custom-home-icon-enabler:var(--crm-custom-home-icon-enabler);--limel-custom-home-icon:var(--crm-custom-home-icon)}`;
 
 const DEFAULT_MOBILE_BREAKPOINT = 700;
 const Dock = class {
@@ -24,13 +24,18 @@ const Dock = class {
          */
         this.dockFooterItems = [];
         /**
-         * Defines the width of the component, when it loads.
-         * - `true`: shows both icons and labels of the Dock items.
-         * - `false`: only shows icons of the doc items, and displays
-         * their labels as tooltip.
+         * Defines whether the labels of the dock items are shown, when the
+         * component loads.
+         * - `true`: shows both icons and labels of the dock items. In the
+         * vertical layout, the labels are placed beside the icons. In the
+         * horizontal mobile layout, they are placed below the icons, in small
+         * text that is truncated when there is not enough space.
+         * - `false`: only shows icons of the dock items, and displays
+         * their labels as tooltips.
          *
-         * Note: when `useMobileLayout` is `true`, labels will always
-         * be shown as tooltips. Read more below…
+         * In the horizontal mobile layout, there is no room for the button
+         * that expands and shrinks the dock, so end-users cannot change this
+         * there. Set `expanded` yourself, for example from a user setting.
          */
         this.expanded = false;
         /**
@@ -66,7 +71,7 @@ const Dock = class {
             return (index.h("limel-dock-button", { class: {
                     'dock-item': true,
                     selected: item.selected,
-                }, item: item, expanded: this.expanded && !this.useMobileLayout, useMobileLayout: this.useMobileLayout }));
+                }, item: item, expanded: this.expanded, useMobileLayout: this.useMobileLayout }));
         };
         this.handleResize = () => {
             if (window.innerWidth <= this.mobileBreakPoint) {
@@ -81,6 +86,9 @@ const Dock = class {
             this.dockExpanded.emit(this.expanded);
         };
     }
+    watchMobileBreakPoint() {
+        this.handleResize();
+    }
     componentDidLoad() {
         this.resizeObserver = new ResizeObserver(this.handleResize);
         this.resizeObserver.observe(document.body);
@@ -89,11 +97,11 @@ const Dock = class {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '3e2bd23bc0b5a49c71c6ebf309ce787d93d35c93', class: {
+        return (index.h(index.Host, { key: '42483e781906b34b452ce608280a4c9413c7ef8b', class: {
                 dock: true,
                 expanded: this.expanded,
                 'has-mobile-layout': this.useMobileLayout,
-            } }, index.h("nav", { key: '11c81532a988da8be0dd72e404b5b190e1054ba7', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
+            } }, index.h("nav", { key: 'fe46daba5b59ad2103b543f7bc07238c7e1bcc90', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
     }
     renderExpandShrinkToggle() {
         if (this.useMobileLayout || !this.allowResize) {
@@ -104,6 +112,11 @@ const Dock = class {
                 expanded: this.expanded,
             }, "aria-label": translations.translations.get('dock.show-labels', this.language), "aria-pressed": String(this.expanded), onClick: this.toggleDockWidth }, index.h("limel-icon", { name: "angle_right" })));
     }
+    static get watchers() { return {
+        "mobileBreakPoint": [{
+                "watchMobileBreakPoint": 0
+            }]
+    }; }
 };
 Dock.style = dockCss();
 

package/dist/cjs/limel-drag-handle.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: 'c315460d24dc77db9aa84d6c7db94b0aff0d04fa' }, index.h("button", { key: '4b1b29c9937bf15335ad67c99b14b40ff0c11c94', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, index.h("div", { key: '920d6d0d09d81908e98db8624da6a9bc34e09bd7', 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: 'fa9e84778a57dbb6186de4a18c66d30b8c711417', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
+        return (index.h(index.Host, { key: '7ec003311284f01a8ab6fcfa681b859d80c751c9' }, index.h("button", { key: '6c8eecad5a1ee902f8cde0d582a7f61881186516', "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: 'ff1b68465914660147a3813950ca89e8aefd3579', 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: '6e4858827eaf55787d5a30a1842c4ec8f106b158', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
     }
 };
 DragHandleComponent.style = dragHandleCss();

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

@@ -216,7 +216,7 @@ const EmailViewer = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1039e0b6331706b0a075d87c6156e2acd869e977' }, index.h("div", { key: '88dedb9af5a2d7a9870d484a23b649eae726633f', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), index.h("section", { key: '107a24b3cb6199b79ce19331f2660d72854e06ce' }, this.renderAttachments(), this.renderBody()))));
+        return (index.h(index.Host, { key: 'f28d5f5b43643c9bb0ce9640d4d774d36e87e5ba' }, index.h("div", { key: '33383fce3618029de03eab77b920c8ba7784ee76', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), index.h("section", { key: '64141b9920deaf952f80db9f65a7627bb36aefd9' }, this.renderAttachments(), this.renderBody()))));
     }
     renderHeaders() {
         const headerFields = [

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

@@ -233,7 +233,7 @@ const FileDropzone = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'e9f43878405c9d969b0825e55322ae95b8770db1', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, index.h("slot", { key: '39087bebe8f40c34b3905891d22c3f9a585e4824' }), this.renderOnDragLayout()));
+        return (index.h(index.Host, { key: '5323ec725e0f49a0d10879955fe0c09fd4d54880', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, index.h("slot", { key: 'ffbf75fbe962bfc3db501cced37dc9c56e8a9092' }), this.renderOnDragLayout()));
     }
 };
 FileDropzone.style = fileDropzoneCss();
@@ -294,7 +294,7 @@ const FileInput = class {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (index.h(index.Host, { key: '38213e8f3e58a565368415e61fce7fcc44975848', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, index.h("input", { key: '1f75283470841c3821f601959038c31c72322f57', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), index.h("slot", { key: '4509934962cbfddb994329102f80c4abe0879d63' })));
+        return (index.h(index.Host, { key: '3f50f6c3dd1b0111be466ddb5fbd1feac8760159', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, index.h("input", { key: '1c3b89baf7511a4de2b32543ee77135a58a7ecbe', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), index.h("slot", { key: '857a60a5108c6b179537270e0be02bb7009f294c' })));
     }
     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: 'dfaf1d7c9ddb1a8e960547db042402fa690dc829', "aria-busy": this.isBusy ? 'true' : 'false' }, index.h("limel-file-dropzone", { key: 'a3ebe9b925c2e13ad1b87aa3f3a948b05e6b7473', 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: 'ecfb98bb1d97078de666e3b92649cf17241ea533', "aria-busy": this.isBusy ? 'true' : 'false' }, index.h("limel-file-dropzone", { key: 'f41a99e5614efacf6428eef83f5567db10ca7c94', 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

@@ -7724,7 +7724,7 @@ const DatePickerCalendar = class {
         });
     }
     render() {
-        return (index.h("div", { key: '7e048e91687bf7ede4147a08304b22ff6f6e10c0', class: "container", ref: (el) => (this.container = el), style: {
+        return (index.h("div", { key: 'a1e6de699055b7bd6c86eb194ff3ce756d9b4834', 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: 'b198feb938d5eb26cf1f96aa6cbfd412c843a3b1' });
+        return index.h("slot", { key: '791a96736443febd2103b7aeb1437299b103be80' });
     }
 };
 FlexContainer.style = flexContainerCss();

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

@@ -48460,7 +48460,7 @@ const Form = class {
         this.initialized = false;
     }
     render() {
-        return index$1.h("div", { key: '843ccbe06e291ffa1958da88634f4aee41007f2b', class: "root" });
+        return index$1.h("div", { key: '9c5db05ffcc594473a3ca7b2e3962f1659d3601d', class: "root" });
     }
     reactRender() {
         if (!this.root) {

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

@@ -12,7 +12,7 @@ const Grid = class {
         console.warn('limel-grid is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout');
     }
     render() {
-        return index.h("slot", { key: '4928fa4c63f2db778bde762470299c8bf05952b3' });
+        return index.h("slot", { key: 'fcc80e1ddf56068650e342120441027bce5263b5' });
     }
 };
 Grid.style = gridCss();

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

@@ -15,7 +15,7 @@ const Header = class {
         this.subheadingDivider = '·';
     }
     render() {
-        return (index.h(index.Host, { key: '77afcbc01f9ba4c71ad2aec82114564de1cfd591' }, index.h("div", { key: 'd20b369bd1ae5e472afeee2b6f1bed0c17eacb87', class: "information" }, this.renderIcon(), index.h("div", { key: '91e5a5aea8fad80316b890e88594da6aa8183182', class: "headings" }, index.h("h1", { key: '4477c5c6a2f134e98c8aaa4e9716399a4496e09a', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: 'd81bd39f801ade017cd84d308141041faad4e33b', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '7f1e532fb88771ecd3ab52c5581528e3aa7a14e4', name: "actions" }, index.h("slot", { key: '5cafb4367e7e9fed6dc3bffb17b4a310daec0c6a' }))));
+        return (index.h(index.Host, { key: 'e90e33e08296a0215db2467226e09da918df2e89' }, index.h("div", { key: '82c18d96c84e78109a38add09df18b0b8b6dd0e3', class: "information" }, this.renderIcon(), index.h("div", { key: '16e17dfe84b683aece74dafd2ab6a9c433014959', class: "headings" }, index.h("h1", { key: '1dc86af4d544af7d610442f05fb88c24cc3bb969', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: '8dcec7cba249b55b543025e7484e3b5cf6b2a6d8', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '589ab97c6f9574b84e785ff79c57ecccd51a633d', name: "actions" }, index.h("slot", { key: '5c1b4d222d5200690917c7a25ef7bb7565d07ef5' }))));
     }
     renderIcon() {
         var _a, _b, _c, _d, _e;

package/dist/cjs/limel-help-content.cjs.entry.js

@@ -16,7 +16,7 @@ const HelpContent = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '5c4eb2e9819635fb321c9544044521218677b2f6' }, index.h("limel-markdown", { key: 'bf231a4673cc49263838a41e0469636755df5772', value: this.value }), this.renderReadMoreLink()));
+        return (index.h(index.Host, { key: 'dd9facb6511b80349bc2da0b226bb660b6d90027' }, index.h("limel-markdown", { key: 'e74f0a9a0321bfb0fb16544c39b0c05c736e0d8b', value: this.value }), this.renderReadMoreLink()));
     }
 };
 HelpContent.style = limelHelpContentCss();

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

@@ -26,9 +26,9 @@ const HelpComponent = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'ea89d810cf9e7406a4a299eb98d9470c758d82ec' }, index.h("limel-popover", { key: '3693e98650f4d94fef1abd8a033dac0cf12906d7', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("button", { key: '34db4bb7f2c61377b6068f14105d0e6a88fc827e', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        return (index.h(index.Host, { key: '0a59bc47d2f8281466fb478804656d4d69707293' }, index.h("limel-popover", { key: '4fbb9cc254d7d8428dac179dfecdec15589646cb', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("button", { key: 'b15e2219cb9850fc571d6b2441e2efa999ae3c2d', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), index.h("limel-help-content", { key: '5e50557a652e842bf9846738b1aae1df63d55755', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), index.h("limel-help-content", { key: '38e1a3222de220e2da82cf0cfc6e7885d7af0c6d', value: this.value, readMoreLink: this.readMoreLink }))));
     }
 };
 HelpComponent.style = helpCss();

package/dist/cjs/limel-helper-line_3.cjs.entry.js

@@ -34,9 +34,9 @@ const HelperLine = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9fe6acba5a79d706deec8353cdb761565269ab0c', tabIndex: -1, class: {
+        return (index.h(index.Host, { key: '69872d6dcdbecf1d703a9fb441f118f9389596bc', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: '8cec25fd07c608ee5bbbd97af8d3276d124efa64' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: 'bf63441b2481b1d91fae50d7f85630e361fb2089' }, this.renderHelperText(), this.renderCharacterCounter())));
     }
 };
 HelperLine.style = helperLineCss();
@@ -334,7 +334,7 @@ const List = class {
             maxLinesSecondaryText = 1;
         }
         const html = this.listRenderer.render(this.items, this.config);
-        return (index.h(index.Host, { key: 'b8c5f38d03402596fbd227a19587a801ef0c8b6e', style: {
+        return (index.h(index.Host, { key: '5a259a6d125ba3cc5ee04a68dd3ab761bceb2cfb', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }
@@ -430,7 +430,7 @@ const NotchedOutline = class {
         this.hasFloatingLabel = false;
     }
     render() {
-        return (index.h("div", { key: 'dc6355aacb61f03ab180b619bd8a619cd2c80cb4', class: "limel-notched-outline" }, index.h("slot", { key: '49297b4ac7c981f840c359a7f536e57f9a92b91f', name: "content" }), index.h("span", { key: '78018e75d6e77cbd0ca235d5036d29f9360fe2d0', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: 'ae1aaa6291a429db8f376a68609241c2701c6c80', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: 'd86779e2e34c5bd4138d3d47d127b73af95456d0', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        return (index.h("div", { key: 'a7d059bafca0519edd93c90daad620131d3fbdd0', class: "limel-notched-outline" }, index.h("slot", { key: '2498cc520769655fe0445ff58bd782e5ccfb857f', name: "content" }), index.h("span", { key: '8946f7b280ee76331b6ac66e4b212ea8a3aa567c', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: '096357fb61dddafd811669d36d910dfd753fcc1e', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: '37460f34ac2cd82360a0a3bd6cba015133d64516', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {

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

@@ -121,7 +121,7 @@ const Hotkey = class {
             .map((p) => p.ariaName)
             .filter(Boolean)
             .join(' ');
-        return (index.h(index.Host, { key: 'dd8bc8134560dae3014e6ab5ab6eadeaa0bb6a4e', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index$1) => (index.h("kbd", { key: `${parts[index$1]}-${index$1}`, class: isGlyph ? 'is-glyph' : undefined }, index.h("span", null, display))))));
+        return (index.h(index.Host, { key: '91e09b5c874135ac3473c995ffce864a1cf8a9d6', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index$1) => (index.h("kbd", { key: `${parts[index$1]}-${index$1}`, class: isGlyph ? 'is-glyph' : undefined }, index.h("span", null, display))))));
     }
 };
 Hotkey.style = hotkeyCss();
@@ -1993,7 +1993,7 @@ const Portal = class {
         this.showContainer();
     }
     render() {
-        return index.h("slot", { key: '7fd1ebea533dbbd8ff3df343830cc195e0a66555' });
+        return index.h("slot", { key: 'f4db0b146b4cd851a9837bf10dc7d331cd5a9dce' });
     }
     onVisible() {
         if (!this.container && this.visible) {
@@ -2306,10 +2306,10 @@ const Tooltip = class {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (index.h("div", { key: '970ce406a2209065f744d124c28d486dfa169164', class: "trigger-anchor" }, index.h("limel-portal", { key: 'bfe825d0261a452c207077e8fe37ddce5b10d477', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (index.h("div", { key: '11a9db0e1b1e615ddbdeea5eb2c5089e1f9eadeb', class: "trigger-anchor" }, index.h("limel-portal", { key: '28e7ffeb63ff24978dd2bd1ed0b0b2aa278abbde', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, index.h("limel-tooltip-content", { key: '07003cc2b868b8320b97e4a75f3cb2e71b50efb9', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
+            }, anchor: this.ownerElement }, index.h("limel-tooltip-content", { key: 'abc48a7948a932c081a44fb1d617bc3b351d452c', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
     }
     setOwnerAriaDescribedby() {
         var _a;
@@ -2348,7 +2348,7 @@ const TooltipContent = class {
         const style = this.maxlength
             ? { '--tooltip-max-width-of-text': `${this.maxlength}ch` }
             : undefined;
-        return (index.h(index.Host, { key: 'e8299e2c990753eafd08af063a7828a11ea77cec', class: { 'has-column-layout': isLabelsTextLong }, style: style }, index.h("div", { key: '634f141ede25c9a3faa7ca7ce4f79b59c3c7ec8d', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        return (index.h(index.Host, { key: '63d36a0e0f1fb0e4eb94c5c216c80299d82f63b2', class: { 'has-column-layout': isLabelsTextLong }, style: style }, index.h("div", { key: '6d4ecf58b8854edeece92a53065816292a2a39b9', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
     }
     renderHelperLabel() {
         if (!this.helperLabel) {

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

@@ -49,7 +49,7 @@ const IconButton = class {
         if (this.host.hasAttribute('tabindex')) {
             buttonAttributes.tabindex = this.host.getAttribute('tabindex');
         }
-        return (index.h(index.Host, { key: 'e2fa10697beccc59cb8f332695e445522391649d', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: '2dc00d1341e9a458f5a7d060abd777c29cd333e0', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (index.h(index.Host, { key: '0c2536bf5d9628ed72bc55ed768c4e5eb6396b68', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: '3c18c8f45209887df5c4f76ec635839f3cc147ab', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
     }
     renderIcon() {
         var _a, _b;

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

@@ -161,7 +161,7 @@ const Icon = class {
         this.loadIcon(this.name);
     }
     render() {
-        return index.h("div", { key: '3e5dc80a0e19e21988169509b33685bdb3005f1d', class: "container" });
+        return index.h("div", { key: '6d01432082e0272137562dd22ab309b75ce95504', class: "container" });
     }
     async loadIcon(name) {
         if (name === undefined || name === '') {

package/dist/cjs/limel-info-tile.cjs.entry.js

@@ -116,9 +116,9 @@ const InfoTile = class {
             this.checkProps((_d = this === null || this === void 0 ? void 0 : this.link) === null || _d === void 0 ? void 0 : _d.title);
         const link = this.disabled ? '#' : (_e = this.link) === null || _e === void 0 ? void 0 : _e.href;
         const rel = linkHelper.getRel((_f = this.link) === null || _f === void 0 ? void 0 : _f.target, (_g = this.link) === null || _g === void 0 ? void 0 : _g.rel);
-        return (index.h(index.Host, { key: '60e7f038ad45210a2ef928287b2794052993a84b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.h("a", { key: 'd6c9828fa7aaea462e9fefaad921da51b2376738', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
+        return (index.h(index.Host, { key: 'a21ede478dc485edad5648d167cb5168a8560c85', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.h("a", { key: '694ed4b61590373e448f63d0814a91d506db9caf', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
                 'is-clickable': !!((_k = this.link) === null || _k === void 0 ? void 0 : _k.href) && !this.disabled,
-            } }, this.renderIcon(), this.renderProgress(), index.h("slot", { key: '045db9fdf61d87bd8e92bb299d20b3f21a980634', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: '78ddf4323cb56a791a6d3749b653716afd33ccba', class: "value-group" }, this.renderPrefix(), index.h("div", { key: 'b84ba69a5720088e3207bceb02cc8fd84d4dbdd2', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: 'e33b280c08673989e33d99b982499b401cd505f0' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), index.h("slot", { key: '753e0576a88b10a3a981e0e46ba266266d84aec6', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: '0d125992ed03f4aedcc8b82d47929bd45a268c80', class: "value-group" }, this.renderPrefix(), index.h("div", { key: 'bde1b5e9cd8fe539d29f267d8b1675bcbc8dbe0b', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: '6263b7a134238981c5ce6cdc5dc4321cc7ac43d1' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

package/dist/cjs/limel-list-item.cjs.entry.js

@@ -131,9 +131,9 @@ const ListItemComponent = class {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (index.h(index.Host, Object.assign({ key: '005e6e5fa87bab94b1d3c00970ed4efff409de1b', role: this.getHostRole(), class: {
+        return (index.h(index.Host, Object.assign({ key: '628910c7216db5d7580fb139475210d0a05c55db', role: this.getHostRole(), class: {
                 'has-primary-component': !!((_a = this.primaryComponent) === null || _a === void 0 ? void 0 : _a.name),
-            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), index.h("div", { key: '351438e788b747b86a9700ab1a8c700532aee409', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), index.h("div", { key: 'acb5d43d2690515d88146b5592a9bfd32225ab88', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
     }
     /**
      * Returns a stable reference for the provided actions array to avoid

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

@@ -1193,7 +1193,7 @@ const Markdown = class {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'cb9496c27479dce2acf8005bff7c780190f923ba' }, index$1.h("div", { key: 'a48bd187c4b08db7d7b2e105fe4b1c92089d1a57', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (index$1.h(index$1.Host, { key: 'a1883ae4c80a775bc1dbdd9f2b993ab4af8c4cba' }, index$1.h("div", { key: 'd8a1cd8f5a102a209fa89f8baf0b08912ead1059', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {

package/dist/cjs/limel-masonry-layout.cjs.entry.js

@@ -44,7 +44,7 @@ const MasonryLayout = class {
         const style = {
             height: `${this.containerHeight}rem`,
         };
-        return (index.h(index.Host, { key: 'eac58da6cc41749eaaae8ca78d9940132c632fba', style: style, class: { 'is-laid-out': this.hasRendered } }, index.h("slot", { key: 'c551e446908efa397c665301f121a02c2efb068c' })));
+        return (index.h(index.Host, { key: '4739b8085adca277a42f36478b1692970e2a8675', style: style, class: { 'is-laid-out': this.hasRendered } }, index.h("slot", { key: '14290465ddb5ea67ff9d2883904f3298900151ee' })));
     }
     setupObservers() {
         this.resizeObserver = new ResizeObserver(() => {

package/dist/cjs/limel-menu-item-meta.cjs.entry.js

@@ -18,7 +18,7 @@ const MenuItemMeta = class {
         this.showChevron = false;
     }
     render() {
-        return (index.h(index.Host, { key: '6dbc3a71962933c5cfdf415096e41f90e84e7740' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (index.h(index.Host, { key: '468078fa475182bea0474fa0806bd54bb00db4c6' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (this.hotkey) {

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

@@ -289,7 +289,7 @@ const Pagination = class {
     }
     render() {
         const { slots } = this.view;
-        return (index.h(index.Host, { key: 'f2218cfa9c631d93e39ecee3a9823c3dd73ba505' }, index.h("nav", { key: '7b1989a9abdbf254b66d3d2780583749a3ecd44e', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), index.h("span", { key: 'ad9af64cb7885d6bb6227d5bb6897a267c1a598e', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
+        return (index.h(index.Host, { key: 'dce4e827fbbaba2f2423b7623caa1371b51a7750' }, index.h("nav", { key: '18e75c58c919f78a5c19986d3a42612c0b125a55', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), index.h("span", { key: '1aea124497cbec584bdb1977c7371b391f5576a2', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
     }
     /**
      * Without a count we know where the user is but not how far the set goes,

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

@@ -197,7 +197,7 @@ const Picker = class {
             props.maxItems = 1;
         }
         return [
-            index.h("limel-chip-set", Object.assign({ key: '5045ffdd72efce3465448fb8e1ae3044c32ffea2', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
+            index.h("limel-chip-set", Object.assign({ key: '3bd160f27baba3f2b6cfdb75bac451b87a25f75a', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
             this.renderDropdown(),
         ];
     }

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

@@ -135,7 +135,7 @@ const Popover = class {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (index.h("div", { key: '5726846ff3f4ccc50067c63cab387ce9efa34e9b', class: "trigger-anchor" }, index.h("slot", { key: '9bc0082641e95e2345b0ae3eb548477827420e85', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: 'fb247bd41c2d0f62f598a0e7d21776661490c485', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: '808155682967864b09f4344106cc0d1106f9e2c5', contentCollection: this.host.children, style: cssProperties }))));
+        return (index.h("div", { key: 'a819793a1a82680cb7ce15239366c57c5e8300cc', class: "trigger-anchor" }, index.h("slot", { key: 'ddd5f786c93939afae68e0a35446be8470bfe638', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: '369a832fab6a9e3438202ed1c3dbb6fe9b5a5f39', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: '1b583fc37aa48fb67ff2b40f8c2e88cb7f6db88f', contentCollection: this.host.children, style: cssProperties }))));
     }
     globalClickListener(event) {
         const element = event.target;
@@ -179,7 +179,7 @@ const PopoverSurface = class {
         this.appendElement();
     }
     render() {
-        return index.h("div", { key: '246fdc8fe255ae881e4ece6ae20bbb7f34a827b5', class: "limel-popover-surface", tabindex: "0" });
+        return index.h("div", { key: '0efb74a821ff0c1919a048ee08209befdf5582c0', class: "limel-popover-surface", tabindex: "0" });
     }
     appendElement() {
         const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');

package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js

@@ -28568,7 +28568,7 @@ const ProsemirrorAdapter = class {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '16ef71481dea1fcefa1735e5a6350f47bf1d78ca', onFocus: this.handleFocus }, index$1.h("div", { key: '3b6598d8efd561afb6191d3d650f3a32e86f6904', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (index$1.h(index$1.Host, { key: '6c92f1576fdd862e592d0ccf6779c6d3da806808', onFocus: this.handleFocus }, index$1.h("div", { key: '0b1b90a7c68b62ecffed21f4c49fced5333f0d83', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
     }
     renderToolbar() {
         if (this.actionBarItems.length === 0 || this.ui === 'no-toolbar') {

package/dist/cjs/limel-radio-button-group.cjs.entry.js

@@ -26,7 +26,7 @@ const RadioButtonGroup = class {
         };
     }
     render() {
-        return (index.h("limel-list", { key: '1c3fef764fd84f4e84d38a4dbd04f2272fb73775', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (index.h("limel-list", { key: '9c12503b398b5c5d35d47d554b64219baf75d21b', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
     }
     createItems() {
         return this.items.map((option) => {

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

@@ -9,12 +9,12 @@ const RadioButtonComponent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '93e5adb101fd866a1c56e0233b32eddef6617a08', class: {
+        return (index.h(index.Host, { key: '7cdb4d6a667a0afe8ed668cc32b4a38c39817d75', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, index.h("input", { key: '816bc49ab2f8bd6fcbaa8d10c7b5250fd64aa044', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("div", { key: 'e4656777d40210f46c5f28deace470a90f41cfdf', class: "box" }), index.h("label", { key: 'c27a557fea46c0951a0aed27df40a61b30809550', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, index.h("input", { key: 'f51cfa414dd1e2f50ea211a690a55dc7525d5501', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("div", { key: 'a6ec3d879e3410c9973a1b8c66469a852e4e4995', class: "box" }), index.h("label", { key: '978984158d1c8344da8bcc6a4e3d7aa8003f75b2', class: "boolean-input-label", htmlFor: this.id }, this.label)));
     }
 };
 RadioButtonComponent.style = radioButtonCss();