@limetech/lime-elements 40.5.4 → 40.6.1

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 var config = require('./config-dit--4m5.js');
 
 class CacheStorageIconCache {
@@ -82,6 +82,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);
         }
@@ -92,6 +93,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);
@@ -147,9 +149,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}`;
 
@@ -161,7 +161,7 @@ const Icon = class {
         this.loadIcon(this.name);
     }
     render() {
-        return index.h("div", { key: '44c16b703c7f2b2a41404be1fc58acbb6b0d8a48', class: "container" });
+        return index.h("div", { key: '3e5dc80a0e19e21988169509b33685bdb3005f1d', class: "container" });
     }
     async loadIcon(name) {
         if (name === undefined || name === '') {
@@ -187,14 +187,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) {
@@ -203,6 +204,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/cjs/limel-info-tile.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 var _3dTiltHoverEffect = require('./3d-tilt-hover-effect-Da8Dh_JX.js');
 var linkHelper = require('./link-helper-DwlfFJVL.js');
 
@@ -38,17 +38,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 index.h("span", { class: "value" }, "\u00B7\u00B7\u00B7");
             }
-            if (this.value) {
-                return (index.h("span", { class: {
-                        value: true,
-                        [`ch-${characterCount}`]: true,
-                    } }, this.value));
+            if (!this.value) {
+                return;
             }
+            const characterCount = this.value.toString().length;
+            return (index.h("span", { class: {
+                    value: true,
+                    [`ch-${characterCount}`]: true,
+                } }, this.value));
         };
         this.renderSuffix = () => {
             if (this.suffix) {
@@ -116,9 +116,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 = linkHelper.getRel((_f = this.link) === null || _f === void 0 ? void 0 : _f.target, (_g = this.link) === null || _g === void 0 ? void 0 : _g.rel);
-        return (index.h(index.Host, { key: '56ba6a4d88bec020a36a817860c84a023d443c1b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.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 (index.h(index.Host, { key: '60e7f038ad45210a2ef928287b2794052993a84b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, index.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(), index.h("slot", { key: '2d3d48e5a330dfca49d14551cbac4761e0f955c7', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: '78930378c772695ed11c531941d58dea6ded13dc', class: "value-group" }, this.renderPrefix(), index.h("div", { key: 'a5b2261e4230a34b0fa577af602e27f1b788b580', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: 'd9f4365e7710daf6dc639e6e43068f620a2515fa' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), index.h("slot", { key: '045db9fdf61d87bd8e92bb299d20b3f21a980634', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), index.h("div", { key: '78ddf4323cb56a791a6d3749b653716afd33ccba', class: "value-group" }, this.renderPrefix(), index.h("div", { key: 'b84ba69a5720088e3207bceb02cc8fd84d4dbdd2', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), index.h("limel-3d-hover-effect-glow", { key: 'e33b280c08673989e33d99b982499b401cd505f0' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
-var randomString = require('./random-string-BTzDB2ee.js');
-var renderListComponent = require('./render-list-component-5ZKWpCnM.js');
-var checkbox_template = require('./checkbox.template-BPk8WkQF.js');
-var translations = require('./translations-DFFpR6AZ.js');
-var image_template = require('./image.template-DY7qwbuy.js');
-require('./language-CaqPKPyW.js');
+var randomString = require('./random-string-CFCtFh5l.js');
+var renderListComponent = require('./render-list-component-BtAliHQp.js');
+var checkbox_template = require('./checkbox.template-CoNVC4Nf.js');
+var translations = require('./translations-CNTWud2a.js');
+var image_template = require('./image.template-DlF-f23b.js');
+require('./language-v-MMS6ym.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)}`;
 
@@ -108,7 +108,7 @@ const ListItemComponent = class {
             return (index.h(checkbox_template.CheckboxTemplate, { id: `checkbox_${this.labelId}`, checked: this.selected, disabled: this.disabled }));
         };
         this.actionMenuLabel = () => {
-            return translations.translate.get('file-viewer.more-actions', this.language);
+            return translations.translations.get('file-viewer.more-actions', this.language);
         };
         this.labelId = randomString.createRandomString();
         this.descriptionId = randomString.createRandomString();
@@ -131,9 +131,9 @@ const ListItemComponent = class {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (index.h(index.Host, Object.assign({ key: '8fc88d6a74e504e5f70bf3385286593e55224978', role: this.getHostRole(), class: {
+        return (index.h(index.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(), index.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(), index.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/cjs/limel-markdown.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index$1 = require('./index--B6-r0uo.js');
-var markdownParser = require('./markdown-parser-YH5HSSgF.js');
+var index$1 = require('./index-BlsqxTB1.js');
+var markdownParser = require('./markdown-parser-ssDij8_l.js');
 var config = require('./config-dit--4m5.js');
-var index = require('./index-ETPz91V5.js');
-var adaptColorContrast = require('./adapt-color-contrast-Beo1IEl_.js');
+var index = require('./index-zZvs6xK-.js');
+var adaptColorContrast = require('./adapt-color-contrast-h6iwOfZd.js');
 require('./_commonjsHelpers-CFO10eej.js');
 
 class ImageIntersectionObserver {
@@ -14,15 +14,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);
@@ -93,12 +94,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) {
@@ -1119,7 +1121,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 Promise.resolve().then(function () { return require('./markdown-exporter-C-UW43FF.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
@@ -1167,7 +1193,7 @@ const Markdown = class {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd10bcceddc2844e43817d406965155f282e21549' }, index$1.h("div", { key: '4253c517b72dbd21081e5fe26aaa0e75a91cb7db', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (index$1.h(index$1.Host, { key: 'cb9496c27479dce2acf8005bff7c780190f923ba' }, index$1.h("div", { key: 'a48bd187c4b08db7d7b2e105fe4b1c92089d1a57', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {
@@ -1175,10 +1201,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": [{
@@ -1217,7 +1244,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],
     }));

package/dist/cjs/limel-masonry-layout.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 
 const masonryLayoutCss = () => `:host(limel-masonry-layout){display:block;position:relative;box-sizing:border-box;visibility:hidden}:host(limel-masonry-layout) ::slotted(*){opacity:0;box-sizing:border-box}:host(limel-masonry-layout.is-laid-out){visibility:visible}:host(limel-masonry-layout.is-laid-out) ::slotted(*){opacity:1}`;
 
@@ -25,10 +25,11 @@ const MasonryLayout = class {
         this.hasRendered = true;
     }
     connectedCallback() {
-        if (this.hasRendered) {
-            this.setupObservers();
-            this.scheduleLayout();
+        if (!this.hasRendered) {
+            return;
         }
+        this.setupObservers();
+        this.scheduleLayout();
     }
     disconnectedCallback() {
         var _a, _b, _c;
@@ -43,7 +44,7 @@ const MasonryLayout = class {
         const style = {
             height: `${this.containerHeight}rem`,
         };
-        return (index.h(index.Host, { key: '624673859a36747b6bcb08e5e7e8a8fef0a14105', style: style, class: { 'is-laid-out': this.hasRendered } }, index.h("slot", { key: '0df7ce4bc96c0a42f5bdbb10c835313991d89212' })));
+        return (index.h(index.Host, { key: 'eac58da6cc41749eaaae8ca78d9940132c632fba', style: style, class: { 'is-laid-out': this.hasRendered } }, index.h("slot", { key: 'c551e446908efa397c665301f121a02c2efb068c' })));
     }
     setupObservers() {
         this.resizeObserver = new ResizeObserver(() => {

package/dist/cjs/limel-menu-item-meta.cjs.entry.js

@@ -1,7 +1,7 @@
 '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');
 
 const menuItemMetaCss = () => `@charset "UTF-8";:host(limel-menu-item-meta){order:4;transform:translateX(0.5rem);display:inline-flex;align-items:center;gap:0.5rem;max-width:50%}*{box-sizing:border-box}limel-badge{--badge-background-color:var(       --notification-badge-background-color,       rgb(var(--color-red-default))   );--badge-text-color:var(       --notification-badge-text-color,       rgb(var(--color-white))   )}.command-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0.7;font-size:var(--limel-theme-default-small-font-size)}.chevron{flex-shrink:0;border-color:transparent;border-left-color:var(--limel-theme-text-secondary-on-background-color);border-width:0.25rem 0 0.25rem 0.375rem;border-style:solid}`;
 
@@ -18,7 +18,7 @@ const MenuItemMeta = class {
         this.showChevron = false;
     }
     render() {
-        return (index.h(index.Host, { key: '3255a600c159784b9e488480b100f86f2104b406' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (index.h(index.Host, { key: '6dbc3a71962933c5cfdf415096e41f90e84e7740' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (this.hotkey) {

package/dist/cjs/limel-pagination-jump.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
-var translations = require('./translations-DFFpR6AZ.js');
+var index = require('./index-BlsqxTB1.js');
+var translations = require('./translations-CNTWud2a.js');
 var keycodes = require('./keycodes-k-EdzcMX.js');
 var pagination_util = require('./pagination.util-B5zzH8vg.js');
-require('./language-CaqPKPyW.js');
+require('./language-v-MMS6ym.js');
 
 const paginationJumpCss = () => `:host{display:flex;flex-direction:column;gap:0.75rem;padding:0.75rem;min-width:12rem}:host(:not([open])){display:none}`;
 
@@ -68,7 +68,7 @@ const PaginationJump = class {
             this.field = element;
         };
         this.translate = (key, params) => {
-            return translations.translate.get(key, this.language, params);
+            return translations.translations.get(key, this.language, params);
         };
     }
     componentWillLoad() {
@@ -88,12 +88,12 @@ const PaginationJump = class {
         this.value = String(this.page);
         this.shouldFocusField = true;
     }
-    componentDidRender() {
+    async componentDidRender() {
         if (!this.shouldFocusField) {
             return;
         }
         this.shouldFocusField = false;
-        this.focusField();
+        await this.focusField();
     }
     render() {
         if (!this.open) {
@@ -130,16 +130,18 @@ const PaginationJump = class {
      * is enough. Selecting as well, so the page the user is on is both the
      * starting value and out of the way of the first keystroke.
      */
-    focusField() {
+    async focusField() {
         const host = this.field;
-        host === null || host === void 0 ? void 0 : host.componentOnReady().then(() => {
-            // A frame later, so the popover has been put where it belongs
-            // before the field takes the keyboard.
-            requestAnimationFrame(() => {
-                var _a, _b;
-                host.focus();
-                (_b = (_a = host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.select();
-            });
+        if (!host) {
+            return;
+        }
+        await host.componentOnReady();
+        // A frame later, so the popover has been put where it belongs
+        // before the field takes the keyboard.
+        requestAnimationFrame(() => {
+            var _a, _b;
+            host.focus();
+            (_b = (_a = host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.select();
         });
     }
     /**

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
-var translations = require('./translations-DFFpR6AZ.js');
-var randomString = require('./random-string-BTzDB2ee.js');
-var language = require('./language-CaqPKPyW.js');
+var index = require('./index-BlsqxTB1.js');
+var translations = require('./translations-CNTWud2a.js');
+var randomString = require('./random-string-CFCtFh5l.js');
+var language = require('./language-v-MMS6ym.js');
 var pagination_util = require('./pagination.util-B5zzH8vg.js');
 
 const paginationCss = () => `@charset "UTF-8";:host(limel-pagination){display:block;box-sizing:border-box}*{box-sizing:border-box}nav{display:flex;align-items:center}button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit}button:focus{outline:none}button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:1.75rem;min-width:1.75rem;border-radius:1.75rem;padding:0 0.5rem;font-variant-numeric:tabular-nums}button:not([aria-disabled=true]):not([aria-current=page]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:rgb(var(--contrast-1100));background-color:transparent}button:not([aria-disabled=true]):not([aria-current=page]):hover,button:not([aria-disabled=true]):not([aria-current=page]):focus,button:not([aria-disabled=true]):not([aria-current=page]):focus-visible{will-change:color, background-color, box-shadow, transform}button:not([aria-disabled=true]):not([aria-current=page]):hover,button:not([aria-disabled=true]):not([aria-current=page]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button:not([aria-disabled=true]):not([aria-current=page]):hover{box-shadow:var(--button-shadow-hovered)}button:not([aria-disabled=true]):not([aria-current=page]):active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button:not([aria-disabled=true]):not([aria-current=page]):hover,button:not([aria-disabled=true]):not([aria-current=page]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button[aria-disabled=true]:not([aria-current=page]){opacity:0.4}button[aria-disabled=true]{cursor:default}button[aria-current=page]{background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset)}button limel-spinner{position:absolute;pointer-events:none}limel-popover{display:inline-flex}.gap{width:1.75rem;padding:0;color:rgb(var(--contrast-1100))}.gap[aria-expanded=true]{box-shadow:var(--button-shadow-inset-pressed) !important}.arrow span{display:block;border-style:solid;border-color:transparent;border-width:0.25rem 0 0.25rem 0.375rem;border-left-color:currentColor;transition:transform 0.2s ease}.arrow.previous span{transform:rotateZ(180deg)}.arrow:not([aria-disabled=true]):hover.next span{transform:translate3d(0.1rem, 0, 0)}.arrow:not([aria-disabled=true]):hover.previous span{transform:translate3d(-0.1rem, 0, 0) rotateZ(180deg)}.live-region{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}`;
@@ -98,10 +98,11 @@ const Pagination = class {
             const page = event.detail;
             this.focusGap(this.openGap);
             this.openGap = undefined;
-            if (this.goTo(page)) {
-                this.awaitedJump = page;
-                this.jumpedFrom = this.view.page;
+            if (!this.goTo(page)) {
+                return;
             }
+            this.awaitedJump = page;
+            this.jumpedFrom = this.view.page;
         };
         // Bound once: a handler built per render is a new identity each time, so
         // every button would have its listener swapped on every page change.
@@ -118,7 +119,7 @@ const Pagination = class {
             this.goTo(Number(page));
         };
         this.translate = (key, params) => {
-            return translations.translate.get(key, this.language, params);
+            return translations.translations.get(key, this.language, params);
         };
     }
     /**
@@ -288,7 +289,7 @@ const Pagination = class {
     }
     render() {
         const { slots } = this.view;
-        return (index.h(index.Host, { key: 'fac46260ef2a4e1e8d4aad962c90477831b6497f' }, index.h("nav", { key: '239f0ba745b9a385064c4a2c91a572e70a9e6525', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), index.h("span", { key: '82fa3c9fb3fa8063be64d8373158d3d0e93138c1', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
+        return (index.h(index.Host, { key: 'f2218cfa9c631d93e39ecee3a9823c3dd73ba505' }, index.h("nav", { key: '7b1989a9abdbf254b66d3d2780583749a3ecd44e', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), index.h("span", { key: 'ad9af64cb7885d6bb6227d5bb6897a267c1a598e', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
     }
     /**
      * Without a count we know where the user is but not how far the set goes,

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
-var translations = require('./translations-DFFpR6AZ.js');
+var index = require('./index-BlsqxTB1.js');
+var translations = require('./translations-CNTWud2a.js');
 var dom = require('./dom-BWMDM6En.js');
 var keycodes = require('./keycodes-k-EdzcMX.js');
-var randomString = require('./random-string-BTzDB2ee.js');
+var randomString = require('./random-string-CFCtFh5l.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var debounce = require('./debounce-DgDnRSlt.js');
-require('./language-CaqPKPyW.js');
+require('./language-v-MMS6ym.js');
 require('./isObject-B6Osvvqp.js');
 require('./toNumber-v-1DEwWD.js');
 require('./isSymbol-DxAVNJfH.js');
@@ -130,7 +130,7 @@ const Picker = class {
         this.search = async (query) => {
             const timeoutId = setTimeout(() => {
                 this.loading = true;
-            });
+            }, 0);
             const searcher = this.searcher || this.defaultSearcher;
             const result = await searcher(this.textValue);
             // If the search function resolves immediately,
@@ -197,7 +197,7 @@ const Picker = class {
             props.maxItems = 1;
         }
         return [
-            index.h("limel-chip-set", Object.assign({ key: '3596e789685aa295baf079c38f4cc4cab0fa3317', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
+            index.h("limel-chip-set", Object.assign({ key: '5045ffdd72efce3465448fb8e1ae3044c32ffea2', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.chipSetEditMode }, props)),
             this.renderDropdown(),
         ];
     }
@@ -297,7 +297,7 @@ const Picker = class {
     }
     renderEmptyMessage() {
         const text = this.emptyResultMessage ||
-            translations.translate.get('picker.no-matching-results', this.language, {
+            translations.translations.get('picker.no-matching-results', this.language, {
                 query: this.textValue,
             });
         const style = {
@@ -481,32 +481,34 @@ const Picker = class {
             listElement.focus();
             return;
         }
-        if (isUp) {
-            const listItems = list.shadowRoot.querySelectorAll('.mdc-deprecated-list-item');
-            const listElement = [...listItems].at(-1);
-            if (!listElement) {
-                return;
-            }
-            event.preventDefault();
-            listElement.focus();
+        if (!isUp) {
+            return;
+        }
+        const listItems = list.shadowRoot.querySelectorAll('.mdc-deprecated-list-item');
+        const listElement = [...listItems].at(-1);
+        if (!listElement) {
+            return;
         }
+        event.preventDefault();
+        listElement.focus();
     }
     handleSearchResult(query, result) {
         var _a;
-        if (query === this.textValue) {
-            let nextItems = result;
-            if (this.multiple) {
-                const values = (_a = this.value) !== null && _a !== void 0 ? _a : [];
-                nextItems = result.filter((item) => {
-                    if ('separator' in item) {
-                        return true;
-                    }
-                    return !values.includes(item);
-                });
-            }
-            this.items = this.prependSearchHeader(query, nextItems);
-            this.loading = false;
+        if (query !== this.textValue) {
+            return;
         }
+        let nextItems = result;
+        if (this.multiple) {
+            const values = (_a = this.value) !== null && _a !== void 0 ? _a : [];
+            nextItems = result.filter((item) => {
+                if ('separator' in item) {
+                    return true;
+                }
+                return !values.includes(item);
+            });
+        }
+        this.items = this.prependSearchHeader(query, nextItems);
+        this.loading = false;
     }
     hasPickableItems(items) {
         return items.some((item) => !('separator' in item));
@@ -518,7 +520,7 @@ const Picker = class {
         if (!this.hasPickableItems(items)) {
             return items;
         }
-        const text = translations.translate.get('picker.results-matching', this.language, {
+        const text = translations.translations.get('picker.results-matching', this.language, {
             query: query,
         });
         return [{ separator: true, text: text }, ...items];