@limetech/lime-elements 40.5.4 → 40.6.1

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./index--B6-r0uo.js');
+var index$1 = require('./index-BlsqxTB1.js');
 var _commonjsHelpers = require('./_commonjsHelpers-CFO10eej.js');
 var _baseIteratee = require('./_baseIteratee-BIMRm4nq.js');
 var isEmpty = require('./isEmpty-CCxl3bYc.js');
@@ -9,10 +9,10 @@ var isObject$1 = require('./isObject-B6Osvvqp.js');
 var _getPrototype = require('./_getPrototype-CCLHkBHj.js');
 var isObjectLike = require('./isObjectLike-Dlpn-j-1.js');
 var _baseSet = require('./_baseSet-DykMx7uF.js');
-var isArrayLikeObject = require('./isArrayLikeObject-U2Ddbw4n.js');
+var isArrayLikeObject = require('./isArrayLikeObject-BhSkOTkw.js');
 var _baseIsEqual = require('./_baseIsEqual-zzV9DKMv.js');
 var _getTag = require('./_getTag-BC28Za7d.js');
-var moment = require('./moment-CqRdiK10.js');
+var moment = require('./moment-Cfsz2WF1.js');
 var cloneDeep = require('./cloneDeep-D2immmwT.js');
 var multiple = require('./multiple-DYfiga7l.js');
 var _assignValue = require('./_assignValue-DQh76m39.js');
@@ -27,22 +27,6 @@ require('./_defineProperty-Csu6P9HT.js');
 require('./_getNative-Cf52giNE.js');
 require('./eq-DFcUoVzv.js');
 
-/**
- * This method returns `undefined`.
- *
- * @static
- * @memberOf _
- * @since 2.3.0
- * @category Util
- * @example
- *
- * _.times(2, _.noop);
- * // => [undefined, undefined]
- */
-function noop$1() {
-  // No operation performed.
-}
-
 /** `Object#toString` result references. */
 var objectTag = '[object Object]';
 
@@ -298,6 +282,30 @@ function capitalize(string) {
   return upperFirst(_baseIteratee.toString(string).toLowerCase());
 }
 
+/**
+ * Checks if `value` is `null` or `undefined`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
+ * @example
+ *
+ * _.isNil(null);
+ * // => true
+ *
+ * _.isNil(void 0);
+ * // => true
+ *
+ * _.isNil(NaN);
+ * // => false
+ */
+function isNil(value) {
+  return value == null;
+}
+
 /**
  * Creates an object with the same keys as `object` and values generated
  * by running each own enumerable string keyed property of `object` thru
@@ -378,7 +386,7 @@ var INFINITY = 1 / 0;
  * @param {Array} values The values to add to the set.
  * @returns {Object} Returns the new set.
  */
-var createSet = !(_getTag.Set && (1 / _baseIsEqual.setToArray(new _getTag.Set([,-0]))[1]) == INFINITY) ? noop$1 : function(values) {
+var createSet = !(_getTag.Set && (1 / _baseIsEqual.setToArray(new _getTag.Set([,-0]))[1]) == INFINITY) ? isArrayLikeObject.noop : function(values) {
   return new _getTag.Set(values);
 };
 
@@ -43743,26 +43751,26 @@ function renderDescription(description) {
  * @returns describing title of the data
  */
 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.isEmpty(properties)) {
@@ -46634,10 +46642,7 @@ 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) {
@@ -46648,7 +46653,7 @@ 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);
             }
@@ -46753,7 +46758,7 @@ 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;
@@ -46762,10 +46767,11 @@ 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) {
@@ -46804,6 +46810,7 @@ class ArrayFieldTemplate extends React.Component {
  * @param data
  */
 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));
 }
 
@@ -47224,7 +47231,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('');
@@ -47287,7 +47294,7 @@ function isCollapsed(schema) {
  * @returns `true` when the field holds meaningful data
  */
 function hasValue(value) {
-    if (value === null || value === undefined || value === '') {
+    if (isNil(value) || value === '') {
         return false;
     }
     if (Array.isArray(value)) {
@@ -47561,9 +47568,7 @@ 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;
@@ -47771,13 +47776,13 @@ 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);
@@ -48005,7 +48010,7 @@ 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
@@ -48080,16 +48085,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;
@@ -48423,10 +48425,7 @@ const Form = class {
         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;
@@ -48445,7 +48444,7 @@ const Form = class {
         this.initialized = false;
     }
     render() {
-        return index$1.h("div", { key: '5d3f44861410db842a515bf6f28e0385aea101a5', class: "root" });
+        return index$1.h("div", { key: '843ccbe06e291ffa1958da88634f4aee41007f2b', class: "root" });
     }
     reactRender() {
         if (!this.root) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 
 const gridCss = () => `:host{display:block;position:relative}:host([hidden]){display:none}slot{display:grid;grid-template-areas:var(--lime-grid-area, "");grid-template-columns:repeat(var(--lime-grid-columns, 4), minmax(0, 1fr));gap:var(--lime-grid-gutter, 1rem);grid-auto-flow:row dense;grid-auto-rows:var(--lime-grid-cell-height, 2.5rem);margin:0;height:100%;width:100%}`;
 
@@ -12,7 +12,7 @@ const Grid = class {
         console.warn('limel-grid is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout');
     }
     render() {
-        return index.h("slot", { key: '7653aebec8f38322a0288de736b949447a3e22b5' });
+        return index.h("slot", { key: '4928fa4c63f2db778bde762470299c8bf05952b3' });
     }
 };
 Grid.style = gridCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 
 const headerCss = () => `@charset "UTF-8";:host(limel-header){display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.icon{--limel-icon-svg-margin:0.25rem;flex-shrink:0;color:var(--limel-header-icon-color, var(--header-icon-color, rgb(var(--contrast-1100))));background-color:var(--limel-header-icon-background-color, var(--header-icon-background-color, transparent));width:2.25rem;border-radius:0.56rem}.headings{min-width:0;margin-left:0.25rem}.heading,.subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}.heading{color:var(--header-heading-color, rgb(var(--contrast-1100)));font-size:1rem;font-weight:500}.subheading{color:var(--header-subheading-color, rgb(var(--contrast-900)));font-size:var(--limel-theme-default-small-font-size);font-weight:400}.subheading__supporting-text{color:var(--header-supporting-text-color, var(--header-subheading-color))}.subheading__supporting-text span{margin:0 0.125rem}slot[name=actions]{flex-shrink:0}:host(limel-header.is-narrow){padding:0.125rem 0.25rem}:host(limel-header.is-narrow) .icon{--limel-icon-svg-margin:0;width:1.25rem}:host(limel-header.is-narrow) .heading{font-size:0.9375rem}:host(limel-header.has-responsive-layout){display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr))}:host(limel-header.has-responsive-layout) .headings{padding-right:0.5rem}:host(limel-header.has-responsive-layout) slot[name=actions]{display:flex;justify-content:flex-end}`;
@@ -15,7 +15,7 @@ const Header = class {
         this.subheadingDivider = '·';
     }
     render() {
-        return (index.h(index.Host, { key: 'e5656d606642cd3dac4346b7f71b54fd6b0dd239' }, index.h("div", { key: '1d505b7e4bb31d2b2998e65a199b5d677b625c63', class: "information" }, this.renderIcon(), index.h("div", { key: '4cd6a731b25671aae9ae9fc74b0dbae12f7e8795', class: "headings" }, index.h("h1", { key: 'd361b4c2b4edc68bf111d33ae866c9cc0be71dcf', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: 'f1525d0e48b2b5674351ad22141f132f698247e0', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '5e1ae3ea489e1d8b0ca5af6ab08576ca5181aa71', name: "actions" }, index.h("slot", { key: 'b00368d3a24cce8094b3aed0fcf078fba188fb22' }))));
+        return (index.h(index.Host, { key: '77afcbc01f9ba4c71ad2aec82114564de1cfd591' }, index.h("div", { key: 'd20b369bd1ae5e472afeee2b6f1bed0c17eacb87', class: "information" }, this.renderIcon(), index.h("div", { key: '91e5a5aea8fad80316b890e88594da6aa8183182', class: "headings" }, index.h("h1", { key: '4477c5c6a2f134e98c8aaa4e9716399a4496e09a', class: "heading", title: this.heading }, this.heading), index.h("h2", { key: 'd81bd39f801ade017cd84d308141041faad4e33b', class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))), index.h("slot", { key: '7f1e532fb88771ecd3ab52c5581528e3aa7a14e4', name: "actions" }, index.h("slot", { key: '5cafb4367e7e9fed6dc3bffb17b4a310daec0c6a' }))));
     }
     renderIcon() {
         var _a, _b, _c, _d, _e;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 
 const limelHelpContentCss = () => `@charset "UTF-8";:host(limel-help-content){display:flex;box-sizing:border-box;flex-direction:column;gap:0.5rem;max-height:30rem;height:100%}limel-markdown{--limel-overflow-mask-vertical:linear-gradient(       to bottom,       transparent 0%,       black calc(0% + var(--limel-top-edge-fade-height, 1rem)),       black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),       transparent 100%   );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem);padding-right:1rem;padding-left:1rem;min-height:0;min-width:0;overflow:hidden auto}a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-blue-default))}a:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}a:hover{color:rgb(var(--color-blue-default))}a:hover:before{opacity:0.3;transform:scale(1)}a{position:sticky;bottom:0;text-decoration:none;font-size:var(--limel-theme-default-font-size);padding-bottom:0.125rem}span{padding:0 1rem 0.5rem 1rem;min-width:0}`;
 
@@ -16,7 +16,7 @@ const HelpContent = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '2de8ba5dca7939d6efa2f832e5d256f093cba17a' }, index.h("limel-markdown", { key: '09d7a84a578d3b6930ce299835f0769997d844fc', value: this.value }), this.renderReadMoreLink()));
+        return (index.h(index.Host, { key: '5c4eb2e9819635fb321c9544044521218677b2f6' }, index.h("limel-markdown", { key: 'bf231a4673cc49263838a41e0469636755df5772', value: this.value }), this.renderReadMoreLink()));
     }
 };
 HelpContent.style = limelHelpContentCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 
 const helpCss = () => `@charset "UTF-8";limel-popover{display:flex;--popover-surface-width:min(calc(100vw - 4rem), 22rem)}button[slot=trigger]{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button[slot=trigger]:hover,button[slot=trigger]:focus,button[slot=trigger]:focus-visible{will-change:color, background-color, box-shadow, transform}button[slot=trigger]:hover,button[slot=trigger]:focus-visible{transform:translate3d(0, 0.01rem, 0);color:rgb(var(--color-sky-dark));background-color:var(--lime-elevated-surface-background-color)}button[slot=trigger]:hover{box-shadow:var(--button-shadow-hovered)}button[slot=trigger]: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[slot=trigger]:hover,button[slot=trigger]:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button[slot=trigger]:focus{outline:none}button[slot=trigger]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button[slot=trigger]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-sky-default));border-radius:50%;box-shadow:0 0 0 1px rgb(var(--color-sky-lighter), 0.7);width:0.875rem;height:0.875rem;font-size:0.75rem}button[slot=trigger].is-open{color:rgb(var(--color-white));background-color:rgb(var(--color-sky-default));box-shadow:var(--button-shadow-inset)}`;
 
@@ -26,9 +26,9 @@ const HelpComponent = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '34943e604a33b6f5f7e39b71d7427c733c826b4c' }, index.h("limel-popover", { key: '65f2e74895b4a118996181b1a9341ead9a6e53d8', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("button", { key: 'c0485465e33aa7643015f938ff567509a5f63fe4', slot: "trigger", type: "button", onClick: this.openPopover, class: {
+        return (index.h(index.Host, { key: 'ea89d810cf9e7406a4a299eb98d9470c758d82ec' }, index.h("limel-popover", { key: '3693e98650f4d94fef1abd8a033dac0cf12906d7', open: this.isOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("button", { key: '34db4bb7f2c61377b6068f14105d0e6a88fc827e', slot: "trigger", type: "button", onClick: this.openPopover, class: {
                 'is-open': this.isOpen,
-            } }, this.trigger), index.h("limel-help-content", { key: 'dc08d7b7d1638523664f5330d89c80773cb3b9a1', value: this.value, readMoreLink: this.readMoreLink }))));
+            } }, this.trigger), index.h("limel-help-content", { key: '5e50557a652e842bf9846738b1aae1df63d55755', value: this.value, readMoreLink: this.readMoreLink }))));
     }
 };
 HelpComponent.style = helpCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 var component = require('./component-UyqdiWGc.js');
 require('./ponyfill-BgIFyUG5.js');
 
@@ -26,17 +26,17 @@ const HelperLine = class {
             return (index.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 index.h("span", { class: "counter" }, counter);
         };
     }
     render() {
-        return (index.h(index.Host, { key: '5ecd83d58e8412274b36def796d0a9c24b67e582', tabIndex: -1, class: {
+        return (index.h(index.Host, { key: '9fe6acba5a79d706deec8353cdb761565269ab0c', tabIndex: -1, class: {
                 invalid: this.invalid,
-            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: 'f10706f6e5f7be45da53a58a13b44a936eb091b4' }, this.renderHelperText(), this.renderCharacterCounter())));
+            }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, index.h("div", { key: '8cec25fd07c608ee5bbbd97af8d3276d124efa64' }, this.renderHelperText(), this.renderCharacterCounter())));
     }
 };
 HelperLine.style = helperLineCss();
@@ -56,9 +56,7 @@ class ListRenderer {
             if (role === 'listbox' || role === 'radiogroup') {
                 return 'vertical';
             }
-            else {
-                return null;
-            }
+            return null;
         };
         /**
          * Determine which ListItem should have the `tab-index` attribute set,
@@ -71,10 +69,10 @@ class ListRenderer {
          */
         this.getIndexForWhichToApplyTabIndex = (items) => {
             let result;
-            for (let i = 0, max = items.length; i < max; i += 1) {
-                if ('separator' in items[i]) ;
+            for (const [i, entry] of items.entries()) {
+                if ('separator' in entry) ;
                 else {
-                    const item = items[i];
+                    const item = entry;
                     if (item.disabled) {
                         // Skip disabled items - they should never get tabindex
                         continue;
@@ -132,7 +130,7 @@ class ListRenderer {
         };
     }
     render(items, config = {}) {
-        items = items || [];
+        items || (items = []);
         this.config = Object.assign(Object.assign({}, this.defaultConfig), config);
         let role;
         switch (this.config.type) {
@@ -331,12 +329,12 @@ const List = class {
             type: this.type,
             iconSize: this.iconSize,
         };
-        let maxLinesSecondaryText = +((_a = this.maxLinesSecondaryText) === null || _a === void 0 ? void 0 : _a.toFixed());
+        let maxLinesSecondaryText = +((_a = this.maxLinesSecondaryText) === null || _a === void 0 ? void 0 : _a.toFixed(0));
         if (this.maxLinesSecondaryText < 1) {
             maxLinesSecondaryText = 1;
         }
         const html = this.listRenderer.render(this.items, this.config);
-        return (index.h(index.Host, { key: 'f15badb0936caf891cd8bd272ef5d3224645c3c7', style: {
+        return (index.h(index.Host, { key: 'b8c5f38d03402596fbd227a19587a801ef0c8b6e', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }
@@ -432,7 +430,7 @@ const NotchedOutline = class {
         this.hasFloatingLabel = false;
     }
     render() {
-        return (index.h("div", { key: '928b12e7565dd3a827b29e57dfb94cbd668feb91', class: "limel-notched-outline" }, index.h("slot", { key: 'ae0a6205b1e8aeed3edea040a198ba7faebecc85', name: "content" }), index.h("span", { key: '84b1fd4feb65005eea9280717dd2cb6d74fc513c', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: '4ae9c02d23197109c5ea0721a4f1abfab802822e', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: 'd7b70aa632b22b7b639bf208ea57fd39a82884e3', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        return (index.h("div", { key: 'dc6355aacb61f03ab180b619bd8a619cd2c80cb4', class: "limel-notched-outline" }, index.h("slot", { key: '49297b4ac7c981f840c359a7f536e57f9a92b91f', name: "content" }), index.h("span", { key: '78018e75d6e77cbd0ca235d5036d29f9360fe2d0', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: 'ae1aaa6291a429db8f376a68609241c2701c6c80', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: 'd86779e2e34c5bd4138d3d47d127b73af95456d0', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
-var hotkeys = require('./hotkeys-BtR8uxvl.js');
+var index = require('./index-BlsqxTB1.js');
+var hotkeys = require('./hotkeys-D761KWnZ.js');
 var device = require('./device-C9O7lYI9.js');
-var randomString = require('./random-string-BTzDB2ee.js');
+var randomString = require('./random-string-CFCtFh5l.js');
 
 // Note: this function handles the same key aliases as `KEY_ALIASES` in
 // `../../util/hotkeys.ts`, but maps them to display strings rather than
@@ -121,7 +121,7 @@ const Hotkey = class {
             .map((p) => p.ariaName)
             .filter(Boolean)
             .join(' ');
-        return (index.h(index.Host, { key: '66cc252f09b89cee80c306fe99e78b089834ada1', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index$1) => (index.h("kbd", { key: `${parts[index$1]}-${index$1}`, class: isGlyph ? 'is-glyph' : undefined }, index.h("span", null, display))))));
+        return (index.h(index.Host, { key: 'dd8bc8134560dae3014e6ab5ab6eadeaa0bb6a4e', "aria-label": ariaLabel || undefined }, displayParts.map(({ display, isGlyph }, index$1) => (index.h("kbd", { key: `${parts[index$1]}-${index$1}`, class: isGlyph ? 'is-glyph' : undefined }, index.h("span", null, display))))));
     }
 };
 Hotkey.style = hotkeyCss();
@@ -1986,13 +1986,14 @@ const Portal = class {
         this.hideContainer();
         this.attachContainer();
         this.styleContainer();
-        if (this.visible) {
-            this.createPopper();
-            this.showContainer();
+        if (!this.visible) {
+            return;
         }
+        this.createPopper();
+        this.showContainer();
     }
     render() {
-        return index.h("slot", { key: 'ce5bfa7d65680773e1917e0a6d54256f5852bd65' });
+        return index.h("slot", { key: '7fd1ebea533dbbd8ff3df343830cc195e0a66555' });
     }
     onVisible() {
         if (!this.container && this.visible) {
@@ -2019,11 +2020,10 @@ const Portal = class {
         Object.assign(this.container, {
             portalSource: this.host,
         });
-        // eslint-disable-next-line unicorn/no-array-for-each
-        content.forEach((element) => {
+        for (const element of content) {
             this.parents.set(element, element.parentElement);
             this.container.append(element);
-        });
+        }
     }
     attachContainer() {
         this.getParent().append(this.container);
@@ -2032,14 +2032,13 @@ const Portal = class {
         if (!this.container) {
             return;
         }
-        // eslint-disable-next-line unicorn/no-array-for-each
-        [...this.container.children].forEach((element) => {
+        for (const element of [...this.container.children]) {
             const parent = this.parents.get(element);
             if (!parent) {
-                return;
+                continue;
             }
             parent.append(element);
-        });
+        }
         this.container.remove();
     }
     hideContainer() {
@@ -2062,10 +2061,11 @@ const Portal = class {
                 return;
             }
             this.container.classList.remove(IS_HIDING_CLASS);
-            if (!this.visible) {
-                this.container.classList.remove(IS_VISIBLE_CLASS);
-                this.destroyPopper();
+            if (this.visible) {
+                return;
             }
+            this.container.classList.remove(IS_VISIBLE_CLASS);
+            this.destroyPopper();
         }, hideAnimationDuration);
     }
     styleContainer() {
@@ -2095,8 +2095,8 @@ const Portal = class {
         return this.getContentWidth(elementContent);
     }
     setContainerStyles() {
-        for (const property of Object.keys(this.containerStyle)) {
-            this.container.style[property] = this.containerStyle[property];
+        for (const [property, value] of Object.entries(this.containerStyle)) {
+            this.container.style[property] = value;
         }
     }
     // Compared against what was last written rather than against
@@ -2306,10 +2306,10 @@ const Tooltip = class {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (index.h("div", { key: 'cdc5602abcc2911c6429e386f37c6dc1e2100cd8', class: "trigger-anchor" }, index.h("limel-portal", { key: 'f61db13bb5bc3657e330c7475f0c7bd2e7eb9b2f', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (index.h("div", { key: '970ce406a2209065f744d124c28d486dfa169164', class: "trigger-anchor" }, index.h("limel-portal", { key: 'bfe825d0261a452c207077e8fe37ddce5b10d477', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, index.h("limel-tooltip-content", { key: 'f9acf5955b68639c3b56fba75977ddd783e97cd0', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
+            }, anchor: this.ownerElement }, index.h("limel-tooltip-content", { key: '07003cc2b868b8320b97e4a75f3cb2e71b50efb9', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open, id: this.tooltipId }))));
     }
     setOwnerAriaDescribedby() {
         var _a;
@@ -2348,7 +2348,7 @@ const TooltipContent = class {
         const style = this.maxlength
             ? { '--tooltip-max-width-of-text': `${this.maxlength}ch` }
             : undefined;
-        return (index.h(index.Host, { key: '2761aea2a0cc3ccc7796b7dab93f2375656603f4', class: { 'has-column-layout': isLabelsTextLong }, style: style }, index.h("div", { key: '2bfe8a9766ff7ab2b9a5211b08107b7f2f28ef7b', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        return (index.h(index.Host, { key: 'e8299e2c990753eafd08af063a7828a11ea77cec', class: { 'has-column-layout': isLabelsTextLong }, style: style }, index.h("div", { key: '634f141ede25c9a3faa7ca7ce4f79b59c3c7ec8d', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
     }
     renderHelperLabel() {
         if (!this.helperLabel) {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
-var makeEnterClickable = require('./make-enter-clickable-NuTMC9MU.js');
-var randomString = require('./random-string-BTzDB2ee.js');
+var index = require('./index-BlsqxTB1.js');
+var makeEnterClickable = require('./make-enter-clickable-BZHEWIJD.js');
+var randomString = require('./random-string-CFCtFh5l.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 
 const iconButtonCss = () => `@charset "UTF-8";:host([hidden]){display:none}:host([aria-expanded=true]) button,:host([aria-expanded]:not([aria-expanded=false])) button{box-shadow:var(--button-shadow-inset-pressed) !important}button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button:not(:disabled){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--icon-background-color, transparent)}button:not(:disabled):hover,button:not(:disabled):focus,button:not(:disabled):focus-visible{will-change:color, background-color, box-shadow, transform}button:not(:disabled):hover,button:not(:disabled):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(:disabled):hover{box-shadow:var(--button-shadow-hovered)}button:not(:disabled):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(:disabled):hover,button:not(:disabled):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button:not(:disabled):focus{outline:none}button:not(:disabled):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:50%}button:disabled{cursor:not-allowed;color:var(--limel-theme-text-disabled-on-background-color)}:host([elevated]) button:not(:hover):not(:active):not(:disabled):not(:focus-visible){box-shadow:var(--button-shadow-normal)}:host([elevated]) button:disabled{box-shadow:var(--button-shadow-normal)}limel-icon{padding:0.25rem;width:1.75rem}`;
@@ -49,7 +49,7 @@ const IconButton = class {
         if (this.host.hasAttribute('tabindex')) {
             buttonAttributes.tabindex = this.host.getAttribute('tabindex');
         }
-        return (index.h(index.Host, { key: '0000c389a37b92ed921b738b742aa27200c3871a', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: 'd729c33be5aa7523ddad551a06f7a54a59ee2230', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
+        return (index.h(index.Host, { key: 'e2fa10697beccc59cb8f332695e445522391649d', onClick: this.filterClickWhenDisabled }, index.h("button", Object.assign({ key: '2dc00d1341e9a458f5a7d060abd777c29cd333e0', "aria-label": this.label, disabled: this.disabled, id: this.tooltipId }, buttonAttributes), this.renderIcon(), this.renderTooltip(this.tooltipId))));
     }
     renderIcon() {
         var _a, _b;