@limetech/lime-elements 39.34.2 → 39.35.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.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}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.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)}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 
 const helperLineCss = () => `:host(limel-helper-line){transition:opacity 0.2s ease;box-sizing:border-box;display:grid;min-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;line-height:normal;color:rgb(var(--contrast-1200))}div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}:host(limel-helper-line.invalid){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-helper-line.invalid) .helper-text{color:var(--limel-theme-error-color)}.counter{flex-shrink:0;margin-left:auto}.helper-text,.counter{padding-top:0.125rem}:host(limel-helper-line){transition:grid-template-rows var(--limel-h-l-grid-template-rows-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89);grid-template-rows:var(--limel-h-l-grid-template-rows, 1fr)}:host(limel-helper-line.hide){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var hotkeys = require('./hotkeys-BtR8uxvl.js');
 var device = require('./device-C9O7lYI9.js');
 var randomString = require('./random-string-BTzDB2ee.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var makeEnterClickable = require('./make-enter-clickable-NuTMC9MU.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var config = require('./config-dit--4m5.js');
 
 class CacheStorageIconCache {

package/dist/cjs/limel-info-tile.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var _3dTiltHoverEffect = require('./3d-tilt-hover-effect-DI8kt0Y0.js');
 var linkHelper = require('./link-helper-DwlfFJVL.js');
 

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

@@ -1,11 +1,12 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var randomString = require('./random-string-BTzDB2ee.js');
-var renderListComponent = require('./render-list-component-DAV1Dyg1.js');
-var checkbox_template = require('./checkbox.template-BLkvZRs6.js');
+var renderListComponent = require('./render-list-component-1GrRKk_R.js');
+var checkbox_template = require('./checkbox.template-BewtdTin.js');
 var translations = require('./translations-VEsa81QY.js');
+var image_template = require('./image.template-DZC6_5a4.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{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:2rem;height:2rem;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)}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)}`;
 
@@ -84,7 +85,7 @@ const ListItemComponent = class {
             if (!this.image) {
                 return;
             }
-            return index.h("img", { src: this.image.src, alt: this.image.alt, loading: "lazy" });
+            return index.h(image_template.ImageTemplate, { image: this.image });
         };
         this.renderActionMenu = (actions) => {
             if (!actions || actions.length === 0) {
@@ -129,9 +130,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: 'b8fffd5b8a9fe0cf368a90ae877db90b700df321', role: this.getHostRole(), class: {
+        return (index.h(index.Host, Object.assign({ key: '8b104417adbf0e3e49afa7b18a109cfa807ac098', 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: 'ef54b425fad03b76dcffc1a146e8fc6dd28ed407', 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: 'e5620bf079f116d01c7b5f9b6d3834721a3f33bb', 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,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./index-8x93m5oI.js');
+var index$1 = require('./index-DYg_7kkT.js');
 var markdownParser = require('./markdown-parser-F3YRMjcy.js');
 var config = require('./config-dit--4m5.js');
 var index = require('./index-ETPz91V5.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.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}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var hotkeys = require('./hotkeys-BtR8uxvl.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}`;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var translations = require('./translations-VEsa81QY.js');
 var dom = require('./dom-BWMDM6En.js');
 var keycodes = require('./keycodes-B75-uKOK.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 var keycodes = require('./keycodes-B75-uKOK.js');
 var focusTriggerElement = require('./focus-trigger-element-BfnJmxKO.js');

package/dist/cjs/limel-profile-picture.cjs.entry.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var files = require('./files-Bt11HLi4.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var translations = require('./translations-VEsa81QY.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 var imageResize = require('./image-resize-FAwzj92q.js');
+var image_template = require('./image.template-DZC6_5a4.js');
 require('./file-metadata-BrhOssGG.js');
 require('./icons-isR5V1X0.js');
 
@@ -167,9 +168,9 @@ const ProfilePicture = class {
     renderAvatar() {
         const src = this.getImageSrc();
         if (src) {
-            return (index.h("img", { src: src, alt: "", style: {
+            return (index.h(image_template.ImageTemplate, { image: { src, alt: '', referrerpolicy: 'no-referrer' }, style: {
                     '--limel-profile-picture-object-fit': this.imageFit,
-                }, loading: "lazy", onError: this.onImageError }));
+                }, onError: this.onImageError }));
         }
         return this.renderIcon();
     }

package/dist/cjs/limel-progress-flow-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 
 const progressFlowItemCss = () => `@charset "UTF-8";.step:before,.step .lock-icon{pointer-events:none;box-sizing:border-box;z-index:var(--limel-progress-flow-step-content)}.step::before{position:absolute;right:var(--selected-indicator-right);border-radius:50%}.last .step:before,.last .step .lock-icon{right:0.5rem}.flow-item:not(.off-progress-item) .step.selected:before{content:"";width:0.375rem;height:0.375rem;background-color:rgb(var(--contrast-700));opacity:0.7}.lock-icon{margin-left:0.25rem;margin-right:-0.5rem;width:0.75rem;color:currentColor;scale:0.8}.step{color:var(--step-text);background-color:var(--step-background)}.step .icon{color:var(--progress-flow-icon-color--inactive, var(--step-text))}.flow-item.selected .step{color:var(--step-text--selected);background-color:var(--step-background--selected)}.flow-item.selected .step .divider:after{background-color:var(--step-background--selected)}.flow-item.selected .step .icon{color:var(--step-text--selected)}.flow-item.passed .step{color:var(--step-text--passed);background-color:var(--step-background--passed)}.flow-item.passed .step .divider:after{background-color:var(--step-background--passed)}.flow-item.passed .step .icon{color:var(--step-text--passed)}.divider:after{border-color:var(--step-divider-color);background-color:var(--step-background)}.flow-item{--step-background:var(       --progress-flow-step-background-color,       rgb(var(--contrast-600))   );--step-background--selected:var(       --progress-flow-step-background-color--selected,       var(--lime-primary-color, var(--limel-theme-primary-color))   );--step-background--passed:var(       --progress-flow-step-background-color--passed,       var(--step-background--selected)   );--step-text:var(       --progress-flow-step-text-color,       rgb(var(--contrast-1200))   );--step-text--selected:var(       --progress-flow-step-text-color--selected,       var(--lime-on-primary-color, var(--limel-theme-on-primary-color))   );--step-text--passed:var(       --progress-flow-step-text-color--passed,       var(--step-text--selected)   );--step-divider-color:var(       --progress-flow-step-divider-color,       rgb(var(--contrast-100))   );position:relative;width:100%;display:flex;flex-direction:column;align-items:stretch}.flow-item:not(.off-progress-item,.last) .divider:after{content:""}.flow-item.off-progress-item{padding-left:0.5rem}.flow-item.first-off-progress-item{padding-left:1rem}.step{transition:background-color 0.2s ease, box-shadow 0.2s ease;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:var(--step-height);border:none;font-size:var(--limel-theme-default-font-size)}.step.disabled{cursor:not-allowed}.step.disabled.readonly{opacity:1;cursor:default}.step:focus{outline:none}.step:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.flow-item:not(.off-progress-item,.first) .step{padding-left:calc(var(--step-height) / 2)}.flow-item:not(.selected) .step:not(.disabled){cursor:pointer}.flow-item:not(.selected) .step:not(.disabled):hover{box-shadow:var(--button-shadow-normal)}.flow-item:not(.selected) .step:not(.disabled):active{box-shadow:var(--button-shadow-pressed)}.off-progress-item .step{border-radius:0.25rem;padding:0 0.75rem}.off-progress-item .step .icon{margin-left:0}.flow-item.first .step{border-top-left-radius:var(--step-height);border-bottom-left-radius:var(--step-height);padding-left:1.25rem}.flow-item.last .step{border-top-right-radius:var(--step-height);border-bottom-right-radius:var(--step-height);padding-right:1.25rem}.divider{display:flex;align-items:center;justify-content:center;width:var(--step-height);height:var(--step-height);position:absolute;z-index:var(--limel-progress-flow-divider);right:calc(var(--step-height) / 2 * -1);overflow:hidden}.divider:after{position:absolute;display:block;box-sizing:border-box;transition:background-color 0.2s ease;width:100%;height:100%;right:calc(var(--step-height) / 5);transform:rotate(45deg);border-style:solid;border-width:0.125rem 0.125rem 0 0;border-radius:0 0.5rem 0 0;border-color:var(--step-divider-color)}.flow-item.last .divider{width:0}.text,.secondary-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:var(--max-text-width);z-index:var(--limel-progress-flow-step-content)}.secondary-text{font-size:0.75rem;margin:auto;padding-left:calc(var(--step-height) / 2)}.icon{margin:0 0.5rem 0 0.25rem;z-index:var(--limel-progress-flow-step-content)}`;

package/dist/cjs/limel-progress-flow.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 
 const progressFlowCss = () => `:host{--limel-progress-flow-step-content:2;--limel-progress-flow-divider:1;--step-height:2rem;--selected-indicator-right:-0.5rem;--max-text-width:10rem;isolation:isolate;box-sizing:border-box;width:100%;display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0.25rem}:host::-webkit-scrollbar{display:none}:host(.is-narrow){--step-height:1.5rem;--selected-indicator-right:0}`;

package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./index-8x93m5oI.js');
+var index$1 = require('./index-DYg_7kkT.js');
 var types = require('./types-Bu6wcdI0.js');
 var markdownParser = require('./markdown-parser-F3YRMjcy.js');
 var cloneDeep = require('./cloneDeep-hE40Q8aw.js');

package/dist/cjs/limel-radio-button-group.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 
 const RadioButtonGroup = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 
 const radioButtonCss = () => `@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}.radio-button{--limel-boolean-input-box-border-radius:var(       --limel-boolean-input-box-size   )}.radio-button .box:after{width:100%;height:100%;border-radius:50%}.boolean-input:has(input[type=radio]:checked) .box:after{opacity:1;transform:scale(0.6);box-shadow:var(--shadow-depth-8)}`;
 

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var device = require('./device-C9O7lYI9.js');
 var keycodes = require('./keycodes-B75-uKOK.js');
 var multiple = require('./multiple-DYfiga7l.js');
 var randomString = require('./random-string-BTzDB2ee.js');
-var renderListComponent = require('./render-list-component-DAV1Dyg1.js');
+var renderListComponent = require('./render-list-component-1GrRKk_R.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var component = require('./component-BrNWuGdj.js');
 var ponyfill = require('./ponyfill-BgIFyUG5.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var linkHelper = require('./link-helper-DwlfFJVL.js');
 var _3dTiltHoverEffect = require('./3d-tilt-hover-effect-DI8kt0Y0.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 
 /**

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var translations = require('./translations-VEsa81QY.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 
 const splitButtonCss = () => `@charset "UTF-8";:host(limel-split-button.has-menu){--button-padding-right:2rem}:host(limel-split-button){display:inline-flex;isolation:isolate}:host(limel-split-button) *{box-sizing:border-box}limel-button{width:100%}limel-menu{display:flex;justify-content:flex-end;position:relative;z-index:1;padding:0.125rem;margin-left:calc(var(--button-padding-right) * -1);width:var(--button-padding-right)}limel-menu:before{transition:background-color 0.5s ease;content:"";position:absolute;inset:0.375rem auto 0.375rem 0.6875rem;width:1px;background-color:currentColor;opacity:0.2}limel-menu:not([disabled]){color:var(--lime-primary-color, var(--limel-theme-primary-color))}limel-menu:not([disabled]).primary{color:var(--lime-on-primary-color, var(--limel-theme-on-primary-color))}limel-menu[disabled]{color:rgba(var(--contrast-1600), 0.37)}limel-menu:hover:before,limel-menu:focus-within:before{background-color:transparent}button.menu-trigger{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;text-align:center;font-weight:bold;border-radius:0.125rem;height:100%;width:1rem}button.menu-trigger: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:"inherit";background-color:transparent}button.menu-trigger:not(:disabled):hover,button.menu-trigger:not(:disabled):focus,button.menu-trigger:not(:disabled):focus-visible{will-change:color, background-color, box-shadow, transform}button.menu-trigger:not(:disabled):hover,button.menu-trigger:not(:disabled):focus-visible{transform:translate3d(0, 0.01rem, 0);color:"inherit";background-color:var(--lime-elevated-surface-background-color)}button.menu-trigger:not(:disabled):hover{box-shadow:var(--button-shadow-hovered)}button.menu-trigger: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.menu-trigger:not(:disabled):hover,button.menu-trigger:not(:disabled):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.menu-trigger:not(:disabled):focus{outline:none}button.menu-trigger:not(:disabled):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.menu-trigger:not(:disabled){cursor:pointer}button.menu-trigger:not(:disabled):focus-visible,button.menu-trigger:not(:disabled):hover{background-color:rgb(var(--color-white), 0.1)}button.menu-trigger[aria-expanded]:not([aria-expanded=false]){box-shadow:var(--button-shadow-inset-pressed)}button.menu-trigger:before{content:"";position:absolute;inset:-0.25rem;z-index:-1}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 var makeEnterClickable = require('./make-enter-clickable-NuTMC9MU.js');
 

package/dist/cjs/limel-tab-bar.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var isEqual = require('./isEqual-Cd9J8a5-.js');
 var ponyfill = require('./ponyfill-BgIFyUG5.js');

package/dist/cjs/limel-tab-panel.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var dispatchResizeEvent = require('./dispatch-resize-event-DH5CaB3p.js');
 
 const tabPanelCss = () => `:host(limel-tab-panel){--tab-panel-background-color:rgb(var(--contrast-100));display:block;height:100%}.tab-panel{height:100%;position:relative;display:flex;flex-direction:column}.tab-content{height:100%;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;background-color:var(--tab-panel-background-color)}`;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var pickBy = require('./pickBy-D-X6S5kg.js');
 var layout = require('./layout-CL_D-afg.js');
 var isEqual = require('./isEqual-Cd9J8a5-.js');

package/dist/cjs/limel-text-editor-link-menu.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var translations = require('./translations-VEsa81QY.js');
 var keycodes = require('./keycodes-B75-uKOK.js');
 

package/dist/cjs/limel-text-editor.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 var randomString = require('./random-string-BTzDB2ee.js');
 
 const textEditorCss = () => `@charset "UTF-8";*{box-sizing:border-box}:host(limel-text-editor){--limel-notched-outline-z-index:2;--limel-prosemirror-adapter-toolbar-opacity:0.6;--limel-text-editor-padding:0.25rem 1rem 0.75rem 1rem;--limel-prosemirror-adapter-toolbar-grid-template-rows:1fr;--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration:0.3s;--limel-prosemirror-adapter-toolbar-transition-timing-function:cubic-bezier(       0.19,       0.23,       0.26,       0.89   );position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;min-width:5rem;min-height:5rem;height:100%;max-height:var(--text-editor-max-height, calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)) - 4rem));padding:1px}:host(limel-text-editor) limel-notched-outline{height:100%}:host(limel-text-editor:focus-within),:host(limel-text-editor:not([ui=minimal]):hover){--limel-prosemirror-adapter-toolbar-opacity:1}:host(limel-text-editor[ui=minimal]:not(:focus-within)){--limel-prosemirror-adapter-toolbar-grid-template-rows:0fr;--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration:0.46s;--limel-prosemirror-adapter-action-bar-padding-top-bottom:0;--limel-prosemirror-adapter-toolbar-opacity:0}:host(limel-text-editor[ui=minimal]:not(:focus-within)),:host(limel-text-editor[ui=no-toolbar]){--limel-text-editor-padding:0.75rem 1rem 0.75rem 1rem;--limel-text-editor-placeholder-top:0;min-height:2.5rem}:host(limel-text-editor[ui=minimal]:not(:focus-within)) limel-prosemirror-adapter,:host(limel-text-editor[ui=no-toolbar]) limel-prosemirror-adapter{min-height:2.5rem}:host(limel-text-editor:focus-within) .placeholder,:host(limel-text-editor:focus) .placeholder{opacity:0}:host(limel-text-editor[disabled]:not([disabled=false])) limel-prosemirror-adapter{cursor:not-allowed;opacity:0.4;pointer-events:none}:host(limel-text-editor[readonly]:not([readonly=false])){--limel-text-editor-padding:0.75rem 1rem 0.75rem 1rem;--limel-text-editor-placeholder-top:0}:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown{display:block;padding:var(--limel-text-editor-padding);overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown:before,:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown:after{z-index:1;pointer-events:none;content:"";display:block;position:absolute;width:100%}:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown:after{height:1.75rem;top:0;background:linear-gradient(var(--text-editor-fade-out-background-color, rgb(var(--contrast-100))), transparent)}:host(limel-text-editor[readonly]:not([readonly=false])) limel-markdown:before{height:2rem;bottom:-0.25rem;background:linear-gradient(transparent, var(--text-editor-fade-out-background-color, rgb(var(--contrast-100))))}.placeholder{transition-property:top;transition-duration:var(--limel-prosemirror-adapter-toolbar-grid-template-rows-transition-duration);transition-timing-function:var(--limel-prosemirror-adapter-toolbar-transition-timing-function);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;position:absolute;top:var(--limel-text-editor-placeholder-top, 2.25rem);left:0;right:0;padding:var(--limel-text-editor-padding);font-style:italic;font-size:var(--limel-theme-default-font-size);color:rgb(var(--contrast-900))}limel-prosemirror-adapter{flex-grow:1;min-width:0;min-height:5rem;height:100%;max-height:100%;overflow:hidden auto;-webkit-overflow-scrolling:touch}:host(limel-text-editor:focus),:host(limel-text-editor:focus-visible),:host(limel-text-editor:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-text-editor){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-text-editor:focus) limel-helper-line,:host(limel-text-editor:focus-visible) limel-helper-line,:host(limel-text-editor:focus-within) limel-helper-line,:host(limel-text-editor:hover) limel-helper-line{will-change:grid-template-rows}:host(limel-text-editor[allow-resize]) limel-prosemirror-adapter{resize:vertical}`;

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{render-list-component-DAV1Dyg1.js → render-list-component-1GrRKk_R.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-8x93m5oI.js');
+var index = require('./index-DYg_7kkT.js');
 
 /**
  * Renders a `ListComponent` as a JSX element.

package/dist/collection/components/card/card.js

@@ -1,4 +1,5 @@
 import { h, Host, } from "@stencil/core";
+import { ImageTemplate } from "../../util/image.template";
 import { isItem } from "../action-bar/is-item";
 import { getIconName } from "../icon/get-icon-props";
 import { getMouseEventHandlers } from "../../util/3d-tilt-hover-effect";
@@ -115,14 +116,14 @@ export class Card {
         this.setMarkdownElement(this.markdownElement);
     }
     render() {
-        return (h(Host, { key: '44bb83ce255cae492800db3f8283b928118700e8', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: '9e9de67b83534b0d3bafa199adf03706ab3b9903', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), h("div", { key: 'be85792383afb78a9d8290283c248a6aebbaf636', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: '6e6f191c5df43949be0655b5c4729274f99f67e7' }))));
+        return (h(Host, { key: 'bd6a187317d0b475747be4fe270452ab8b38ef3c', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: '3cd9af303c7c3cc1db1cfc52e80dc05c4ec409de', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), h("div", { key: 'a9c535c05a993af0ef8f515bb1380d36fdf9f3ce', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: '93fc81bc92ff7cf2272f854d3b218651994ae5d8' }))));
     }
     renderImage() {
         var _a;
         if (!((_a = this.image) === null || _a === void 0 ? void 0 : _a.src)) {
             return;
         }
-        return (h("div", { class: "image-wrapper" }, h("img", { src: this.image.src, alt: this.image.alt, loading: "lazy" })));
+        return (h("div", { class: "image-wrapper" }, h(ImageTemplate, { image: this.image })));
     }
     renderHeader() {
         if (!this.heading && !this.subheading && !this.icon) {

package/dist/collection/components/chip/chip.js

@@ -1,4 +1,5 @@
 import { h, Host, } from "@stencil/core";
+import { ImageTemplate } from "../../util/image.template";
 import { getRel } from "../../util/link-helper";
 import { getIconName } from "../icon/get-icon-props";
 import { makeEnterClickable, removeEnterClickable, } from "../../util/make-enter-clickable";
@@ -175,7 +176,7 @@ export class Chip {
         removeEnterClickable(this.host);
     }
     render() {
-        return (h(Host, { key: 'b8f705c07c6099b0a6dec51a0dd8b19e40385d9f', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
+        return (h(Host, { key: 'a18828c21bced036d29fdde1fd94af6b168a3da9', onClick: this.filterClickWhenDisabled }, this.link ? this.renderAsLink() : this.renderAsButton()));
     }
     renderPicture() {
         var _a, _b;
@@ -184,7 +185,7 @@ export class Chip {
             return;
         }
         if (!isEmpty(this.image)) {
-            return (h("img", { src: this.image.src, alt: this.image.alt, loading: "lazy" }));
+            return h(ImageTemplate, { image: this.image });
         }
         return (h("limel-icon", { badge: true, name: icon, style: {
                 color: `${(_a = this.icon) === null || _a === void 0 ? void 0 : _a.color}`,

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

@@ -1,8 +1,9 @@
-import { h, } from "@stencil/core";
+import { Fragment, h, } from "@stencil/core";
 import translate from "../../global/translations";
 import { detectExtension } from "./extension-mapping";
 import { Fullscreen } from "./fullscreen";
 import { loadEmail } from "../email-viewer/email-loader";
+import { ImageTemplate } from "../../util/image.template";
 /**
  * This is a smart component that automatically detects
  * the most common file types such as image, audio, video, and text,
@@ -79,10 +80,12 @@ export class FileViewer {
             ];
         };
         this.renderImage = () => {
-            return [
-                this.renderButtons(),
-                h("img", { src: this.sanitizeUrl(this.fileUrl), alt: this.alt, loading: "lazy" }),
-            ];
+            var _a;
+            return (h(Fragment, null, this.renderButtons(), h(ImageTemplate, { image: {
+                    src: this.sanitizeUrl(this.fileUrl),
+                    alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '',
+                    referrerpolicy: 'no-referrer',
+                } })));
         };
         this.renderVideo = () => {
             return (h("video", { controls: true }, h("source", { src: this.sanitizeUrl(this.fileUrl) })));

package/dist/collection/components/list/list.js

@@ -46,9 +46,40 @@ export class List {
             if (!element) {
                 return;
             }
+            this.listElement = element;
+            this.listElement.removeEventListener('mousedown', this.handleItemMouseDown);
+            this.listElement.addEventListener('mousedown', this.handleItemMouseDown);
             this.mdcList = new MDCList(element);
             this.mdcList.hasTypeahead = true;
         };
+        /**
+         * Focus the pressed list item directly, without scrolling.
+         *
+         * Since the list uses `delegatesFocus`, pressing a non-focusable part of
+         * a list item (e.g. its text) would otherwise delegate focus to the first
+         * focusable row, scrolling it into view. In a scrolled list that moves the
+         * pressed row out from under the pointer before the click completes, so the
+         * click lands on empty space and no item gets selected.
+         *
+         * Bound to `mousedown` only (not `pointerdown`) so a touch-drag to scroll
+         * that starts on a row is not blocked by `preventDefault`.
+         *
+         * @param event - the mousedown event
+         */
+        this.handleItemMouseDown = (event) => {
+            var _a;
+            const target = event.target;
+            const itemElement = (_a = target === null || target === void 0 ? void 0 : target.closest) === null || _a === void 0 ? void 0 : _a.call(target, '.mdc-deprecated-list-item');
+            if (!itemElement) {
+                return;
+            }
+            // Suppress the default focus delegation (and its scroll) for any row,
+            // but only move focus to interactive (non-disabled) rows.
+            event.preventDefault();
+            if (!itemElement.classList.contains('mdc-deprecated-list-item--disabled')) {
+                itemElement.focus({ preventScroll: true });
+            }
+        };
         this.setupListeners = () => {
             if (!this.mdcList) {
                 return;
@@ -63,9 +94,10 @@ export class List {
             this.mdcList.singleSelection = !this.multiple;
         };
         this.teardown = () => {
-            var _a, _b;
-            (_a = this.mdcList) === null || _a === void 0 ? void 0 : _a.unlisten(ACTION_EVENT, this.handleAction);
-            (_b = this.mdcList) === null || _b === void 0 ? void 0 : _b.destroy();
+            var _a, _b, _c;
+            (_a = this.listElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('mousedown', this.handleItemMouseDown);
+            (_b = this.mdcList) === null || _b === void 0 ? void 0 : _b.unlisten(ACTION_EVENT, this.handleAction);
+            (_c = this.mdcList) === null || _c === void 0 ? void 0 : _c.destroy();
         };
         this.handleAction = (event) => {
             if (!this.multiple) {
@@ -143,7 +175,7 @@ export class List {
             maxLinesSecondaryText = 1;
         }
         const html = this.listRenderer.render(this.items, this.config);
-        return (h(Host, { key: '02f96dd9abcf8c67ffcac1ee066d5118e94b04f4', style: {
+        return (h(Host, { key: 'cf75b5469a04c515ea9d11adc88a5db66bb01358', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }

package/dist/collection/components/list-item/list-item.js

@@ -4,6 +4,7 @@ import { createRandomString } from "../../util/random-string";
 import { renderListComponent } from "../../util/render-list-component";
 import { CheckboxTemplate } from "../checkbox/checkbox.template";
 import translate from "../../global/translations";
+import { ImageTemplate } from "../../util/image.template";
 /**
  * This components displays the list item.
  * This centralizes styles and functionality, and helps reduce redundant code
@@ -112,7 +113,7 @@ export class ListItemComponent {
             if (!this.image) {
                 return;
             }
-            return h("img", { src: this.image.src, alt: this.image.alt, loading: "lazy" });
+            return h(ImageTemplate, { image: this.image });
         };
         this.renderActionMenu = (actions) => {
             if (!actions || actions.length === 0) {
@@ -157,9 +158,9 @@ export class ListItemComponent {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (h(Host, Object.assign({ key: 'b8fffd5b8a9fe0cf368a90ae877db90b700df321', role: this.getHostRole(), class: {
+        return (h(Host, Object.assign({ key: '8b104417adbf0e3e49afa7b18a109cfa807ac098', 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: 'ef54b425fad03b76dcffc1a146e8fc6dd28ed407', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: 'e5620bf079f116d01c7b5f9b6d3834721a3f33bb', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
     }
     /**
      * Returns a stable reference for the provided actions array to avoid

package/dist/collection/components/profile-picture/profile-picture.js

@@ -4,6 +4,7 @@ import { getIconName } from "../icon/get-icon-props";
 import translate from "../../global/translations";
 import { createRandomString } from "../../util/random-string";
 import { resizeImage } from "../../util/image-resize";
+import { ImageTemplate } from "../../util/image.template";
 /**
  * This component displays a profile picture, while allowing the user
  * to change it via a file input or drag-and-drop.
@@ -177,9 +178,9 @@ export class ProfilePicture {
     renderAvatar() {
         const src = this.getImageSrc();
         if (src) {
-            return (h("img", { src: src, alt: "", style: {
+            return (h(ImageTemplate, { image: { src, alt: '', referrerpolicy: 'no-referrer' }, style: {
                     '--limel-profile-picture-object-fit': this.imageFit,
-                }, loading: "lazy", onError: this.onImageError }));
+                }, onError: this.onImageError }));
         }
         return this.renderIcon();
     }