| SYNTAX TEST "Packages/Liquid/Syntaxes/HTML (Liquid).sublime-syntax"

<!--
 --- Test Liquid Control Flow
 --- https://shopify.github.io/liquid/tags/control-flow
 -->

{% # for i in (1..3) -%}
|^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|  ^^^^^^^^^^^^^^^^^^ comment.line.number-sign.liquid
|  ^ punctuation.definition.comment.liquid
|                    ^^^ punctuation.section.embedded.end.liquid - comment
  {{ i }}
{% # endfor %}
|^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|  ^^^^^^^^^ comment.line.number-sign.liquid
|  ^ punctuation.definition.comment.liquid
|           ^^ punctuation.section.embedded.end.liquid - comment

{%
  ###############################
  # This is a comment
  # across multiple lines
  ###############################
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid comment.line.number-sign.liquid punctuation.definition.comment.liquid
%}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.end.liquid - comment

{% liquid
  # this is a comment
| ^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid comment.line.number-sign.liquid
| ^ punctuation.definition.comment.liquid
%}


{% liquid

  comment
| ^^^^^^^ meta.statement.liquid keyword.declaration.comment.liquid - comment
  commented text
| ^^^^^^^^^^^^^^^ comment.block.liquid
  endcomment
| ^^^^^^^^^^ meta.statement.liquid keyword.declaration.comment.liquid - comment
%}

{% if true %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^ keyword.control.conditional.if.liquid
|     ^^^^ constant.language.boolean.true.liquid
|          ^^ punctuation.section.embedded.end.liquid

A Paragraph {{var}}
|           ^^^^^^^ meta.interpolation.liquid

{% elsif foo %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^ keyword.control.conditional.elseif.liquid
|        ^^^ variable.other.liquid
|            ^^ punctuation.section.embedded.end.liquid

{% else %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^ keyword.control.conditional.else.liquid
|       ^^ punctuation.section.embedded.end.liquid

{% endif %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^ keyword.control.conditional.end.liquid
|        ^^ punctuation.section.embedded.end.liquid

{% if product.tags contains "Hello" %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^ keyword.control.conditional.if.liquid
|     ^^^^^^^ variable.other.liquid
|            ^ punctuation.accessor.dot.liquid
|             ^^^^ variable.other.member.liquid
|                  ^^^^^^^^ keyword.operator.logical.liquid
|                           ^^^^^^^ meta.string.liquid string.quoted.double.liquid
|                                   ^^ punctuation.section.embedded.end.liquid

{%- if foo != blank
  and bar != ''
|^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^^ keyword.operator.logical.liquid
|     ^^^ variable.other.liquid
|         ^^ keyword.operator.comparison.liquid
|            ^^ meta.string.liquid string.quoted.single.liquid
  or baz
|^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^ keyword.operator.logical.liquid
|    ^^^ variable.other.liquid
  == true
|^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^ keyword.operator.assignment.liquid
|    ^^^^ constant.language.boolean.true.liquid
-%}

{%- elsif foo -%}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^^ punctuation.section.embedded.begin.liquid
|   ^^^^^ keyword.control.conditional.elseif.liquid
|         ^^^ variable.other.liquid
|             ^^^ punctuation.section.embedded.end.liquid

{%- endif -%}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^^ punctuation.section.embedded.begin.liquid
|   ^^^^^ keyword.control.conditional.end.liquid
|         ^^^ punctuation.section.embedded.end.liquid

{% case handle %}
|^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|  ^^^^ keyword.control.conditional.case.liquid
|       ^^^^^^ variable.other.liquid
  {% when "cake" %}
| ^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|    ^^^^ keyword.control.conditional.when.liquid
|         ^^^^^^ meta.string.liquid string.quoted.double.liquid
     This is a cake
  {% when "cookie", "biscuit" %}
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|    ^^^^ keyword.control.conditional.when.liquid
|         ^^^^^^^^ meta.string.liquid string.quoted.double.liquid
|                 ^ punctuation.separator.sequence.liquid
|                   ^^^^^^^^^ meta.string.liquid string.quoted.double.liquid
     This is a cookie
  {% else %}
| ^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|    ^^^^ keyword.control.conditional.else.liquid
     This is not a cake nor a cookie
{% endcase %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|  ^^^^^^^ keyword.control.conditional.end.liquid

{% liquid
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ keyword.declaration.liquid

case section.blocks.size
| <- meta.embedded.liquid source.liquid meta.statement.liquid keyword.control.conditional.case.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid

when 1
| <- meta.embedded.liquid source.liquid meta.statement.liquid keyword.control.conditional.when.liquid
|^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^^^ keyword.control.conditional.when.liquid
|    ^ constant.numeric.value.liquid

  assign column_size = ''
|^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^^^^^ keyword.control.liquid
|        ^^^^^^^^^^^ variable.other.liquid
|                    ^ keyword.operator.assignment.liquid
|                      ^^ meta.string.liquid string.quoted.single.liquid

when 2
| <- meta.embedded.liquid source.liquid meta.statement.liquid keyword.control.conditional.when.liquid

  assign column_size = 'one-half'
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^^^^^ keyword.control.liquid
|        ^^^^^^^^^^^ variable.other.liquid
|                    ^ keyword.operator.assignment.liquid
|                      ^^^^^^^^^^ meta.string.liquid string.quoted.single.liquid

else
| <- meta.embedded.liquid source.liquid meta.statement.liquid keyword.control.conditional.else.liquid

  assign column_size = 'one-quarter'
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^^^^^ keyword.control.liquid
|        ^^^^^^^^^^^ variable.other.liquid
|                    ^ keyword.operator.assignment.liquid
|                      ^^^^^^^^^^^^^ meta.string.liquid string.quoted.single.liquid

endcase %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid keyword.control.conditional.end.liquid
|^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^^^^^^ keyword.control.conditional.end.liquid
|       ^^ punctuation.section.embedded.end.liquid


<!--
 --- Test Iteration Statements
 --- https://shopify.github.io/liquid/tags/iteration/
-->

{% for %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|  ^^^ keyword.control.loop.for.liquid

{% for item in array limit:2 %}
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|                    ^^^^^ variable.parameter.loop.liquid
|                         ^ punctuation.separator.key-value.liquid
|                          ^ constant.numeric.value.liquid

{% for item in array offset:2 %}
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|                    ^^^^^^ variable.parameter.loop.liquid
|                          ^ punctuation.separator.key-value.liquid
|                           ^ constant.numeric.value.liquid

{% for item in array reversed %}
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|                    ^^^^^^^^ variable.parameter.loop.liquid

{% for i in (1..5) %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|  ^^^ keyword.control.loop.for.liquid
|      ^ variable.other.liquid
|        ^^ keyword.control.loop.in.liquid
|           ^^^^^^ meta.sequence.range.liquid
|           ^ punctuation.section.sequence.begin.liquid
|            ^ constant.numeric.value.liquid
|             ^^ punctuation.separator.range.liquid
|               ^ constant.numeric.value.liquid
|                ^ punctuation.section.sequence.end.liquid
|                  ^^ punctuation.section.embedded.end.liquid

{% for i in (1..num) %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|  ^^^ keyword.control.loop.for.liquid
|      ^ variable.other.liquid
|        ^^ keyword.control.loop.in.liquid
|           ^^^^^^^^ meta.sequence.range.liquid
|           ^ punctuation.section.sequence.begin.liquid
|            ^ constant.numeric.value.liquid
|             ^^ punctuation.separator.range.liquid
|               ^^^ variable.other.liquid
|                  ^ punctuation.section.sequence.end.liquid
|                    ^^ punctuation.section.embedded.end.liquid

{% for product in collection.products %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^ keyword.control.loop.for.liquid
|      ^^^^^^^ variable.other.liquid
|              ^^ keyword.control.loop.in.liquid
|                 ^^^^^^^^^^ variable.other.liquid
|                           ^ punctuation.accessor.dot.liquid
|                            ^^^^^^^^ variable.other.member.liquid
|                                     ^^ punctuation.section.embedded.end.liquid

  {% cycle "one", "two", "three" %}
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^ punctuation.section.embedded.begin.liquid
|    ^^^^^ support.function.cycle.liquid
|          ^^^^^ meta.string.liquid string.quoted.double.liquid
|               ^ punctuation.separator.sequence.liquid
|                 ^^^^^ meta.string.liquid string.quoted.double.liquid
|                      ^ punctuation.separator.sequence.liquid
|                        ^^^^^^^ meta.string.liquid string.quoted.double.liquid
|                                ^^ punctuation.section.embedded.end.liquid

  {% cycle "first": "one", "two", "three" %}
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^ punctuation.section.embedded.begin.liquid
|    ^^^^^ support.function.cycle.liquid
|          ^^^^^^^ constant.other.group.liquid
|          ^ punctuation.definition.constant.begin.liquid
|                ^ punctuation.definition.constant.end.liquid
|                 ^ punctuation.separator.key-value.liquid
|                   ^^^^^ meta.string.liquid string.quoted.double.liquid
|                        ^ punctuation.separator.sequence.liquid

  {% cycle 'first': 'one', 'two', 'three' %}
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^ punctuation.section.embedded.begin.liquid
|    ^^^^^ support.function.cycle.liquid
|          ^^^^^^^ constant.other.group.liquid
|          ^ punctuation.definition.constant.begin.liquid
|                ^ punctuation.definition.constant.end.liquid
|                 ^ punctuation.separator.key-value.liquid
|                   ^^^^^ meta.string.liquid string.quoted.single.liquid
|                        ^ punctuation.separator.sequence.liquid

  {% break %}
| ^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^ punctuation.section.embedded.begin.liquid
|    ^^^^^ keyword.control.flow.break.liquid
|          ^^ punctuation.section.embedded.end.liquid

{% else %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^ keyword.control.conditional.else.liquid
|       ^^ punctuation.section.embedded.end.liquid

  {% continue %}
| ^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^ punctuation.section.embedded.begin.liquid
|    ^^^^^^^^ keyword.control.flow.continue.liquid
|             ^^ punctuation.section.embedded.end.liquid

{% endfor %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ keyword.control.loop.end.liquid
|         ^^ punctuation.section.embedded.end.liquid

{% tablerow product in (1..collection.products) cols:4 limit:5 offset:1 %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^ keyword.control.loop.tablerow.liquid
|           ^^^^^^^ variable.other.liquid
|                   ^^ keyword.control.loop.in.liquid
|                      ^^^^^^^^^^^^^^^^^^^^^^^^ meta.sequence.range.liquid
|                      ^ punctuation.section.sequence.begin.liquid
|                       ^ constant.numeric.value.liquid
|                        ^^ punctuation.separator.range.liquid
|                          ^^^^^^^^^^ variable.other.liquid
|                                    ^ punctuation.accessor.dot.liquid
|                                     ^^^^^^^^ variable.other.member.liquid
|                                             ^ punctuation.section.sequence.end.liquid
|                                               ^^^^ variable.parameter.loop.liquid
|                                                   ^ punctuation.separator.key-value.liquid
|                                                    ^ constant.numeric.value.liquid
|                                                      ^^^^^ variable.parameter.loop.liquid
|                                                           ^ punctuation.separator.key-value.liquid
|                                                            ^ constant.numeric.value.liquid
|                                                              ^^^^^^ variable.parameter.loop.liquid
|                                                                    ^ punctuation.separator.key-value.liquid
|                                                                     ^ constant.numeric.value.liquid
|                                                                       ^^ punctuation.section.embedded.end.liquid

{% endtablerow %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^^^ keyword.control.loop.end.liquid
|              ^^ punctuation.section.embedded.end.liquid

{% liquid
for product in collection.products
| <- meta.embedded.liquid source.liquid meta.statement.liquid keyword.control.loop.for.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^^ keyword.control.loop.for.liquid
|   ^^^^^^^ variable.other.liquid
|           ^^ keyword.control.loop.in.liquid
|              ^^^^^^^^^^ variable.other.liquid
|                        ^ punctuation.accessor.dot.liquid
|                         ^^^^^^^^ variable.other.member.liquid
  echo product.title | capitalize
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
| ^^^^ support.function.liquid
|      ^^^^^^^ variable.other.liquid
|             ^ punctuation.accessor.dot.liquid
|              ^^^^^ variable.other.member.liquid
|                    ^ keyword.operator.logical.pipe.liquid
|                      ^^^^^^^^^^ support.function.filter.liquid
endfor %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid keyword.control.loop.end.liquid
|^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^^^^^ keyword.control.loop.end.liquid
|      ^^ punctuation.section.embedded.end.liquid

<!--
 --- Variable Statements
 --- https://shopify.github.io/liquid/tags/variable
 -->

{% assign handle = "cake" %}
|^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|  ^^^^^^ keyword.control.liquid
|         ^^^^^^ variable.other.liquid
|                ^ keyword.operator.assignment.liquid
|                  ^^^^^^ meta.string.liquid string.quoted.double.liquid

{% assign foo = bar | where: "type", "baz" %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ keyword.control.liquid
|         ^^^ variable.other.liquid
|             ^ keyword.operator.assignment.liquid
|               ^^^ variable.other.liquid
|                   ^ keyword.operator.logical.pipe.liquid
|                     ^^^^^ support.function.filter.liquid
|                          ^ punctuation.separator.key-value.liquid
|                            ^^^^^^ meta.string.liquid string.quoted.double.liquid
|                                  ^ punctuation.separator.sequence.liquid
|                                    ^^^^^ meta.string.liquid string.quoted.double.liquid
|                                          ^^ punctuation.section.embedded.end.liquid

{% capture about_me %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^ keyword.control.liquid
|          ^^^^^^^^ variable.other.liquid
|                   ^^ punctuation.section.embedded.end.liquid

I am {{ age }} and my favorite food is {{ favorite_food }}.
|    ^^^^^^^^^ meta.interpolation.liquid
|                                      ^^^^^^^^^^^^^^^^^^^ meta.interpolation.liquid

{% endcapture %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^^ keyword.control.liquid
|             ^^ punctuation.section.embedded.end.liquid

{% increment my_counter %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^ support.function.liquid
|            ^^^^^^^^^^ variable.other.liquid
|                       ^^ punctuation.section.embedded.end.liquid

{% decrement my_counter %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^ support.function.liquid
|            ^^^^^^^^^^ variable.other.liquid
|                       ^^ punctuation.section.embedded.end.liquid


<!--
 --- Template Tests
 --- https://shopify.github.io/liquid/tags/template
 -->

{% comment %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^ keyword.declaration.comment.liquid
|          ^^ punctuation.section.embedded.end.liquid

{% assign verb = "converted" %}
| <- meta.embedded.liquid source.liquid comment.block.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid comment.block.liquid

{% endcomment %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^^ keyword.declaration.comment.liquid
|             ^^ punctuation.section.embedded.end.liquid

{% doc %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^ keyword.declaration.comment.liquid
|      ^^ punctuation.section.embedded.end.liquid

  @description This will display a product title
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid comment.block.documentation.liquid
| ^^^^^^^^^^^^ entity.name.tag.documentation.liquid

  @param {product} product The product to display the title for
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid comment.block.documentation.liquid
| ^^^^^^ entity.name.tag.documentation.liquid
|        ^^^^^^^^^ storage.type.liquid
|        ^ punctuation.definition.type.begin.liquid
|                ^ punctuation.definition.type.end.liquid
|                  ^^^^^^^ variable.other.liquid

  @example
|^^^^^^^^^ meta.embedded.liquid source.liquid comment.block.documentation.liquid
| ^^^^^^^^ entity.name.tag.documentation.liquid
    <div class={{ var | filter }}></div>
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid comment.block.documentation.liquid
|   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.tag.block
|   ^ punctuation.definition.tag.begin.html
|    ^^^ entity.name.tag
|        ^^^^^^^^^^^^^^^^^^^^^^^^ meta.attribute-with-value.class.html
|        ^^^^^ entity.other.attribute-name.class.html
|             ^ punctuation.separator.key-value.html
|              ^^^^^^^^^^^^^^^^^^ meta.class-name.html meta.string.html meta.interpolation.liquid
|              ^^ punctuation.section.interpolation.begin.liquid
|                ^^^^^^^^^^^^^^ source.liquid
|                 ^^^ variable.other.liquid
|                     ^^^^^^^^ meta.filter.liquid
|                     ^ keyword.operator.logical.pipe.liquid
|                       ^^^^^^ support.function.filter.liquid
|                              ^^ punctuation.section.interpolation.end.liquid
|                                ^ punctuation.definition.tag.end.html
|                                 ^^ punctuation.definition.tag.begin.html
|                                   ^^^ entity.name.tag
|                                      ^ punctuation.definition.tag.end.html

  @example
| ^^^^^^^^ entity.name.tag.documentation.liquid
    {% render 'price' %}
|^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid comment.block.documentation.liquid
|   ^^ punctuation.section.embedded.begin.liquid
|      ^^^^^^ support.function.liquid
|             ^^^^^^^ meta.string.liquid string.quoted.single.liquid
|             ^ punctuation.definition.string.begin.liquid
|                   ^ punctuation.definition.string.end.liquid
|                     ^^ punctuation.section.embedded.end.liquid

{% enddoc %}
|^^^^^^^^^^^  meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ keyword.declaration.comment.liquid
|         ^^ punctuation.section.embedded.end.liquid

{% javascript %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^^ keyword.declaration.raw.liquid
|             ^^ punctuation.section.embedded.end.liquid
  function foo() { return 0; }
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ source.js.embedded.liquid
{% endjavascript %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^^^^^ keyword.declaration.raw.liquid
|                ^^ punctuation.section.embedded.end.liquid

{% raw %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^ keyword.declaration.raw.liquid
|      ^^ punctuation.section.embedded.end.liquid

In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.raw.liquid
|              ^^^^^^^^^^ - meta.interpolation.liquid
|                                                   ^^^^^^^^^^^^ - meta.interpolation.liquid

{% raw %}
|^^^^^^^^^ meta.raw.liquid - meta.tag - punctuation - keyword

{% endraw %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ keyword.declaration.raw.liquid
|         ^^ punctuation.section.embedded.end.liquid

{%- raw -%}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^^ punctuation.section.embedded.begin.liquid
|   ^^^ keyword.declaration.raw.liquid
|       ^^^ punctuation.section.embedded.end.liquid

In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.raw.liquid
|              ^^^^^^^^^^ - meta.interpolation.liquid
|                                                   ^^^^^^^^^^^^ - meta.interpolation.liquid

{%- raw -%}
|^^^^^^^^^^ meta.raw.liquid - meta.tag - punctuation - keyword

{%- endraw -%}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^^ punctuation.section.embedded.begin.liquid
|   ^^^^^^ keyword.declaration.raw.liquid
|          ^^^ punctuation.section.embedded.end.liquid

{% include "template-name" %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^ keyword.control.import.liquid
|          ^^^^^^^^^^^^^^^ meta.string.liquid string.quoted.double.liquid
|                          ^^ punctuation.section.embedded.end.liquid

{% render "product", product: featured_product %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ support.function.liquid
|         ^^^^^^^^^ meta.string.liquid string.quoted.double.liquid
|                  ^ punctuation.separator.sequence.liquid
|                    ^^^^^^^ variable.parameter.liquid
|                           ^ punctuation.separator.key-value.liquid
|                             ^^^^^^^^^^^^^^^^ variable.other.liquid
|                                              ^^ punctuation.section.embedded.end.liquid

{% render "product" with featured_product as product %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ support.function.liquid
|         ^^^^^^^^^ meta.string.liquid string.quoted.double.liquid
|                   ^^^^ keyword.declaration.with.liquid
|                        ^^^^^^^^^^^^^^^^ variable.other.liquid
|                                         ^^ keyword.operator.assignment.liquid
|                                            ^^^^^^^ variable.other.liquid
|                                                    ^^ punctuation.section.embedded.end.liquid

{% render "product_variant" for variants as variant %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ support.function.liquid
|         ^^^^^^^^^^^^^^^^^ meta.string.liquid string.quoted.double.liquid
|                           ^^^ keyword.control.loop.for.liquid
|                               ^^^^^^^^ variable.other.liquid
|                                        ^^ keyword.operator.assignment.liquid
|                                           ^^^^^^^ variable.other.liquid
|                                                   ^^ punctuation.section.embedded.end.liquid

{% layout 'full-width' %}
|<- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ keyword.declaration.layout.liquid
|         ^^^^^^^^^^^^ meta.string.liquid string.quoted.single.liquid
|                      ^^ punctuation.section.embedded.end.liquid

{% form 'reset_customer_password' %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^ keyword.declaration.form.liquid
|       ^^^^^^^^^^^^^^^^^^^^^^^^^ meta.string.liquid string.quoted.single.liquid
|                                 ^^ punctuation.section.embedded.end.liquid

{% endform %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^ keyword.declaration.form.liquid
|          ^^ punctuation.section.embedded.end.liquid

{% section 'section' %}
|<- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^ keyword.declaration.section.liquid
|          ^^^^^^^^^ meta.string.liquid string.quoted.single.liquid
|                    ^^ punctuation.section.embedded.end.liquid

{% paginate section.settings.products by 2 %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^ keyword.control.paginate.liquid
|                                     ^^ keyword.operator.liquid
|                                        ^ meta.number.integer.decimal.liquid constant.numeric.value.liquid
|                                          ^^ punctuation.section.embedded.end.liquid

{% endpaginate %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^^^ keyword.control.paginate.liquid
|              ^^ punctuation.section.embedded.end.liquid

{% style %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^ keyword.declaration.raw.liquid
|        ^^ punctuation.section.embedded.end.liquid

div {
    font-{{family}}: "{{font}}";
|        ^^^^^^^^^^ meta.property-list.css meta.block.css meta.interpolation.liquid
|        ^^ punctuation.section.interpolation.begin.liquid
|          ^^^^^^ variable.other.liquid
|                ^^ punctuation.section.interpolation.end.liquid
|                    ^ meta.string.css string.quoted.double.css punctuation.definition.string.begin.css
|                     ^^^^^^^^ meta.property-list.css meta.block.css meta.property-value.css meta.string.css meta.interpolation.liquid
|                     ^^ punctuation.section.interpolation.begin.liquid
|                       ^^^^ variable.other.liquid
|                           ^^ punctuation.section.interpolation.end.liquid
|                             ^ meta.string.css string.quoted.double.css punctuation.definition.string.end.css
}

{% endstyle %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^ keyword.declaration.raw.liquid
|           ^^ punctuation.section.embedded.end.liquid

{% stylesheet %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^^ keyword.declaration.raw.liquid
|             ^^ punctuation.section.embedded.end.liquid

div {
    display: none;
}

{% endstylesheet %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^^^^^^^^ keyword.declaration.raw.liquid
|                ^^ punctuation.section.embedded.end.liquid

{% plugin "foo" %}
| <- meta.embedded.liquid source.liquid meta.statement.liquid punctuation.section.embedded.begin.liquid
|^^^^^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|^ punctuation.section.embedded.begin.liquid
|  ^^^^^^ keyword.other.liquid
|         ^^^^^ meta.string.liquid string.quoted.double.liquid
|               ^^ punctuation.section.embedded.end.liquid


<!--
 --- Test Objects
 -->

  {{ false true }}
| ^^^^^^^^^^^^^^^^ meta.interpolation.liquid
| ^^ punctuation.section.interpolation.begin.liquid
|    ^^^^^ constant.language.boolean.false.liquid
|          ^^^^ constant.language.boolean.true.liquid
|               ^^ punctuation.section.interpolation.end.liquid

  {{ blank empty nil null }}
| ^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.interpolation.liquid
| ^^ punctuation.section.interpolation.begin.liquid
|    ^^^^^ constant.language.null.liquid
|          ^^^^^ constant.language.null.liquid
|                ^^^ constant.language.null.liquid
|                    ^^^^ constant.language.null.liquid
|                         ^^ punctuation.section.interpolation.end.liquid

  {{ foo.bar | where: "foo" }}
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.interpolation.liquid
| ^^ punctuation.section.interpolation.begin.liquid
|    ^^^ variable.other.liquid
|       ^ punctuation.accessor.dot.liquid
|        ^^^ variable.other.member.liquid
|            ^ keyword.operator.logical.pipe.liquid
|              ^^^^^ support.function.filter.liquid
|                   ^ punctuation.separator.key-value.liquid
|                     ^^^^^ meta.string.liquid string.quoted.double.liquid
|                           ^^ punctuation.section.interpolation.end.liquid

  {{- foo.bar | where: "foo" -}}
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.interpolation.liquid
| ^^^ punctuation.section.interpolation.begin.liquid
|     ^^^ variable.other.liquid
|        ^ punctuation.accessor.dot.liquid
|         ^^^ variable.other.member.liquid
|             ^ keyword.operator.logical.pipe.liquid
|               ^^^^^ support.function.filter.liquid
|                    ^ punctuation.separator.key-value.liquid
|                      ^^^^^ meta.string.liquid string.quoted.double.liquid
|                            ^^^ punctuation.section.interpolation.end.liquid

  {{ 10 -10 +10 }}
| ^^^^^^^^^^^^^^^^ meta.interpolation.liquid
|    ^^ meta.number.integer.decimal.liquid constant.numeric.value.liquid
|       ^^^ meta.number.integer.decimal.liquid constant.numeric.value.liquid
|       ^ keyword.operator.arithmetic.liquid
|           ^^^ meta.number.integer.decimal.liquid constant.numeric.value.liquid
|           ^ keyword.operator.arithmetic.liquid

  {{ 0.1 -0.1 +0.1 }}
| ^^^^^^^^^^^^^^^^^^^ meta.interpolation.liquid
|    ^^^ meta.number.float.decimal.liquid constant.numeric.value.liquid
|     ^ punctuation.separator.decimal.liquid
|        ^^^^ meta.number.float.decimal.liquid constant.numeric.value.liquid
|        ^ keyword.operator.arithmetic.liquid
|          ^ punctuation.separator.decimal.liquid
|             ^^^^ meta.number.float.decimal.liquid constant.numeric.value.liquid
|             ^ keyword.operator.arithmetic.liquid
|               ^ punctuation.separator.decimal.liquid

  {{ site.users[1] }}
| ^^^^^^^^^^^^^^^^^^^ meta.interpolation.liquid
|              ^^^ meta.item-access.liquid meta.brackets.liquid
|              ^ punctuation.section.brackets.begin.liquid
|               ^ meta.number.integer.decimal.liquid constant.numeric.value.liquid
|                ^ punctuation.section.brackets.end.liquid

  {{ site.users[-1] }}
| ^^^^^^^^^^^^^^^^^^^^ meta.interpolation.liquid
|              ^^^^ meta.item-access.liquid meta.brackets.liquid
|              ^ punctuation.section.brackets.begin.liquid
|               ^^ meta.number.integer.decimal.liquid constant.numeric.value.liquid
|                 ^ punctuation.section.brackets.end.liquid

  {{ site.users[index] }}
| ^^^^^^^^^^^^^^^^^^^^^^^ meta.interpolation.liquid
|              ^^^^^^^ meta.item-access.liquid meta.brackets.liquid
|              ^ punctuation.section.brackets.begin.liquid
|               ^^^^^ variable.other.liquid
|                    ^ punctuation.section.brackets.end.liquid

  {{ site.users["index"] }}
| ^^^^^^^^^^^^^^^^^^^^^^^^^ meta.interpolation.liquid
|              ^^^^^^^^^ meta.item-access.liquid meta.brackets.liquid
|              ^ punctuation.section.brackets.begin.liquid
|               ^^^^^^^ meta.string.liquid string.quoted.double.liquid
|                      ^ punctuation.section.brackets.end.liquid


<!--
 --- Test HTML
 -->

<div attrib="{{obj}}">
|            ^^^^^^^ meta.tag.block.any.html meta.attribute-with-value.html meta.string.html meta.interpolation.liquid
    {% if true %}
|   ^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
    A Paragraph {{var}}
|               ^^^^^^^ meta.interpolation.liquid
    {% endif %}
|   ^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
</div>
|^^^^^ meta.tag.block.any.html


<!--
 --- Test CSS
 -->

<style>

    {% if true %}
|   ^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|   ^^ punctuation.section.embedded.begin.liquid
|      ^^ keyword.control.conditional.if.liquid
|         ^^^^ constant.language.boolean.true.liquid
|              ^^ punctuation.section.embedded.end.liquid

    @keyframes {
      {% if true %}
|     ^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|     ^^ punctuation.section.embedded.begin.liquid
|        ^^ keyword.control.conditional.if.liquid
|           ^^^^ constant.language.boolean.true.liquid
|                ^^ punctuation.section.embedded.end.liquid
        
      {% endif %}
|     ^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|     ^^ punctuation.section.embedded.begin.liquid
|        ^^^^^ keyword.control.conditional.end.liquid
|              ^^ punctuation.section.embedded.end.liquid
    }

    @layer {
      {% if true %}
|     ^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|     ^^ punctuation.section.embedded.begin.liquid
|        ^^ keyword.control.conditional.if.liquid
|           ^^^^ constant.language.boolean.true.liquid
|                ^^ punctuation.section.embedded.end.liquid

      {% endif %}
|     ^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|     ^^ punctuation.section.embedded.begin.liquid
|        ^^^^^ keyword.control.conditional.end.liquid
|              ^^ punctuation.section.embedded.end.liquid
    }

    @supports ({% if true %} color: {{color}} {% endif %} ) { {% if %} }
|              ^^^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|                                   ^^^^^^^^^ meta.interpolation.liquid
|                                             ^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|                                                             ^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid

    {% endif %}
|   ^^^^^^^^^^^ meta.embedded.liquid source.liquid meta.statement.liquid
|   ^^ punctuation.section.embedded.begin.liquid
|      ^^^^^ keyword.control.conditional.end.liquid
|            ^^ punctuation.section.embedded.end.liquid

    hr {
        {% if true %}
|       ^^^^^^^^^^^^^ source.css.embedded.html meta.property-list.css meta.block.css meta.embedded.liquid source.liquid meta.statement.liquid
|       ^^ punctuation.section.embedded.begin.liquid
|          ^^ keyword.control.conditional.if.liquid
|             ^^^^ constant.language.boolean.true.liquid
|                  ^^ punctuation.section.embedded.end.liquid
;       {{prop}}: {{value}};
|       ^^^^^^^^ meta.property-name.css support.type.property-name.css meta.interpolation.liquid
|                 ^^^^^^^^^ meta.property-value.css meta.interpolation.liquid
;       font-{{family}}: "{{font}}";
|       ^^^^^^^^^^^^^^^ support.type.property-name.css
|            ^^^^^^^^^^ meta.property-list.css meta.block.css meta.property-name.css meta.interpolation.liquid
|            ^^ punctuation.section.interpolation.begin.liquid
|              ^^^^^^ variable.other.liquid
|                    ^^ punctuation.section.interpolation.end.liquid
|                        ^ meta.string.css string.quoted.double.css punctuation.definition.string.begin.css
|                         ^^^^^^^^ source.css.embedded.html meta.property-list.css meta.block.css meta.property-value.css meta.string.css meta.interpolation.liquid
|                         ^^ punctuation.section.interpolation.begin.liquid
|                           ^^^^ variable.other.liquid
|                               ^^ punctuation.section.interpolation.end.liquid
|                                 ^ meta.string.css string.quoted.double.css punctuation.definition.string.end.css
        {% endif %}
|       ^^^^^^^^^^^ source.css.embedded.html meta.property-list.css meta.block.css meta.embedded.liquid source.liquid meta.statement.liquid
|       ^^ punctuation.section.embedded.begin.liquid
|          ^^^^^ keyword.control.conditional.end.liquid
|                ^^ punctuation.section.embedded.end.liquid
    }
</style>


<!--
 --- Test JavaScript
 -->

<script>
    function foo({{args_list}}) {
|                ^^^^^^^^^^^^^ source.js.embedded.html meta.function.parameters.js meta.interpolation.liquid
        {% for i in vars %}
|       ^^^^^^^^^^^^^^^^^^^ source.js.embedded.html meta.function.js meta.block.js meta.embedded.liquid source.liquid meta.statement.liquid
        {% endfor %}
|       ^^^^^^^^^^^^ source.js.embedded.html meta.function.js meta.block.js meta.embedded.liquid source.liquid meta.statement.liquid
    }
|   ^ source.js.embedded.html meta.function.js meta.block.js punctuation.section.block.end.js
</script>


<!--
 --- Test JSON
 -->

<script type="application/ld+json">
  {
      {{ key }}: {{ value }},
  |  ^ meta.mapping.json - meta.interpolation
  |   ^^^^^^^^^ meta.mapping.json meta.interpolation.liquid
  |            ^^ meta.mapping.json - meta.interpolation
  |              ^^^^^^^^^^^ meta.mapping.value.json meta.interpolation.liquid
  |                         ^ meta.mapping.json - meta.interpolation
  |   ^^ punctuation.section.interpolation.begin.liquid
  |     ^^^^^ source.liquid
  |          ^^ punctuation.section.interpolation.end.liquid
  |            ^ punctuation.separator.key-value.json
  |              ^^ punctuation.section.interpolation.begin.liquid
  |                ^^^^^^^ source.liquid
  |                       ^^ punctuation.section.interpolation.end.liquid
  |                         ^ punctuation.separator.sequence.json

      {%- if foo.bar -%}
  |  ^ meta.mapping.json - meta.embedded - invalid
  |   ^^^^^^^^^^^^^^^^^^ meta.mapping.json meta.embedded.liquid source.liquid meta.statement.liquid
  |   ^^^ punctuation.section.embedded.begin.liquid
  |                  ^^^ punctuation.section.embedded.end.liquid
  |                     ^ meta.mapping.json - meta.embedded - invalid

      "key": "String {{val}}!",
  |  ^ meta.mapping.json - meta.mapping.key - invalid
  |   ^^^^^ meta.mapping.key.json string.quoted.double.json
  |        ^^ meta.mapping.json
  |          ^^^^^^^^^^^^^^^^^ meta.mapping.value.json meta.string.json
  |          ^^^^^^^^ string.quoted.double.json - meta.interpolation
  |                  ^^^^^^^ meta.interpolation.liquid - string
  |                         ^^ string.quoted.double.json - meta.interpolation
  |                           ^ punctuation.separator.sequence.json
      {% else %}
  |  ^ meta.mapping.json - meta.embedded - invalid
  |   ^^^^^^^^^^ meta.mapping.json meta.embedded.liquid source.liquid meta.statement.liquid
  |   ^^ punctuation.section.embedded.begin.liquid
  |           ^^ punctuation.section.embedded.end.liquid
  |             ^ meta.mapping.json - meta.embedded - invalid

      "key": [ {{item1}}, {{item2}} ],
  |  ^ meta.mapping.json - meta.mapping.key - invalid
  |   ^^^^^ meta.mapping.key.json string.quoted.double.json
  |        ^^ meta.mapping.json
  |          ^^^^^^^^^^^^^^^^^^^^^^^^ meta.mapping.value.json meta.sequence.json
  |          ^ punctuation.section.sequence.begin.json
  |            ^^^^^^^^^ meta.interpolation.liquid
  |                     ^ punctuation.separator.sequence.json
  |                       ^^^^^^^^^ meta.interpolation.liquid
  |                                 ^ punctuation.section.sequence.end.json
  |                                  ^ punctuation.separator.sequence.json
  |                                   ^ - invalid

      {% endif %}
  |  ^ meta.mapping.json - meta.embedded - invalid
  |   ^^^^^^^^^^^ meta.mapping.json meta.embedded.liquid source.liquid meta.statement.liquid
  |   ^^ punctuation.section.embedded.begin.liquid
  |            ^^ punctuation.section.embedded.end.liquid
  |              ^ meta.mapping.json - meta.embedded - invalid
  }
</script>