@limetech/lime-elements 39.11.1 → 39.12.1

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

@@ -13,7 +13,6 @@ var _baseIsEqual$1 = require('./_baseIsEqual-DmV6vCh4.js');
 var isEqual = require('./isEqual-B32SmSAJ.js');
 var moment = require('./moment-DCqC7BZP.js');
 var multiple = require('./multiple-DYfiga7l.js');
-var randomString = require('./random-string-BTzDB2ee.js');
 var _baseAssignValue$1 = require('./_baseAssignValue-BJgt6T7z.js');
 var _baseForOwn$1 = require('./_baseForOwn-CMhQVS1J.js');
 require('./isArray-BuFVIU_i.js');
@@ -41017,11 +41016,11 @@ var require$$12 = {
 	additionalProperties: additionalProperties
 };
 
-var ajv$2;
+var ajv$3;
 var hasRequiredAjv;
 
 function requireAjv () {
-	if (hasRequiredAjv) return ajv$2;
+	if (hasRequiredAjv) return ajv$3;
 	hasRequiredAjv = 1;
 
 	var compileSchema = requireCompile()
@@ -41034,7 +41033,7 @@ function requireAjv () {
 	  , $dataMetaSchema = requireData()
 	  , util = requireUtil();
 
-	ajv$2 = Ajv;
+	ajv$3 = Ajv;
 
 	Ajv.prototype.validate = validate;
 	Ajv.prototype.compile = compile;
@@ -41528,13 +41527,13 @@ function requireAjv () {
 
 
 	function noop() {}
-	return ajv$2;
+	return ajv$3;
 }
 
 var ajvExports = requireAjv();
 var Ajv = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(ajvExports);
 
-var ajv$1 = createAjvInstance$1();
+var ajv$2 = createAjvInstance$1();
 var formerCustomFormats$1 = null;
 var formerMetaSchema$1 = null;
 
@@ -41735,19 +41734,19 @@ function validateFormData$1(formData, schema, customValidate, transformErrors) {
   var newFormats = !deepEquals$1(formerCustomFormats$1, customFormats);
 
   if (newMetaSchemas || newFormats) {
-    ajv$1 = createAjvInstance$1();
+    ajv$2 = createAjvInstance$1();
   } // add more schemas to validate against
 
 
   if (additionalMetaSchemas && newMetaSchemas && _Array$isArray$1(additionalMetaSchemas)) {
-    ajv$1.addMetaSchema(additionalMetaSchemas);
+    ajv$2.addMetaSchema(additionalMetaSchemas);
     formerMetaSchema$1 = additionalMetaSchemas;
   } // add more custom formats to validate against
 
 
   if (customFormats && newFormats && isObject$1(customFormats)) {
     _Object$keys(customFormats).forEach(function (formatName) {
-      ajv$1.addFormat(formatName, customFormats[formatName]);
+      ajv$2.addFormat(formatName, customFormats[formatName]);
     });
 
     formerCustomFormats$1 = customFormats;
@@ -41756,14 +41755,14 @@ function validateFormData$1(formData, schema, customValidate, transformErrors) {
   var validationError = null;
 
   try {
-    ajv$1.validate(schema, formData);
+    ajv$2.validate(schema, formData);
   } catch (err) {
     validationError = err;
   }
 
-  var errors = transformAjvErrors$1(ajv$1.errors); // Clear errors to prevent persistent errors, see #1104
+  var errors = transformAjvErrors$1(ajv$2.errors); // Clear errors to prevent persistent errors, see #1104
 
-  ajv$1.errors = null;
+  ajv$2.errors = null;
   var noProperMetaSchema = validationError && validationError.message && typeof validationError.message === "string" && validationError.message.includes("no schema with key or ref ");
 
   if (noProperMetaSchema) {
@@ -41813,7 +41812,7 @@ function validateFormData$1(formData, schema, customValidate, transformErrors) {
 
 function isValid$1(schema, data) {
   try {
-    return ajv$1.validate(schema, data);
+    return ajv$2.validate(schema, data);
   } catch (e) {
     return false;
   }
@@ -43502,145 +43501,6 @@ _defineProperty$2(Form$1, "defaultProps", {
   omitExtraData: false
 });
 
-var reactShadowDomRetargetEvents;
-var hasRequiredReactShadowDomRetargetEvents;
-
-function requireReactShadowDomRetargetEvents () {
-	if (hasRequiredReactShadowDomRetargetEvents) return reactShadowDomRetargetEvents;
-	hasRequiredReactShadowDomRetargetEvents = 1;
-	var reactEvents = ["onAbort", "onAnimationCancel", "onAnimationEnd", "onAnimationIteration", "onAuxClick", "onBlur",
-	    "onChange", "onClick", "onClose", "onContextMenu", "onDoubleClick", "onError", "onFocus", "onGotPointerCapture",
-	    "onInput", "onKeyDown", "onKeyPress", "onKeyUp", "onLoad", "onLoadEnd", "onLoadStart", "onLostPointerCapture",
-	    "onMouseDown", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onPointerCancel", "onPointerDown",
-	    "onPointerEnter", "onPointerLeave", "onPointerMove", "onPointerOut", "onPointerOver", "onPointerUp", "onReset",
-	    "onResize", "onScroll", "onSelect", "onSelectionChange", "onSelectStart", "onSubmit", "onTouchCancel",
-	    "onTouchMove", "onTouchStart", "onTouchEnd","onTransitionCancel", "onTransitionEnd", "onDrag", "onDragEnd",
-	    "onDragEnter", "onDragExit", "onDragLeave", "onDragOver", "onDragStart", "onDrop", "onFocusOut"];
-
-	var divergentNativeEvents = {
-	    onDoubleClick: 'dblclick'
-	};
-
-	var mimickedReactEvents = {
-	    onInput: 'onChange',
-	    onFocusOut: 'onBlur',
-	    onSelectionChange: 'onSelect'
-	};
-
-	reactShadowDomRetargetEvents = function retargetEvents(shadowRoot) {
-	    var removeEventListeners = [];
-
-	    reactEvents.forEach(function (reactEventName) {
-
-	        var nativeEventName = getNativeEventName(reactEventName);
-
-	        function retargetEvent(event) {
-
-	            var path = event.path || (event.composedPath && event.composedPath()) || composedPath(event.target);
-
-	            for (var i = 0; i < path.length; i++) {
-
-	                var el = path[i];
-	                var props = null;
-	                var reactComponent = findReactComponent(el);
-	                var eventHandlers = findReactEventHandlers(el);
-
-	                if (!eventHandlers) {
-	                    props = findReactProps(reactComponent);
-	                } else {
-	                    props = eventHandlers;
-	                }
-
-	                if (reactComponent && props) {
-	                    dispatchEvent(event, reactEventName, props);
-	                }
-
-	                if (reactComponent && props && mimickedReactEvents[reactEventName]) {
-	                    dispatchEvent(event, mimickedReactEvents[reactEventName], props);
-	                }
-
-	                if (event.cancelBubble) {
-	                    break;
-	                }
-
-	                if (el === shadowRoot) {
-	                    break;
-	                }
-	            }
-	        }
-
-	        shadowRoot.addEventListener(nativeEventName, retargetEvent, false);
-
-	        removeEventListeners.push(function () { shadowRoot.removeEventListener(nativeEventName, retargetEvent, false); });
-	    });
-
-	    return function () {
-
-	      removeEventListeners.forEach(function (removeEventListener) {
-
-	        removeEventListener();
-	      });
-	    };
-	};
-
-	function findReactEventHandlers(item) {
-	    return findReactProperty(item, '__reactEventHandlers');
-	}
-
-	function findReactComponent(item) {
-	    return findReactProperty(item, '_reactInternal');
-	}
-
-	function findReactProperty(item, propertyPrefix) {
-	    for (var key in item) {
-	        if (item.hasOwnProperty(key) && key.indexOf(propertyPrefix) !== -1) {
-	            return item[key];
-	        }
-	    }
-	}
-
-	function findReactProps(component) {
-	    if (!component) return undefined;
-	    if (component.memoizedProps) return component.memoizedProps; // React 16 Fiber
-	    if (component._currentElement && component._currentElement.props) return component._currentElement.props; // React <=15
-
-	}
-
-	function dispatchEvent(event, eventType, componentProps) {
-	    event.persist = function() {
-	        event.isPersistent = function(){ return true};
-	    };
-
-	    if (componentProps[eventType]) {
-	        componentProps[eventType](event);
-	    }
-	}
-
-	function getNativeEventName(reactEventName) {
-	    if (divergentNativeEvents[reactEventName]) {
-	        return divergentNativeEvents[reactEventName];
-	    }
-	    return reactEventName.replace(/^on/, '').toLowerCase();
-	}
-
-	function composedPath(el) {
-	  var path = [];
-	  while (el) {
-	    path.push(el);
-	    if (el.tagName === 'HTML') {
-	      path.push(document);
-	      path.push(window);
-	      return path;
-	    }
-	    el = el.parentElement;
-	  }
-	}
-	return reactShadowDomRetargetEvents;
-}
-
-var reactShadowDomRetargetEventsExports = requireReactShadowDomRetargetEvents();
-var retargetEvents = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(reactShadowDomRetargetEventsExports);
-
 /**
  *
  * @param schema
@@ -49760,7 +49620,7 @@ var widgets$1 = {
   CheckboxesWidget: CheckboxesWidget
 };
 
-var ajv = createAjvInstance();
+var ajv$1 = createAjvInstance();
 var formerCustomFormats = null;
 var formerMetaSchema = null;
 
@@ -49901,19 +49761,19 @@ function validateFormData(formData, schema, customValidate, transformErrors) {
   var newFormats = !deepEquals(formerCustomFormats, customFormats);
 
   if (newMetaSchemas || newFormats) {
-    ajv = createAjvInstance();
+    ajv$1 = createAjvInstance();
   } // add more schemas to validate against
 
 
   if (additionalMetaSchemas && newMetaSchemas && _Array$isArray$1(additionalMetaSchemas)) {
-    ajv.addMetaSchema(additionalMetaSchemas);
+    ajv$1.addMetaSchema(additionalMetaSchemas);
     formerMetaSchema = additionalMetaSchemas;
   } // add more custom formats to validate against
 
 
   if (customFormats && newFormats && isObject(customFormats)) {
     _Object$keys(customFormats).forEach(function (formatName) {
-      ajv.addFormat(formatName, customFormats[formatName]);
+      ajv$1.addFormat(formatName, customFormats[formatName]);
     });
 
     formerCustomFormats = customFormats;
@@ -49922,14 +49782,14 @@ function validateFormData(formData, schema, customValidate, transformErrors) {
   var validationError = null;
 
   try {
-    ajv.validate(schema, formData);
+    ajv$1.validate(schema, formData);
   } catch (err) {
     validationError = err;
   }
 
-  var errors = transformAjvErrors(ajv.errors); // Clear errors to prevent persistent errors, see #1104
+  var errors = transformAjvErrors(ajv$1.errors); // Clear errors to prevent persistent errors, see #1104
 
-  ajv.errors = null;
+  ajv$1.errors = null;
   var noProperMetaSchema = validationError && validationError.message && typeof validationError.message === "string" && validationError.message.includes("no schema with key or ref ");
 
   if (noProperMetaSchema) {
@@ -49963,7 +49823,7 @@ function validateFormData(formData, schema, customValidate, transformErrors) {
 
 function isValid(schema, data) {
   try {
-    return ajv.validate(schema, data);
+    return ajv$1.validate(schema, data);
   } catch (e) {
     return false;
   }
@@ -51671,7 +51531,7 @@ class LimeElementsWidgetAdapter extends React.Component {
     }
 }
 
-var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
+var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s)
         if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -51694,7 +51554,7 @@ class DatePicker extends React.Component {
     }
     render() {
         var _a, _b;
-        const _c = this.props, { type = 'datetime' } = _c, props = __rest$2(_c, ["type"]);
+        const _c = this.props, { type = 'datetime' } = _c, props = __rest$3(_c, ["type"]);
         return React.createElement(LimeElementsWidgetAdapter, {
             name: 'limel-date-picker',
             value: this.getValue(),
@@ -51733,7 +51593,7 @@ class DatePicker extends React.Component {
     }
 }
 
-var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
+var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s)
         if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -51746,7 +51606,7 @@ var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
     return t;
 };
 const TimePicker = (_a) => {
-    var { value } = _a, props = __rest$1(_a, ["value"]);
+    var { value } = _a, props = __rest$2(_a, ["value"]);
     if (typeof value === 'string' && timeStringPattern.test(value)) {
         value = new Date('2000-01-01T' + value);
     }
@@ -52166,7 +52026,7 @@ function getAdditionalProps$2(schema) {
     return (_c = (_b = (_a = schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props) !== null && _c !== void 0 ? _c : {};
 }
 
-var __rest = (undefined && undefined.__rest) || function (s, e) {
+var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s)
         if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -52179,7 +52039,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
     return t;
 };
 const DateOnlyPicker = (_a) => {
-    var { value } = _a, props = __rest(_a, ["value"]);
+    var { value } = _a, props = __rest$1(_a, ["value"]);
     // A date-only string is treated as UTC by the Date constructor,
     // but we want to parse it as local date
     if (typeof value === 'string' && /-\d\d$/.test(value)) {
@@ -52402,6 +52262,71 @@ function isInteger(data) {
     return Number.isInteger(Number(data));
 }
 
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+const ajv = new Ajv({
+    unknownFormats: 'ignore',
+    allErrors: true,
+    multipleOfPrecision: 2,
+}).addFormat('integer', isInteger);
+const validators = new Map();
+/**
+ * Returns a compiled JSON Schema validator, using a cached version
+ * if the same schema content has been seen before.
+ *
+ * @param schema - the JSON Schema to compile
+ */
+function getValidator(schema) {
+    const key = hashSchema(schema);
+    const cached = validators.get(key);
+    if (cached) {
+        return cached;
+    }
+    const schemaWithoutId = __rest(schema, ["$id", "id"]);
+    const validator = ajv.compile(schemaWithoutId);
+    validators.set(key, validator);
+    return validator;
+}
+/**
+ * Generates a deterministic ID from schema content, preserving any
+ * existing `$id` as a prefix. Used to work around RJSF #1563 where
+ * identical schemas need stable IDs to avoid validation cache collisions.
+ *
+ * @param schema - the JSON Schema to generate an ID for
+ */
+function getSchemaId(schema) {
+    const hash = hashSchema(schema);
+    const prefix = schema.$id ? `${schema.$id}-` : '';
+    return `${prefix}${hash}`;
+}
+function hashSchema(schema) {
+    const schemaWithoutId = __rest(schema, ["$id", "id"]);
+    return djb2Hash(JSON.stringify(schemaWithoutId, sortedReplacer));
+}
+function sortedReplacer(_, value) {
+    if (value && typeof value === 'object' && !Array.isArray(value)) {
+        return Object.fromEntries(Object.entries(value).sort(([a], [b]) => a.localeCompare(b)));
+    }
+    return value;
+}
+function djb2Hash(str) {
+    let hash = 5381;
+    for (let i = 0; i < str.length; i++) {
+        hash = ((hash << 5) + hash + str.codePointAt(i)) & 4294967295;
+    }
+    return (hash >>> 0).toString(36);
+}
+
 const formCss = () => `@charset "UTF-8";.limel-form-row--layout{--limel-form-row-border-radius:0.375rem;--limel-form-row-icon-size:1.75rem;--limel-form-row-main-information-gap:0.5rem;display:flex;flex-direction:column}.limel-form-row--layout .row{display:flex;gap:0.5rem;flex-direction:column;padding:0.5rem 1rem}.limel-form-row--layout .row:nth-child(odd){background-color:var(--form-background-color-of-odd-rows, rgb(var(--contrast-200)))}.limel-form-row--layout .row:nth-child(even){background-color:var(--form-background-color-of-even-rows, transparent)}.limel-form-row--layout .row:first-child{border-radius:var(--limel-form-row-border-radius) var(--limel-form-row-border-radius) 0 0}.limel-form-row--layout .row:last-child{border-radius:0 0 var(--limel-form-row-border-radius) var(--limel-form-row-border-radius)}.limel-form-row--layout .main-information{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--limel-form-row-main-information-gap);min-width:0}.limel-form-row--layout .main-information{position:relative}.limel-form-row--layout .main-information>.form-group.field{position:unset}.limel-form-row--layout .main-information>.form-group.field limel-help{top:0}.limel-form-row--layout limel-icon{color:rgb(var(--contrast-1200));width:var(--limel-form-row-icon-size);flex-shrink:0;min-width:0}.limel-form-row--layout .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:normal;flex-grow:1;color:var(--limel-theme-on-surface-color);font-size:0.875rem}.limel-form-row--layout .description{margin:0;color:var(--limel-theme-text-secondary-on-background-color);font-size:var(--limel-theme-default-small-font-size);line-height:1.5}.limel-form-row--layout .has-icon .description{padding-left:calc(var(--limel-form-row-icon-size) + var(--limel-form-row-main-information-gap))}.limel-form-row--layout .form-group.field{flex-shrink:0;display:flex;align-content:center}.limel-form-row--layout .form-group.field limel-slider{min-width:8rem;display:block}*,*::after,*::before{box-sizing:border-box}.form-group{min-width:0}.limel-form-array-item--simple{display:flex;align-items:center;padding:0.25rem}.limel-form-array-item--simple>*:first-child{flex:1;min-width:0}.array-items{isolation:isolate;display:flex;flex-direction:column;row-gap:var(--form-row-gap, 0.5rem);margin-top:1rem}.array-items.has-an-item-which-is-being-dragged limel-collapsible-section{--limel-cs-grid-template-rows:0fr;--limel-cs-opacity-transition-speed:0.2s;--limel-cs-grid-template-rows-transition-speed:0.2s;--limel-cs-open-header-bottom-border-radius:0.75rem}.array-item:has(limel-drag-handle:hover),.array-item:has(limel-drag-handle:focus-within),.array-item.is-elevated,.array-item.sortable-chosen{will-change:transform, box-shadow, border-radius, background-color}.array-item.sortable-ghost{border-radius:0.5rem;box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}.array-item.sortable-chosen{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color)}.array-item.is-elevated[draggable=false]{animation:sit-here 0.8s forwards}@keyframes sit-here{0%{border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-64), 0 0.65rem 0.75rem -0.425rem rgb(var(--color-black), 0.3)}100%{box-shadow:none}}limel-drag-handle{order:10}limel-collapsible-section.is-being-dragged{border-radius:0.75rem !important}.limel-form-layout--default{display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem)}.limel-form-layout--grid{--min-height-of-one-row:2.5rem;display:grid;column-gap:var(--form-column-gap, 1rem);row-gap:var(--form-row-gap, 1rem);padding:var(--form-body-padding, 1rem);grid-template-columns:repeat(var(--number-of-columns), minmax(0, 1fr))}.limel-form-layout--grid.auto-reorder-to-avoid-empty-cells{grid-auto-flow:dense}.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--1,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-1-columns .limel-form-layout-colspan--5{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--2,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-2-columns .limel-form-layout-colspan--5{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--3,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-3-columns .limel-form-layout-colspan--5{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--4,.limel-form-layout--grid.layout-4-columns .limel-form-layout-colspan--5{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--1{grid-column:span 1}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--2{grid-column:span 2}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--3{grid-column:span 3}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--4{grid-column:span 4}.limel-form-layout--grid.layout-5-columns .limel-form-layout-colspan--5{grid-column:span 5}.limel-form-layout--grid .limel-form-layout-colspan--all{grid-column:1/-1}.limel-form-layout--grid limel-checkbox,.limel-form-layout--grid limel-switch{min-height:var(--min-height-of-one-row)}.limel-form-layout--grid limel-checkbox{display:block}.limel-form-layout--grid limel-switch{margin-left:0.5rem}.form-error{color:var(--limel-theme-error-color);font-size:0.6875rem;line-height:1.5;visibility:inherit;padding-right:1rem;padding-left:1rem;padding-top:0.25rem}.button-add-new{margin-top:0.5rem;width:100%}h1{position:relative;margin-top:0;margin-bottom:0;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;text-wrap:balance;font-size:var(--limel-form-h1-font-size);line-height:calc(var(--limel-form-h1-font-size) * 1.42857);letter-spacing:-0.01rem;font-weight:500}limel-markdown{display:block;margin-bottom:0.5rem}.form-group{position:relative}.form-group limel-help{position:absolute;top:calc(var(--form-row-gap, 1rem) * -0.5);left:calc(var(--form-column-gap, 1rem) * -0.5)}.form-group h1{color:rgb(var(--contrast-1400), 0.8)}.form-group h1{--limel-form-h1-font-size:1.476rem;font-weight:800}.form-group .form-group h1{--limel-form-h1-font-size:1.383rem;font-weight:700}.form-group .form-group h1:before{content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;left:-0.75rem;background-color:var(--lime-primary-color, var(--limel-theme-primary-color));width:0.125rem;height:1.5rem;border-radius:0.125rem;opacity:0.6}.form-group .form-group .form-group h1{--limel-form-h1-font-size:1.296rem;font-weight:600}.form-group .form-group .form-group h1:before{display:none}.form-group .form-group .form-group .form-group h1{--limel-form-h1-font-size:1.215rem}.form-group .form-group .form-group .form-group h1:before{display:none}.form-group .form-group .form-group .form-group .form-group h1{--limel-form-h1-font-size:1.138rem}.form-group .form-group .form-group .form-group .form-group h1:before{display:none}.form-group .form-group .form-group .form-group .form-group .form-group h1{--limel-form-h1-font-size:1.067rem}.form-group .form-group .form-group .form-group .form-group .form-group h1:before{display:none}`;
 
 const Form = class {
@@ -52418,6 +52343,7 @@ const Form = class {
          */
         this.disabled = false;
         this.isValid = true;
+        this.initialized = false;
         this.handleChange = this.handleChange.bind(this);
         this.getCustomErrorMessages = this.getCustomErrorMessages.bind(this);
     }
@@ -52432,11 +52358,14 @@ const Form = class {
         this.initialize();
     }
     initialize() {
+        if (this.initialized) {
+            return;
+        }
         if (!this.host.shadowRoot.querySelector('.root')) {
             return;
         }
+        this.initialized = true;
         this.reactRender();
-        retargetEvents(this.host.shadowRoot);
         this.validateForm(this.value);
     }
     componentDidUpdate() {
@@ -52448,9 +52377,10 @@ const Form = class {
             this.root.unmount();
             this.root = undefined;
         }
+        this.initialized = false;
     }
     render() {
-        return index$1.h("div", { key: '338235611cd3fd70cb5f0ce1728917bd648cb573', class: "root" });
+        return index$1.h("div", { key: '8e03d70f44885de2f18b20e649cd419e030208fd', class: "root" });
     }
     reactRender() {
         if (!this.root) {
@@ -52502,22 +52432,17 @@ const Form = class {
         this.createValidator();
     }
     setSchemaId() {
-        // Due to a bug in react-jsonschema-form, validation will stop working if the schema is updated.
-        // A workaround at the moment is to always give it a unique ID
+        // RJSF v2 requires a unique $id per distinct schema to avoid
+        // validation cache collisions.
         // https://github.com/rjsf-team/react-jsonschema-form/issues/1563
-        const id = `${this.schema.$id}-${randomString.createRandomString()}`;
+        const id = getSchemaId(this.schema);
         this.modifiedSchema = Object.assign(Object.assign({}, this.schema), { id: id, $id: id });
     }
     createValidator() {
-        const validator = new Ajv({
-            unknownFormats: 'ignore',
-            allErrors: true,
-            multipleOfPrecision: 2,
-        }).addFormat('integer', isInteger);
-        this.validator = validator.compile(this.schema);
+        this.validator = getValidator(this.schema);
     }
     getValidationErrors() {
-        const errors = this.validator.errors || [];
+        const errors = [...(this.validator.errors || [])];
         return errors.map((error) => {
             let property = error.dataPath;
             if (error.keyword === 'required') {

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

@@ -86,7 +86,7 @@ const NotchedOutline = class {
         this.hasFloatingLabel = false;
     }
     render() {
-        return (index.h("div", { key: '5dd66f7356821043d750963f18ef8f39889e65cc', class: "limel-notched-outline" }, index.h("slot", { key: '1b2072f7acd112137188b570229470677458ace7', name: "content" }), index.h("span", { key: '3d1d04a75ff0459b53294a2b2bbb4f15192409cd', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: '9677d3b3bc1f37e954c3ab2907e98db8b9122466', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: '62a494be847b2181cdd00f20e50cffbbc121bfd2', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        return (index.h("div", { key: '075d440c16ca092fd36dfc72b59937d09db55b50', class: "limel-notched-outline" }, index.h("slot", { key: '5efa4c54ce73c15d7d259d2f8d856be9e40ebc16', name: "content" }), index.h("span", { key: '2ad07b5b8b404d2ac59b05de0a22e52c77ced6a3', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, index.h("span", { key: '1f70d37ebf40173162e71b3ca4bd31bf14bf3dec', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), index.h("span", { key: '0097c9838a78c1972a014faa4f6439f40c6dee66', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {