@limetech/lime-elements 39.34.3 → 39.35.0

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-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();
     }

package/dist/collection/util/image.template.js

@@ -0,0 +1,19 @@
+import { h } from "@stencil/core";
+/**
+ * Renders an `Image` as a plain `<img>` element. Centralises the
+ * attribute forwarding so consumer components do not have to
+ * reimplement it. Optional `style` and `onError` are
+ * forwarded to the element for consumers that also need to control
+ * its presentation or react to load failures. Intended for internal
+ * use by lime-elements components that accept an `Image`-shaped prop.
+ *
+ * @param props
+ * @param props.image - the image to render
+ * @param props.style - inline styles for the `<img>`
+ * @param props.onError - handler for the `<img>` `error` event
+ * @internal
+ */
+export const ImageTemplate = ({ image, style, onError, }) => {
+    var _a;
+    return (h("img", { src: image.src, alt: image.alt, loading: (_a = image.loading) !== null && _a !== void 0 ? _a : 'lazy', referrerPolicy: image.referrerpolicy, style: style, onError: onError }));
+};

package/dist/esm/{checkbox.template-CtIjSGPt.js → checkbox.template-LN1xNaDw.js}

@@ -1,4 +1,4 @@
-import { h } from './index-VCOjLfyP.js';
+import { h } from './index-BGxJfR2f.js';
 
 const CheckboxTemplate = (props) => {
     const inputProps = {};

package/dist/esm/image.template-BXDvrqGw.js

@@ -0,0 +1,22 @@
+import { h } from './index-BGxJfR2f.js';
+
+/**
+ * Renders an `Image` as a plain `<img>` element. Centralises the
+ * attribute forwarding so consumer components do not have to
+ * reimplement it. Optional `style` and `onError` are
+ * forwarded to the element for consumers that also need to control
+ * its presentation or react to load failures. Intended for internal
+ * use by lime-elements components that accept an `Image`-shaped prop.
+ *
+ * @param props
+ * @param props.image - the image to render
+ * @param props.style - inline styles for the `<img>`
+ * @param props.onError - handler for the `<img>` `error` event
+ * @internal
+ */
+const ImageTemplate = ({ image, style, onError, }) => {
+    var _a;
+    return (h("img", { src: image.src, alt: image.alt, loading: (_a = image.loading) !== null && _a !== void 0 ? _a : 'lazy', referrerPolicy: image.referrerpolicy, style: style, onError: onError }));
+};
+
+export { ImageTemplate as I };

package/dist/esm/{index-VCOjLfyP.js → index-BGxJfR2f.js}

@@ -2138,6 +2138,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   }
   endBootstrap();
 };
+
+// src/runtime/fragment.ts
+var Fragment = (_, children) => children;
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
   if (listeners && win.document) {
     listeners.map(([flags, name, method]) => {
@@ -2180,4 +2183,4 @@ function transformTag(tag) {
   return tag;
 }
 
-export { Host as H, getElement as a, bootstrapLazy as b, createEvent as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Fragment as F, Host as H, getElement as a, bootstrapLazy as b, createEvent as c, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/lime-elements.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-VCOjLfyP.js';
-export { s as setNonce } from './index-VCOjLfyP.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BGxJfR2f.js';
+export { s as setNonce } from './index-BGxJfR2f.js';
 
 /*
  Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com

package/dist/esm/limel-3d-hover-effect-glow.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-VCOjLfyP.js';
+import { r as registerInstance, h } from './index-BGxJfR2f.js';
 
 const _3dHoverEffectGlowCss = () => `:host(limel-3d-hover-effect-glow){display:block;pointer-events:none;position:absolute;inset:0;mix-blend-mode:plus-lighter}div{position:absolute;inset:0;transition:background, opacity;transition-timing-function:ease-out;transition-duration:0.8s;border-radius:inherit;opacity:var(--limel-3d-hover-effect-glow-opacity, 0.1);background-image:radial-gradient(circle at var(--limel-3d-hover-effect-glow-position, 50% -20%), rgb(var(--color-white), 0.3), rgb(var(--color-white), 0))}`;
 

package/dist/esm/limel-action-bar_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-VCOjLfyP.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BGxJfR2f.js';
 import { t as translate } from './translations-EPnIW0K5.js';
 import { i as isItem } from './is-item-CrvUOVvg.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';

package/dist/esm/limel-ai-avatar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-VCOjLfyP.js';
+import { r as registerInstance, h, H as Host } from './index-BGxJfR2f.js';
 import { t as translate } from './translations-EPnIW0K5.js';
 
 const aiAvatarCss = () => `@charset "UTF-8";:host(limel-ai-avatar){display:inline-flex;justify-content:center;align-items:center;position:relative;aspect-ratio:1;max-width:20rem;max-height:20rem;min-width:1.75rem;min-height:1.75rem;content-visibility:auto;contain-intrinsic-size:auto 5rem}*{box-sizing:border-box}svg{display:block;width:100%;height:100%;overflow:visible}svg.variant-minimal{--limel-ai-avatar-stars-eyes-mouth-color:rgb(var(--contrast-100))}svg.variant-outlined{--limel-ai-avatar-stars-eyes-mouth-color:currentColor}svg.variant-detailed .dark-ball,svg.variant-detailed .light-ball{opacity:0.8}.variant-detailed .variant-minimal-body,.variant-detailed .variant-solid-body{display:none}.variant-minimal .ring-group{display:none}.variant-minimal .variant-detailed-body,.variant-minimal .variant-solid-body{display:none}.variant-solid .ring-group,.variant-outlined .ring-group{display:none}.variant-solid .variant-detailed-body,.variant-solid .variant-minimal-body,.variant-outlined .variant-detailed-body,.variant-outlined .variant-minimal-body{display:none}.variant-solid .outer-ring,.variant-outlined .outer-ring{fill:none;stroke:currentColor;stroke-width:31}.variant-solid .typing-ellipsis .circle,.variant-outlined .typing-ellipsis .circle{fill:currentColor;--limel-ai-avatar-typing-dot-flash-color:currentColor}.variant-solid .dark-ball{fill:currentColor}.variant-outlined .dark-ball{fill:none;stroke:currentColor;stroke-width:15}.variant-minimal .glow-minimal{opacity:0;transform:scale(0.9)}.variant-minimal .light-ball{opacity:0}.eye{transform-origin:298px 360px;transition:transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1);will-change:transform, rotate}.mouth{transform-origin:379px 457px;opacity:0;transform:scale(0.2);transition:transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 300ms ease;will-change:transform, opacity}.eye-left{transform:translate(48px, 34px) scale(1.48)}.eye-right{transform:translate(152px, -74px) scale(0.66)}.glow-minimal,.light-ball{transition:transform 1s ease, opacity 300ms ease;will-change:transform, opacity;transform-origin:370px 370px;transform-box:view-box}.outer-ring,.ring,.glow,.glow-minimal{transform-origin:370px 370px;transform-box:view-box}.outer-ring{transform:scale(0.9);opacity:0;transition:opacity 600ms ease, transform 700ms cubic-bezier(0.55, 0.3, 0.22, 1.54)}.ring,.glow{scale:0.95;opacity:0;transition:opacity 600ms ease}svg:hover .outer-ring{opacity:0.9;transform:scale(1)}svg:hover .ring,svg:hover .glow{opacity:0.5}.mode-active .eye-left,.mode-thinking .eye-left,.mode-typing .eye-left,.mode-waiting .eye-left{transform:translate(0) scale(0.96)}.mode-active .eye-right,.mode-thinking .eye-right,.mode-typing .eye-right,.mode-waiting .eye-right{transform:translate(156px, -20px) scale(0.8)}.mode-active .mouth,.mode-thinking .mouth,.mode-typing .mouth,.mode-waiting .mouth{opacity:1;transform:scale(1)}.mode-active.variant-minimal .light-ball,.mode-thinking.variant-minimal .light-ball,.mode-typing.variant-minimal .light-ball,.mode-waiting.variant-minimal .light-ball{opacity:0.16}.mode-active .eye,.mode-thinking .eye,.mode-waiting .eye{animation:ai-avatar-blink 4.5s ease-in-out infinite}.mode-thinking .eye-left{animation:ai-avatar-blink 4.5s ease-in-out infinite, ai-avatar-look-around-left-eye 9s ease-in-out infinite}.mode-thinking .eye-right{animation:ai-avatar-blink 4.5s ease-in-out infinite, ai-avatar-look-around-right-eye 9s ease-in-out infinite}.mode-thinking .mouth{animation:ai-avatar-mouth-look-around 9s ease-in-out infinite}.mode-thinking .light-ball{animation:ai-avatar-light-ball-swirl 3s linear infinite}.mode-thinking .glow-minimal{opacity:0.3;animation:ai-avatar-breathing 5s ease-in-out infinite}.mode-waiting .glow,.mode-waiting .glow-minimal{animation:ai-avatar-breathing 5s ease-in-out infinite}.mode-waiting .glow-minimal{opacity:0.3}.mode-waiting .outer-ring{animation:ai-avatar-mode-active-ring 2s ease-out infinite}.mode-waiting.variant-minimal .outer-ring,.mode-waiting.variant-solid .outer-ring,.mode-waiting.variant-outlined .outer-ring{scale:1.1}.mode-active .glow-minimal{opacity:0.3;transform:scale(1)}.mode-typing .eye-left{animation:ai-avatar-typing-left-eye 2.5s ease-in-out infinite}.mode-typing .eye-right{animation:ai-avatar-typing-right-eye 2.5s ease-in-out infinite}.mode-typing .mouth{animation:ai-avatar-typing-mouth 2.5s ease-in-out infinite}.mode-typing .typing-ellipsis{opacity:1;transform:scale(1)}.mode-typing .typing-ellipsis .circle{animation:ai-avatar-typing-dot 1.2s infinite}.mode-typing .typing-ellipsis .circle:nth-of-type(2){animation-delay:0.2s}.mode-typing .typing-ellipsis .circle:nth-of-type(3){animation-delay:0.4s}.mode-typing.variant-minimal .light-ball{animation:ai-avatar-breathing 5s ease-in-out infinite}.mode-working .eye-left{animation:ai-avatar-working-left-star 12s steps(50, end) infinite}.mode-working .eye-right{animation:ai-avatar-working-right-star 4s steps(30, end) infinite reverse}.mode-working .light-ball{animation:ai-avatar-light-ball-swirl 6s linear infinite}.mode-working .outer-ring{opacity:0.8;animation:ai-avatar-breathing 5s ease-in-out infinite}.mode-working.variant-minimal .outer-ring,.mode-working.variant-solid .outer-ring,.mode-working.variant-outlined .outer-ring{scale:1.1}.mode-working.variant-minimal .light-ball{opacity:0.16}.typing-ellipsis{opacity:0;transform-origin:370px 620px;transform-box:view-box;scale:2.2;transition:opacity 300ms ease, transform 300ms ease}.typing-ellipsis .circle{fill:var(--ai-avatar-primary-color, rgb(var(--lime-brand-color-ocean-teal, 111, 205, 182)))}@keyframes ai-avatar-typing-dot{0%{transform:translateY(0)}6.25%{transform:translateY(-3px)}12.5%{transform:translateY(0);fill:var(--limel-ai-avatar-typing-dot-flash-color, var(--ai-avatar-accent-color, rgb(var(--lime-brand-color-aqua, 166, 239, 255))))}18.75%{transform:translateY(3px)}25%{transform:translateY(0)}}@keyframes ai-avatar-blink{0%,93%,99%,100%{rotate:x 0deg}96%{rotate:x 85deg}}@keyframes ai-avatar-light-ball-swirl{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes ai-avatar-look-around-left-eye{0%,15%,95%,100%{transform:translate(0) scale(0.96)}25%,40%{transform:translate(65px, -40px) scale(1.004) rotate(-13deg)}55%,70%{transform:translate(-67px, -91px) scale(0.72) rotate(29deg)}}@keyframes ai-avatar-look-around-right-eye{0%,15%,95%,100%{transform:translate(156px, -20px) scale(0.8)}25%,40%{transform:translate(203px, -92px) scale(0.76) rotate(-24deg)}55%,70%{transform:translate(80px, -45px) scale(1) rotate(12deg)}}@keyframes ai-avatar-mouth-look-around{0%,15%,95%,100%{transform:scale(1)}25%,40%{transform:translate(75px, -40px) scale(1.004) rotate(-9deg)}55%,70%{transform:translate(-99px, -45px) scale(1) rotate(9deg)}}@keyframes ai-avatar-typing-left-eye{0%,100%{transform:translate(0, 80px) scale(0.94)}25%{transform:translate(12px, 80px) scale(0.94) rotate(-4deg)}75%{transform:translate(-12px, 80px) scale(0.94) rotate(4deg)}}@keyframes ai-avatar-typing-right-eye{0%,100%{transform:translate(156px, 60px) scale(0.78)}25%{transform:translate(168px, 60px) scale(0.78) rotate(-5deg)}75%{transform:translate(144px, 60px) scale(0.78) rotate(5deg)}}@keyframes ai-avatar-typing-mouth{0%,100%{transform:translate(0, 70px) scale(1)}25%{transform:translate(6px, 70px) scale(1)}75%{transform:translate(-6px, 70px) scale(1)}}@keyframes ai-avatar-working-left-star{0%{transform:translate(48px, 34px) scale(1.48) rotate(0deg)}100%{transform:translate(48px, 34px) scale(1.48) rotate(360deg)}}@keyframes ai-avatar-working-right-star{0%{transform:translate(152px, -74px) scale(0.66) rotate(0deg)}100%{transform:translate(152px, -74px) scale(0.66) rotate(360deg)}}@keyframes ai-avatar-mode-active-ring{0%{transform:scale(0.9);opacity:0}30%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}@keyframes ai-avatar-breathing{0%,60%,100%{transform:scale(0.9)}25%{transform:scale(1)}}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-VCOjLfyP.js';
+import { r as registerInstance, h, H as Host } from './index-BGxJfR2f.js';
 import { a as abbreviate } from './format-hTrthuPP.js';
 import './_commonjsHelpers-B85MJLTf.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-VCOjLfyP.js';
+import { r as registerInstance, h } from './index-BGxJfR2f.js';
 
 const bannerCss = () => `.lime-banner{min-height:3.25rem;display:none;background-color:rgba(var(--contrast-100), 0.7);backdrop-filter:blur(0.3125rem);box-shadow:var(--shadow-depth-16)}.lime-banner.lime-banner--open{display:block}.lime-banner.lime-banner--open .lime-banner__surface{opacity:1}.lime-banner .lime-banner__surface{display:flex;justify-content:center;box-sizing:border-box;opacity:0}.lime-banner .lime-banner__content{display:flex;align-items:center;align-content:stretch;padding:1rem;flex-wrap:wrap}.lime-banner .icon-message{display:flex;align-items:center}.lime-banner div[class^=mdc-typography]{color:rgb(var(--contrast-1200))}.lime-banner .lime-banner__icon{margin:0 0.625rem;align-self:flex-start}.lime-banner .lime-banner__actions{margin-left:3.125rem;display:flex;justify-content:flex-end}.lime-banner limel-icon{color:var(--banner-icon-fill-color, rgb(var(--contrast-100)));background-color:var(--banner-icon-background-color, rgb(var(--contrast-800)))}@media screen and (max-width: 760px){.lime-banner__content{flex-direction:column;gap:0.5rem}.icon-message{display:flex;align-items:center}.lime-banner__actions{margin-left:0}}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-VCOjLfyP.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-BGxJfR2f.js';
 import { m as makeEnterClickable, r as removeEnterClickable } from './make-enter-clickable-BgTwPGeH.js';
 import { c as createRandomString } from './random-string-JbKhhoXs.js';
 import { g as getIconName, b as getIconColor } from './get-icon-props-CgNJbSP4.js';