@limetech/lime-elements 40.5.4 → 40.6.1

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Bnc9lzk2.js';
+import { r as registerInstance, h } from './index-BU9IJqli.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%}`;
 
@@ -10,7 +10,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 h("slot", { key: '7653aebec8f38322a0288de736b949447a3e22b5' });
+        return h("slot", { key: '4928fa4c63f2db778bde762470299c8bf05952b3' });
     }
 };
 Grid.style = gridCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-Bnc9lzk2.js';
+import { r as registerInstance, h, H as Host } from './index-BU9IJqli.js';
 import { g as getIconName } from './get-icon-props-CgNJbSP4.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}`;
@@ -13,7 +13,7 @@ const Header = class {
         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/esm/limel-help-content.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-Bnc9lzk2.js';
+import { r as registerInstance, h, H as Host } from './index-BU9IJqli.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}`;
 
@@ -14,7 +14,7 @@ const HelpContent = class {
         };
     }
     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()));
     }
 };
 HelpContent.style = limelHelpContentCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-Bnc9lzk2.js';
+import { r as registerInstance, h, H as Host } from './index-BU9IJqli.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)}`;
 
@@ -24,9 +24,9 @@ const HelpComponent = class {
         };
     }
     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 }))));
     }
 };
 HelpComponent.style = helpCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-Bnc9lzk2.js';
+import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-BU9IJqli.js';
 import { a as MDCList, s as strings } from './component-B2Vy44Z3.js';
 import './ponyfill-ChRGk668.js';
 
@@ -24,17 +24,17 @@ const HelperLine = class {
             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())));
     }
 };
 HelperLine.style = helperLineCss();
@@ -54,9 +54,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,
@@ -69,10 +67,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;
@@ -130,7 +128,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) {
@@ -329,12 +327,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 (h(Host, { key: 'f15badb0936caf891cd8bd272ef5d3224645c3c7', style: {
+        return (h(Host, { key: 'b8c5f38d03402596fbd227a19587a801ef0c8b6e', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }
@@ -430,7 +428,7 @@ const NotchedOutline = class {
         this.hasFloatingLabel = false;
     }
     render() {
-        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())));
+        return (h("div", { key: 'dc6355aacb61f03ab180b619bd8a619cd2c80cb4', class: "limel-notched-outline" }, h("slot", { key: '49297b4ac7c981f840c359a7f536e57f9a92b91f', name: "content" }), h("span", { key: '78018e75d6e77cbd0ca235d5036d29f9360fe2d0', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: 'ae1aaa6291a429db8f376a68609241c2701c6c80', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: 'd86779e2e34c5bd4138d3d47d127b73af95456d0', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Bnc9lzk2.js';
-import { t as tokenizeHotkeyString, n as normalizeHotkeyString } from './hotkeys-BxrRWYts.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BU9IJqli.js';
+import { t as tokenizeHotkeyString, n as normalizeHotkeyString } from './hotkeys-DjmlD0Mw.js';
 import { c as isAppleDevice } from './device-B-tmXAXV.js';
-import { c as createRandomString } from './random-string-JbKhhoXs.js';
+import { c as createRandomString } from './random-string-BrjD-ITe.js';
 
 // Note: this function handles the same key aliases as `KEY_ALIASES` in
 // `../../util/hotkeys.ts`, but maps them to display strings rather than
@@ -119,7 +119,7 @@ const Hotkey = class {
             .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))))));
     }
 };
 Hotkey.style = hotkeyCss();
@@ -1984,13 +1984,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 h("slot", { key: 'ce5bfa7d65680773e1917e0a6d54256f5852bd65' });
+        return h("slot", { key: '7fd1ebea533dbbd8ff3df343830cc195e0a66555' });
     }
     onVisible() {
         if (!this.container && this.visible) {
@@ -2017,11 +2018,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);
@@ -2030,14 +2030,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() {
@@ -2060,10 +2059,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() {
@@ -2093,8 +2093,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
@@ -2304,10 +2304,10 @@ const Tooltip = class {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (h("div", { key: 'cdc5602abcc2911c6429e386f37c6dc1e2100cd8', class: "trigger-anchor" }, h("limel-portal", { key: 'f61db13bb5bc3657e330c7475f0c7bd2e7eb9b2f', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (h("div", { key: '970ce406a2209065f744d124c28d486dfa169164', class: "trigger-anchor" }, h("limel-portal", { key: 'bfe825d0261a452c207077e8fe37ddce5b10d477', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, 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 }, 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;
@@ -2346,7 +2346,7 @@ const TooltipContent = class {
         const style = this.maxlength
             ? { '--tooltip-max-width-of-text': `${this.maxlength}ch` }
             : undefined;
-        return (h(Host, { key: '2761aea2a0cc3ccc7796b7dab93f2375656603f4', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '2bfe8a9766ff7ab2b9a5211b08107b7f2f28ef7b', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        return (h(Host, { key: 'e8299e2c990753eafd08af063a7828a11ea77cec', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '634f141ede25c9a3faa7ca7ce4f79b59c3c7ec8d', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
     }
     renderHelperLabel() {
         if (!this.helperLabel) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Bnc9lzk2.js';
-import { m as makeEnterClickable, r as removeEnterClickable } from './make-enter-clickable-BgTwPGeH.js';
-import { c as createRandomString } from './random-string-JbKhhoXs.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BU9IJqli.js';
+import { m as makeEnterClickable, r as removeEnterClickable } from './make-enter-clickable-CIf8aGSd.js';
+import { c as createRandomString } from './random-string-BrjD-ITe.js';
 import { d as getIconTitle, g as getIconName } from './get-icon-props-CgNJbSP4.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}`;
@@ -47,7 +47,7 @@ const IconButton = class {
         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/esm/limel-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-Bnc9lzk2.js';
+import { r as registerInstance, h, a as getElement } from './index-BU9IJqli.js';
 import { g as globalConfig } from './config-Dnt5w_Bp.js';
 
 class CacheStorageIconCache {
@@ -80,6 +80,7 @@ class InMemoryIconCache {
      * @returns SVG markup
      */
     async get(name, path = '') {
+        // eslint-disable-next-line unicorn/no-computed-property-existence-check -- truthiness check, not existence: a falsy entry must be refetched
         if (!this.cache[name]) {
             this.cache[name] = await this.getIcon(name, path);
         }
@@ -90,6 +91,7 @@ class InMemoryIconCache {
      */
     getIcon(name, path) {
         return new Promise((resolve) => {
+            // eslint-disable-next-line unicorn/no-computed-property-existence-check -- truthiness check, not existence: entries are reset to `null`
             if (!this.resolveFunctions[name]) {
                 this.resolveFunctions[name] = [];
                 this.fetchData(name, path);
@@ -145,9 +147,7 @@ function createIconCache() {
         return new InMemoryIconCache();
     }
 }
-var iconCache = (() => {
-    return createIconCache();
-})();
+const iconCache = createIconCache();
 
 const iconCss = () => `:host{background-color:var(--icon-background-color, transparent);border-radius:50%;display:inline-block;line-height:0;box-sizing:border-box}:host svg{fill:currentColor;height:100%;pointer-events:none;width:100%}:host div{margin:var(--limel-icon-svg-margin, 0)}:host([hidden]){display:none}:host([size=x-small]){height:1rem !important;width:1rem !important}:host([size=small]){height:1.25rem !important;width:1.25rem !important}:host([size=medium]){height:1.5rem !important;width:1.5rem !important}:host([size=large]){height:1.75rem !important;width:1.75rem !important}:host([badge][size=x-small]){height:1.5rem !important;width:1.5rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=small]){height:1.75rem !important;width:1.75rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=medium]){height:2.5rem !important;width:2.5rem !important;--limel-icon-svg-margin:0.5rem}:host([badge][size=large]){height:2.75rem !important;width:2.75rem !important;--limel-icon-svg-margin:0.5rem}`;
 
@@ -159,7 +159,7 @@ const Icon = class {
         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 === '') {
@@ -185,14 +185,15 @@ const Icon = class {
      */
     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) {
@@ -201,6 +202,7 @@ const Icon = class {
         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/esm/limel-info-tile.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-Bnc9lzk2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BU9IJqli.js';
 import { g as getMouseEventHandlers } from './3d-tilt-hover-effect-CllX3RLB.js';
 import { g as getRel } from './link-helper-5KsJICvh.js';
 
@@ -36,17 +36,17 @@ const InfoTile = class {
             }
         };
         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) {
@@ -114,9 +114,9 @@ const InfoTile = class {
             this.checkProps((_d = this === null || this === void 0 ? void 0 : this.link) === null || _d === void 0 ? void 0 : _d.title);
         const link = this.disabled ? '#' : (_e = this.link) === null || _e === void 0 ? void 0 : _e.href;
         const rel = 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 + ' ' : '';

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-Bnc9lzk2.js';
+import { r as registerInstance, h, H as Host } from './index-BU9IJqli.js';
 import { g as getIconName } from './get-icon-props-CgNJbSP4.js';
-import { c as createRandomString } from './random-string-JbKhhoXs.js';
-import { r as renderListComponent } from './render-list-component-cicbMp0l.js';
-import { C as CheckboxTemplate } from './checkbox.template-Cx_3u92S.js';
-import { t as translate } from './translations-DMtX4tTX.js';
-import { I as ImageTemplate } from './image.template-wqMwmOF-.js';
-import './language-C3hECvXE.js';
+import { c as createRandomString } from './random-string-BrjD-ITe.js';
+import { r as renderListComponent } from './render-list-component-J1IzNpbv.js';
+import { C as CheckboxTemplate } from './checkbox.template-IDyv2bgn.js';
+import { t as translations } from './translations-Y4i8PVc9.js';
+import { I as ImageTemplate } from './image.template-BGjw97m_.js';
+import './language-ChagAaNf.js';
 
 const listItemCss = () => `@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}.boolean-input{--limel-boolean-input-box-size:1.25rem;--limel-boolean-input-gap-size:0.5rem;position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--limel-checkbox-min-height, 2.5rem);width:100%}.boolean-input input[type=checkbox],.boolean-input input[type=radio]{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;-webkit-appearance:none;-moz-appearance:none;appearance:none}label.boolean-input-label{min-width:var(--limel-boolean-input-box-size);min-height:var(--limel-boolean-input-box-size);padding-top:0.125rem;cursor:pointer;position:relative;width:100%;overflow-wrap:var(--limel-boolean-input-label-overflow-wrap, normal);font-size:var(--limel-theme-default-small-font-size);color:var(--limel-theme-text-primary-on-background-color);padding-left:calc(var(--limel-boolean-input-box-size) + var(--limel-boolean-input-gap-size))}.disabled:not([readonly]):not([readonly=true]) label.boolean-input-label{cursor:not-allowed;color:var(--limel-theme-text-disabled-color)}.required label.boolean-input-label:after{margin-left:0.0625rem;content:"*"}.invalid:not(.readonly) label.boolean-input-label{color:var(--limel-theme-error-text-color)}:host(limel-checkbox.hide-label) label.boolean-input-label,.hide-label label.boolean-input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;width:var(--limel-boolean-input-box-size)}.box{position:absolute;pointer-events:none;transition:border-color 0.4s ease 0.2s, background-color 0.2s ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease;display:inline-block;vertical-align:middle;width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);margin-right:var(--limel-boolean-input-gap-size);border-radius:var(--limel-boolean-input-box-border-radius);border:0.125rem solid;border-color:var(--checkbox-unchecked-border-color, rgb(var(--contrast-900)));background-color:var(--limel-checkbox-background-color, rgb(var(--contrast-300)));}.checked .box,.boolean-input>input[type=checkbox]:checked+.box,.boolean-input>input[type=radio]:checked+.box{background-color:var(--lime-primary-color, var(--limel-theme-primary-color));border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.disabled .box{opacity:0.4}.box{}.boolean-input:not(.disabled):hover .box{will-change:box-shadow;box-shadow:var(--button-shadow-hovered)}.boolean-input:not(.disabled):active .box{will-change:box-shadow;box-shadow:var(--button-shadow-pressed)}.box:before{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);content:"";position:absolute;inset:-0.1875rem;border-radius:inherit;}.boolean-input>input[type=checkbox]:focus-visible+.box:before,.boolean-input>input[type=radio]:focus-visible+.box:before{will-change:box-shadow;box-shadow:var(--shadow-depth-8-focused)}.box:after{transition:opacity 0.2s ease, width 0.4s ease, box-shadow 0.6s cubic-bezier(0.68, -0.55, 0, 1.87), transform 0.6s cubic-bezier(0.68, -0.55, 0, 1.87);content:"";position:absolute;inset:0;margin:auto;border-radius:1rem;opacity:0;background-color:rgb(var(--color-white));}.boolean-input:not(.disabled):hover .box:after{will-change:opacity, box-shadow, transform, width}:host(limel-checkbox){--limel-boolean-input-label-overflow-wrap:var(       --checkbox-label-overflow-wrap,       normal   );min-height:var(--limel-checkbox-min-height, 2.5rem)}.box:after{height:0.125rem;width:0.25rem}.indeterminate .box:after{opacity:1;width:calc(var(--limel-boolean-input-box-size) - 0.5rem)}.checkbox{--limel-boolean-input-box-border-radius:0.25rem}.checkbox svg.check-mark{position:absolute;z-index:1;inset:0;transform:translate3d(-0.125rem, -0.125rem, 0);width:var(--limel-boolean-input-box-size);height:var(--limel-boolean-input-box-size);padding:0.25rem;color:rgb(var(--color-white));opacity:0;stroke-width:0.1875rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.checkbox svg.check-mark path{stroke-dashoffset:29.7833;stroke-dasharray:29.7833;transition:stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1)}.checkbox{}.checkbox:not(.indeterminate)>input[type=checkbox]:checked+.box svg.check-mark{opacity:1}.checkbox:not(.indeterminate)>input[type=checkbox]:checked+.box svg.check-mark path{stroke-dashoffset:0}limel-dynamic-label{margin-top:0.375rem;margin-left:-0.25rem}:host(limel-checkbox:focus),:host(limel-checkbox:focus-visible),:host(limel-checkbox:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-checkbox){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-checkbox:focus) limel-helper-line,:host(limel-checkbox:focus-visible) limel-helper-line,:host(limel-checkbox:focus-within) limel-helper-line,:host(limel-checkbox:hover) limel-helper-line{will-change:grid-template-rows}*,*:before,*:after{box-sizing:border-box}limel-list-item{--limel-list-item-image-size:2rem;min-height:2.5rem}limel-list-item:focus{outline:none}limel-list-item:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limel-list-item{transition:background-color 0.6s ease;position:relative;isolation:isolate;display:flex;align-items:center;gap:0.5rem;padding:0 1rem;background-color:rgb(var(--contrast-100))}limel-list-item:hover{z-index:1;transition:background-color 0.2s ease;border-radius:0.5rem}limel-list-item:focus,limel-list-item:focus-visible,limel-list-item:active{z-index:1;border-radius:0.5rem}limel-list-item:first-of-type{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}limel-list-item:last-of-type{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}limel-list-item:not([disabled]):not([disabled=true]){cursor:pointer}limel-list-item[disabled]:not([disabled=false]){cursor:not-allowed}limel-list-item[disabled]:not([disabled=false]){cursor:not-allowed}limel-list-item[disabled]:not([disabled=false]) .text,limel-list-item[disabled]:not([disabled=false]) limel-icon,limel-list-item[disabled]:not([disabled=false]) img,limel-list-item[disabled]:not([disabled=false]) .boolean-input{opacity:0.4}limel-list-item:not([disabled]):not([disabled=true]):hover,limel-list-item:not([disabled]):not([disabled=true]):focus-visible{background-color:rgb(var(--contrast-400))}limel-list-item[type=option]:before{transition:background-color 0.6s ease;content:"";position:absolute;inset:0;opacity:0.2;border-radius:0.5rem}limel-list-item[type=option][selected]:not([selected=false]):before{transition:background-color 0.2s ease;background-color:var(--mdc-theme-primary)}limel-list-item .text{flex-grow:1;min-width:0;display:flex;flex-direction:column;padding:0.5rem 0;color:var(--limel-theme-text-primary-on-background-color)}limel-list-item .label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--limel-theme-default-font-size);line-height:1rem}limel-list-item .description{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:var(--maxLinesSecondaryText);line-height:1rem;font-size:var(--limel-theme-default-small-font-size);opacity:0.6}limel-list-item limel-icon{color:var(--limel-theme-text-secondary-on-background-color);flex-shrink:0;margin-left:-0.5rem}limel-list-item limel-icon:has(+img){margin-left:0;position:absolute;top:0.125rem;left:0.125rem;padding:0.1875rem;width:1.25rem;background-color:rgb(var(--contrast-200), 0.8)}limel-list-item img{flex-shrink:0;object-fit:var(--list-item-image-object-fit, cover);border-radius:var(--list-item-image-border-radius, 50%);width:var(--limel-list-item-image-size);height:var(--limel-list-item-image-size);box-shadow:0 0 0 1px rgb(var(--contrast-800), 0.5)}limel-list-item limel-menu{margin-right:-0.5rem;order:var(--limel-list-item-menu-order, 3)}:has(>limel-list-item>img)>limel-list-item:not(:has(>img))>limel-icon{margin-left:0;min-width:var(--limel-list-item-image-size);max-width:var(--limel-list-item-image-size);min-height:var(--limel-list-item-image-size);max-height:var(--limel-list-item-image-size);box-shadow:0 0 0 1px rgb(var(--contrast-800), 0.5)}:has(>limel-list-item>img)>limel-list-item:not(:has(>img))>limel-icon:not([badge]){padding:0.25rem}limel-list-item[role=menuitem] limel-list-item .label{font-size:var(--limel-theme-default-small-font-size)}.boolean-input,limel-radio-button{width:var(--limel-boolean-input-box-size) !important;margin-left:-0.25rem !important}.boolean-input.checkbox{margin-right:0.25rem}limel-list-item:has(limel-icon) .boolean-input,limel-list-item:has(img) .boolean-input{margin-right:-0.25rem;margin-left:0;order:2}.boolean-input .boolean-input-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;width:var(--limel-boolean-input-box-size)}`;
 
@@ -106,7 +106,7 @@ const ListItemComponent = class {
             return (h(CheckboxTemplate, { id: `checkbox_${this.labelId}`, checked: this.selected, disabled: this.disabled }));
         };
         this.actionMenuLabel = () => {
-            return translate.get('file-viewer.more-actions', this.language);
+            return translations.get('file-viewer.more-actions', this.language);
         };
         this.labelId = createRandomString();
         this.descriptionId = createRandomString();
@@ -129,9 +129,9 @@ const ListItemComponent = class {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (h(Host, Object.assign({ key: '8fc88d6a74e504e5f70bf3385286593e55224978', role: this.getHostRole(), class: {
+        return (h(Host, Object.assign({ key: '005e6e5fa87bab94b1d3c00970ed4efff409de1b', 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: 'eb51efec9974eec1561a91e6e62cc9cced501fe0', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: '351438e788b747b86a9700ab1a8c700532aee409', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
     }
     /**
      * Returns a stable reference for the provided actions array to avoid

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host } from './index-Bnc9lzk2.js';
-import { m as markdownToHTML } from './markdown-parser-DrxxGLF5.js';
+import { r as registerInstance, h, H as Host } from './index-BU9IJqli.js';
+import { m as markdownToHTML } from './markdown-parser-CAPDx7i8.js';
 import { g as globalConfig } from './config-Dnt5w_Bp.js';
-import { d as defaultSchema } from './index-CbciMfiU.js';
-import { a as adaptColorContrast } from './adapt-color-contrast-Dgcw_h7C.js';
+import { d as defaultSchema } from './index-BN64nlbO.js';
+import { a as adaptColorContrast } from './adapt-color-contrast-BQoih_t0.js';
 import './_commonjsHelpers-B85MJLTf.js';
 
 class ImageIntersectionObserver {
@@ -12,15 +12,16 @@ class ImageIntersectionObserver {
     constructor(containerElement) {
         this.handleIntersection = (entries) => {
             for (const entry of entries) {
-                if (entry.isIntersecting) {
-                    const img = entry.target;
-                    const dataSrc = img.dataset.src;
-                    if (dataSrc) {
-                        img.setAttribute('src', dataSrc);
-                        delete img.dataset.src;
-                    }
-                    this.observer.unobserve(img);
+                if (!entry.isIntersecting) {
+                    continue;
+                }
+                const img = entry.target;
+                const dataSrc = img.dataset.src;
+                if (dataSrc) {
+                    img.setAttribute('src', dataSrc);
+                    delete img.dataset.src;
                 }
+                this.observer.unobserve(img);
             }
         };
         this.observer = new IntersectionObserver(this.handleIntersection);
@@ -91,12 +92,13 @@ function hydrateElement(element, attributes) {
             continue;
         }
         const parsed = tryParseJson(value);
-        if (parsed !== undefined) {
-            const sanitized = sanitizeUrls(parsed);
-            // Set the JS property (camelCase) instead of the attribute
-            const propName = attributeToPropName(attrName);
-            element[propName] = sanitized;
+        if (parsed === undefined) {
+            continue;
         }
+        const sanitized = sanitizeUrls(parsed);
+        // Set the JS property (camelCase) instead of the attribute
+        const propName = attributeToPropName(attrName);
+        element[propName] = sanitized;
     }
 }
 function tryParseJson(value) {
@@ -1117,7 +1119,31 @@ const Markdown = class {
         this.adaptColorContrast = false;
         this.imageIntersectionObserver = null;
     }
-    async textChanged() {
+    /**
+     * Returns the content as markdown, with every whitelisted custom
+     * element replaced by the markdown it describes itself as.
+     *
+     * Use this to hand the content to a target that cannot render custom
+     * elements, such as the clipboard. An element describes itself by
+     * implementing `MarkdownDescribable`; elements that do not keep
+     * their child content, or are removed if they have none.
+     *
+     * The markdown is generated from the rendered content, so it may be
+     * formatted differently from `value`.
+     *
+     * @alpha
+     * @returns The content as markdown.
+     */
+    async toMarkdown() {
+        await this.rendering;
+        const { exportMarkdown } = await import('./markdown-exporter-DblYRMhY.js');
+        return exportMarkdown(this.rootElement, this.cachedCombinedWhitelist);
+    }
+    textChanged() {
+        this.rendering = this.renderMarkdown();
+        return this.rendering;
+    }
+    async renderMarkdown() {
         try {
             this.cleanupImageIntersectionObserver();
             // The whitelist merge and default import live here (not in
@@ -1165,7 +1191,7 @@ const Markdown = class {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (h(Host, { key: 'd10bcceddc2844e43817d406965155f282e21549' }, h("div", { key: '4253c517b72dbd21081e5fe26aaa0e75a91cb7db', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (h(Host, { key: 'cb9496c27479dce2acf8005bff7c780190f923ba' }, h("div", { key: 'a48bd187c4b08db7d7b2e105fe4b1c92089d1a57', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {
@@ -1173,10 +1199,11 @@ const Markdown = class {
         }
     }
     cleanupImageIntersectionObserver() {
-        if (this.imageIntersectionObserver) {
-            this.imageIntersectionObserver.disconnect();
-            this.imageIntersectionObserver = null;
+        if (!this.imageIntersectionObserver) {
+            return;
         }
+        this.imageIntersectionObserver.disconnect();
+        this.imageIntersectionObserver = null;
     }
     static get watchers() { return {
         "value": [{
@@ -1215,7 +1242,7 @@ function mergeWhitelists(defaults, consumer) {
             merged.set(def.tagName, new Set(def.attributes));
         }
     }
-    return [...merged.entries()].map(([tagName, attrs]) => ({
+    return [...merged].map(([tagName, attrs]) => ({
         tagName,
         attributes: [...attrs],
     }));