@elementor/editor-props 4.0.0-552 → 4.0.0-573

package/dist/index.mjs

@@ -205,44 +205,61 @@ import { z as z16 } from "@elementor/schema";
 var stringPropTypeUtil = createPropUtils("string", z16.string().nullable());
 
 // src/prop-types/string-array.ts
-import { z as z17 } from "@elementor/schema";
-var stringArrayPropTypeUtil = createPropUtils("string-array", z17.array(z17.string()));
+var stringArrayPropTypeUtil = createArrayPropUtils(stringPropTypeUtil.key, stringPropTypeUtil.schema);
 
 // src/prop-types/stroke.ts
-import { z as z18 } from "@elementor/schema";
+import { z as z17 } from "@elementor/schema";
 var strokePropTypeUtil = createPropUtils(
   "stroke",
-  z18.strictObject({
+  z17.strictObject({
     color: unknownChildrenSchema,
     width: unknownChildrenSchema
   })
 );
 
 // src/prop-types/url.ts
-import { z as z19 } from "@elementor/schema";
-var urlPropTypeUtil = createPropUtils("url", z19.string().nullable());
+import { z as z18 } from "@elementor/schema";
+var urlPropTypeUtil = createPropUtils("url", z18.string().nullable());
 
 // src/prop-types/layout-direction.ts
-import { z as z20 } from "@elementor/schema";
+import { z as z19 } from "@elementor/schema";
 var layoutDirectionPropTypeUtil = createPropUtils(
   "layout-direction",
-  z20.object({
-    row: z20.any(),
-    column: z20.any()
+  z19.object({
+    row: z19.any(),
+    column: z19.any()
   })
 );
 
 // src/prop-types/link.ts
-import { z as z21 } from "@elementor/schema";
+import { z as z20 } from "@elementor/schema";
 var linkPropTypeUtil = createPropUtils(
   "link",
-  z21.strictObject({
+  z20.strictObject({
     destination: unknownChildrenSchema,
     isTargetBlank: unknownChildrenSchema,
     tag: unknownChildrenSchema
   })
 );
 
+// src/prop-types/email.ts
+import { z as z21 } from "@elementor/schema";
+var emailPropTypeUtil = createPropUtils(
+  "email",
+  z21.strictObject({
+    to: unknownChildrenSchema,
+    subject: unknownChildrenSchema,
+    message: unknownChildrenSchema,
+    from: unknownChildrenSchema,
+    "meta-data": unknownChildrenSchema,
+    "send-as": unknownChildrenSchema,
+    "from-name": unknownChildrenSchema,
+    "reply-to": unknownChildrenSchema,
+    cc: unknownChildrenSchema,
+    bcc: unknownChildrenSchema
+  })
+);
+
 // src/prop-types/selection-size.ts
 import { z as z23 } from "@elementor/schema";
 
@@ -362,14 +379,30 @@ var queryPropTypeUtil = createPropUtils(
 import { z as z32 } from "@elementor/schema";
 var htmlPropTypeUtil = createPropUtils("html", z32.string().nullable());
 
+// src/prop-types/html-v2.ts
+import { z as z33 } from "@elementor/schema";
+var childElementSchema = z33.lazy(
+  () => z33.object({
+    id: z33.string(),
+    type: z33.string(),
+    content: z33.string().optional(),
+    children: z33.array(childElementSchema).optional()
+  })
+);
+var htmlV2ValueSchema = z33.object({
+  content: z33.string().nullable(),
+  children: z33.array(childElementSchema)
+});
+var htmlV2PropTypeUtil = createPropUtils("html-v2", htmlV2ValueSchema);
+
 // src/prop-types/filter-prop-types/filter.ts
-import { z as z38 } from "@elementor/schema";
+import { z as z39 } from "@elementor/schema";
 
 // src/prop-types/filter-prop-types/drop-shadow-filter.ts
-import { z as z33 } from "@elementor/schema";
+import { z as z34 } from "@elementor/schema";
 var dropShadowFilterPropTypeUtil = createPropUtils(
   "drop-shadow",
-  z33.object({
+  z34.object({
     xAxis: unknownChildrenSchema,
     yAxis: unknownChildrenSchema,
     blur: unknownChildrenSchema,
@@ -378,37 +411,37 @@ var dropShadowFilterPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/filter-prop-types/filter-functions/blur-filter.ts
-import { z as z34 } from "@elementor/schema";
+import { z as z35 } from "@elementor/schema";
 var blurFilterPropTypeUtil = createPropUtils(
   "blur",
-  z34.strictObject({
+  z35.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/color-tone-filter.ts
-import { z as z35 } from "@elementor/schema";
+import { z as z36 } from "@elementor/schema";
 var colorToneFilterPropTypeUtil = createPropUtils(
   "color-tone",
-  z35.strictObject({
+  z36.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/hue-rotate-filter.ts
-import { z as z36 } from "@elementor/schema";
+import { z as z37 } from "@elementor/schema";
 var hueRotateFilterPropTypeUtil = createPropUtils(
   "hue-rotate",
-  z36.strictObject({
+  z37.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/intensity-filter.ts
-import { z as z37 } from "@elementor/schema";
+import { z as z38 } from "@elementor/schema";
 var intensityFilterPropTypeUtil = createPropUtils(
   "intensity",
-  z37.strictObject({
+  z38.strictObject({
     size: unknownChildrenSchema
   })
 );
@@ -416,9 +449,9 @@ var intensityFilterPropTypeUtil = createPropUtils(
 // src/prop-types/filter-prop-types/filter.ts
 var cssFilterFunctionPropUtil = createPropUtils(
   "css-filter-func",
-  z38.object({
+  z39.object({
     func: stringPropTypeUtil.schema,
-    args: z38.union([
+    args: z39.union([
       blurFilterPropTypeUtil.schema,
       intensityFilterPropTypeUtil.schema,
       colorToneFilterPropTypeUtil.schema,
@@ -427,13 +460,13 @@ var cssFilterFunctionPropUtil = createPropUtils(
     ])
   })
 );
-var filterPropTypeUtil = createPropUtils("filter", z38.array(cssFilterFunctionPropUtil.schema));
+var filterPropTypeUtil = createPropUtils("filter", z39.array(cssFilterFunctionPropUtil.schema));
 
 // src/prop-types/transform-prop-types/transform.ts
-import { z as z39 } from "@elementor/schema";
+import { z as z40 } from "@elementor/schema";
 var transformPropTypeUtil = createPropUtils(
   "transform",
-  z39.strictObject({
+  z40.strictObject({
     "transform-functions": unknownChildrenSchema,
     "transform-origin": unknownChildrenSchema,
     perspective: unknownChildrenSchema,
@@ -442,10 +475,10 @@ var transformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions.ts
-import { z as z44 } from "@elementor/schema";
+import { z as z45 } from "@elementor/schema";
 
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
-import { z as z40 } from "@elementor/schema";
+import { z as z41 } from "@elementor/schema";
 
 // src/prop-types/transform-prop-types/types.ts
 var TransformFunctionKeys = {
@@ -458,7 +491,7 @@ var TransformFunctionKeys = {
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
 var moveTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.move,
-  z40.strictObject({
+  z41.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -466,10 +499,10 @@ var moveTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/rotate-transform.ts
-import { z as z41 } from "@elementor/schema";
+import { z as z42 } from "@elementor/schema";
 var rotateTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.rotate,
-  z41.strictObject({
+  z42.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -477,10 +510,10 @@ var rotateTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/scale-transform.ts
-import { z as z42 } from "@elementor/schema";
+import { z as z43 } from "@elementor/schema";
 var scaleTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.scale,
-  z42.strictObject({
+  z43.strictObject({
     x: numberPropTypeUtil.schema.nullable(),
     y: numberPropTypeUtil.schema.nullable(),
     z: numberPropTypeUtil.schema.nullable()
@@ -488,10 +521,10 @@ var scaleTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/skew-transform.ts
-import { z as z43 } from "@elementor/schema";
+import { z as z44 } from "@elementor/schema";
 var skewTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.skew,
-  z43.strictObject({
+  z44.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
@@ -499,13 +532,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", z44.array(filterTypes));
+var transformFunctionsPropTypeUtil = createPropUtils("transform-functions", z45.array(filterTypes));
 
 // src/prop-types/transform-prop-types/transform-origin.ts
-import { z as z45 } from "@elementor/schema";
+import { z as z46 } from "@elementor/schema";
 var transformOriginPropTypeUtil = createPropUtils(
   "transform-origin",
-  z45.strictObject({
+  z46.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -513,20 +546,20 @@ var transformOriginPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/perspective-origin.ts
-import { z as z46 } from "@elementor/schema";
+import { z as z47 } from "@elementor/schema";
 var perspectiveOriginPropTypeUtil = createPropUtils(
   "perspective-origin",
-  z46.strictObject({
+  z47.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/backdrop-filter.ts
-import { z as z47 } from "@elementor/schema";
+import { z as z48 } from "@elementor/schema";
 var backdropFilterPropTypeUtil = createPropUtils(
   "backdrop-filter",
-  z47.array(cssFilterFunctionPropUtil.schema)
+  z48.array(cssFilterFunctionPropUtil.schema)
 );
 
 // src/utils/adjust-llm-prop-value-schema.ts
@@ -941,11 +974,11 @@ var validatePropValue = (schema, value) => {
 };
 
 // src/utils/is-transformable.ts
-import { z as z48 } from "@elementor/schema";
-var transformableSchema = z48.object({
-  $$type: z48.string(),
-  value: z48.any(),
-  disabled: z48.boolean().optional()
+import { z as z49 } from "@elementor/schema";
+var transformableSchema = z49.object({
+  $$type: z49.string(),
+  value: z49.any(),
+  disabled: z49.boolean().optional()
 });
 var isTransformable = (value) => {
   return transformableSchema.safeParse(value).success;
@@ -1041,7 +1074,8 @@ function evaluateTerm(term, actualValue) {
       if (("string" !== typeof actualValue || "string" !== typeof valueToCompare) && !Array.isArray(actualValue)) {
         return false;
       }
-      return "contains" === operator === actualValue.includes(valueToCompare);
+      const transformedValue = Array.isArray(actualValue) ? actualValue.map((item) => isTransformable(item) ? item.value : item) : actualValue;
+      return "contains" === operator === transformedValue.includes(valueToCompare);
     case "exists":
     case "not_exist":
       const evaluation = !!actualValue || 0 === actualValue || false === actualValue;
@@ -1084,6 +1118,61 @@ function isDependency(term) {
   return "terms" in term;
 }
 
+// src/utils/parse-html-children.ts
+var INLINE_ELEMENTS = /* @__PURE__ */ new Set(["span", "b", "strong", "i", "em", "u", "a", "del", "sup", "sub", "s"]);
+function generateElementId() {
+  const timestamp = Date.now().toString(36);
+  const randomPart = Math.random().toString(36).substring(2, 9);
+  return `e-${timestamp}-${randomPart}`;
+}
+function traverseChildren(node) {
+  const result = [];
+  for (const child of Array.from(node.children)) {
+    const tagName = child.tagName.toLowerCase();
+    if (!INLINE_ELEMENTS.has(tagName)) {
+      result.push(...traverseChildren(child));
+      continue;
+    }
+    let id = child.getAttribute("id");
+    if (!id) {
+      id = generateElementId();
+      child.setAttribute("id", id);
+    }
+    const childElement = {
+      id,
+      type: tagName
+    };
+    const textContent = child.textContent?.trim();
+    if (textContent) {
+      childElement.content = textContent;
+    }
+    const nestedChildren = traverseChildren(child);
+    if (nestedChildren.length > 0) {
+      childElement.children = nestedChildren;
+    }
+    result.push(childElement);
+  }
+  return result;
+}
+function parseHtmlChildren(html) {
+  if (!html) {
+    return { content: html, children: [] };
+  }
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(`<body>${html}</body>`, "text/html");
+  const parserError = doc.querySelector("parsererror");
+  if (parserError) {
+    console.warn("HTML parsing error, returning original content:", parserError.textContent);
+    return { content: html, children: [] };
+  }
+  const body = doc.body;
+  const children = traverseChildren(body);
+  return {
+    content: body.innerHTML,
+    children
+  };
+}
+
 // src/index.ts
 var Schema = {
   jsonSchemaToPropType,
@@ -1123,6 +1212,7 @@ export {
   cssFilterFunctionPropUtil,
   dimensionsPropTypeUtil,
   dropShadowFilterPropTypeUtil,
+  emailPropTypeUtil,
   evaluateTerm,
   extractValue,
   filterEmptyValues,
@@ -1131,6 +1221,7 @@ export {
   getPropSchemaFromCache,
   gradientColorStopPropTypeUtil,
   htmlPropTypeUtil,
+  htmlV2PropTypeUtil,
   hueRotateFilterPropTypeUtil,
   imageAttachmentIdPropType,
   imagePropTypeUtil,
@@ -1146,6 +1237,7 @@ export {
   mergeProps,
   moveTransformPropTypeUtil,
   numberPropTypeUtil,
+  parseHtmlChildren,
   perspectiveOriginPropTypeUtil,
   positionPropTypeUtil,
   queryPropTypeUtil,