@limetech/lime-elements 40.5.4 → 40.6.1

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

@@ -150,10 +150,7 @@ function getSafeEmailImageSrc(src) {
         return;
     }
     const mimeType = getDataUrlMimeType(trimmedSrc);
-    if (!mimeType) {
-        return;
-    }
-    if (!allowedMimeTypes.has(mimeType)) {
+    if (!mimeType || !allowedMimeTypes.has(mimeType)) {
         return;
     }
     return trimmedSrc;

package/dist/collection/components/email-viewer/split-email-address-list.js

@@ -40,16 +40,10 @@ export function splitEmailAddressList(value) {
         current = '';
     };
     for (const character of value) {
-        if (consumeEscaped(character, state, append)) {
-            continue;
-        }
-        if (beginEscape(character, state, append)) {
-            continue;
-        }
-        if (toggleQuote(character, state, append)) {
-            continue;
-        }
-        if (adjustAngleDepth(character, state, append)) {
+        if (consumeEscaped(character, state, append) ||
+            beginEscape(character, state, append) ||
+            toggleQuote(character, state, append) ||
+            adjustAngleDepth(character, state, append)) {
             continue;
         }
         if (isAddressSeparator(character, state)) {

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

@@ -125,16 +125,17 @@ export class File {
         this.handleChipSetChange = (event) => {
             event.stopPropagation();
             const file = event.detail.length === 0 ? event.detail[0] : null;
-            if (!file) {
-                // Removing the chip cancels any in-flight resize: drop the
-                // transient so the chip disappears immediately, and the token
-                // guard in `handleNewFiles` discards the resize result instead of
-                // re-emitting the removed file once it finishes. Without this, a
-                // removal during resize is swallowed, because `value` is already
-                // `undefined` so the `@Watch('value')` clear never fires.
-                this.resizingFile = undefined;
-                this.change.emit(file);
+            if (file) {
+                return;
             }
+            // Removing the chip cancels any in-flight resize: drop the
+            // transient so the chip disappears immediately, and the token
+            // guard in `handleNewFiles` discards the resize result instead of
+            // re-emitting the removed file once it finishes. Without this, a
+            // removal during resize is swallowed, because `value` is already
+            // `undefined` so the `@Watch('value')` clear never fires.
+            this.resizingFile = undefined;
+            this.change.emit(file);
         };
         this.handleChipInteract = (event) => {
             this.preventAndStop(event);
@@ -153,7 +154,7 @@ export class File {
         this.resizingFile = undefined;
     }
     render() {
-        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()));
+        return (h(Host, { key: 'dfaf1d7c9ddb1a8e960547db042402fa690dc829', "aria-busy": this.isBusy ? 'true' : 'false' }, 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()));
     }
     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: '841fa3b9766a42bdf7ee7e5993aa69521f081272', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: 'f1cd970b1555fa013cdc8391f627e6ad28a2f176' }), this.renderOnDragLayout()));
+        return (h(Host, { key: 'e9f43878405c9d969b0825e55322ae95b8770db1', onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave }, h("slot", { key: '39087bebe8f40c34b3905891d22c3f9a585e4824' }), this.renderOnDragLayout()));
     }
     static get is() { return "limel-file-dropzone"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,11 +59,12 @@ export class FileInput {
         };
         this.handleFileChange = (event) => {
             const files = [...this.fileInput.files];
-            if (files.length > 0) {
-                event.stopPropagation();
-                this.filesSelected.emit(files.map(createFileInfo));
-                this.fileInput.value = '';
+            if (files.length === 0) {
+                return;
             }
+            event.stopPropagation();
+            this.filesSelected.emit(files.map(createFileInfo));
+            this.fileInput.value = '';
         };
     }
     componentDidLoad() {
@@ -71,12 +72,10 @@ export class FileInput {
         this.fileInput = this.element.shadowRoot.getElementById(this.fileInputId);
     }
     render() {
-        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' })));
+        return (h(Host, { key: '38213e8f3e58a565368415e61fce7fcc44975848', onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("input", { key: '1f75283470841c3821f601959038c31c72322f57', hidden: true, id: this.fileInputId, onChange: this.handleFileChange, type: "file", accept: this.accept, disabled: this.disabled, multiple: this.multiple }), h("slot", { key: '4509934962cbfddb994329102f80c4abe0879d63' })));
     }
     handleKeyDown(event) {
-        if (event.code === 'Tab' ||
-            event.code === 'Backspace' ||
-            event.code === 'Enter') {
+        if (['Tab', 'Backspace', 'Enter'].includes(event.code)) {
             return;
         }
         event.preventDefault();

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

@@ -212,10 +212,11 @@ export class FileViewer {
             this.fileUrl = this.url;
         };
         this.handleToggleFullscreen = () => {
-            if (this.fullscreen.isSupported()) {
-                this.fullscreen.toggle();
-                this.isFullscreen = !this.isFullscreen;
+            if (!this.fullscreen.isSupported()) {
+                return;
             }
+            this.fullscreen.toggle();
+            this.isFullscreen = !this.isFullscreen;
         };
         this.emitOnAction = (event) => {
             event.stopPropagation();
@@ -233,10 +234,11 @@ export class FileViewer {
         });
     }
     connectedCallback() {
-        if (this.revokeAnimationFrame !== undefined) {
-            cancelAnimationFrame(this.revokeAnimationFrame);
-            this.revokeAnimationFrame = undefined;
+        if (this.revokeAnimationFrame === undefined) {
+            return;
         }
+        cancelAnimationFrame(this.revokeAnimationFrame);
+        this.revokeAnimationFrame = undefined;
     }
     async componentWillLoad() {
         this.fileType = detectExtension(this.filename, this.url);
@@ -274,10 +276,11 @@ export class FileViewer {
         return fileViewerFunction();
     }
     revokePdfBlobUrl() {
-        if (this.pdfBlobUrl) {
-            URL.revokeObjectURL(this.pdfBlobUrl);
-            this.pdfBlobUrl = undefined;
+        if (!this.pdfBlobUrl) {
+            return;
         }
+        URL.revokeObjectURL(this.pdfBlobUrl);
+        this.pdfBlobUrl = undefined;
     }
     sanitizeUrl(url) {
         if (!(url === null || url === void 0 ? void 0 : url.trim())) {

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: 'e3af04f7e864ca3d2e35a26d1b1221774968a11e' });
+        return h("slot", { key: 'b198feb938d5eb26cf1f96aa6cbfd412c843a3b1' });
     }
     static get is() { return "limel-flex-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form/fields/schema-field.js

@@ -173,13 +173,13 @@ export class SchemaField extends React.Component {
     }
     render() {
         var _a;
-        const schema = this.props.schema;
         if ((_a = this.props.schema.lime) === null || _a === void 0 ? void 0 : _a.hidden) {
             return null;
         }
         if (hasCustomComponent(this.props.schema)) {
             return this.renderCustomComponent(this.props);
         }
+        const schema = this.props.schema;
         const fieldProps = Object.assign(Object.assign({}, this.props), { onChange: this.handleChange });
         if (this.props.schema.format === 'time') {
             fieldProps.uiSchema = Object.assign({ 'ui:widget': TimePicker }, fieldProps.uiSchema);

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

@@ -68,10 +68,7 @@ export class Form {
         this.initialize();
     }
     initialize() {
-        if (this.initialized) {
-            return;
-        }
-        if (!this.host.shadowRoot.querySelector('.root')) {
+        if (this.initialized || !this.host.shadowRoot.querySelector('.root')) {
             return;
         }
         this.initialized = true;
@@ -90,7 +87,7 @@ export class Form {
         this.initialized = false;
     }
     render() {
-        return h("div", { key: '5d3f44861410db842a515bf6f28e0385aea101a5', class: "root" });
+        return h("div", { key: '843ccbe06e291ffa1958da88634f4aee41007f2b', class: "root" });
     }
     reactRender() {
         if (!this.root) {

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

@@ -603,16 +603,14 @@ export const nestedLayoutSchemaPathSchema = {
 };
 export const getConditionalCustomComponentSchema = (value) => ({
     type: 'object',
-    properties: Object.assign({ trigger: { type: 'string', title: 'Trigger' } }, ((value === null || value === void 0 ? void 0 : value.trigger) === 'show'
-        ? {
-            color: {
-                type: 'string',
-                title: 'Color',
-                default: 'rgb(0, 0, 0)',
-                lime: { component: { name: 'limel-color-picker' } },
-            },
-        }
-        : {})),
+    properties: Object.assign({ trigger: { type: 'string', title: 'Trigger' } }, ((value === null || value === void 0 ? void 0 : value.trigger) === 'show' && {
+        color: {
+            type: 'string',
+            title: 'Color',
+            default: 'rgb(0, 0, 0)',
+            lime: { component: { name: 'limel-color-picker' } },
+        },
+    })),
 });
 export const arrayItemWithEnumAndDefaultSchema = {
     type: 'object',

package/dist/collection/components/form/templates/array-field.js

@@ -131,10 +131,7 @@ export class ArrayFieldTemplate extends React.Component {
         if (items.length === 0) {
             return [];
         }
-        const byKey = new Map();
-        for (const [index, item] of items.entries()) {
-            byKey.set(index, item);
-        }
+        const byKey = new Map(items.entries());
         const ordered = [];
         const used = new Set();
         for (const index of this.state.order) {
@@ -145,7 +142,7 @@ export class ArrayFieldTemplate extends React.Component {
             ordered.push(entry);
             used.add(index);
         }
-        for (const [index, entry] of byKey.entries()) {
+        for (const [index, entry] of byKey) {
             if (!used.has(index)) {
                 ordered.push(entry);
             }
@@ -250,7 +247,7 @@ export class ArrayFieldTemplate extends React.Component {
         }
         const target = this.dropElevationTarget;
         this.clearDropElevationTimer();
-        this.dropElevationTimeout = globalThis.setTimeout(() => {
+        this.dropElevationTimeout = setTimeout(() => {
             target.classList.remove(DEFAULT_DROP_ELEVATION_CLASS);
             if (this.dropElevationTarget === target) {
                 this.dropElevationTarget = undefined;
@@ -259,10 +256,11 @@ export class ArrayFieldTemplate extends React.Component {
         }, DROP_ELEVATION_DURATION);
     }
     clearDropElevationTimer() {
-        if (this.dropElevationTimeout !== undefined) {
-            clearTimeout(this.dropElevationTimeout);
-            this.dropElevationTimeout = undefined;
+        if (this.dropElevationTimeout === undefined) {
+            return;
         }
+        clearTimeout(this.dropElevationTimeout);
+        this.dropElevationTimeout = undefined;
     }
     arraysEqual(a, b) {
         if (a.length !== b.length) {

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

@@ -36,26 +36,26 @@ export function renderDescription(description) {
  * @returns describing title of the data
  */
 export function findTitle(data, fieldSchema, formSchema) {
-    if (!data) {
-        return null;
-    }
-    if (Array.isArray(data) && isObjectType(fieldSchema.items)) {
-        return findTitle(data[0], fieldSchema, formSchema);
-    }
-    if (Array.isArray(data) || typeof data !== 'object') {
-        return findSchemaTitle(data, fieldSchema);
-    }
-    const subSchema = findSubSchema(fieldSchema, formSchema);
-    data = sortDataByProperties(data, subSchema.properties);
-    const firstEntry = findFirstEntry(data, subSchema);
-    if (!firstEntry) {
-        return null;
-    }
-    if (!subSchema.properties) {
-        return null;
+    while (data) {
+        if (Array.isArray(data) &&
+            isObjectType(fieldSchema.items)) {
+            data = data[0];
+            continue;
+        }
+        if (Array.isArray(data) || typeof data !== 'object') {
+            return findSchemaTitle(data, fieldSchema);
+        }
+        const subSchema = findSubSchema(fieldSchema, formSchema);
+        data = sortDataByProperties(data, subSchema.properties);
+        const firstEntry = findFirstEntry(data, subSchema);
+        if (!firstEntry || !subSchema.properties) {
+            return null;
+        }
+        const [key, value] = firstEntry;
+        data = value;
+        fieldSchema = subSchema.properties[key];
     }
-    const [key, value] = firstEntry;
-    return findTitle(value, subSchema.properties[key], formSchema);
+    return null;
 }
 function sortDataByProperties(data, properties) {
     if (!properties || isEmpty(properties)) {

package/dist/collection/components/form/templates/object-field.js

@@ -44,7 +44,7 @@ function getSchemaObjectPropertyPath(schema, fieldPathId) {
     var _a, _b;
     const refPrefixLength = 2;
     const matchAllForwardSlashes = /\//g;
-    const rootPath = (_b = (_a = schema.$ref) === null || _a === void 0 ? void 0 : _a.replace(matchAllForwardSlashes, '.').slice(refPrefixLength)) !== null && _b !== void 0 ? _b : '';
+    const rootPath = (_b = (_a = schema.$ref) === null || _a === void 0 ? void 0 : _a.replaceAll(matchAllForwardSlashes, '.').slice(refPrefixLength)) !== null && _b !== void 0 ? _b : '';
     const subSchemaPath = fieldPathId.path
         .map((segment) => `.properties.${segment}`)
         .join('');

package/dist/collection/components/form/validation-display.js

@@ -1,4 +1,4 @@
-import { isEmpty, capitalize } from "lodash-es";
+import { isEmpty, isNil, capitalize } from "lodash-es";
 /**
  * Check whether a form field value is non-empty.
  * Treats `null`, `undefined`, `''`, empty arrays,
@@ -8,7 +8,7 @@ import { isEmpty, capitalize } from "lodash-es";
  * @returns `true` when the field holds meaningful data
  */
 export function hasValue(value) {
-    if (value === null || value === undefined || value === '') {
+    if (isNil(value) || value === '') {
         return false;
     }
     if (Array.isArray(value)) {

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

@@ -3,5 +3,6 @@
  * @param data
  */
 export function isInteger(data) {
+    // eslint-disable-next-line unicorn/prefer-number-is-safe-integer -- integers beyond the safe range must still validate
     return Number.isInteger(Number(data));
 }

package/dist/collection/components/form/widgets/code-editor.js

@@ -10,7 +10,7 @@ export class CodeEditor extends React.Component {
         const props = this.props;
         let value = '{}';
         try {
-            value = JSON.stringify(props.formData, null, '    ');
+            value = JSON.stringify(props.formData, null, ' '.repeat(4));
         }
         catch (_a) {
             // N/A
@@ -85,16 +85,13 @@ function findFirstError(schema) {
             return errors[0];
         }
     }
-    for (const key of Object.keys(schema)) {
-        if (key === '__errors') {
+    for (const [key, nested] of Object.entries(schema)) {
+        if (key === '__errors' || !nested || typeof nested !== 'object') {
             continue;
         }
-        const nested = schema[key];
-        if (nested && typeof nested === 'object') {
-            const found = findFirstError(nested);
-            if (found) {
-                return `${key}: ${found}`;
-            }
+        const found = findFirstError(nested);
+        if (found) {
+            return `${key}: ${found}`;
         }
     }
     return undefined;

package/dist/collection/components/form/widgets/date-picker.js

@@ -39,9 +39,7 @@ export class DatePicker extends React.Component {
         if (typeof this.props.value === 'string') {
             return new Date(this.props.value);
         }
-        else {
-            return this.props.value;
-        }
+        return this.props.value;
     }
     handleChange(event) {
         const props = this.props;

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: '7653aebec8f38322a0288de736b949447a3e22b5' });
+        return h("slot", { key: '4928fa4c63f2db778bde762470299c8bf05952b3' });
     }
     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: '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' }))));
+        return (h(Host, { key: '77afcbc01f9ba4c71ad2aec82114564de1cfd591' }, h("div", { key: 'd20b369bd1ae5e472afeee2b6f1bed0c17eacb87', class: "information" }, this.renderIcon(), h("div", { key: '91e5a5aea8fad80316b890e88594da6aa8183182', class: "headings" }, h("h1", { key: '4477c5c6a2f134e98c8aaa4e9716399a4496e09a', class: "heading", title: this.heading }, this.heading), h("h2", { key: 'd81bd39f801ade017cd84d308141041faad4e33b', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), h("slot", { key: '7f1e532fb88771ecd3ab52c5581528e3aa7a14e4', name: "actions" }, h("slot", { key: '5cafb4367e7e9fed6dc3bffb17b4a310daec0c6a' }))));
     }
     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: '2de8ba5dca7939d6efa2f832e5d256f093cba17a' }, h("limel-markdown", { key: '09d7a84a578d3b6930ce299835f0769997d844fc', value: this.value }), this.renderReadMoreLink()));
+        return (h(Host, { key: '5c4eb2e9819635fb321c9544044521218677b2f6' }, h("limel-markdown", { key: 'bf231a4673cc49263838a41e0469636755df5772', 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: '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: {
+        return (h(Host, { key: 'ea89d810cf9e7406a4a299eb98d9470c758d82ec' }, h("limel-popover", { key: '3693e98650f4d94fef1abd8a033dac0cf12906d7', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("button", { key: '34db4bb7f2c61377b6068f14105d0e6a88fc827e', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), h("limel-help-content", { key: 'dc08d7b7d1638523664f5330d89c80773cb3b9a1', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), h("limel-help-content", { key: '5e50557a652e842bf9846738b1aae1df63d55755', 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

@@ -38,17 +38,17 @@ export class HelperLine {
             return (h("span", { class: "helper-text", id: this.helperTextId }, this.helperText));
         };
         this.renderCharacterCounter = () => {
-            const counter = `${this.length} / ${this.maxLength}`;
             if (!this.maxLength) {
                 return;
             }
+            const counter = `${this.length} / ${this.maxLength}`;
             return h("span", { class: "counter" }, counter);
         };
     }
     render() {
-        return (h(Host, { key: '5ecd83d58e8412274b36def796d0a9c24b67e582', tabIndex: -1, class: {
+        return (h(Host, { key: '9fe6acba5a79d706deec8353cdb761565269ab0c', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: 'f10706f6e5f7be45da53a58a13b44a936eb091b4' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", { key: '8cec25fd07c608ee5bbbd97af8d3276d124efa64' }, 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: '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))))));
+        return (h(Host, { key: 'dd8bc8134560dae3014e6ab5ab6eadeaa0bb6a4e', "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: '44c16b703c7f2b2a41404be1fc58acbb6b0d8a48', class: "container" });
+        return h("div", { key: '3e5dc80a0e19e21988169509b33685bdb3005f1d', class: "container" });
     }
     async loadIcon(name) {
         if (name === undefined || name === '') {
@@ -45,14 +45,15 @@ export class Icon {
      */
     renderSvg(svgData) {
         const container = this.host.shadowRoot.querySelector('div.container');
-        if (container) {
-            container.innerHTML = svgData;
-            // On initial render, only override the SVG's class if the
-            // consumer set `svgClass`. Otherwise leave the SVG's baked-in
-            // class alone — that's the default state stateless icons rely on.
-            if (this.svgClass !== undefined) {
-                this.applySvgClass(this.svgClass);
-            }
+        if (!container) {
+            return;
+        }
+        container.innerHTML = svgData;
+        // On initial render, only override the SVG's class if the
+        // consumer set `svgClass`. Otherwise leave the SVG's baked-in
+        // class alone — that's the default state stateless icons rely on.
+        if (this.svgClass !== undefined) {
+            this.applySvgClass(this.svgClass);
         }
     }
     applySvgClass(value) {
@@ -61,6 +62,7 @@ export class Icon {
         if (!svg) {
             return;
         }
+        // eslint-disable-next-line unicorn/prefer-toggle-attribute -- sets a string value, not a boolean attribute
         if (value === undefined) {
             svg.removeAttribute('class');
         }

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: '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))));
+        return (h(Host, { key: 'e2fa10697beccc59cb8f332695e445522391649d', onClick: this.filterClickWhenDisabled }, h("button", Object.assign({ key: '2dc00d1341e9a458f5a7d060abd777c29cd333e0', "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

@@ -49,17 +49,17 @@ export class InfoTile {
             }
         };
         this.renderValue = () => {
-            var _a;
-            const characterCount = ((_a = this.value) !== null && _a !== void 0 ? _a : '').toString().length;
             if (!this.value && this.loading) {
                 return h("span", { class: "value" }, "\u00B7\u00B7\u00B7");
             }
-            if (this.value) {
-                return (h("span", { class: {
-                        value: true,
-                        [`ch-${characterCount}`]: true,
-                    } }, this.value));
+            if (!this.value) {
+                return;
             }
+            const characterCount = this.value.toString().length;
+            return (h("span", { class: {
+                    value: true,
+                    [`ch-${characterCount}`]: true,
+                } }, this.value));
         };
         this.renderSuffix = () => {
             if (this.suffix) {
@@ -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: '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: {
+        return (h(Host, { key: '60e7f038ad45210a2ef928287b2794052993a84b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, 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: {
                 'is-clickable': !!((_k = this.link) === null || _k === void 0 ? void 0 : _k.href) && !this.disabled,
-            } }, 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()));
+            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '045db9fdf61d87bd8e92bb299d20b3f21a980634', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '78ddf4323cb56a791a6d3749b653716afd33ccba', class: "value-group" }, this.renderPrefix(), h("div", { key: 'b84ba69a5720088e3207bceb02cc8fd84d4dbdd2', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: 'e33b280c08673989e33d99b982499b401cd505f0' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';