Logo
Extending
ExtendingTranslating additional Elementor widgets

Translating additional Elementor widgets

Gato AI Translations for Polylang can translate widget-based Elementor pages.

The plugin ships with support for all Elementor and Elementor PRO widgets, and provides the ability for users to support additional widgets.

Guide Translating additional Bricks elements includes a tutorial video.

As supporting Elementor widgets is similar to supporting Bricks elements, you will benefit from watching that video, to understand the procedure.

Supporting additional Elementor widgets

You can translate custom widgets from your application, or widgets from 3rd-party plugins.

Please read guide Extending Page Builder elements to translate first.

The documentation below is a continuation of that process, applied to Elementor widgets.

For instance, let's say we have a "My Call to Action" widget with the following JSON structure (visible via field elementorFlattenedDataItems, as explained in the next section):

{
  "id": "206a911",
  "elType": "widget",
  "settings": {
    "title": "This is the heading",
    "description": "Your Call to Action content comes here",
    "button": "Click Here"
  },
  "elements": [],
  "widgetType": "my-call-to-action"
}

Let's see how to add support for translating this widget.

Identify the widget properties to translate

The plugin translates widgets by extracting all the widget properties from within the _elementor_data JSON, translating those, injecting the translated properties back into the JSON, and then saving the JSON back to the post meta.

In order to extract the properties from a widget, the plugin needs to know which properties are translatable.

Execute the Translate custom posts GraphQL query, and browse all the widgets and their properties in the GraphQL response, under key elementorFlattenedDataItems.

Identifying the widget properties to translate
Identifying the widget properties to translate

Explore that entry to identify the widget properties that must be translated, and based on its structure, replicate the corresponding GraphQL query logic from the examples below.

Widget structure patterns

There are 3 common patterns for storing widget data in the _elementor_data JSON:

  1. Properties only
  2. Arrays of elements only
  3. Properties + arrays of elements

1. Properties only: Animated Headline

The animated-headline widget stores properties only (before_text, highlighted_text, rotating_text, and after_text) in its JSON structure:

{
  "id": "6dac79c",
  "elType": "widget",
  "settings": {
    "before_text": "This page is",
    "highlighted_text": "Amazing",
    "rotating_text": "Better\nBigger\nFaster",
    "after_text": "And super brilliant"
  },
  "elements": [],
  "widgetType": "animated-headline"
}

2. Arrays of elements only: Price List

The price-list widget stores arrays of elements only (properties title and item_description under entry price_list) in its JSON structure:

{
  "id": "1fc4fc6",
  "elType": "widget",
  "settings": {
    "price_list": [
      {
        "title": "First item on the list",
        "item_description": "Enter the description for the first item on the list",
        "price": "$20",
        "link": {
          "url": "#"
        },
        "_id": "764b2a8"
      },
      {
        "title": "Second item on the list",
        "item_description": "Enter the description for the second item on the list",
        "price": "$9",
        "link": {
          "url": "#"
        },
        "_id": "80ec42a"
      },
      {
        "title": "Third item on the list",
        "item_description": "Enter the description for the third item on the list",
        "price": "$32",
        "link": {
          "url": "#"
        },
        "_id": "d10acc9"
      }
    ]
  },
  "elements": [],
  "widgetType": "price-list"
}

3. Properties + Arrays of elements: Link in Bio

The link-in-bio widget (and also its variations link-in-bio-var-2 til link-in-bio-var-5) stores both properties (bio_heading, bio_title, and bio_description) and arrays of elements (property cta_link_text under cta_link) in its JSON structure:

{
  "id": "fe5104f",
  "elType": "widget",
  "settings": {
    "bio_heading": "Sara Parker",
    "bio_title": "Kitchen Chronicles",
    "bio_description": "Join me on my journey to a healthier lifestyle",
    "icon": [
      {
        "_id": "3ef8485"
      },
      {
        "icon_platform": "Instagram",
        "_id": "c1ad656"
      },
      {
        "icon_platform": "TikTok",
        "_id": "563c5b0"
      }
    ],
    "cta_link": [
      {
        "cta_link_text": "Get Healthy",
        "_id": "d84226c"
      },
      {
        "cta_link_text": "Top 10 Recipes",
        "_id": "8c7f165"
      },
      {
        "cta_link_text": "Meal Prep",
        "_id": "17a129f"
      },
      {
        "cta_link_text": "Healthy Living Resources",
        "_id": "9c1b615"
      }
    ]
  },
  "elements": [],
  "widgetType": "link-in-bio"
}

Replicate the logic for the element

Based on the JSON structure of your element to translate, you must search for the code supporting the corresponding similar element in the Translate custom posts GraphQL query, and replicate it.

Working on some code editor, first copy the code from the Translate custom posts query into a new .qgl file.

Search for code containing the string:

  1. Properties only: ElementorAnimatedHeadline
  2. Arrays of elements only: ElementorPriceList
  3. Properties + Arrays of elements: ElementorLinkInBio1To5

For instance, let's say that your element has the following JSON structure:

{
  "id": "206a911",
  "elType": "widget",
  "settings": {
    "title": "This is the heading",
    "description": "Your Call to Action content comes here",
    "button": "Click Here"
  },
  "elements": [],
  "widgetType": "my-call-to-action"
}

This JSON structure is the "1. Properties only" type, so we can use the "Animated Headline" widget as a reference, which has entries with ElementorAnimatedHeadline as part of their name.

Search for all instances of ElementorAnimatedHeadline in the GraphQL query, and replicate that logic as ElementorMyCallToAction.

You can directly copy the PHP hook code for the animated-headline element, from the section below.

Once done, copy the adapted query back into the GraphiQL client.

Then execute the query, and check if the translated post has the element properties translated (by editing the translated post in Bricks and refreshing the page).

Repeat until it all works, and then persist the query via a hook in PHP code.

Persist the GraphQL query via hooks in PHP code

When using the gatompl:persisted_query hook, the placeholders in the GraphQL query to inject the custom logic are:

  • ##### Insert code for Elementor widgets (e-1)
  • ##### Insert code for Elementor widgets (e-2)
  • ...
  • ##### Insert code for Elementor widgets (e-12)

The PHP logic to inject the logic for the new element is this one (notice that inside <<<GRAPHQL, GraphQL variables must be escaped: \$):

add_filter(
  'gatompl:persisted_query',
  function (string $persistedQuery, string $persistedQueryFile): string {
    if (str_ends_with($persistedQueryFile, '/translate-customposts-for-polylang.gql')) {
      return str_replace(
        [
          '##### Insert code for Elementor widgets (e-1)',
          '##### Insert code for Elementor widgets (e-2)',
          '##### Insert code for Elementor widgets (e-3)',
          '##### Insert code for Elementor widgets (e-4)',
          '##### Insert code for Elementor widgets (e-5)',
          '##### Insert code for Elementor widgets (e-6)',
          '##### Insert code for Elementor widgets (e-7)',
          '##### Insert code for Elementor widgets (e-8)',
          '##### Insert code for Elementor widgets (e-9)',
          '##### Insert code for Elementor widgets (e-10)',
          '##### Insert code for Elementor widgets (e-11)',
          '##### Insert code for Elementor widgets (e-12)',
        ],
        [
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-1)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-2)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-3)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-4)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-5)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-6)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-7)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-8)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-9)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-10)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-11)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-12)
GRAPHQL,
 
        ],
        $persistedQuery
      );
    }
    return $persistedQuery;
  },
  10,
  2
);

PHP code for the 3 JSON structure patterns

Here is the PHP code for the 3 JSON structure patterns mentioned above. Copy the corresponding one for your custom widget, and adapt it as needed.

1. Properties only: Animated Headline

add_filter(
  'gatompl:persisted_query',
  function (string $persistedQuery, string $persistedQueryFile): string {
    if (str_ends_with($persistedQueryFile, '/translate-customposts-for-polylang.gql')) {
      return str_replace(
        [
          '##### Insert code for Elementor widgets (e-1)',
          '##### Insert code for Elementor widgets (e-2)',
          '##### Insert code for Elementor widgets (e-3)',
          '##### Insert code for Elementor widgets (e-4)',
          '##### Insert code for Elementor widgets (e-5)',
          '##### Insert code for Elementor widgets (e-6)',
          '##### Insert code for Elementor widgets (e-7)',
          '##### Insert code for Elementor widgets (e-8)',
          '##### Insert code for Elementor widgets (e-9)',
          '##### Insert code for Elementor widgets (e-10)',
          '##### Insert code for Elementor widgets (e-11)',
          '##### Insert code for Elementor widgets (e-12)',
        ],
        [
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-1)
 
      @export(
        as: "originElementorAnimatedHeadlineIDs"
        type: DICTIONARY
      )
      @export(
        as: "originElementorAnimatedHeadlineBeforeTextItems"
        type: DICTIONARY
      )
      @export(
        as: "originElementorAnimatedHeadlineHighlightedTextItems"
        type: DICTIONARY
      )
      @export(
        as: "originElementorAnimatedHeadlineRotatingTextItems"
        type: DICTIONARY
      )
      @export(
        as: "originElementorAnimatedHeadlineAfterTextItems"
        type: DICTIONARY
      )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-2)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-3)
 
        @underEachArrayItem(
          passValueOnwardsAs: "elementJSON"
          affectDirectivesUnderPos: [1, 2, 3]
        )
          @applyField(
            name: "_objectProperty",
            arguments: {
              object: \$elementJSON,
              by: { key: "widgetType" }
              failIfNonExistingKeyOrPath: false,
            },
            passOnwardsAs: "widgetType"
          )
          @applyField(
            name: "_equals",
            arguments: {
              value1: \$widgetType,
              value2: "animated-headline"
            },
            passOnwardsAs: "isMatch"
          )
          @if(
            condition: \$isMatch
            affectDirectivesUnderPos: [1, 3, 5, 7, 9]
          )
            @underJSONObjectProperty(
              by: { key: "id" }
            )
              @export(
                as: "originElementorAnimatedHeadlineIDs"
                type: DICTIONARY
              )
            @underJSONObjectProperty(
              by: { path: "settings.before_text" }
              failIfNonExistingKeyOrPath: false
            )
              @export(
                as: "originElementorAnimatedHeadlineBeforeTextItems"
                type: DICTIONARY
              )
            @underJSONObjectProperty(
              by: { path: "settings.highlighted_text" }
              failIfNonExistingKeyOrPath: false
            )
              @export(
                as: "originElementorAnimatedHeadlineHighlightedTextItems"
                type: DICTIONARY
              )
            @underJSONObjectProperty(
              by: { path: "settings.rotating_text" }
              failIfNonExistingKeyOrPath: false
            )
              @export(
                as: "originElementorAnimatedHeadlineRotatingTextItems"
                type: DICTIONARY
              )
            @underJSONObjectProperty(
              by: { path: "settings.after_text" }
              failIfNonExistingKeyOrPath: false
            )
              @export(
                as: "originElementorAnimatedHeadlineAfterTextItems"
                type: DICTIONARY
              )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-4)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-5)
 
        @export(
          as: "destinationElementorAnimatedHeadlineIDs"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorAnimatedHeadlineBeforeTextItems"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorAnimatedHeadlineHighlightedTextItems"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorAnimatedHeadlineRotatingTextItems"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorAnimatedHeadlineAfterTextItems"
          type: DICTIONARY
        )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-6)
 
 
      originElementorAnimatedHeadlineIDs: _objectProperty(
        object: \$originElementorAnimatedHeadlineIDs
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorAnimatedHeadlineIDs"
          type: DICTIONARY
        )
        @remove
 
      originElementorAnimatedHeadlineBeforeTextItems: _objectProperty(
        object: \$originElementorAnimatedHeadlineBeforeTextItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorAnimatedHeadlineBeforeTextItems"
          type: DICTIONARY
        )
        @remove
 
      originElementorAnimatedHeadlineHighlightedTextItems: _objectProperty(
        object: \$originElementorAnimatedHeadlineHighlightedTextItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorAnimatedHeadlineHighlightedTextItems"
          type: DICTIONARY
        )
        @remove
 
      originElementorAnimatedHeadlineRotatingTextItems: _objectProperty(
        object: \$originElementorAnimatedHeadlineRotatingTextItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorAnimatedHeadlineRotatingTextItems"
          type: DICTIONARY
        )
        @remove
 
      originElementorAnimatedHeadlineAfterTextItems: _objectProperty(
        object: \$originElementorAnimatedHeadlineAfterTextItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorAnimatedHeadlineAfterTextItems"
          type: DICTIONARY
        )
        @remove
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-7)
 
          ElementorAnimatedHeadlineBeforeText: {
            to: \$destinationElementorAnimatedHeadlineBeforeTextItems,
          },
          ElementorAnimatedHeadlineHighlightedText: {
            to: \$destinationElementorAnimatedHeadlineHighlightedTextItems,
          },
          ElementorAnimatedHeadlineRotatingText: {
            to: \$destinationElementorAnimatedHeadlineRotatingTextItems,
          },
          ElementorAnimatedHeadlineAfterText: {
            to: \$destinationElementorAnimatedHeadlineAfterTextItems,
          },
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-8)
 
 
  transformedElementorAnimatedHeadline: _echo(value: \$destinationElementorAnimatedHeadlineIDs)
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorAnimatedHeadlineBeforeText.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorAnimatedHeadlineBeforeTextItems"
    )
 
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorAnimatedHeadlineHighlightedText.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorAnimatedHeadlineHighlightedTextItems"
    )
 
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorAnimatedHeadlineRotatingText.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorAnimatedHeadlineRotatingTextItems"
    )
 
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorAnimatedHeadlineAfterText.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorAnimatedHeadlineAfterTextItems"
    )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-9)
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-10)
    
  transformedElementorAnimatedHeadlineEntries: _echo(value: \$destinationElementorAnimatedHeadlineIDs)
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
    )
      @underEachArrayItem(
        passIndexOnwardsAs: "key"
        passValueOnwardsAs: "elementID"
        affectDirectivesUnderPos: [1, 2, 3, 4, 5, 6]
      )
        @applyField(
          name: "_sprintf",
          arguments: {
            string: "%s.%s",
            values: [\$customPostID, \$key]
          }
          passOnwardsAs: "path"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorAnimatedHeadlineBeforeTextItems
            by: { path: \$path }
            failIfNonExistingKeyOrPath: false
          }
          passOnwardsAs: "before_text"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorAnimatedHeadlineHighlightedTextItems
            by: { path: \$path }
            failIfNonExistingKeyOrPath: false
          }
          passOnwardsAs: "highlighted_text"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorAnimatedHeadlineRotatingTextItems
            by: { path: \$path }
            failIfNonExistingKeyOrPath: false
          }
          passOnwardsAs: "rotating_text"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorAnimatedHeadlineAfterTextItems
            by: { path: \$path }
            failIfNonExistingKeyOrPath: false
          }
          passOnwardsAs: "after_text"
        )
        @applyField(
          name: "_echo",
          arguments: {
            value: {
              id: \$elementID,
              settings: {
                before_text: \$before_text,
                highlighted_text: \$highlighted_text,
                rotating_text: \$rotating_text,
                after_text: \$after_text,
              }
            }
          },
          setResultInResponse: true
        )
    @export(as: "transformedElementorAnimatedHeadlineEntries")
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-11)
      transformedElementorAnimatedHeadlineEntries: _objectProperty(
        object: \$transformedElementorAnimatedHeadlineEntries,
        by: {
          key: \$__id
        }
      )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-12)
        \$__transformedElementorAnimatedHeadlineEntries,
GRAPHQL,
 
        ],
        $persistedQuery
      );
    }
    return $persistedQuery;
  },
  10,
  2
);

2. Arrays of elements only: Price List

add_filter(
  'gatompl:persisted_query',
  function (string $persistedQuery, string $persistedQueryFile): string {
    if (str_ends_with($persistedQueryFile, '/translate-customposts-for-polylang.gql')) {
      return str_replace(
        [
          '##### Insert code for Elementor widgets (e-1)',
          '##### Insert code for Elementor widgets (e-2)',
          '##### Insert code for Elementor widgets (e-3)',
          '##### Insert code for Elementor widgets (e-4)',
          '##### Insert code for Elementor widgets (e-5)',
          '##### Insert code for Elementor widgets (e-6)',
          '##### Insert code for Elementor widgets (e-7)',
          '##### Insert code for Elementor widgets (e-8)',
          '##### Insert code for Elementor widgets (e-9)',
          '##### Insert code for Elementor widgets (e-10)',
          '##### Insert code for Elementor widgets (e-11)',
          '##### Insert code for Elementor widgets (e-12)',
        ],
        [
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-1)
 
      @export(
        as: "originElementorPriceListIDs"
        type: DICTIONARY
      )
      @export(
        as: "originElementorPriceListListTitleItems"
        type: DICTIONARY
      )
      @export(
        as: "originElementorPriceListListDescriptionItems"
        type: DICTIONARY
      )
      @export(
        as: "originElementorPriceListListIDs"
        type: DICTIONARY
      )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-2)
      @export(
        as: "originElementorPriceListListElementProps"
        type: DICTIONARY
      )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-3)
 
        @underEachArrayItem(
          passValueOnwardsAs: "elementJSON"
          affectDirectivesUnderPos: [1, 2, 3]
        )
          @applyField(
            name: "_objectProperty",
            arguments: {
              object: \$elementJSON,
              by: { key: "widgetType" }
              failIfNonExistingKeyOrPath: false,
            },
            passOnwardsAs: "widgetType"
          )
          @applyField(
            name: "_equals",
            arguments: {
              value1: \$widgetType,
              value2: "price-list"
            },
            passOnwardsAs: "isMatch"
          )
          @if(
            condition: \$isMatch
            affectDirectivesUnderPos: [1, 3]
          )
            @underJSONObjectProperty(
              by: { key: "id" }
            )
              @export(
                as: "originElementorPriceListIDs"
                type: DICTIONARY
              )
            @underJSONObjectProperty(
              by: { path: "settings.price_list" }
              failIfNonExistingKeyOrPath: false
              affectDirectivesUnderPos: [1, 2, 9, 10, 11, 12]
              passOnwardsAs: "list"
            )
              @applyField(
                name: "_objectProperty",
                arguments: {
                  object: \$elementJSON,
                  by: { key: "id" }
                }
                passOnwardsAs: "elementID"
              )
              @underEachArrayItem(
                affectDirectivesUnderPos: [1, 3, 5, 6]
              )
                @underJSONObjectProperty(
                  by: { key: "title" }
                  failIfNonExistingKeyOrPath: false
                )
                  @export(
                    as: "originElementorPriceListListTitleItems"
                    type: DICTIONARY
                  )
                @underJSONObjectProperty(
                  by: { key: "item_description" }
                  failIfNonExistingKeyOrPath: false
                )
                  @export(
                    as: "originElementorPriceListListDescriptionItems"
                    type: DICTIONARY
                  )
                @applyField(
                  name: "_echo",
                  arguments: {
                    value: \$elementID
                  }
                  passOnwardsAs: "listIDs"
                )
                @exportFrom(
                  scopedDynamicVariable: \$listIDs
                  as: "originElementorPriceListListIDs"
                  type: DICTIONARY
                )
              @applyField(
                name: "_arrayLength",
                arguments: {
                  array: \$list,
                }
                passOnwardsAs: "arrayLength"
              )
              @applyField(
                name: "_objectProperty",
                arguments: {
                  object: \$originElementorPriceListListElementProps,
                  by: { key: \$customPostID }
                }
                passOnwardsAs: "props"
              )
              @applyField(
                name: "_objectAddEntry",
                arguments: {
                  object: \$props,
                  key: \$elementID,
                  value: {
                    length: \$arrayLength,
                  }
                }
                passOnwardsAs: "elementProps"
              )
              @exportFrom(
                scopedDynamicVariable: \$elementProps
                as: "originElementorPriceListListElementProps"
                type: DICTIONARY
              )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-4)
 
  originElementorPriceListListElementProps: _echo(value: \$originElementorPriceListListElementProps)
    @underEachJSONObjectProperty(
      passValueOnwardsAs: "list"
    )
      @applyField(
        name: "_objectMerge",
        arguments: {
          objects: \$list,
        },
        setResultInResponse: true
      )
    @export(
      as: "originElementorPriceListListElementProps"
    )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-5)
 
        @export(
          as: "destinationElementorPriceListIDs"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorPriceListListTitleItems"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorPriceListListDescriptionItems"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorPriceListListElementProps"
          type: DICTIONARY
        )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-6)
 
 
      originElementorPriceListIDs: _objectProperty(
        object: \$originElementorPriceListIDs
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorPriceListIDs"
          type: DICTIONARY
        )
        @remove
 
      originElementorPriceListListIDs: _objectProperty(
        object: \$originElementorPriceListListIDs
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorPriceListListIDs"
          type: DICTIONARY
        )
        @remove
 
      originElementorPriceListListTitleItems: _objectProperty(
        object: \$originElementorPriceListListTitleItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorPriceListListTitleItems"
          type: DICTIONARY
        )
        @remove
 
      originElementorPriceListListDescriptionItems: _objectProperty(
        object: \$originElementorPriceListListDescriptionItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorPriceListListDescriptionItems"
          type: DICTIONARY
        )
        @remove
 
      originElementorPriceListListElementProps: _objectProperty(
        object: \$originElementorPriceListListElementProps
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorPriceListListElementProps"
          type: DICTIONARY
        )
        @remove
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-7)
 
          ElementorPriceListListTitle: {
            to: \$destinationElementorPriceListListTitleItems,
          },
          ElementorPriceListListDescription: {
            to: \$destinationElementorPriceListListDescriptionItems,
          },
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-8)
 
 
  transformedElementorPriceList: _echo(value: \$destinationElementorPriceListIDs)
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorPriceListListTitle.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorPriceListListTitleItems"
    )
 
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorPriceListListDescription.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorPriceListListDescriptionItems"
    )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-9)
 
  adaptedElementorPriceListListItems: _echo(value: \$destinationElementorPriceListListIDs)
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
    )
      @underEachArrayItem(
        passIndexOnwardsAs: "key"
        affectDirectivesUnderPos: [1, 2, 3, 4]
      )
        @applyField(
          name: "_sprintf",
          arguments: {
            string: "%s.%s",
            values: [\$customPostID, \$key]
          }
          passOnwardsAs: "path"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorPriceListListTitleItems
            by: { path: \$path }
            failIfNonExistingKeyOrPath: false
          }
          passOnwardsAs: "title"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorPriceListListDescriptionItems
            by: { path: \$path }
            failIfNonExistingKeyOrPath: false
          }
          passOnwardsAs: "item_description"
        )
        @applyField(
          name: "_echo",
          arguments: {
            value: {
              title: \$title,
              item_description: \$item_description,
            }
          }
          setResultInResponse: true
        )
    @export(
      as: "transformedElementorPriceListListItems"
    )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-10)
    
  transformedElementorPriceListEntries: _echo(value: \$destinationElementorPriceListIDs)
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
    )
      @underEachArrayItem(
        passIndexOnwardsAs: "key"
        passValueOnwardsAs: "elementID"
        affectDirectivesUnderPos: [1, 2, 3, 4, 5, 6, 7, 8, 9]
      )
        @applyField(
          name: "_sprintf",
          arguments: {
            string: "%s.%s",
            values: [\$customPostID, \$key]
          }
          passOnwardsAs: "path"
        )
        @applyField(
          name: "_sprintf",
          arguments: {
            string: "%s.%s",
            values: [\$customPostID, \$elementID]
          }
          passOnwardsAs: "idPath"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$destinationElementorPriceListListIDs
            by: { key: \$customPostID }
          }
          passOnwardsAs: "priceListIDs"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorPriceListListItems
            by: { key: \$customPostID }
          }
          passOnwardsAs: "priceListItems"
        )
        @applyField(
          name: "_arraySearch",
          arguments: {
            array: \$priceListIDs
            element: \$elementID
          }
          passOnwardsAs: "offset"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$destinationElementorPriceListListElementProps
            by: { path: \$idPath }
          }
          passOnwardsAs: "priceListItemProps"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$priceListItemProps
            by: { key: "length" }
          }
          passOnwardsAs: "length"
        )
        @applyField(
          name: "_arraySlice",
          arguments: {
            array: \$priceListItems
            length: \$length,
            offset: \$offset
          }
          passOnwardsAs: "price_list"
        )
        @applyField(
          name: "_echo",
          arguments: {
            value: {
              id: \$elementID,
              settings: {
                price_list: \$price_list,
              }
            }
          },
          setResultInResponse: true
        )
    @export(as: "transformedElementorPriceListEntries")
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-11)
      transformedElementorPriceListEntries: _objectProperty(
        object: \$transformedElementorPriceListEntries,
        by: {
          key: \$__id
        }
      )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-12)
        \$__transformedElementorPriceListEntries,
GRAPHQL,
 
        ],
        $persistedQuery
      );
    }
    return $persistedQuery;
  },
  10,
  2
);

3. Properties + Arrays of elements: Link in Bio

add_filter(
  'gatompl:persisted_query',
  function (string $persistedQuery, string $persistedQueryFile): string {
    if (str_ends_with($persistedQueryFile, '/translate-customposts-for-polylang.gql')) {
      return str_replace(
        [
          '##### Insert code for Elementor widgets (e-1)',
          '##### Insert code for Elementor widgets (e-2)',
          '##### Insert code for Elementor widgets (e-3)',
          '##### Insert code for Elementor widgets (e-4)',
          '##### Insert code for Elementor widgets (e-5)',
          '##### Insert code for Elementor widgets (e-6)',
          '##### Insert code for Elementor widgets (e-7)',
          '##### Insert code for Elementor widgets (e-8)',
          '##### Insert code for Elementor widgets (e-9)',
          '##### Insert code for Elementor widgets (e-10)',
          '##### Insert code for Elementor widgets (e-11)',
          '##### Insert code for Elementor widgets (e-12)',
        ],
        [
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-1)
 
      @export(
        as: "originElementorLinkInBio1To5IDs"
        type: DICTIONARY
      )
      @export(
        as: "originElementorLinkInBio1To5HeadingItems"
        type: DICTIONARY
      )
      @export(
        as: "originElementorLinkInBio1To5TitleItems"
        type: DICTIONARY
      )
      @export(
        as: "originElementorLinkInBio1To5DescriptionItems"
        type: DICTIONARY
      )
      @export(
        as: "originElementorLinkInBio1To5CtaLinkListTextItems"
        type: DICTIONARY
      )
      @export(
        as: "originElementorLinkInBio1To5CtaLinkListIDs"
        type: DICTIONARY
      )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-2)
      @export(
        as: "originElementorLinkInBio1To5CtaLinkListElementProps"
        type: DICTIONARY
      )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-3)
 
        @underEachArrayItem(
          passValueOnwardsAs: "elementJSON"
          affectDirectivesUnderPos: [1, 2, 3]
        )
          @applyField(
            name: "_objectProperty",
            arguments: {
              object: \$elementJSON,
              by: { key: "widgetType" }
              failIfNonExistingKeyOrPath: false,
            },
            passOnwardsAs: "widgetType"
          )
          @applyField(
            name: "_inArray",
            arguments: {
              value: \$widgetType,
              array: [
                "link-in-bio",
                "link-in-bio-var-2",
                "link-in-bio-var-3",
                "link-in-bio-var-4",
                "link-in-bio-var-5",
              ]
            },
            passOnwardsAs: "isMatch"
          )
          @if(
            condition: \$isMatch
            affectDirectivesUnderPos: [1, 3, 5, 7, 9]
          )
            @underJSONObjectProperty(
              by: { key: "id" }
            )
              @export(
                as: "originElementorLinkInBio1To5IDs"
                type: DICTIONARY
              )
            @underJSONObjectProperty(
              by: { path: "settings.bio_heading" }
              failIfNonExistingKeyOrPath: false
            )
              @export(
                as: "originElementorLinkInBio1To5HeadingItems"
                type: DICTIONARY
              )
            @underJSONObjectProperty(
              by: { path: "settings.bio_title" }
              failIfNonExistingKeyOrPath: false
            )
              @export(
                as: "originElementorLinkInBio1To5TitleItems"
                type: DICTIONARY
              )
            @underJSONObjectProperty(
              by: { path: "settings.bio_description" }
              failIfNonExistingKeyOrPath: false
            )
              @export(
                as: "originElementorLinkInBio1To5DescriptionItems"
                type: DICTIONARY
              )
            @underJSONObjectProperty(
              by: { path: "settings.cta_link" }
              failIfNonExistingKeyOrPath: false
              affectDirectivesUnderPos: [1, 2, 7, 8, 9, 10]
              passOnwardsAs: "list"
            )
              @applyField(
                name: "_objectProperty",
                arguments: {
                  object: \$elementJSON,
                  by: { key: "id" }
                }
                passOnwardsAs: "elementID"
              )
              @underEachArrayItem(
                affectDirectivesUnderPos: [1, 3, 4]
              )
                @underJSONObjectProperty(
                  by: { key: "cta_link_text" }
                  failIfNonExistingKeyOrPath: false
                )
                  @export(
                    as: "originElementorLinkInBio1To5CtaLinkListTextItems"
                    type: DICTIONARY
                  )
                @applyField(
                  name: "_echo",
                  arguments: {
                    value: \$elementID
                  }
                  passOnwardsAs: "listIDs"
                )
                @exportFrom(
                  scopedDynamicVariable: \$listIDs
                  as: "originElementorLinkInBio1To5CtaLinkListIDs"
                  type: DICTIONARY
                )
              @applyField(
                name: "_arrayLength",
                arguments: {
                  array: \$list,
                }
                passOnwardsAs: "arrayLength"
              )
              @applyField(
                name: "_objectProperty",
                arguments: {
                  object: \$originElementorLinkInBio1To5CtaLinkListElementProps,
                  by: { key: \$customPostID }
                }
                passOnwardsAs: "props"
              )
              @applyField(
                name: "_objectAddEntry",
                arguments: {
                  object: \$props,
                  key: \$elementID,
                  value: {
                    length: \$arrayLength,
                  }
                }
                passOnwardsAs: "elementProps"
              )
              @exportFrom(
                scopedDynamicVariable: \$elementProps
                as: "originElementorLinkInBio1To5CtaLinkListElementProps"
                type: DICTIONARY
              )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-4)
 
  originElementorLinkInBio1To5CtaLinkListElementProps: _echo(value: \$originElementorLinkInBio1To5CtaLinkListElementProps)
    @underEachJSONObjectProperty(
      passValueOnwardsAs: "list"
    )
      @applyField(
        name: "_objectMerge",
        arguments: {
          objects: \$list,
        },
        setResultInResponse: true
      )
    @export(
      as: "originElementorLinkInBio1To5CtaLinkListElementProps"
    )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-5)
 
        @export(
          as: "destinationElementorLinkInBio1To5IDs"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorLinkInBio1To5HeadingItems"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorLinkInBio1To5TitleItems"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorLinkInBio1To5DescriptionItems"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorLinkInBio1To5CtaLinkListTextItems"
          type: DICTIONARY
        )
        @export(
          as: "destinationElementorLinkInBio1To5CtaLinkListElementProps"
          type: DICTIONARY
        )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-6)
 
 
      originElementorLinkInBio1To5IDs: _objectProperty(
        object: \$originElementorLinkInBio1To5IDs
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorLinkInBio1To5IDs"
          type: DICTIONARY
        )
        @remove
 
      originElementorLinkInBio1To5HeadingItems: _objectProperty(
        object: \$originElementorLinkInBio1To5HeadingItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorLinkInBio1To5HeadingItems"
          type: DICTIONARY
        )
        @remove
 
      originElementorLinkInBio1To5TitleItems: _objectProperty(
        object: \$originElementorLinkInBio1To5TitleItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorLinkInBio1To5TitleItems"
          type: DICTIONARY
        )
        @remove
 
      originElementorLinkInBio1To5DescriptionItems: _objectProperty(
        object: \$originElementorLinkInBio1To5DescriptionItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorLinkInBio1To5DescriptionItems"
          type: DICTIONARY
        )
        @remove
 
      originElementorLinkInBio1To5CtaLinkListIDs: _objectProperty(
        object: \$originElementorLinkInBio1To5CtaLinkListIDs
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorLinkInBio1To5CtaLinkListIDs"
          type: DICTIONARY
        )
        @remove
 
      originElementorLinkInBio1To5CtaLinkListTextItems: _objectProperty(
        object: \$originElementorLinkInBio1To5CtaLinkListTextItems
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorLinkInBio1To5CtaLinkListTextItems"
          type: DICTIONARY
        )
        @remove
 
      originElementorLinkInBio1To5CtaLinkListElementProps: _objectProperty(
        object: \$originElementorLinkInBio1To5CtaLinkListElementProps
        by: { key: \$__originCustomPostId }
        failIfNonExistingKeyOrPath: false
        valueWhenNonExistingKeyOrPath: []
      )
        @export(
          as: "destinationElementorLinkInBio1To5CtaLinkListElementProps"
          type: DICTIONARY
        )
        @remove
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-7)
 
          ElementorLinkInBio1To5Heading: {
            to: \$destinationElementorLinkInBio1To5HeadingItems,
          },
          ElementorLinkInBio1To5Title: {
            to: \$destinationElementorLinkInBio1To5TitleItems,
          },
          ElementorLinkInBio1To5Description: {
            to: \$destinationElementorLinkInBio1To5DescriptionItems,
          },
          ElementorLinkInBio1To5CtaLinkList: {
            to: \$destinationElementorLinkInBio1To5CtaLinkListTextItems,
          },
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-8)
 
 
  transformedElementorLinkInBio1To5: _echo(value: \$destinationElementorLinkInBio1To5IDs)
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorLinkInBio1To5Heading.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorLinkInBio1To5HeadingItems"
    )
 
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorLinkInBio1To5Title.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorLinkInBio1To5TitleItems"
    )
 
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorLinkInBio1To5Description.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorLinkInBio1To5DescriptionItems"
    )
 
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
      affectDirectivesUnderPos: [1, 2]
    )
      @applyField(
        name: "_sprintf",
        arguments: {
          string: "elementorWidgets.ElementorLinkInBio1To5CtaLinkList.to.%s",
          values: [\$customPostID]
        }
        passOnwardsAs: "path"
      )
      @applyField(
        name: "_objectProperty",
        arguments: {
          object: \$transformations
          by: { path: \$path }
        }
        setResultInResponse: true
      )
    @export(
      as: "transformedElementorLinkInBio1To5CtaLinkListTextItems"
    )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-9)
 
  adaptedElementorLinkInBio1To5CtaLinkListTextItems: _echo(value: \$transformedElementorLinkInBio1To5CtaLinkListTextItems)
    @underEachJSONObjectProperty
      @underEachArrayItem(
        passValueOnwardsAs: "value"
      )
        @applyField(
          name: "_echo",
          arguments: {
            value: {
              cta_link_text: \$value,
            }
          }
          setResultInResponse: true
        )
    @export(
      as: "transformedElementorLinkInBio1To5CtaLinkListTextItems"
    )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-10)
    
  transformedElementorLinkInBio1To5Entries: _echo(value: \$destinationElementorLinkInBio1To5IDs)
    @underEachJSONObjectProperty(
      passKeyOnwardsAs: "customPostID"
    )
      @underEachArrayItem(
        passIndexOnwardsAs: "key"
        passValueOnwardsAs: "elementID"
        affectDirectivesUnderPos: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
      )
        @applyField(
          name: "_sprintf",
          arguments: {
            string: "%s.%s",
            values: [\$customPostID, \$key]
          }
          passOnwardsAs: "path"
        )
        @applyField(
          name: "_sprintf",
          arguments: {
            string: "%s.%s",
            values: [\$customPostID, \$elementID]
          }
          passOnwardsAs: "idPath"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorLinkInBio1To5HeadingItems
            by: { path: \$path }
            failIfNonExistingKeyOrPath: false
          }
          passOnwardsAs: "bio_heading"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorLinkInBio1To5TitleItems
            by: { path: \$path }
            failIfNonExistingKeyOrPath: false
          }
          passOnwardsAs: "bio_title"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorLinkInBio1To5DescriptionItems
            by: { path: \$path }
            failIfNonExistingKeyOrPath: false
          }
          passOnwardsAs: "bio_description"
        )
 
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$destinationElementorLinkInBio1To5CtaLinkListIDs
            by: { key: \$customPostID }
          }
          passOnwardsAs: "ctaLinkListIDs"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$transformedElementorLinkInBio1To5CtaLinkListTextItems
            by: { key: \$customPostID }
          }
          passOnwardsAs: "ctaLinkListItems"
        )
        @applyField(
          name: "_arraySearch",
          arguments: {
            array: \$ctaLinkListIDs
            element: \$elementID
          }
          passOnwardsAs: "offset"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$destinationElementorLinkInBio1To5CtaLinkListElementProps
            by: { path: \$idPath }
          }
          passOnwardsAs: "ctaLinkListItemProps"
        )
        @applyField(
          name: "_objectProperty",
          arguments: {
            object: \$ctaLinkListItemProps
            by: { key: "length" }
          }
          passOnwardsAs: "length"
        )
        @applyField(
          name: "_arraySlice",
          arguments: {
            array: \$ctaLinkListItems
            length: \$length,
            offset: \$offset
          }
          passOnwardsAs: "cta_link"
        )
        @applyField(
          name: "_echo",
          arguments: {
            value: {
              id: \$elementID,
              settings: {
                bio_heading: \$bio_heading,
                bio_title: \$bio_title,
                bio_description: \$bio_description,
                cta_link: \$cta_link,
              }
            }
          },
          setResultInResponse: true
        )
    @export(as: "transformedElementorLinkInBio1To5Entries")
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-11)
      transformedElementorLinkInBio1To5Entries: _objectProperty(
        object: \$transformedElementorLinkInBio1To5Entries,
        by: {
          key: \$__id
        }
      )
GRAPHQL,
 
<<<GRAPHQL
##### Insert code for Elementor widgets (e-12)
        \$__transformedElementorLinkInBio1To5Entries,
GRAPHQL,
 
        ],
        $persistedQuery
      );
    }
    return $persistedQuery;
  },
  10,
  2
);