@limetech/lime-elements 39.1.4 → 39.2.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ddjrlc-6.js');
+var index = require('./index-BjHIBY-I.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 var isEqual = require('./isEqual-B32SmSAJ.js');
 var ponyfill = require('./ponyfill-CNdYytGF.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ddjrlc-6.js');
+var index = require('./index-BjHIBY-I.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-Ddjrlc-6.js');
+var index = require('./index-BjHIBY-I.js');
 var _baseIteratee = require('./_baseIteratee-DrEpOCx4.js');
 var _assignValue = require('./_assignValue-D2D1zedG.js');
 var isArrayLike = require('./isArrayLike-_dR1U5-Y.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ddjrlc-6.js');
+var index = require('./index-BjHIBY-I.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-Ddjrlc-6.js');
+var index = require('./index-BjHIBY-I.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/collection/collection-manifest.json

@@ -81,7 +81,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.41.2",
+    "version": "4.43.1",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/form/fields/object-field.js

@@ -4,30 +4,10 @@ import { CodeEditor } from "../widgets/code-editor";
 import { renderDescription, renderTitle } from "../templates/common";
 import { isCustomObjectSchema } from "./field-helpers";
 export class ObjectField extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleValidation = (error) => {
-            this.setState({
-                error: error,
-            });
-        };
-        this.state = {
-            error: null,
-        };
-    }
     render() {
         if (!isCustomObjectSchema(this.props.schema)) {
             return React.createElement(JSONObjectField, this.props);
         }
-        return React.createElement(React.Fragment, {}, renderTitle(this.props.schema.title), renderDescription(this.props.schema.description), React.createElement(CodeEditor, Object.assign(Object.assign({}, this.props), { onValidate: this.handleValidation })), this.renderErrors());
-    }
-    renderErrors() {
-        if (!this.state.error) {
-            return;
-        }
-        return React.createElement('div', {
-            role: 'alert',
-            className: 'form-error',
-        }, this.state.error);
+        return React.createElement(React.Fragment, {}, renderTitle(this.props.schema.title), renderDescription(this.props.schema.description), React.createElement(CodeEditor, this.props));
     }
 }

package/dist/collection/components/form/form.js

@@ -27,6 +27,7 @@ import { mapValues } from "lodash-es";
  * @exampleComponent limel-example-form-with-help
  * @exampleComponent limel-example-form-row-layout
  * @exampleComponent limel-example-builtin-field-types-form
+ * @exampleComponent limel-example-code-editor-form
  */
 export class Form {
     constructor() {
@@ -71,7 +72,7 @@ export class Form {
         }
     }
     render() {
-        return h("div", { key: '515f0603403b9f432e97d9916e6d6c07f3edd9e7', class: "root" });
+        return h("div", { key: 'd78a035d42497e4b3204d04bccc30b4956b128a1', class: "root" });
     }
     reactRender() {
         if (!this.root) {

package/dist/collection/components/form/widgets/code-editor.js

@@ -1,8 +1,9 @@
 import React from "react";
+import { isEmpty } from "lodash-es";
 export class CodeEditor extends React.Component {
     constructor(props) {
         super(props);
-        this.props = props;
+        this.state = { validationError: '', modified: false };
         this.handleChange = this.handleChange.bind(this);
     }
     render() {
@@ -14,6 +15,19 @@ export class CodeEditor extends React.Component {
         catch (_a) {
             // N/A
         }
+        const { validationError, modified } = this.state;
+        const { errorSchema, formData, required } = props;
+        const hasSchemaErrors = !isEmpty(errorSchema);
+        const hasValue = formData !== undefined && formData !== null;
+        const shouldShowSchemaErrors = hasSchemaErrors && (modified || hasValue || !required);
+        const isInvalid = validationError.length > 0 || shouldShowSchemaErrors;
+        let helperText;
+        if (validationError) {
+            helperText = validationError;
+        }
+        else if (shouldShowSchemaErrors) {
+            helperText = findFirstError(errorSchema);
+        }
         return React.createElement('limel-code-editor', {
             value: value,
             language: 'json',
@@ -21,21 +35,67 @@ export class CodeEditor extends React.Component {
             fold: true,
             lint: true,
             onChange: this.handleChange,
+            invalid: isInvalid,
+            helperText: helperText,
         });
     }
+    componentDidUpdate(prevProps) {
+        if (prevProps.formData !== this.props.formData &&
+            (this.state.validationError !== '' || this.state.modified)) {
+            this.setState({ validationError: '', modified: false });
+        }
+    }
     handleChange(event) {
         const props = this.props;
         event.stopPropagation();
         if (!props.onChange) {
             return;
         }
+        let value;
         try {
-            const value = JSON.parse(event.nativeEvent.detail);
-            props.onChange(value);
-            props.onValidate();
+            value = JSON.parse(event.nativeEvent.detail);
         }
-        catch (_a) {
-            props.onValidate('Should be a valid JSON document');
+        catch (error) {
+            const validationError = error instanceof SyntaxError
+                ? `Invalid JSON: ${error.message}`
+                : 'Should be a valid JSON document';
+            this.setState({ validationError, modified: true });
+            return;
+        }
+        props.onChange(value);
+        this.setState({ validationError: '', modified: true });
+    }
+}
+/**
+ * Recursively finds the first error message in a potentially nested errorSchema.
+ * Checks for __errors at the current level, then recurses into nested objects.
+ * When an error is found in a nested property, the property name is prepended
+ * to the message for context (e.g. `"method: is a required property"`).
+ *
+ * @param schema - The error schema to search for errors
+ * @returns The first error message found, or undefined if no errors
+ */
+function findFirstError(schema) {
+    if (!schema || typeof schema !== 'object') {
+        return undefined;
+    }
+    if ('__errors' in schema && Array.isArray(schema.__errors)) {
+        const errors = schema.__errors;
+        if (errors.length > 0) {
+            return errors[0];
+        }
+    }
+    for (const key of Object.keys(schema)) {
+        if (key === '__errors') {
+            continue;
+        }
+        const nested = schema[key];
+        if (nested && typeof nested === 'object') {
+            const found = findFirstError(nested);
+            if (found) {
+                return `${key}: ${found}`;
+            }
         }
     }
+    return undefined;
 }

package/dist/esm/{checkbox.template-BB2t2jwT.js → checkbox.template-CfWJ3CAC.js}

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

package/dist/esm/{index-xvTBZcD2.js → index-DBTJNfo7.js}

@@ -5,7 +5,7 @@ const globalScripts = () => {};
 const globalStyles = "@charset \"UTF-8\";.limel-portal--container{font-family:var(--limel-portal-font-family, inherit);opacity:0;display:none}.limel-portal--container.is-visible{opacity:1;display:inline-block}.limel-portal--container.is-visible>*{will-change:opacity, transform}@keyframes fade-in{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1) translate3d(0, 0, 0)}}@keyframes fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.94) translate3d(0, 0, 0)}}.limel-portal--container>*{animation:fade-in 0.18s cubic-bezier(0.11, 0.59, 0.18, 1.26) forwards}.limel-portal--container.is-hiding>*{animation:fade-out 0.22s ease forwards}.limel-portal--container[data-popper-placement=left-start]>*{transform-origin:right top}.limel-portal--container[data-popper-placement=left]>*{transform-origin:right center}.limel-portal--container[data-popper-placement=left-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=top-start]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=top]>*{transform-origin:center bottom}.limel-portal--container[data-popper-placement=top-end]>*{transform-origin:right bottom}.limel-portal--container[data-popper-placement=right-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=right]>*{transform-origin:left center}.limel-portal--container[data-popper-placement=right-end]>*{transform-origin:left bottom}.limel-portal--container[data-popper-placement=bottom-start]>*{transform-origin:left top}.limel-portal--container[data-popper-placement=bottom]>*{transform-origin:center top}.limel-portal--container[data-popper-placement=bottom-end]>*{transform-origin:right top}:root{--lime-deep-red:rgb(var(--lime-brand-color-deep-red));--lime-red:rgb(var(--lime-brand-color-sellable-orange));--lime-orange:rgb(var(--lime-brand-color-orange));--lime-yellow:rgb(var(--lime-brand-color-yellow));--lime-green:rgb(var(--lime-brand-color-lime-green));--lime-turquoise:rgb(var(--lime-brand-color-flexible-turquoise));--lime-blue:rgb(var(--lime-brand-color-simple-blue));--lime-dark-blue:rgb(var(--lime-brand-color-dark-blue));--lime-magenta:rgb(var(--lime-brand-color-loving-magenta));--lime-light-grey:rgb(var(--lime-brand-color-light-grey));--lime-dark-grey:rgb(var(--lime-brand-color-grey));--color-percent--0:rgb(var(--color-gray-default));--color-percent--0to10:rgb(var(--color-red-dark));--color-percent--10to20:rgb(var(--color-red-default));--color-percent--20to30:rgb(var(--color-coral-default));--color-percent--30to40:rgb(var(--color-orange-default));--color-percent--40to50:rgb(var(--color-amber-default));--color-percent--50to60:rgb(var(--color-yellow-default));--color-percent--60to70:rgb(var(--color-grass-default));--color-percent--70to80:rgb(var(--color-lime-default));--color-percent--80to90:rgb(var(--color-teal-default));--color-percent--90to100:rgb(var(--color-teal-dark))}:root{--shadow-brighten-edges-inside:0 -1px 0.26rem rgb(var(--color-white), 0.06) inset,\n      0 0 0 1px rgb(var(--color-white), 0.06) inset;--shadow-brighten-edges-outside:0 0.125rem 0.26rem rgb(var(--color-white), 0.06),\n      0 0 0 1px rgb(var(--color-white), 0.06);--shadow-focused-state:0 0 0 0.125rem\n      var(--lime-primary-color, var(--limel-theme-primary-color));--shadow-error-state:0 0 0 0.125rem rgb(var(--color-red-default));--button-shadow-normal:0 0.09375rem 0.225rem 0 rgb(var(--color-black), 0.232),\n      0 0.01875rem 0.05625rem 0 rgb(var(--color-black), 0.208),\n      var(--shadow-brighten-edges-inside);--button-shadow-hovered:0 0.125rem 0.375rem rgb(var(--color-black), 0.25),\n      0 0.4rem 0.475rem -0.3rem rgb(var(--color-black), 0.1),\n      var(--shadow-brighten-edges-inside);--button-shadow-pressed:0 0.0625rem 0.1875rem 0 rgb(var(--color-black), 0.132),\n      0 0.01875rem 0.05625rem 0 rgb(var(--color-black), 0.108),\n      var(--shadow-brighten-edges-inside);--button-shadow-inset:0 0.03125rem 0.21875rem 0 rgb(var(--color-black), 0.132) inset,\n      0 0.01875rem 0.05625rem 0 rgb(var(--color-black), 0.108) inset,\n      var(--shadow-brighten-edges-outside),\n      0 0 0.25rem rgb(var(--color-white), 0.9);--button-shadow-inset-pressed:0 0.03125rem 0.34375rem 0 rgb(var(--color-black), 0.132) inset,\n      0 0.01875rem 0.11875rem 0 rgb(var(--color-black), 0.12) inset,\n      0 -1px 0.3rem rgb(var(--color-white), 0.9),\n      var(--shadow-brighten-edges-outside);--shadow-depth-8:0 0.2rem 0.45rem 0 rgb(var(--color-black), 0.132),\n      0 0.0375rem 0.1125rem 0 rgb(var(--color-black), 0.108);--shadow-depth-8-focused:var(--shadow-depth-8), var(--shadow-focused-state);--shadow-depth-8-error:var(--shadow-depth-8), var(--shadow-error-state);--shadow-depth-8-reversed:0 -0.2rem 0.45rem 0 rgb(var(--color-black), 0.132),\n      0 -0.0375rem 0.1125rem 0 rgb(var(--color-black), 0.108);--shadow-depth-16:0 0.4rem 0.9rem 0 rgb(var(--color-black), 0.132),\n      0 0.075rem 0.225rem 0 rgb(var(--color-black), 0.108);--shadow-depth-16-focused:var(--shadow-depth-16), var(--shadow-focused-state);--shadow-depth-64:0 1.6rem 3.6rem 0 rgb(var(--color-black), 0.22),\n      0 0.3rem 0.9rem 0 rgb(var(--color-black), 0.18);--shadow-depth-64-focused:var(--shadow-depth-64), var(--shadow-focused-state);--shadow-inflated-8:-0.125rem -0.125rem 0.375rem rgb(var(--color-black), 0.01),\n      -0.25rem -0.25rem 0.625rem rgb(var(--color-white), 0.6),\n      0.25rem 0.25rem 0.625rem rgb(var(--color-black), 0.05),\n      0.0625rem 0.0625rem 0.625rem rgb(var(--color-white), 0.7),\n      -1px -1px 0 1px rgb(var(--color-black), 0.07) inset,\n      0 0 1px 1px rgb(var(--color-white), 0.98) inset;--shadow-inflated-16:-0.1875rem -0.1875rem 0.375rem rgb(var(--color-black), 0.01),\n      -0.375rem -0.375rem 1rem rgb(var(--color-white), 0.8),\n      0.375rem 0.375rem 1rem rgb(var(--color-black), 0.05),\n      0.125rem 0.125rem 0.625rem rgb(var(--color-white), 0.7),\n      -1px -1px 0 1px rgb(var(--color-black), 0.07) inset,\n      0 0 1px 1px rgb(var(--color-white), 0.98) inset;--shadow-inflated-64:-0.1875rem -0.1875rem 0.375rem rgb(var(--color-black), 0.01),\n      -0.625rem -0.625rem 1.875rem rgb(var(--color-white), 1),\n      0.625rem 0.625rem 2.25rem rgb(var(--color-black), 0.06),\n      0.125rem 0.125rem 0.625rem rgb(var(--color-white), 0.7),\n      -1px -1px 0 1px rgb(var(--color-black), 0.07) inset,\n      0 0 1px 1px rgb(var(--color-white), 0.98) inset}.CodeMirror-lint-tooltip.cm-s-lime{position:fixed;z-index:var(--tooltip-z-index, var(--dropdown-z-index, 130));transition:opacity 0.4s ease 0s;opacity:0;color:var(--limel-theme-text-primary-on-background-color);background-color:var(--lime-on-primary-color, var(--limel-theme-on-primary-color));font-family:monospace;font-size:var(--limel-theme-default-font-size);white-space:pre-wrap;padding:0.25rem 0.5rem;border-radius:0.5rem;max-width:40rem;box-shadow:var(--shadow-depth-64)}:root{--mdc-theme-primary:var(\n      --lime-primary-color,\n      var(--limel-theme-primary-color)\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      var(--limel-theme-on-primary-color)\n  );--mdc-theme-text-disabled-on-background:var(\n      --limel-theme-text-disabled-on-background-color\n  );--mdc-theme-text-primary-on-background:var(\n      --limel-theme-text-primary-on-background-color\n  );--mdc-theme-text-secondary-on-background:var(\n      --limel-theme-text-secondary-on-background-color\n  );--mdc-theme-surface:var(--limel-theme-surface-background-color);--mdc-theme-on-surface:var(--limel-theme-on-surface-color);--limel-theme-primary-color:rgb(var(--color-teal-default));--limel-theme-on-primary-color:rgb(var(--contrast-100));--limel-theme-text-disabled-on-background-color:rgb(\n      var(--contrast-1700),\n      0.38\n  );--limel-theme-text-primary-on-background-color:rgb(\n      var(--contrast-1700),\n      0.87\n  );--limel-theme-text-secondary-on-background-color:rgb(\n      var(--contrast-1700),\n      0.54\n  );--limel-theme-error-color:rgb(var(--color-red-dark));--limel-theme-error-text-color:rgb(var(--color-red-darker));--limel-theme-surface-background-color:rgb(var(--contrast-100));--limel-theme-on-surface-color:rgb(var(--contrast-1500));--limel-theme-text-disabled-color:rgb(var(--contrast-900));--lime-elevated-surface-background-color:rgb(var(--contrast-100));--limel-theme-default-font-size:0.875rem;--limel-theme-default-small-font-size:0.8125rem}";
 
 /*
- Stencil Client Platform v4.41.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.1 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -428,7 +428,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               }
             } else {
               const existingStyleContainer = styleContainerNode.querySelector("style");
-              if (existingStyleContainer) {
+              if (existingStyleContainer && true) {
                 existingStyleContainer.textContent = style + existingStyleContainer.textContent;
               } else {
                 styleContainerNode.prepend(styleElm);
@@ -691,7 +691,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     }
   } else if (memberName === "key") ; else if (memberName === "ref") {
     if (newValue) {
-      newValue(elm);
+      queueRefAttachment(newValue, elm);
     }
   } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
     if (memberName[2] === "-") {
@@ -711,6 +711,36 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
         plt.ael(elm, memberName, newValue, capture);
       }
     }
+  } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
+    const propName = memberName.slice(5);
+    let attrName;
+    {
+      const hostRef = getHostRef(elm);
+      if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
+        const memberMeta = hostRef.$cmpMeta$.$members$[propName];
+        if (memberMeta && memberMeta[1]) {
+          attrName = memberMeta[1];
+        }
+      }
+    }
+    if (!attrName) {
+      attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(attrName) === "") {
+        elm.removeAttribute(attrName);
+      }
+    } else {
+      elm.setAttribute(attrName, newValue === true ? "" : newValue);
+    }
+    return;
+  } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
+    const propName = memberName.slice(5);
+    try {
+      elm[propName] = newValue;
+    } catch (e) {
+    }
+    return;
   } else {
     const isComplex = isComplexType(newValue);
     if ((isProp || isComplex && newValue !== null) && !isSvg) {
@@ -719,7 +749,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
           const n = newValue == null ? "" : newValue;
           if (memberName === "list") {
             isProp = false;
-          } else if (oldValue == null || elm[memberName] != n) {
+          } else if (oldValue == null || elm[memberName] !== n) {
             if (typeof elm.__lookupSetter__(memberName) === "function") {
               elm[memberName] = n;
             } else {
@@ -813,6 +843,8 @@ var useNativeShadowDom = false;
 var checkSlotFallbackVisibility = false;
 var checkSlotRelocate = false;
 var isSvgMode = false;
+var refCallbacksToRemove = [];
+var refCallbacksToAttach = [];
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
@@ -1182,10 +1214,25 @@ var markSlotContentForRelocation = (elm) => {
 };
 var nullifyVNodeRefs = (vNode) => {
   {
-    vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
+    if (vNode.$attrs$ && vNode.$attrs$.ref) {
+      refCallbacksToRemove.push(() => vNode.$attrs$.ref(null));
+    }
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
+var queueRefAttachment = (refCallback, elm) => {
+  {
+    refCallbacksToAttach.push(() => refCallback(elm));
+  }
+};
+var flushQueuedRefCallbacks = () => {
+  {
+    refCallbacksToRemove.forEach((cb) => cb());
+    refCallbacksToRemove.length = 0;
+    refCallbacksToAttach.forEach((cb) => cb());
+    refCallbacksToAttach.length = 0;
+  }
+};
 var insertBefore = (parent, newNode, reference, isInitialLoad) => {
   {
     if (typeof newNode["s-sn"] === "string") {
@@ -1329,6 +1376,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     }
   }
   contentRef = void 0;
+  flushQueuedRefCallbacks();
 };
 
 // src/runtime/update-component.ts
@@ -1426,7 +1474,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
     if (childrenPromises.length === 0) {
       postUpdate();
     } else {
-      Promise.all(childrenPromises).then(postUpdate);
+      Promise.all(childrenPromises).then(postUpdate).catch(postUpdate);
       hostRef.$flags$ |= 4 /* isWaitingForChildren */;
       childrenPromises.length = 0;
     }
@@ -1553,13 +1601,16 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         });
       }
     }
-    if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+    if (flags & 2 /* hasRendered */) {
       if (instance.componentShouldUpdate) {
-        if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+        const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
+        if (shouldUpdate === false && !(flags & 16 /* isQueuedForUpdate */)) {
           return;
         }
       }
-      scheduleUpdate(hostRef, false);
+      if (!(flags & 16 /* isQueuedForUpdate */)) {
+        scheduleUpdate(hostRef, false);
+      }
     }
   }
 };
@@ -1728,76 +1779,87 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
-  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
-    hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    const bundleId = cmpMeta.$lazyBundleId$;
-    if (bundleId) {
-      const CstrImport = loadModule(cmpMeta, hostRef);
-      if (CstrImport && "then" in CstrImport) {
-        const endLoad = uniqueTime();
-        Cstr = await CstrImport;
-        endLoad();
-      } else {
-        Cstr = CstrImport;
-      }
-      if (!Cstr) {
-        throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
-      }
-      if (!Cstr.isProxied) {
+  try {
+    if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+      hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      const bundleId = cmpMeta.$lazyBundleId$;
+      if (bundleId) {
+        const CstrImport = loadModule(cmpMeta, hostRef);
+        if (CstrImport && "then" in CstrImport) {
+          const endLoad = uniqueTime();
+          Cstr = await CstrImport;
+          endLoad();
+        } else {
+          Cstr = CstrImport;
+        }
+        if (!Cstr) {
+          throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
+        }
+        if (!Cstr.isProxied) {
+          {
+            cmpMeta.$watchers$ = Cstr.watchers;
+            cmpMeta.$serializers$ = Cstr.serializers;
+            cmpMeta.$deserializers$ = Cstr.deserializers;
+          }
+          proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+          Cstr.isProxied = true;
+        }
+        const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
         {
-          cmpMeta.$watchers$ = Cstr.watchers;
-          cmpMeta.$serializers$ = Cstr.serializers;
-          cmpMeta.$deserializers$ = Cstr.deserializers;
+          hostRef.$flags$ |= 8 /* isConstructingInstance */;
+        }
+        try {
+          new Cstr(hostRef);
+        } catch (e) {
+          consoleError(e, elm);
+        }
+        {
+          hostRef.$flags$ &= -9 /* isConstructingInstance */;
+        }
+        {
+          hostRef.$flags$ |= 128 /* isWatchReady */;
+        }
+        endNewInstance();
+        const needsDeferredCallback = cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
+        if (!needsDeferredCallback) {
+          fireConnectedCallback(hostRef.$lazyInstance$, elm);
+        } else {
+          hostRef.$deferredConnectedCallback$ = true;
         }
-        proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
-        Cstr.isProxied = true;
-      }
-      const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
-      {
-        hostRef.$flags$ |= 8 /* isConstructingInstance */;
-      }
-      try {
-        new Cstr(hostRef);
-      } catch (e) {
-        consoleError(e, elm);
-      }
-      {
-        hostRef.$flags$ &= -9 /* isConstructingInstance */;
-      }
-      {
-        hostRef.$flags$ |= 128 /* isWatchReady */;
-      }
-      endNewInstance();
-      const needsDeferredCallback = cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
-      if (!needsDeferredCallback) {
-        fireConnectedCallback(hostRef.$lazyInstance$, elm);
       } else {
-        hostRef.$deferredConnectedCallback$ = true;
+        Cstr = elm.constructor;
+        const cmpTag = elm.localName;
+        customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      }
+      if (Cstr && Cstr.style) {
+        let style;
+        if (typeof Cstr.style === "string") {
+          style = Cstr.style;
+        }
+        const scopeId2 = getScopeId(cmpMeta);
+        if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
+          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+          registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+          endRegisterStyles();
+        }
       }
+    }
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(hostRef, true);
+    if (ancestorComponent && ancestorComponent["s-rc"]) {
+      ancestorComponent["s-rc"].push(schedule);
     } else {
-      Cstr = elm.constructor;
-      const cmpTag = elm.localName;
-      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      schedule();
     }
-    if (Cstr && Cstr.style) {
-      let style;
-      if (typeof Cstr.style === "string") {
-        style = Cstr.style;
-      }
-      const scopeId2 = getScopeId(cmpMeta);
-      if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
-        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
-        endRegisterStyles();
-      }
+  } catch (e) {
+    consoleError(e, elm);
+    if (hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (hostRef.$onReadyResolve$) {
+      hostRef.$onReadyResolve$(elm);
     }
-  }
-  const ancestorComponent = hostRef.$ancestorComponent$;
-  const schedule = () => scheduleUpdate(hostRef, true);
-  if (ancestorComponent && ancestorComponent["s-rc"]) {
-    ancestorComponent["s-rc"].push(schedule);
-  } else {
-    schedule();
   }
 };
 var fireConnectedCallback = (instance, elm) => {

package/dist/esm/lime-elements.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-xvTBZcD2.js';
-export { s as setNonce } from './index-xvTBZcD2.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DBTJNfo7.js';
+export { s as setNonce } from './index-DBTJNfo7.js';
 
 /*
- Stencil Client Patch Browser v4.41.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.1 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-xvTBZcD2.js';
+import { r as registerInstance, h } from './index-DBTJNfo7.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-item_2.entry.js

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

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-xvTBZcD2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DBTJNfo7.js';
 import { t as translate } from './translations-Cdx3I2X8.js';
 import { i as isItem } from './is-item-CrvUOVvg.js';
 import { a as ENTER, E as ESCAPE } from './keycodes-CxzDbuiY.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-xvTBZcD2.js';
+import { r as registerInstance, h, H as Host } from './index-DBTJNfo7.js';
 import { t as translate } from './translations-Cdx3I2X8.js';
 
 const aiAvatarCss = () => `:host(limel-ai-avatar){display:flex;justify-content:center;align-self:center;position:relative;aspect-ratio:1;max-width:10rem;max-height:8rem;min-width:1.75rem;min-height:1.75rem;border-radius:0.5rem}*{box-sizing:border-box}:host(limel-ai-avatar[is-thinking]:not([is-thinking=false])){--ai-avatar-animation-play-state:running;--ai-avatar-orbitals-opacity:0.6;--ai-avatar-orbitals-animation-play-state:running}.core,.orbitals{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%}.core{opacity:0.3;width:70%;animation:breathe 3s ease infinite var(--ai-avatar-animation-play-state, paused);background-color:rgb(var(--color-glaucous-darker), 0.6);mix-blend-mode:var(--ai-avatar-core-blend-mode, plus-lighter)}.orbitals{mix-blend-mode:var(--ai-avatar-core-blend-mode, plus-lighter);width:clamp(0.375rem, 20%, 3.5rem);animation:rotate 5s linear infinite var(--ai-avatar-orbitals-animation-play-state, paused);transition:opacity 0.2s ease;opacity:var(--ai-avatar-orbitals-opacity, 0)}.orbitals:after,.orbitals:before{content:"";display:block;position:absolute;inset:0;margin:auto;width:clamp(0.125rem, 50%, 0.75rem);aspect-ratio:1;border-radius:50%;background-color:rgb(var(--color-glaucous-lighter))}.orbitals:before{animation:orbit 1s linear infinite var(--ai-avatar-orbitals-animation-play-state, paused);opacity:0.6;transform-origin:-220% 0;margin-right:-70%}.orbitals:after{animation:orbit 2s linear infinite var(--ai-avatar-orbitals-animation-play-state, paused);opacity:0.8;scale:0.7;transform-origin:0% -250%;margin-bottom:-70%}@keyframes orbit{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}@keyframes breathe{1%,100%{transform:scale(1)}50%{transform:scale(0.86)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}svg{position:absolute;margin:auto;mix-blend-mode:var(--ai-avatar-rings-blend-mode, screen);animation-iteration-count:infinite;animation-play-state:var(--ai-avatar-animation-play-state, paused)}.red{rotate:20deg;color:var(--ai-avatar-color-one, rgb(var(--color-red-default)));animation-name:rotate, scale-circle-one;animation-duration:5s}.green{rotate:36deg;color:var(--ai-avatar-color-two, rgb(var(--color-green-default)));animation-name:rotate, scale-circle-two;animation-duration:5.5s}.blue{rotate:100deg;color:var(--ai-avatar-color-three, rgb(var(--color-blue-default)));animation-name:rotate, scale-circle-three;animation-duration:4.5s}.orange{rotate:165deg;color:var(--ai-avatar-color-four, rgb(var(--color-orange-default)));animation-name:rotate, scale-circle-four;animation-duration:6.5s}@keyframes scale-circle-one{0%,100%{transform:scaleX(1) scaleY(0.8)}25%,75%{transform:scaleX(0.8) scaleY(0.9)}50%{transform:scaleX(1) scaleY(0.7)}}@keyframes scale-circle-two{0%,100%{transform:scaleX(0.8) scaleY(1)}25%,75%{transform:scaleX(0.9) scaleY(0.75)}50%{transform:scaleX(0.72) scaleY(1)}}@keyframes scale-circle-three{0%,100%{transform:scaleX(0.9) scaleY(0.8)}50%{transform:scaleX(0.75) scaleY(0.9)}}@keyframes scale-circle-four{0%,100%{transform:scaleX(0.8) scaleY(0.95)}25%,75%{transform:scaleX(0.95) scaleY(0.75)}50%{transform:scaleX(0.75) scaleY(0.95)}}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-xvTBZcD2.js';
+import { r as registerInstance, h, H as Host } from './index-DBTJNfo7.js';
 import { a as abbreviate } from './format-BMPGHLQ8.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-xvTBZcD2.js';
+import { r as registerInstance, h } from './index-DBTJNfo7.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_7.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-xvTBZcD2.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-DBTJNfo7.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';