@elementor/editor-props 4.1.0 → 4.2.0-839

package/dist/index.mjs

@@ -149,7 +149,8 @@ var imageSrcPropTypeUtil = createPropUtils(
   }).or(
     z12.strictObject({
       id: z12.null(),
-      url: unknownChildrenSchema
+      url: unknownChildrenSchema,
+      alt: unknownChildrenSchema
     })
   )
 );
@@ -238,42 +239,46 @@ var sizePropTypeUtil = createPropUtils(
   )
 );
 
-// src/prop-types/string.ts
+// src/prop-types/span.ts
 import { z as z19 } from "@elementor/schema";
-var stringPropTypeUtil = createPropUtils("string", z19.string().nullable());
+var spanPropTypeUtil = createPropUtils("span", z19.number().nullable());
+
+// src/prop-types/string.ts
+import { z as z20 } from "@elementor/schema";
+var stringPropTypeUtil = createPropUtils("string", z20.string().nullable());
 
 // src/prop-types/string-array.ts
 var stringArrayPropTypeUtil = createArrayPropUtils(stringPropTypeUtil.key, stringPropTypeUtil.schema);
 
 // src/prop-types/stroke.ts
-import { z as z20 } from "@elementor/schema";
+import { z as z21 } from "@elementor/schema";
 var strokePropTypeUtil = createPropUtils(
   "stroke",
-  z20.strictObject({
+  z21.strictObject({
     color: unknownChildrenSchema,
     width: unknownChildrenSchema
   })
 );
 
 // src/prop-types/url.ts
-import { z as z21 } from "@elementor/schema";
-var urlPropTypeUtil = createPropUtils("url", z21.string().nullable());
+import { z as z22 } from "@elementor/schema";
+var urlPropTypeUtil = createPropUtils("url", z22.string().nullable());
 
 // src/prop-types/layout-direction.ts
-import { z as z22 } from "@elementor/schema";
+import { z as z23 } from "@elementor/schema";
 var layoutDirectionPropTypeUtil = createPropUtils(
   "layout-direction",
-  z22.object({
-    row: z22.any(),
-    column: z22.any()
+  z23.object({
+    row: z23.any(),
+    column: z23.any()
   })
 );
 
 // src/prop-types/link.ts
-import { z as z23 } from "@elementor/schema";
+import { z as z24 } from "@elementor/schema";
 var linkPropTypeUtil = createPropUtils(
   "link",
-  z23.strictObject({
+  z24.strictObject({
     destination: unknownChildrenSchema,
     isTargetBlank: unknownChildrenSchema,
     tag: unknownChildrenSchema
@@ -281,10 +286,10 @@ var linkPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/email.ts
-import { z as z24 } from "@elementor/schema";
+import { z as z25 } from "@elementor/schema";
 var emailPropTypeUtil = createPropUtils(
   "email",
-  z24.strictObject({
+  z25.strictObject({
     to: unknownChildrenSchema,
     subject: unknownChildrenSchema,
     message: unknownChildrenSchema,
@@ -299,13 +304,13 @@ var emailPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/selection-size.ts
-import { z as z26 } from "@elementor/schema";
+import { z as z27 } from "@elementor/schema";
 
 // src/prop-types/key-value.ts
-import { z as z25 } from "@elementor/schema";
+import { z as z26 } from "@elementor/schema";
 var keyValuePropTypeUtil = createPropUtils(
   "key-value",
-  z25.strictObject({
+  z26.strictObject({
     key: unknownChildrenSchema,
     value: unknownChildrenSchema
   })
@@ -314,17 +319,17 @@ var keyValuePropTypeUtil = createPropUtils(
 // src/prop-types/selection-size.ts
 var selectionSizePropTypeUtil = createPropUtils(
   "selection-size",
-  z26.strictObject({
-    selection: z26.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
+  z27.strictObject({
+    selection: z27.union([keyValuePropTypeUtil.schema, stringPropTypeUtil.schema]),
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/background-prop-types/background.ts
-import { z as z27 } from "@elementor/schema";
+import { z as z28 } from "@elementor/schema";
 var backgroundPropTypeUtil = createPropUtils(
   "background",
-  z27.strictObject({
+  z28.strictObject({
     color: unknownChildrenSchema,
     clip: unknownChildrenSchema,
     "background-overlay": unknownChildrenSchema
@@ -332,7 +337,7 @@ var backgroundPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/background-prop-types/background-overlay.ts
-import { z as z28 } from "@elementor/schema";
+import { z as z29 } from "@elementor/schema";
 
 // src/prop-types/background-prop-types/background-color-overlay.ts
 var backgroundColorOverlayPropTypeUtil = createPropUtils("background-color-overlay", unknownChildrenSchema);
@@ -348,7 +353,7 @@ var backgroundImageOverlayPropTypeUtil = createPropUtils("background-image-overl
 
 // src/prop-types/background-prop-types/background-overlay.ts
 var backgroundOverlayItem = backgroundColorOverlayPropTypeUtil.schema.or(backgroundGradientOverlayPropTypeUtil.schema).or(backgroundImageOverlayPropTypeUtil.schema);
-var backgroundOverlayPropTypeUtil = createPropUtils("background-overlay", z28.array(backgroundOverlayItem));
+var backgroundOverlayPropTypeUtil = createPropUtils("background-overlay", z29.array(backgroundOverlayItem));
 
 // src/prop-types/background-prop-types/background-image-position-offset.ts
 var backgroundImagePositionOffsetPropTypeUtil = createPropUtils(
@@ -363,92 +368,102 @@ var backgroundImageSizeScalePropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/boolean.ts
-import { z as z29 } from "@elementor/schema";
-var booleanPropTypeUtil = createPropUtils("boolean", z29.boolean().nullable());
+import { z as z30 } from "@elementor/schema";
+var booleanPropTypeUtil = createPropUtils("boolean", z30.boolean().nullable());
 
 // src/prop-types/color-stop.ts
-import { z as z30 } from "@elementor/schema";
+import { z as z31 } from "@elementor/schema";
 var colorStopPropTypeUtil = createPropUtils(
   "color-stop",
-  z30.strictObject({
+  z31.strictObject({
     color: unknownChildrenSchema,
     offset: unknownChildrenSchema
   })
 );
 
 // src/prop-types/gradient-color-stop.ts
-import { z as z31 } from "@elementor/schema";
+import { z as z32 } from "@elementor/schema";
 var gradientColorStopPropTypeUtil = createPropUtils(
   "gradient-color-stop",
-  z31.array(colorStopPropTypeUtil.schema)
+  z32.array(colorStopPropTypeUtil.schema)
+);
+
+// src/prop-types/number-range.ts
+import { z as z33 } from "@elementor/schema";
+var numberRangePropTypeUtil = createPropUtils(
+  "number-range",
+  z33.strictObject({
+    min: unknownChildrenSchema,
+    max: unknownChildrenSchema
+  })
 );
 
 // src/prop-types/date-time.ts
-import { z as z32 } from "@elementor/schema";
+import { z as z34 } from "@elementor/schema";
 var DateTimePropTypeUtil = createPropUtils(
   "date-time",
-  z32.strictObject({
+  z34.strictObject({
     date: unknownChildrenSchema,
     time: unknownChildrenSchema
   })
 );
 
 // src/prop-types/position.ts
-import { z as z33 } from "@elementor/schema";
+import { z as z35 } from "@elementor/schema";
 var positionPropTypeUtil = createPropUtils(
   "object-position",
-  z33.strictObject({
+  z35.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/query.ts
-import { z as z34 } from "@elementor/schema";
+import { z as z36 } from "@elementor/schema";
 var queryPropTypeUtil = createPropUtils(
   "query",
-  z34.strictObject({
+  z36.strictObject({
     id: unknownChildrenSchema,
     label: unknownChildrenSchema
   })
 );
 
 // src/prop-types/html.ts
-import { z as z35 } from "@elementor/schema";
-var htmlPropTypeUtil = createPropUtils("html", z35.string().nullable());
+import { z as z37 } from "@elementor/schema";
+var htmlPropTypeUtil = createPropUtils("html", z37.string().nullable());
 
 // src/prop-types/html-v2.ts
-import { z as z36 } from "@elementor/schema";
-var childElementSchema = z36.lazy(
-  () => z36.object({
-    id: z36.string(),
-    type: z36.string(),
-    content: z36.string().optional(),
-    children: z36.array(childElementSchema).optional()
+import { z as z38 } from "@elementor/schema";
+var childElementSchema = z38.lazy(
+  () => z38.object({
+    id: z38.string(),
+    type: z38.string(),
+    content: z38.string().optional(),
+    children: z38.array(childElementSchema).optional()
   })
 );
-var htmlV2ValueSchema = z36.object({
-  content: z36.string().nullable(),
-  children: z36.array(childElementSchema)
+var htmlV2ValueSchema = z38.object({
+  content: z38.string().nullable(),
+  children: z38.array(childElementSchema)
 });
 var htmlV2PropTypeUtil = createPropUtils("html-v2", htmlV2ValueSchema);
 
 // src/prop-types/html-v3.ts
-import { z as z37 } from "@elementor/schema";
-var htmlV3ValueSchema = z37.object({
+import { z as z39 } from "@elementor/schema";
+var htmlV3ValueSchema = z39.object({
   content: stringPropTypeUtil.schema.nullable(),
-  children: z37.array(z37.unknown())
+  children: z39.array(z39.unknown())
 });
 var htmlV3PropTypeUtil = createPropUtils("html-v3", htmlV3ValueSchema);
 
 // src/prop-types/filter-prop-types/filter.ts
-import { z as z43 } from "@elementor/schema";
+import { z as z45 } from "@elementor/schema";
 
 // src/prop-types/filter-prop-types/drop-shadow-filter.ts
-import { z as z38 } from "@elementor/schema";
+import { z as z40 } from "@elementor/schema";
 var dropShadowFilterPropTypeUtil = createPropUtils(
   "drop-shadow",
-  z38.object({
+  z40.object({
     xAxis: unknownChildrenSchema,
     yAxis: unknownChildrenSchema,
     blur: unknownChildrenSchema,
@@ -457,37 +472,37 @@ var dropShadowFilterPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/filter-prop-types/filter-functions/blur-filter.ts
-import { z as z39 } from "@elementor/schema";
+import { z as z41 } from "@elementor/schema";
 var blurFilterPropTypeUtil = createPropUtils(
   "blur",
-  z39.strictObject({
+  z41.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/color-tone-filter.ts
-import { z as z40 } from "@elementor/schema";
+import { z as z42 } from "@elementor/schema";
 var colorToneFilterPropTypeUtil = createPropUtils(
   "color-tone",
-  z40.strictObject({
+  z42.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/hue-rotate-filter.ts
-import { z as z41 } from "@elementor/schema";
+import { z as z43 } from "@elementor/schema";
 var hueRotateFilterPropTypeUtil = createPropUtils(
   "hue-rotate",
-  z41.strictObject({
+  z43.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/intensity-filter.ts
-import { z as z42 } from "@elementor/schema";
+import { z as z44 } from "@elementor/schema";
 var intensityFilterPropTypeUtil = createPropUtils(
   "intensity",
-  z42.strictObject({
+  z44.strictObject({
     size: unknownChildrenSchema
   })
 );
@@ -495,9 +510,9 @@ var intensityFilterPropTypeUtil = createPropUtils(
 // src/prop-types/filter-prop-types/filter.ts
 var cssFilterFunctionPropUtil = createPropUtils(
   "css-filter-func",
-  z43.object({
+  z45.object({
     func: stringPropTypeUtil.schema,
-    args: z43.union([
+    args: z45.union([
       blurFilterPropTypeUtil.schema,
       intensityFilterPropTypeUtil.schema,
       colorToneFilterPropTypeUtil.schema,
@@ -506,13 +521,13 @@ var cssFilterFunctionPropUtil = createPropUtils(
     ])
   })
 );
-var filterPropTypeUtil = createPropUtils("filter", z43.array(cssFilterFunctionPropUtil.schema));
+var filterPropTypeUtil = createPropUtils("filter", z45.array(cssFilterFunctionPropUtil.schema));
 
 // src/prop-types/transform-prop-types/transform.ts
-import { z as z44 } from "@elementor/schema";
+import { z as z46 } from "@elementor/schema";
 var transformPropTypeUtil = createPropUtils(
   "transform",
-  z44.strictObject({
+  z46.strictObject({
     "transform-functions": unknownChildrenSchema,
     "transform-origin": unknownChildrenSchema,
     perspective: unknownChildrenSchema,
@@ -521,10 +536,10 @@ var transformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions.ts
-import { z as z49 } from "@elementor/schema";
+import { z as z51 } from "@elementor/schema";
 
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
-import { z as z45 } from "@elementor/schema";
+import { z as z47 } from "@elementor/schema";
 
 // src/prop-types/transform-prop-types/types.ts
 var TransformFunctionKeys = {
@@ -537,7 +552,7 @@ var TransformFunctionKeys = {
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
 var moveTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.move,
-  z45.strictObject({
+  z47.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -545,10 +560,10 @@ var moveTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/rotate-transform.ts
-import { z as z46 } from "@elementor/schema";
+import { z as z48 } from "@elementor/schema";
 var rotateTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.rotate,
-  z46.strictObject({
+  z48.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -556,10 +571,10 @@ var rotateTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/scale-transform.ts
-import { z as z47 } from "@elementor/schema";
+import { z as z49 } from "@elementor/schema";
 var scaleTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.scale,
-  z47.strictObject({
+  z49.strictObject({
     x: numberPropTypeUtil.schema.nullable(),
     y: numberPropTypeUtil.schema.nullable(),
     z: numberPropTypeUtil.schema.nullable()
@@ -567,10 +582,10 @@ var scaleTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/skew-transform.ts
-import { z as z48 } from "@elementor/schema";
+import { z as z50 } from "@elementor/schema";
 var skewTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.skew,
-  z48.strictObject({
+  z50.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
@@ -578,13 +593,13 @@ var skewTransformPropTypeUtil = createPropUtils(
 
 // src/prop-types/transform-prop-types/transform-functions.ts
 var filterTypes = moveTransformPropTypeUtil.schema.or(scaleTransformPropTypeUtil.schema).or(rotateTransformPropTypeUtil.schema).or(skewTransformPropTypeUtil.schema);
-var transformFunctionsPropTypeUtil = createPropUtils("transform-functions", z49.array(filterTypes));
+var transformFunctionsPropTypeUtil = createPropUtils("transform-functions", z51.array(filterTypes));
 
 // src/prop-types/transform-prop-types/transform-origin.ts
-import { z as z50 } from "@elementor/schema";
+import { z as z52 } from "@elementor/schema";
 var transformOriginPropTypeUtil = createPropUtils(
   "transform-origin",
-  z50.strictObject({
+  z52.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -592,22 +607,50 @@ var transformOriginPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/perspective-origin.ts
-import { z as z51 } from "@elementor/schema";
+import { z as z53 } from "@elementor/schema";
 var perspectiveOriginPropTypeUtil = createPropUtils(
   "perspective-origin",
-  z51.strictObject({
+  z53.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/backdrop-filter.ts
-import { z as z52 } from "@elementor/schema";
+import { z as z54 } from "@elementor/schema";
 var backdropFilterPropTypeUtil = createPropUtils(
   "backdrop-filter",
-  z52.array(cssFilterFunctionPropUtil.schema)
+  z54.array(cssFilterFunctionPropUtil.schema)
+);
+
+// src/prop-types/date-range.ts
+import { z as z55 } from "@elementor/schema";
+var dateRangePropTypeUtil = createPropUtils(
+  "date-range",
+  z55.strictObject({
+    min: unknownChildrenSchema,
+    max: unknownChildrenSchema
+  })
+);
+
+// src/prop-types/date-string.ts
+import { z as z56 } from "@elementor/schema";
+var dateStringPropTypeUtil = createPropUtils("date-string", z56.string());
+
+// src/prop-types/time-range.ts
+import { z as z57 } from "@elementor/schema";
+var timeRangePropTypeUtil = createPropUtils(
+  "time-range",
+  z57.strictObject({
+    min: unknownChildrenSchema,
+    max: unknownChildrenSchema
+  })
 );
 
+// src/prop-types/time-string.ts
+import { z as z58 } from "@elementor/schema";
+var timeStringPropTypeUtil = createPropUtils("time-string", z58.string());
+
 // src/utils/adjust-llm-prop-value-schema.ts
 var ensureNotNull = (v, fallback) => v === null ? fallback : v;
 var defaultOptions = {
@@ -924,11 +967,14 @@ function convertPropTypeToJsonSchema(propType) {
   return propTypeToJsonSchema(propType);
 }
 var nonConfigurablePropKeys = ["_cssid", "classes", "attributes"];
-function isPropKeyConfigurable(propKey) {
-  return !nonConfigurablePropKeys.includes(propKey);
+function isPropKeyConfigurable(propKey, propType) {
+  if (!nonConfigurablePropKeys.includes(propKey)) {
+    return true;
+  }
+  return !!(!Array.isArray(propType?.meta) && propType?.meta?.llm_configurable);
 }
 function configurableKeys(schema) {
-  return Object.keys(schema).filter(isPropKeyConfigurable);
+  return Object.keys(schema).filter((key) => isPropKeyConfigurable(key, schema[key]));
 }
 function enrichWithIntention(jsonSchema, text = "Describe the desired outcome") {
   const result = structuredClone(jsonSchema);
@@ -1030,11 +1076,11 @@ var validatePropValue = (schema, value) => {
 };
 
 // src/utils/is-transformable.ts
-import { z as z53 } from "@elementor/schema";
-var transformableSchema = z53.object({
-  $$type: z53.string(),
-  value: z53.any(),
-  disabled: z53.boolean().optional()
+import { z as z59 } from "@elementor/schema";
+var transformableSchema = z59.object({
+  $$type: z59.string(),
+  value: z59.any(),
+  disabled: z59.boolean().optional()
 });
 var isTransformable = (value) => {
   return transformableSchema.safeParse(value).success;
@@ -1067,6 +1113,20 @@ var isNullishObject = (value) => {
   return typeof value === "object" && isNullishArray(Object.values(value));
 };
 
+// src/utils/is-overridable.ts
+function isOverridable(value) {
+  return isTransformable(value) && value.$$type === "overridable";
+}
+function rewrapOverridableValue(existing, newInner) {
+  return {
+    ...existing,
+    value: {
+      ...existing.value,
+      origin_value: newInner
+    }
+  };
+}
+
 // src/utils/merge-props.ts
 function mergeProps(current, updates) {
   let props = {};
@@ -1153,17 +1213,32 @@ function getRelationMethod(relation) {
       throw new Error(`Relation not supported ${relation}`);
   }
 }
-function extractValue(path, elementValues, nestedPath = []) {
+function extractValue(path, elementValues, nestedPath = [], options = {}) {
+  const { unwrapOverridableLeaf = true } = options;
   const extractedValue = path.reduce((acc, key, index) => {
     const value = acc?.[key];
-    return index !== path.length - 1 && isTransformable(value) ? value.value ?? null : value;
+    if (index === path.length - 1) {
+      return value;
+    }
+    if (isOverridable(value)) {
+      const inner = value.value.origin_value;
+      return isTransformable(inner) ? inner.value ?? null : inner;
+    }
+    if (isTransformable(value)) {
+      return value.value ?? null;
+    }
+    return value;
   }, elementValues);
+  let resolved = extractedValue;
+  if (unwrapOverridableLeaf && resolved && isOverridable(resolved)) {
+    resolved = resolved.value.origin_value ?? null;
+  }
   if (!nestedPath?.length) {
-    return extractedValue;
+    return resolved;
   }
   const nestedValue = nestedPath.reduce(
     (acc, key) => acc?.[key],
-    extractedValue?.value
+    resolved?.value
   );
   return {
     $$type: "unknown",
@@ -1266,6 +1341,8 @@ export {
   createArrayPropUtils,
   createPropUtils,
   cssFilterFunctionPropUtil,
+  dateRangePropTypeUtil,
+  dateStringPropTypeUtil,
   dimensionsPropTypeUtil,
   dropShadowFilterPropTypeUtil,
   emailPropTypeUtil,
@@ -1287,6 +1364,7 @@ export {
   isDependency,
   isDependencyMet,
   isEmpty,
+  isOverridable,
   isTransformable,
   keyValuePropTypeUtil,
   layoutDirectionPropTypeUtil,
@@ -1294,20 +1372,25 @@ export {
   mergeProps,
   moveTransformPropTypeUtil,
   numberPropTypeUtil,
+  numberRangePropTypeUtil,
   parseHtmlChildren,
   perspectiveOriginPropTypeUtil,
   positionPropTypeUtil,
   queryPropTypeUtil,
+  rewrapOverridableValue,
   rotateTransformPropTypeUtil,
   scaleTransformPropTypeUtil,
   selectionSizePropTypeUtil,
   shadowPropTypeUtil,
   sizePropTypeUtil,
   skewTransformPropTypeUtil,
+  spanPropTypeUtil,
   stringArrayPropTypeUtil,
   stringPropTypeUtil,
   strokePropTypeUtil,
   svgSrcPropTypeUtil,
+  timeRangePropTypeUtil,
+  timeStringPropTypeUtil,
   transformFunctionsPropTypeUtil,
   transformOriginPropTypeUtil,
   transformPropTypeUtil,