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

package/dist/index.js

@@ -46,6 +46,7 @@ __export(index_exports, {
   cssFilterFunctionPropUtil: () => cssFilterFunctionPropUtil,
   dimensionsPropTypeUtil: () => dimensionsPropTypeUtil,
   dropShadowFilterPropTypeUtil: () => dropShadowFilterPropTypeUtil,
+  emailPropTypeUtil: () => emailPropTypeUtil,
   evaluateTerm: () => evaluateTerm,
   extractValue: () => extractValue,
   filterEmptyValues: () => filterEmptyValues,
@@ -54,6 +55,7 @@ __export(index_exports, {
   getPropSchemaFromCache: () => getPropSchemaFromCache,
   gradientColorStopPropTypeUtil: () => gradientColorStopPropTypeUtil,
   htmlPropTypeUtil: () => htmlPropTypeUtil,
+  htmlV2PropTypeUtil: () => htmlV2PropTypeUtil,
   hueRotateFilterPropTypeUtil: () => hueRotateFilterPropTypeUtil,
   imageAttachmentIdPropType: () => imageAttachmentIdPropType,
   imagePropTypeUtil: () => imagePropTypeUtil,
@@ -69,6 +71,7 @@ __export(index_exports, {
   mergeProps: () => mergeProps,
   moveTransformPropTypeUtil: () => moveTransformPropTypeUtil,
   numberPropTypeUtil: () => numberPropTypeUtil,
+  parseHtmlChildren: () => parseHtmlChildren,
   perspectiveOriginPropTypeUtil: () => perspectiveOriginPropTypeUtil,
   positionPropTypeUtil: () => positionPropTypeUtil,
   queryPropTypeUtil: () => queryPropTypeUtil,
@@ -295,44 +298,61 @@ var import_schema16 = require("@elementor/schema");
 var stringPropTypeUtil = createPropUtils("string", import_schema16.z.string().nullable());
 
 // src/prop-types/string-array.ts
-var import_schema17 = require("@elementor/schema");
-var stringArrayPropTypeUtil = createPropUtils("string-array", import_schema17.z.array(import_schema17.z.string()));
+var stringArrayPropTypeUtil = createArrayPropUtils(stringPropTypeUtil.key, stringPropTypeUtil.schema);
 
 // src/prop-types/stroke.ts
-var import_schema18 = require("@elementor/schema");
+var import_schema17 = require("@elementor/schema");
 var strokePropTypeUtil = createPropUtils(
   "stroke",
-  import_schema18.z.strictObject({
+  import_schema17.z.strictObject({
     color: unknownChildrenSchema,
     width: unknownChildrenSchema
   })
 );
 
 // src/prop-types/url.ts
-var import_schema19 = require("@elementor/schema");
-var urlPropTypeUtil = createPropUtils("url", import_schema19.z.string().nullable());
+var import_schema18 = require("@elementor/schema");
+var urlPropTypeUtil = createPropUtils("url", import_schema18.z.string().nullable());
 
 // src/prop-types/layout-direction.ts
-var import_schema20 = require("@elementor/schema");
+var import_schema19 = require("@elementor/schema");
 var layoutDirectionPropTypeUtil = createPropUtils(
   "layout-direction",
-  import_schema20.z.object({
-    row: import_schema20.z.any(),
-    column: import_schema20.z.any()
+  import_schema19.z.object({
+    row: import_schema19.z.any(),
+    column: import_schema19.z.any()
   })
 );
 
 // src/prop-types/link.ts
-var import_schema21 = require("@elementor/schema");
+var import_schema20 = require("@elementor/schema");
 var linkPropTypeUtil = createPropUtils(
   "link",
-  import_schema21.z.strictObject({
+  import_schema20.z.strictObject({
     destination: unknownChildrenSchema,
     isTargetBlank: unknownChildrenSchema,
     tag: unknownChildrenSchema
   })
 );
 
+// src/prop-types/email.ts
+var import_schema21 = require("@elementor/schema");
+var emailPropTypeUtil = createPropUtils(
+  "email",
+  import_schema21.z.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
 var import_schema23 = require("@elementor/schema");
 
@@ -452,14 +472,30 @@ var queryPropTypeUtil = createPropUtils(
 var import_schema32 = require("@elementor/schema");
 var htmlPropTypeUtil = createPropUtils("html", import_schema32.z.string().nullable());
 
+// src/prop-types/html-v2.ts
+var import_schema33 = require("@elementor/schema");
+var childElementSchema = import_schema33.z.lazy(
+  () => import_schema33.z.object({
+    id: import_schema33.z.string(),
+    type: import_schema33.z.string(),
+    content: import_schema33.z.string().optional(),
+    children: import_schema33.z.array(childElementSchema).optional()
+  })
+);
+var htmlV2ValueSchema = import_schema33.z.object({
+  content: import_schema33.z.string().nullable(),
+  children: import_schema33.z.array(childElementSchema)
+});
+var htmlV2PropTypeUtil = createPropUtils("html-v2", htmlV2ValueSchema);
+
 // src/prop-types/filter-prop-types/filter.ts
-var import_schema38 = require("@elementor/schema");
+var import_schema39 = require("@elementor/schema");
 
 // src/prop-types/filter-prop-types/drop-shadow-filter.ts
-var import_schema33 = require("@elementor/schema");
+var import_schema34 = require("@elementor/schema");
 var dropShadowFilterPropTypeUtil = createPropUtils(
   "drop-shadow",
-  import_schema33.z.object({
+  import_schema34.z.object({
     xAxis: unknownChildrenSchema,
     yAxis: unknownChildrenSchema,
     blur: unknownChildrenSchema,
@@ -468,37 +504,37 @@ var dropShadowFilterPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/filter-prop-types/filter-functions/blur-filter.ts
-var import_schema34 = require("@elementor/schema");
+var import_schema35 = require("@elementor/schema");
 var blurFilterPropTypeUtil = createPropUtils(
   "blur",
-  import_schema34.z.strictObject({
+  import_schema35.z.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/color-tone-filter.ts
-var import_schema35 = require("@elementor/schema");
+var import_schema36 = require("@elementor/schema");
 var colorToneFilterPropTypeUtil = createPropUtils(
   "color-tone",
-  import_schema35.z.strictObject({
+  import_schema36.z.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/hue-rotate-filter.ts
-var import_schema36 = require("@elementor/schema");
+var import_schema37 = require("@elementor/schema");
 var hueRotateFilterPropTypeUtil = createPropUtils(
   "hue-rotate",
-  import_schema36.z.strictObject({
+  import_schema37.z.strictObject({
     size: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/filter-functions/intensity-filter.ts
-var import_schema37 = require("@elementor/schema");
+var import_schema38 = require("@elementor/schema");
 var intensityFilterPropTypeUtil = createPropUtils(
   "intensity",
-  import_schema37.z.strictObject({
+  import_schema38.z.strictObject({
     size: unknownChildrenSchema
   })
 );
@@ -506,9 +542,9 @@ var intensityFilterPropTypeUtil = createPropUtils(
 // src/prop-types/filter-prop-types/filter.ts
 var cssFilterFunctionPropUtil = createPropUtils(
   "css-filter-func",
-  import_schema38.z.object({
+  import_schema39.z.object({
     func: stringPropTypeUtil.schema,
-    args: import_schema38.z.union([
+    args: import_schema39.z.union([
       blurFilterPropTypeUtil.schema,
       intensityFilterPropTypeUtil.schema,
       colorToneFilterPropTypeUtil.schema,
@@ -517,13 +553,13 @@ var cssFilterFunctionPropUtil = createPropUtils(
     ])
   })
 );
-var filterPropTypeUtil = createPropUtils("filter", import_schema38.z.array(cssFilterFunctionPropUtil.schema));
+var filterPropTypeUtil = createPropUtils("filter", import_schema39.z.array(cssFilterFunctionPropUtil.schema));
 
 // src/prop-types/transform-prop-types/transform.ts
-var import_schema39 = require("@elementor/schema");
+var import_schema40 = require("@elementor/schema");
 var transformPropTypeUtil = createPropUtils(
   "transform",
-  import_schema39.z.strictObject({
+  import_schema40.z.strictObject({
     "transform-functions": unknownChildrenSchema,
     "transform-origin": unknownChildrenSchema,
     perspective: unknownChildrenSchema,
@@ -532,10 +568,10 @@ var transformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions.ts
-var import_schema44 = require("@elementor/schema");
+var import_schema45 = require("@elementor/schema");
 
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
-var import_schema40 = require("@elementor/schema");
+var import_schema41 = require("@elementor/schema");
 
 // src/prop-types/transform-prop-types/types.ts
 var TransformFunctionKeys = {
@@ -548,7 +584,7 @@ var TransformFunctionKeys = {
 // src/prop-types/transform-prop-types/transform-functions/move-transform.ts
 var moveTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.move,
-  import_schema40.z.strictObject({
+  import_schema41.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -556,10 +592,10 @@ var moveTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/rotate-transform.ts
-var import_schema41 = require("@elementor/schema");
+var import_schema42 = require("@elementor/schema");
 var rotateTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.rotate,
-  import_schema41.z.strictObject({
+  import_schema42.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -567,10 +603,10 @@ var rotateTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/scale-transform.ts
-var import_schema42 = require("@elementor/schema");
+var import_schema43 = require("@elementor/schema");
 var scaleTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.scale,
-  import_schema42.z.strictObject({
+  import_schema43.z.strictObject({
     x: numberPropTypeUtil.schema.nullable(),
     y: numberPropTypeUtil.schema.nullable(),
     z: numberPropTypeUtil.schema.nullable()
@@ -578,10 +614,10 @@ var scaleTransformPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/transform-functions/skew-transform.ts
-var import_schema43 = require("@elementor/schema");
+var import_schema44 = require("@elementor/schema");
 var skewTransformPropTypeUtil = createPropUtils(
   TransformFunctionKeys.skew,
-  import_schema43.z.strictObject({
+  import_schema44.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
@@ -589,13 +625,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", import_schema44.z.array(filterTypes));
+var transformFunctionsPropTypeUtil = createPropUtils("transform-functions", import_schema45.z.array(filterTypes));
 
 // src/prop-types/transform-prop-types/transform-origin.ts
-var import_schema45 = require("@elementor/schema");
+var import_schema46 = require("@elementor/schema");
 var transformOriginPropTypeUtil = createPropUtils(
   "transform-origin",
-  import_schema45.z.strictObject({
+  import_schema46.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema,
     z: unknownChildrenSchema
@@ -603,20 +639,20 @@ var transformOriginPropTypeUtil = createPropUtils(
 );
 
 // src/prop-types/transform-prop-types/perspective-origin.ts
-var import_schema46 = require("@elementor/schema");
+var import_schema47 = require("@elementor/schema");
 var perspectiveOriginPropTypeUtil = createPropUtils(
   "perspective-origin",
-  import_schema46.z.strictObject({
+  import_schema47.z.strictObject({
     x: unknownChildrenSchema,
     y: unknownChildrenSchema
   })
 );
 
 // src/prop-types/filter-prop-types/backdrop-filter.ts
-var import_schema47 = require("@elementor/schema");
+var import_schema48 = require("@elementor/schema");
 var backdropFilterPropTypeUtil = createPropUtils(
   "backdrop-filter",
-  import_schema47.z.array(cssFilterFunctionPropUtil.schema)
+  import_schema48.z.array(cssFilterFunctionPropUtil.schema)
 );
 
 // src/utils/adjust-llm-prop-value-schema.ts
@@ -1031,11 +1067,11 @@ var validatePropValue = (schema, value) => {
 };
 
 // src/utils/is-transformable.ts
-var import_schema48 = require("@elementor/schema");
-var transformableSchema = import_schema48.z.object({
-  $$type: import_schema48.z.string(),
-  value: import_schema48.z.any(),
-  disabled: import_schema48.z.boolean().optional()
+var import_schema49 = require("@elementor/schema");
+var transformableSchema = import_schema49.z.object({
+  $$type: import_schema49.z.string(),
+  value: import_schema49.z.any(),
+  disabled: import_schema49.z.boolean().optional()
 });
 var isTransformable = (value) => {
   return transformableSchema.safeParse(value).success;
@@ -1131,7 +1167,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;
@@ -1174,6 +1211,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,
@@ -1214,6 +1306,7 @@ var Schema = {
   cssFilterFunctionPropUtil,
   dimensionsPropTypeUtil,
   dropShadowFilterPropTypeUtil,
+  emailPropTypeUtil,
   evaluateTerm,
   extractValue,
   filterEmptyValues,
@@ -1222,6 +1315,7 @@ var Schema = {
   getPropSchemaFromCache,
   gradientColorStopPropTypeUtil,
   htmlPropTypeUtil,
+  htmlV2PropTypeUtil,
   hueRotateFilterPropTypeUtil,
   imageAttachmentIdPropType,
   imagePropTypeUtil,
@@ -1237,6 +1331,7 @@ var Schema = {
   mergeProps,
   moveTransformPropTypeUtil,
   numberPropTypeUtil,
+  parseHtmlChildren,
   perspectiveOriginPropTypeUtil,
   positionPropTypeUtil,
   queryPropTypeUtil,