@limetech/lime-elements 40.2.5 → 40.3.0

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/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) {

package/dist/collection/components/pagination/pagination.css

@@ -0,0 +1,227 @@
+@charset "UTF-8";
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
+*/
+/**
+* Neutralizes the user-agent styles that browsers apply to `<button>` elements
+* (their default background, border, padding, font, etc.), without stripping
+* the useful defaults that `all: unset;` would also remove
+* (such as `display`, `cursor`, and focus behavior).
+*
+* Prefer this mixin over `all: unset;` on `<button>` elements, then layer
+* the styling you want on top — often one of the `is-*-clickable` mixins.
+*/
+/**
+* This can be used on a trigger element that opens a dropdown menu or a popover.
+*/
+/**
+ * This mixin will mask out the content that is close to
+ * the edges of a scrollable area.
+ * - If the scrollable content has `overflow-y`, use `vertically`
+ * as an argument for `$direction`.
+ - If the scrollable content has `overflow-x`, use `horizontally`
+ * as an argument for `$direction`.
+ *
+ * For the visual effect to work smoothly, we need to make sure that
+ * the size of the fade-out edge effect is the same as the
+ * internal paddings of the scrollable area. Otherwise, content of a
+ * scrollable area that does not have a padding will fade out before
+ * any scrolling has been done.
+ * This is why this mixin already adds paddings, which automatically
+ * default to the size of the fade-out effect.
+ * This size defaults to `1rem`, but to override the size use
+ * `--limel-top-edge-fade-height` & `--limel-bottom-edge-fade-height`
+ * when `vertically` argument is set, and use
+ * `--limel-left-edge-fade-width` & `--limel-right-edge-fade-width`
+ * when `horizontally` argument is set.
+ * Of course you can also programmatically increase and decrease the
+ * size of these variables for each edge, based on the amount of
+ * scrolling that has been done by the user. In this case, make sure
+ * to add a custom padding where the mixin is used, to override
+ * the paddings that are automatically added by the mixin in the
+ * compiled CSS code.
+ */
+/**
+* This mixin will add an animated underline to the bottom of an `a` elements.
+* Note that you may need to add `all: unset;` –depending on your use case–
+* before using this mixin.
+*/
+/**
+* This mixin creates a cross-browser font stack.
+* - `sans-serif` can be used for the UI of the components.
+* - `monospace` can be used for code.
+*
+* ⚠️ If we change the font stacks, we need to update
+* 1. the consumer documentation in `README.md`, and
+* 2. the CSS variables of `--kompendium-example-font-family`
+* in the `<style>` tag of `index.html`.
+*/
+/**
+* This mixin is a hack, using old CSS syntax
+* to enable you to truncate a piece of text,
+* after a certain number of lines.
+*/
+/**
+* This mixin will add a chessboard background pattern,
+* typically used to visualize transparency.
+*/
+/**
+* Make a container resizable by the user.
+* This is used in the documentations and examples
+* of some components, to demonstrate how the component
+* behaves in a resizable container.
+*/
+/**
+ * Drag to reorder mixins
+ */
+/**
+ * The breakpoints below are used to create responsive designs
+ * in Lime's products. Therefore, they are here to get distributed
+ * to all components in other private repos, which rely on this `mixins`
+ * file, to create consistent styles.
+ *
+ * :::important
+ * In very rare cases you should used media queries!
+ * Nowadays, there are many better ways of achieving responsive design
+ * without media queries. For example, using CSS Grid, Flexbox, and their features.
+ * :::
+ */
+/**
+  * Media query mixins for responsive design based on screen width.
+  * Note that these mixins do not detect the device type!
+  */
+:host(limel-pagination) {
+  display: block;
+  box-sizing: border-box;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+nav {
+  display: flex;
+  align-items: center;
+}
+
+button {
+  appearance: none;
+  background: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  text-align: inherit;
+}
+button:focus {
+  outline: none;
+}
+button:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-depth-8-focused);
+}
+button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  height: 1.75rem;
+  min-width: 1.75rem;
+  border-radius: 1.75rem;
+  padding: 0 0.5rem;
+  font-variant-numeric: tabular-nums;
+}
+button:not([aria-disabled=true]):not([aria-current=page]) {
+  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: rgb(var(--contrast-1100));
+  background-color: transparent;
+}
+button:not([aria-disabled=true]):not([aria-current=page]):hover, button:not([aria-disabled=true]):not([aria-current=page]):focus, button:not([aria-disabled=true]):not([aria-current=page]):focus-visible {
+  will-change: color, background-color, box-shadow, transform;
+}
+button:not([aria-disabled=true]):not([aria-current=page]):hover, button:not([aria-disabled=true]):not([aria-current=page]):focus-visible {
+  transform: translate3d(0, 0.01rem, 0);
+  color: var(--limel-theme-on-surface-color);
+  background-color: var(--lime-elevated-surface-background-color);
+}
+button:not([aria-disabled=true]):not([aria-current=page]):hover {
+  box-shadow: var(--button-shadow-hovered);
+}
+button:not([aria-disabled=true]):not([aria-current=page]):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:not([aria-disabled=true]):not([aria-current=page]):hover, button:not([aria-disabled=true]):not([aria-current=page]):active {
+  --limel-clickable-transition-speed: 0.2s;
+  --limel-clickable-transform-speed: 0.16s;
+}
+button[aria-disabled=true]:not([aria-current=page]) {
+  opacity: 0.4;
+}
+button[aria-disabled=true] {
+  cursor: default;
+}
+button[aria-current=page] {
+  background-color: var(--limel-theme-surface-background-color);
+  box-shadow: var(--button-shadow-inset);
+}
+button limel-spinner {
+  position: absolute;
+  pointer-events: none;
+}
+
+.gap {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 1.75rem;
+  width: 1.75rem;
+  color: rgb(var(--contrast-1100));
+}
+
+.arrow span {
+  display: block;
+  border-style: solid;
+  border-color: transparent;
+  border-width: 0.25rem 0 0.25rem 0.375rem;
+  border-left-color: currentColor;
+  transition: transform 0.2s ease;
+}
+.arrow.previous span {
+  transform: rotateZ(180deg);
+}
+.arrow:not([aria-disabled=true]):hover.next span {
+  transform: translate3d(0.1rem, 0, 0);
+}
+.arrow:not([aria-disabled=true]):hover.previous span {
+  transform: translate3d(-0.1rem, 0, 0) rotateZ(180deg);
+}
+
+.live-region {
+  position: absolute;
+  width: 0;
+  height: 0;
+  margin: -1px;
+  padding: 0;
+  border: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}