@limetech/lime-elements 40.2.5 → 40.4.0

package/dist/collection/components/collapsible-section/collapsible-section.js

@@ -111,7 +111,7 @@ export class CollapsibleSection {
         removeEnterClickable(button);
     }
     render() {
-        return (h("section", { key: '4462b37febab2416ae74b771c78d8b3c47b8d2ab', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '32107fa97b348e94f8a76520af82b97562d6d875' }, h("button", { key: '9542583877442339c9acda43783ab0859ab718c8', class: "open-close-toggle", onClick: this.onClick, "aria-controls": this.bodyId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.getCollapsibleSectionAriaLabel(), type: "button" }), this.renderExpandCollapseSign(), this.renderIcon(), this.renderHeading(), h("div", { key: '024fc7375d3ace7f3da27770a7727ac36612f444', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: '2a85eebbe33c7c367b03c53b887838afb6990ef3', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: '8ba73da10870f7e19aa6ae7b56008a4c1084e653' }))));
+        return (h("section", { key: '404f827974295da2387c00779681c382f8bc31d1', class: `${this.isOpen ? 'open' : ''}`, "aria-invalid": this.invalid, "aria-labelledby": this.header ? this.headingId : null }, h("header", { key: '31cfc1385f39c2f1372f0aebf739aee3b1735d8f' }, h("button", { key: '977107678e2dfcd162ee2a4b187a199126f8bafe', class: "open-close-toggle", onClick: this.onClick, "aria-controls": this.bodyId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.getCollapsibleSectionAriaLabel(), type: "button" }), this.renderExpandCollapseSign(), this.renderIcon(), this.renderHeading(), h("div", { key: '2f5001f43966fec8f36845a38c654b5e2f40338f', class: "divider-line", role: "presentation" }), this.renderHeaderSlot(), this.renderActions()), h("div", { key: 'a51da36960e65703e88bb4bf9e8cddccd66f3f63', class: "body", inert: !this.isOpen, "aria-hidden": String(!this.isOpen), id: this.bodyId, role: "region" }, h("slot", { key: 'dcb7c0e4e86829dbd25bf114aba0413b8bd85b2c' }))));
     }
     renderHeaderSlot() {
         return h("slot", { name: "header" });

package/dist/collection/components/color-picker/color-picker-palette.js

@@ -39,10 +39,10 @@ export class Palette {
     render() {
         const background = this.value ? { '--background': this.value } : {};
         return [
-            h("div", { key: '223f1badc2450d203705c116d34fe00cd196c911', class: "color-picker-palette", style: {
+            h("div", { key: '0b83dfca19280e0d0ece4b12fd1b8d2ecd386880', class: "color-picker-palette", style: {
                     '--color-picker-column-count': `${this.getColumnCount()}`,
                 } }, this.renderSwatches()),
-            h("div", { key: '72ecf755e2001895280f884e106d3ff87094cdd3', class: "chosen-color-name" }, h("limel-input-field", { key: '17d3872cfd01fae6caef39f124ffaa71a1e54a96', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, invalid: this.invalid, placeholder: this.placeholder, disabled: !this.manualInput }), h("div", { key: '86b91cf56f9a9389d18b5929141094a63c52a9d3', class: "chosen-color-preview", style: background })),
+            h("div", { key: '3ce3245a89fc4d11a9ca8b620d6458a7856b2128', class: "chosen-color-name" }, h("limel-input-field", { key: '2e348f1eefa9caef874ef1a34dc2365218037bbc', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, invalid: this.invalid, placeholder: this.placeholder, disabled: !this.manualInput }), h("div", { key: '5ac0039aec7c07af7c5a7ddf3e0bdcf7eff8df1a', class: "chosen-color-preview", style: background })),
         ];
     }
     getPalette() {

package/dist/collection/components/color-picker/color-picker.js

@@ -86,7 +86,7 @@ export class ColorPicker {
         }
     }
     render() {
-        return (h(Host, { key: '3ccb84fc0ab06f81be5a3f75991c4ce64f88a547' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: 'f0d15f5ac8576a1685eb6c0bdc331ca45a220562', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, readonly: this.readonly, disabled: this.disabled || !this.manualInput, invalid: this.invalid, placeholder: this.placeholder })));
+        return (h(Host, { key: 'cd29fbc1a30475f3b90a435f929e80c148a1d481' }, this.renderTooltip(), this.renderPickerPalette(), h("limel-input-field", { key: 'ecc60031f0b99e4cc02d5e22cc8675d7a0c231a0', label: this.label, helperText: this.helperText, value: this.value, onChange: this.handleChange, required: this.required, readonly: this.readonly, disabled: this.disabled || !this.manualInput, invalid: this.invalid, placeholder: this.placeholder })));
     }
     static get is() { return "limel-color-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js

@@ -96,7 +96,7 @@ export class DatePickerCalendar {
         });
     }
     render() {
-        return (h("div", { key: 'fd9845319e7c8bcc5b1621666c0d89d4b7e99fe4', class: "container", ref: (el) => (this.container = el), style: {
+        return (h("div", { key: '14b4ce03d58ee1c742b9776de8ef4977b668f294', class: "container", ref: (el) => (this.container = el), style: {
                 '--today-label': `"${translate.get('date-picker.today', this.language)}"`,
             } }));
     }

package/dist/collection/components/dialog/dialog.js

@@ -84,10 +84,10 @@ export class Dialog {
         this.mdcDialog.destroy();
     }
     render() {
-        return (h("div", { key: 'd639ccde65c504b0225a4b0fbdb65b5667bb86bd', class: {
+        return (h("div", { key: '3502fda2b46c52d7341b88dea0f3a6c6e5de0def', class: {
                 'mdc-dialog': true,
                 'full-screen': !!this.fullscreen,
-            }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, h("input", { key: 'b23d88e1959d4eb722046ff2f5a3a562ea8a6071', hidden: true, id: "initialFocusEl" }), h("div", { key: '171df8142cf0b238515b9c8267d0d9b9f5d01bc4', class: "mdc-dialog__container" }, h("div", { key: '41afe3bb19541ab218965af66dd1578b70e322b3', class: "mdc-dialog__surface" }, h("input", { key: 'db610f13fa09d5745e0aa979227fb0a18e6b25cb', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: 'f4a7a93232d8dc82b1c1ad4d2540ad63a819e34c', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: '93a4f256894406591bb5d387a77df95bb445e84b' })), this.renderFooter())), h("div", { key: '3aee4c567f39fff7f560d8d11bf4c522c24e86ed', class: "mdc-dialog__scrim" })));
+            }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": 'limel-dialog-title-' + this.id, "aria-describedby": 'limel-dialog-content-' + this.id }, h("input", { key: '6914743d66dadb9e26061f59c3c5085311527551', hidden: true, id: "initialFocusEl" }), h("div", { key: 'e9a9519c075d4d1645cf58b325c1a974abf3088a', class: "mdc-dialog__container" }, h("div", { key: '00c4895705864a6d29ab8a5ad94614b3c0d6d29d', class: "mdc-dialog__surface" }, h("input", { key: '51e229a1a9f5d4cbdded2dd2826dadcd55070c49', type: "button", id: "initialFocusElement" }), this.renderHeading(), h("div", { key: 'b25b165c820360d62179c2b532762c7fab0e6689', class: "mdc-dialog__content", id: 'limel-dialog-content-' + this.id }, h("slot", { key: 'e6f9f7a8fe2d7de85bd2c8c17eb6e06c8eb949c4' })), this.renderFooter())), h("div", { key: 'bf03dbdd9898ac2f75c6df10d3f6a3fa4a9735fe', class: "mdc-dialog__scrim" })));
     }
     watchHandler(newValue, oldValue) {
         if (oldValue === newValue) {

package/dist/collection/components/dock/dock.js

@@ -79,11 +79,11 @@ export class Dock {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (h(Host, { key: 'ec062cb0aa3a5be006fc8eb6e383e0c508530a3b', class: {
+        return (h(Host, { key: '670902f3d2e01916a5321ee3205897dc8e226933', class: {
                 dock: true,
                 expanded: this.expanded,
                 'has-mobile-layout': this.useMobileLayout,
-            } }, h("nav", { key: '5a0b61e7074961be51b05928c345dc0985f5675c', "aria-label": this.accessibleLabel }, this.dockItems.map(this.renderDockItem), this.renderSeparator(), this.dockFooterItems.map(this.renderDockItem)), this.renderExpandShrinkToggle()));
+            } }, h("nav", { key: '0c0aceb52ef884607357f000e84528f5009c179b', "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/collection/components/drag-handle/drag-handle.js

@@ -51,7 +51,7 @@ export class DragHandleComponent {
     render() {
         const tooltipLabel = translate.get('drag-handle.drag-to-reorder', this.language);
         const ariaLabel = translate.get('drag-handle.drag-handle', this.language);
-        return (h(Host, { key: '257a86c3f5415af8bda3cd4454b04c8401363822' }, h("button", { key: '6627141679925685149b05734f0740b4d5597f71', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '470d10f55e5268ac05630219b2f1022757f573f1', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, h("div", { key: "1" }), h("div", { key: "2" }), h("div", { key: "3" }), h("div", { key: "4" }), h("div", { key: "5" }), h("div", { key: "6" })), h("limel-tooltip", { key: '5e45cfca77420892559b1cdbaf1bd9dabaa166fe', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
+        return (h(Host, { key: 'c4e4c6c6b1890b711d4c4f20d4eef49c0054111a' }, h("button", { key: '2211831df4cf0c9a7ed81e4d1e1019f7163bca75', "data-drag-handle": true, type: "button", class: "limel-drag-handle", tabindex: -1, "aria-label": ariaLabel, id: this.dragHandleId, onClick: this.handleClick }, h("div", { key: '251510f5cfcc5ab4d7bd7074282ef3578abf6ce2', class: "drag-icon", role: "presentation", "aria-hidden": "true" }, h("div", { key: "1" }), h("div", { key: "2" }), h("div", { key: "3" }), h("div", { key: "4" }), h("div", { key: "5" }), h("div", { key: "6" })), h("limel-tooltip", { key: '0b451cff9079ca5ccbbd4fc6826f735ab96ccd15', openDirection: this.tooltipOpenDirection, elementId: this.dragHandleId, label: tooltipLabel }))));
     }
     static get is() { return "limel-drag-handle"; }
     static get originalStyleUrls() {

package/dist/collection/components/email-viewer/email-viewer.js

@@ -75,7 +75,7 @@ export class EmailViewer {
         }
     }
     render() {
-        return (h(Host, { key: 'dadacd7b883d41ec1c76cfa9d4cdfb8b0f966a03' }, h("div", { key: 'e90456f41af276b6c8d253d1f2ccd8b808930ddf', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: '2d4ccef6dbf63062fed72d806b6389b24e81efc4' }, this.renderAttachments(), this.renderBody()))));
+        return (h(Host, { key: '1406f60faa31efdc459d7cd8733ad5e9f62009c1' }, h("div", { key: '456900f00847546df0b7caa6466b9792a5034255', class: "email", part: "email" }, this.renderHeaders(), this.renderRemoteImageBanner(), h("section", { key: 'f20dbea9e5286c823f222f3606d6cf00b4d51c28' }, this.renderAttachments(), this.renderBody()))));
     }
     renderHeaders() {
         const headerFields = [

package/dist/collection/components/file/file.js

@@ -153,7 +153,7 @@ export class File {
         this.resizingFile = undefined;
     }
     render() {
-        return (h(Host, { key: '3f314e0a075c61a8b1e2b4a51451193abc53e12f', "aria-busy": this.isBusy ? 'true' : 'false' }, h("limel-file-dropzone", { key: '8374175635679e2082b4f80d431686f8fd76af61', disabled: this.disabled || this.readonly || !!this.displayedFile, accept: this.accept, onFilesSelected: this.handleNewFiles }, this.renderChipset()), this.renderDragAndDropTip(), this.renderSpinner()));
+        return (h(Host, { key: '70793e09c1a1e4ac6021d4ac6c547d7405994584', "aria-busy": this.isBusy ? 'true' : 'false' }, h("limel-file-dropzone", { key: 'f6367155d37b4514d936a69cab2b9bc4450ff77a', 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/collection/components/file-dropzone/file-dropzone.js

@@ -90,7 +90,7 @@ export class FileDropzone {
         };
     }
     render() {
-        return (h(Host, { key: '5143c9cda4ccbcd0c34bb55fb7f8eb6b9d028863', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: 'c283ffdb9838d4cee80842127360303f77a6de39' }), this.renderOnDragLayout()));
+        return (h(Host, { key: '841fa3b9766a42bdf7ee7e5993aa69521f081272', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: 'f1cd970b1555fa013cdc8391f627e6ad28a2f176' }), this.renderOnDragLayout()));
     }
     static get is() { return "limel-file-dropzone"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/file-input/file-input.js

@@ -71,7 +71,7 @@ export class FileInput {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        return (h(Host, { key: '4746b407c045a406385f4b26b7a82298a37c7fca', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: 'b599d3a8d60802f0977c2ffc12f14975a7a8d4f0', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '4e526023fd5287a112708d2012cc9b897facb93b' })));
+        return (h(Host, { key: 'e802095d33209367010aca10267f66b924aba997', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: 'a3a70866e1541303ad277dd3ec3d82a30e7b2c60', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '8ad5e423a56d3b067b16f0cd208eac25989fa1e7' })));
     }
     handleKeyDown(event) {
         if (event.code === 'Tab' ||

package/dist/collection/components/flex-container/flex-container.js

@@ -31,7 +31,7 @@ export class FlexContainer {
         console.warn('limel-flex-container is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox');
     }
     render() {
-        return h("slot", { key: '9e8444d16ed9d2f40cfb7a2f90c88b2ab739c109' });
+        return h("slot", { key: 'e3af04f7e864ca3d2e35a26d1b1221774968a11e' });
     }
     static get is() { return "limel-flex-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form/form.js

@@ -90,7 +90,7 @@ export class Form {
         this.initialized = false;
     }
     render() {
-        return h("div", { key: '95a56e77b132ef94a400166fcfad518a171f1fcf', class: "root" });
+        return h("div", { key: '5d3f44861410db842a515bf6f28e0385aea101a5', class: "root" });
     }
     reactRender() {
         if (!this.root) {

package/dist/collection/components/form/form.test-schemas.js

@@ -45,6 +45,61 @@ export const optionalOneOfSchema = {
         },
     },
 };
+export const selectWithOptionMetadataSchema = {
+    type: 'object',
+    properties: {
+        choice: {
+            type: 'string',
+            title: 'Choice',
+            oneOf: [
+                {
+                    type: 'string',
+                    const: 'a',
+                    title: 'A',
+                    description: 'The first option',
+                    lime: { icon: 'check' },
+                },
+                {
+                    type: 'string',
+                    const: 'b',
+                    title: 'B',
+                    readOnly: true,
+                    lime: { icon: { name: 'lock', color: 'grey' } },
+                },
+                { type: 'string', const: 'c', title: 'C' },
+            ],
+        },
+    },
+};
+export const multiSelectWithOptionMetadataSchema = {
+    type: 'object',
+    properties: {
+        choices: {
+            type: 'array',
+            title: 'Choices',
+            uniqueItems: true,
+            items: {
+                type: 'string',
+                anyOf: [
+                    {
+                        type: 'string',
+                        const: 'a',
+                        title: 'A',
+                        description: 'The first option',
+                        lime: { icon: 'check' },
+                    },
+                    {
+                        type: 'string',
+                        const: 'b',
+                        title: 'B',
+                        readOnly: true,
+                        lime: { icon: { name: 'lock', color: 'grey' } },
+                    },
+                ],
+            },
+        },
+    },
+};
 export const requiredFieldSchema = {
     type: 'object',
     properties: {

package/dist/collection/components/form/widgets/select.js

@@ -47,12 +47,21 @@ export class Select extends React.Component {
         props.onChange(event.detail.value);
     }
 }
+/**
+ * Turn a choice from rjsf into an `Option` for `limel-select`.
+ *
+ * @param item - the choice to convert
+ * @returns the option to render in `limel-select`
+ */
 function createOption(item) {
     var _a;
+    const schema = item.schema;
     return {
         text: item.label,
         value: item.value,
-        disabled: !!((_a = item.schema) === null || _a === void 0 ? void 0 : _a.readOnly),
+        secondaryText: schema === null || schema === void 0 ? void 0 : schema.description,
+        icon: (_a = schema === null || schema === void 0 ? void 0 : schema.lime) === null || _a === void 0 ? void 0 : _a.icon,
+        disabled: !!(schema === null || schema === void 0 ? void 0 : schema.readOnly),
     };
 }
 function findValue(value, options) {

package/dist/collection/components/grid/grid.js

@@ -12,7 +12,7 @@ export class Grid {
         console.warn('limel-grid is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout');
     }
     render() {
-        return h("slot", { key: '418d2f7f705d16d24cb41f1e744c4e6a1e1ef948' });
+        return h("slot", { key: '7653aebec8f38322a0288de736b949447a3e22b5' });
     }
     static get is() { return "limel-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/header/header.js

@@ -61,7 +61,7 @@ export class Header {
         this.subheadingDivider = '·';
     }
     render() {
-        return (h(Host, { key: '1d3cea65304d0df1ed842858834a15d8adccb009' }, h("div", { key: '5a0fd2711645722e2bf15d0bdf1f9c0f08518351', class: "information" }, this.renderIcon(), h("div", { key: '9baaa9f6262db0880dae4607f7f6904683556442', class: "headings" }, h("h1", { key: '1b12de5508a14a0fb74f2cdca2d6ee13772ef1d4', class: "heading", title: this.heading }, this.heading), h("h2", { key: '670349e5d1c7032c76a6721218264fc808ea71d1', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '83586427cfc08622ad3a7b3ac544e07ca64573e5', name: "actions" }, h("slot", { key: '92fb49c8c35511e2c02033941afe60adc8f234dd' }))));
+        return (h(Host, { key: 'e5656d606642cd3dac4346b7f71b54fd6b0dd239' }, h("div", { key: '1d505b7e4bb31d2b2998e65a199b5d677b625c63', class: "information" }, this.renderIcon(), h("div", { key: '4cd6a731b25671aae9ae9fc74b0dbae12f7e8795', class: "headings" }, h("h1", { key: 'd361b4c2b4edc68bf111d33ae866c9cc0be71dcf', class: "heading", title: this.heading }, this.heading), h("h2", { key: 'f1525d0e48b2b5674351ad22141f132f698247e0', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '5e1ae3ea489e1d8b0ca5af6ab08576ca5181aa71', name: "actions" }, h("slot", { key: 'b00368d3a24cce8094b3aed0fcf078fba188fb22' }))));
     }
     renderIcon() {
         var _a, _b, _c, _d, _e;

package/dist/collection/components/help/help-content.js

@@ -19,7 +19,7 @@ export class HelpContent {
         };
     }
     render() {
-        return (h(Host, { key: 'b5408c48ce24f66774b0758a373b24c632054833' }, h("limel-markdown", { key: '3508f334fb1562d58fb03e3a9dcf9dfea6e36f18', value: this.value }), this.renderReadMoreLink()));
+        return (h(Host, { key: '2de8ba5dca7939d6efa2f832e5d256f093cba17a' }, h("limel-markdown", { key: '09d7a84a578d3b6930ce299835f0769997d844fc', value: this.value }), this.renderReadMoreLink()));
     }
     static get is() { return "limel-help-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/help/help.js

@@ -41,9 +41,9 @@ export class HelpComponent {
         };
     }
     render() {
-        return (h(Host, { key: '422cfd64a383d0e203107da405e6504b81cab646' }, h("limel-popover", { key: '65fe65550956fbfa6242e5c1aa1bf2ba212aaa77', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: '71665acc8eebd1b7e61085f7aa0deb0dd1c812ae', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        return (h(Host, { key: '34943e604a33b6f5f7e39b71d7427c733c826b4c' }, h("limel-popover", { key: '65f2e74895b4a118996181b1a9341ead9a6e53d8', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: 'c0485465e33aa7643015f938ff567509a5f63fe4', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), h("limel-help-content", { key: '91081ca9cec938d1667517f6e3d36ad6d19ec4f2', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), h("limel-help-content", { key: 'dc08d7b7d1638523664f5330d89c80773cb3b9a1', value: this.value, readMoreLink: this.readMoreLink }))));
     }
     static get is() { return "limel-help"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/helper-line/helper-line.js

@@ -46,9 +46,9 @@ export class HelperLine {
         };
     }
     render() {
-        return (h(Host, { key: 'fa23d0b17ccd8b914ce22e3dcad3f1967f942c59', tabIndex: -1, class: {
+        return (h(Host, { key: '5ecd83d58e8412274b36def796d0a9c24b67e582', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: '33d0ca3087175c7cf560aa97cc4739c75b068c8f' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: 'f10706f6e5f7be45da53a58a13b44a936eb091b4' }, this.renderHelperText(), this.renderCharacterCounter())));
     }
     static get is() { return "limel-helper-line"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hotkey/hotkey.js

@@ -32,7 +32,7 @@ export class Hotkey {
             .map((p) => p.ariaName)
             .filter(Boolean)
             .join(' ');
-        return (h(Host, { key: '42a7d50e38cc3c8c3c7921cf32e0a2501dcaca62', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index) => (h("kbd", { key: `${parts[index]}-${index}`, class: isGlyph ? 'is-glyph' : undefined }, h("span", null, display))))));
+        return (h(Host, { key: '66cc252f09b89cee80c306fe99e78b089834ada1', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index) => (h("kbd", { key: `${parts[index]}-${index}`, class: isGlyph ? 'is-glyph' : undefined }, h("span", null, display))))));
     }
     static get is() { return "limel-hotkey"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/icon/icon.js

@@ -19,7 +19,7 @@ export class Icon {
         this.loadIcon(this.name);
     }
     render() {
-        return h("div", { key: '8a098fbcad85b6d6a6178a580a154edcb2c6f1e5', class: "container" });
+        return h("div", { key: '44c16b703c7f2b2a41404be1fc58acbb6b0d8a48', class: "container" });
     }
     async loadIcon(name) {
         if (name === undefined || name === '') {

package/dist/collection/components/icon-button/icon-button.js

@@ -52,7 +52,7 @@ export class IconButton {
         if (this.host.hasAttribute('tabindex')) {
             buttonAttributes.tabindex = this.host.getAttribute('tabindex');
         }
-        return (h(Host, { key: '9b5f48288887324a2e67c6f7cd91367acc067d24', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '72f8290e704db9aad33c19d50def6b28db2629ce', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (h(Host, { key: '0000c389a37b92ed921b738b742aa27200c3871a', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: 'd729c33be5aa7523ddad551a06f7a54a59ee2230', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
     }
     renderIcon() {
         var _a, _b;

package/dist/collection/components/info-tile/info-tile.js

@@ -127,9 +127,9 @@ export class InfoTile {
             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 = getRel((_f = this.link) === null || _f === void 0 ? void 0 : _f.target, (_g = this.link) === null || _g === void 0 ? void 0 : _g.rel);
-        return (h(Host, { key: 'b3415c1b5881c6deb73d4ab9fe86d137037bc60e', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: 'de292609a60d7bfe1eef9c4818bd76e59a4669ad', 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 (h(Host, { key: '56ba6a4d88bec020a36a817860c84a023d443c1b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: '8e29ceca05655842db7c551e2fa92fa74593f17e', 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(), h("slot", { key: '5133aac5b5f86165009946bcfa498a6d7a93d0ac', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '53df85a8b3229b3cc25af42f998d4605810546ae', class: "value-group" }, this.renderPrefix(), h("div", { key: 'dcf7509dfcd104885036dd0e16c391e1a2e7ff07', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: '62ae587e9e96f39102f1a00211f3fe9825edea44' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '2d3d48e5a330dfca49d14551cbac4761e0f955c7', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '78930378c772695ed11c531941d58dea6ded13dc', class: "value-group" }, this.renderPrefix(), h("div", { key: 'a5b2261e4230a34b0fa577af602e27f1b788b580', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: 'd9f4365e7710daf6dc639e6e43068f620a2515fa' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

package/dist/collection/components/input-field/input-field.js

@@ -594,7 +594,7 @@ export class InputField {
         if (ariaControls) {
             properties['aria-controls'] = ariaControls;
         }
-        return (h(Host, { key: 'e6f4d81dfdfef80077c4537a6e23220fc7c0dbce' }, h("limel-notched-outline", { key: 'a0feabbe707cd51308a40cea1bff974bc3459f74', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: 'ef17b7ae25a2c4511aa7b4011f1692cd4065b5b2', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
+        return (h(Host, { key: '9e509e181e05f451deadc92e052dc11075032f9a' }, h("limel-notched-outline", { key: '2f2307e2c7d96eec0c5753d27bf1fc76c9ad8eb2', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: 'a21372b10d416423aea6ff9f318bf12ef8d4832a', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
     }
     valueWatcher(newValue) {
         if (!this.mdcTextField) {

package/dist/collection/components/list/list.js

@@ -194,7 +194,7 @@ export class List {
             maxLinesSecondaryText = 1;
         }
         const html = this.listRenderer.render(this.items, this.config);
-        return (h(Host, { key: 'cf75b5469a04c515ea9d11adc88a5db66bb01358', style: {
+        return (h(Host, { key: 'f15badb0936caf891cd8bd272ef5d3224645c3c7', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }

package/dist/collection/components/list-item/list-item.js

@@ -158,9 +158,9 @@ export class ListItemComponent {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (h(Host, Object.assign({ key: '8b104417adbf0e3e49afa7b18a109cfa807ac098', role: this.getHostRole(), class: {
+        return (h(Host, Object.assign({ key: '8fc88d6a74e504e5f70bf3385286593e55224978', 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(), h("div", { key: 'e5620bf079f116d01c7b5f9b6d3834721a3f33bb', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: 'eb51efec9974eec1561a91e6e62cc9cced501fe0', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
     }
     /**
      * Returns a stable reference for the provided actions array to avoid

package/dist/collection/components/list-item/menu-item-meta/menu-item-meta.js

@@ -22,7 +22,7 @@ export class MenuItemMeta {
         this.showChevron = false;
     }
     render() {
-        return (h(Host, { key: '754ab2e531c05db711898e3712d81e874489f235' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (h(Host, { key: '3255a600c159784b9e488480b100f86f2104b406' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (this.hotkey) {

package/dist/collection/components/markdown/markdown.js

@@ -145,7 +145,7 @@ export class Markdown {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (h(Host, { key: 'f0f3cc07fb2dc04c151f3d17c6639b9a9e1fba40' }, h("div", { key: '1036bb52d382bcc6411b054253c360285023e8ad', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (h(Host, { key: 'd10bcceddc2844e43817d406965155f282e21549' }, h("div", { key: '4253c517b72dbd21081e5fe26aaa0e75a91cb7db', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {

package/dist/collection/components/masonry-layout/masonry-layout.js

@@ -58,7 +58,7 @@ export class MasonryLayout {
         const style = {
             height: `${this.containerHeight}rem`,
         };
-        return (h(Host, { key: '48dcb81b637d5556920da2fa30830a8b922a6b3d', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: '532d9711cbe568685aefc472e38fa7d576cfae7f' })));
+        return (h(Host, { key: '624673859a36747b6bcb08e5e7e8a8fef0a14105', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: '0df7ce4bc96c0a42f5bdbb10c835313991d89212' })));
     }
     setupObservers() {
         this.resizeObserver = new ResizeObserver(() => {

package/dist/collection/components/menu/menu.js

@@ -579,7 +579,7 @@ export class Menu {
         const cssProperties = this.getCssProperties();
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
         const menuSurfaceWidth = this.getMenuSurfaceWidth(cssProperties['--menu-surface-width']);
-        return (h("div", { key: 'fe6ba56f411c10a7af5ad97111c2de31864ff29f', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: '329e186424a4a588863333efef2efb43f36bdcb4', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: 'e5f37c2734eee39889570643a8bf5ba9d87b18e2', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: '0190fe4af7e81b9f789ad1ac1cbd0304e92e57e0', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
+        return (h("div", { key: '60e7d159ae0a65582f3184b6a6bfe6c252fe7850', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: 'f492115bc3b7115964814883bc103a00496d0178', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: 'a38e4fbab9a03fb34b86030d2782a2215ed72650', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: 'dd95ff8c4fc87135cdd00cf5174cef72af61c31d', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
                 'has-grid-layout': this.gridLayout,
             } }, this.renderSearchField(), this.renderBreadcrumb(), this.renderLoader(), this.renderEmptyMessage(), this.renderMenuList()))));
     }

package/dist/collection/components/menu-list/menu-list.js

@@ -88,7 +88,7 @@ export class MenuList {
             iconSize: this.iconSize,
         };
         const html = this.MenuListRenderer.render(this.items, this.config);
-        return h("div", { key: '72698520dc55851eb7e1aa3b34bca618b650f2a3', class: "mdc-menu mdc-menu-surface" }, html);
+        return h("div", { key: 'df56cd634e8431eefe497bf49bf7767fe7211af3', class: "mdc-menu mdc-menu-surface" }, html);
     }
     itemsChanged() {
         setTimeout(() => {

package/dist/collection/components/menu-surface/menu-surface.js

@@ -105,7 +105,7 @@ export class MenuSurface {
             'mdc-elevation-transition': true,
             'mdc-elevation--z4': true,
         };
-        return (h("div", { key: 'f54eb8d07150dbd23070ee6b62e976ba9190579e', class: classList, tabindex: "-1" }, h("slot", { key: '89731265dd06995822c6b82bbef931340ea9093a' })));
+        return (h("div", { key: '61370a07bbfbba621b506644802b10516281150b', class: classList, tabindex: "-1" }, h("slot", { key: '44076f03f8ef4b24ce3805374379ba4e7b01acb5' })));
     }
     static get is() { return "limel-menu-surface"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/notched-outline/notched-outline.js

@@ -59,7 +59,7 @@ export class NotchedOutline {
         this.hasFloatingLabel = false;
     }
     render() {
-        return (h("div", { key: 'dcebb865bdd260ac256dca0bfb4292a6733d6b62', class: "limel-notched-outline" }, h("slot", { key: 'a752b9120a92c11d4b6e96bfc1daf09777550225', name: "content" }), h("span", { key: 'e5c8c347155a69ad11c206074bc4b57ae5817eb0', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: '68e744cfc86de701969e3a3f76d8dd1ea717dfcd', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: '8cc5cca3f336197afe372519e0ebfcef03a2fabc', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        return (h("div", { key: '928b12e7565dd3a827b29e57dfb94cbd668feb91', class: "limel-notched-outline" }, h("slot", { key: 'ae0a6205b1e8aeed3edea040a198ba7faebecc85', name: "content" }), h("span", { key: '84b1fd4feb65005eea9280717dd2cb6d74fc513c', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: '4ae9c02d23197109c5ea0721a4f1abfab802822e', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: 'd7b70aa632b22b7b639bf208ea57fd39a82884e3', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {