cloudstructs 0.9.44 → 0.9.46

package/node_modules/mjml-image/README.md

@@ -1,6 +1,7 @@
-## mj-image
+### mj-image
 
 Displays a responsive image in your email. It is similar to the HTML `<img />` tag.
+
 Note that if no width is provided, the image will use the parent column width.
 
 ```xml
@@ -15,39 +16,38 @@ Note that if no width is provided, the image will use the parent column width.
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/image">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
+#### Attributes
 
+| attribute                  | accepts                 | description                                                                     | default value         |
+| -------------------------- | ----------------------- | ------------------------------------------------------------------------------- | --------------------- |
+| align                      | `left` `center` `right` | image alignment                                                                 | `center`              |
+| alt                        | string                  | image description                                                               | `''`                  |
+| border                     | string                  | CSS border format                                                               | `0`                   |
+| border-bottom              | string                  | CSS border format                                                               |                       |
+| border-left                | string                  | CSS border format                                                               |                       |
+| border-radius              | `px` `%`                | border radius                                                                   |                       |
+| border-right               | string                  | CSS border format                                                               |                       |
+| border-top                 | string                  | CSS border format                                                               |                       |
+| container-background-color | CSS color formats       | inner element background color                                                  |                       |
+| css-class                  | string                  | class name, added to the root HTML element created                              |                       |
+| fluid-on-mobile            | boolean                 | if `true`, will be full width on mobile even if `width` is set                  |                       |
+| font-size                  | `px`                    | size of the alt text when image is not rendered                                 | `13px`                |
+| height                     | `px`                    | image height                                                                    | `auto`                |
+| href                       | string                  | link to redirect to on click, in URL format                                     |                       |
+| max-height                 | `px` `%`                | specify the maximum height of an image                                          |                       |
+| name                       | string                  | specify the link name attribute                                                 |                       |
+| padding                    | `px` `%`                | hero padding, supports up to 4 parameters                                       | `10px 25px`           |
+| padding-bottom             | `px` `%`                | hero bottom padding                                                             |                       |
+| padding-left               | `px` `%`                | hero left padding                                                               |                       |
+| padding-right              | `px` `%`                | hero right padding                                                              |                       |
+| padding-top                | `px` `%`                | hero top padding                                                                |                       |
+| rel                        | string                  | specify the rel attribute                                                       |                       |
+| sizes                      | string                  | set width based on query                                                        |                       |
+| src                        | string                  | image source in URL format                                                      |                       |
+| srcset                     | string                  | enables to set a different image source based on the viewport, using CSS syntax |                       |
+| target                     | string                  | link target on click                                                            | `_blank`              |
+| title                      | string                  | tooltip & accessibility                                                         |                       |
+| usemap                     | string                  | reference to image map, be careful, it isn't supported everywhere               |                       |
+| width                      | `px`                    | image width                                                                     | inherits parent width |
 
-attribute                     | unit          | description                    | default value
-------------------------------|---------------|--------------------------------|-----------------------------
-align                         | position      | image alignment                | center
-alt                           | string        | image description              | ''
-border                        | string        | css border definition          | none
-border-top                    | string        | css border definition          | none
-border-bottom                 | string        | css border definition          | none
-border-left                   | string        | css border definition          | none
-border-right                  | string        | css border definition          | none
-border-radius                 | px            | border radius                  | n/a
-container-background-color    | color         | inner element background color | n/a
-css-class                     | string        | class name, added to the root HTML element created | n/a
-fluid-on-mobile               | string        | if "true", will be full width on mobile even if width is set | n/a
-height                        | px            | image height                   | auto
-href                          | url           | link to redirect to on click   | n/a
-name                          | string        | specify the link name attribute | n/a
-padding                       | px            | supports up to 4 parameters    | 10px 25px
-padding-bottom                | px            | bottom offset                  | n/a
-padding-left                  | px            | left offset                    | n/a
-padding-right                 | px            | right offset                   | n/a
-padding-top                   | px            | top offset                     | n/a
-rel                           | string        | specify the rel attribute      | n/a
-sizes                         | media query & width | set width based on query | n/a
-src                           | url           | image source                   | n/a
-srcset                        | url & width   | enables to set a different image source based on the viewport | n/a
-target                        | string        | link target on click           | \_blank
-title                         | string        | tooltip & accessibility        | n/a
-usemap                        | string        | reference to image map, be careful, it isn't supported everywhere         | n/a
-width                         | px            | image width                    | parent width
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/image">Try it live</a></p>

package/node_modules/mjml-image/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-image",
   "description": "mjml-image",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-migrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mjml-migrate",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "description": "A tool to migrate a template from MJML 3 to MJML 4",
   "main": "lib/migrate.js",
   "bin": {
@@ -28,9 +28,9 @@
     "@babel/runtime": "^7.28.4",
     "js-beautify": "^1.6.14",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1",
-    "mjml-parser-xml": "4.17.1",
+    "mjml-core": "4.18.0",
+    "mjml-parser-xml": "4.18.0",
     "yargs": "^17.7.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-navbar/README.md

@@ -1,11 +1,6 @@
-## mj-navbar
-
-<p style="text-align: center;" >
-  <img src="https://static.mailjet.com/mjml-website/documentation/navbar-example.png"
-      alt="example desktop width navbar" width="800px" />
-</p>
+### mj-navbar
 
-Displays a menu for navigation with an optional hamburger mode for mobile devices.
+Displays a navigation menu with an optional `hamburger` mode for mobile devices.
 
 ```xml
 <mjml>
@@ -24,100 +19,100 @@ Displays a menu for navigation with an optional hamburger mode for mobile device
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a target="_blank" href="https://mjml.io/try-it-live/components/navbar">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
-
-### mj-navbar
-
-Individual links of the menu should be wrapped inside mj-navbar.
-
-
-Standard Desktop:
-
-<p style="text-align: center;" >
+<figure>
+  <figcaption>Standard Desktop</figcaption>
   <img src="https://static.mailjet.com/mjml-website/documentation/navbar-example.png"
       alt="example desktop width navbar" width="800px" />
-</p>
-
-Standard Mobile:
+</figure>
 
-<p style="text-align: center;" >
+<figure>
+  <figcaption>Standard Mobile</figcaption>
   <img src="https://static.mailjet.com/mjml-website/documentation/navbar-mobile.png"
       alt="example mobile width navbar" width="318px" />
-</p>
-
-Mode hamburger enabled:
+</figure>
 
-<p style="text-align: center;" >
+<figure>
+  <figcaption>Mode hamburger enabled:</figcaption>
   <img src="https://static.mailjet.com/mjml-website/documentation/navbar-hamburger.gif"
       alt="hamburger mode animation shows menu expansion after clicking hamburger icon"
       width="309px" />
-</p>
-
-<aside class="notice">
-  The "hamburger" feature only work on mobile device with all iOS mail client, for others mail clients the render is performed on an normal way, the links are displayed inline and the hamburger is not visible.
-</aside>
-
-<aside class="notice">
-  All the attributes prefixed with <code>ico-</code> help to customize the hamburger icon. They only work with the hamburger mode enabled.
-</aside>
-
-attribute                   | unit               | description                                                                                      | default value
-----------------------------|--------------------|--------------------------------------------------------------------------------------------------|-----------------
-align                       | string             | align content left/center/right                                                                  | center
-base url                    | string             | base url for children components                                                                 | n/a
-css-class                   | string             | class name, added to the root HTML element created                                               | n/a
-hamburger                   | string             | activate the hamburger navigation on mobile if the value is hamburger                            | n/a
-ico-align                   | string             | hamburger icon alignment, left/center/right (hamburger mode required)                            | center
-ico-close                   | ASCII code decimal | char code for a custom close icon (hamburger mode required)                                      | 8855
-ico-color                   | color format       | hamburger icon color (hamburger mode required)                                                   | #000000
-ico-font-family             | string             | hamburger icon font (only on hamburger mode)                                                     | Ubuntu, Helvetica, Arial, sans-serif
-ico-font-size               | px                 | hamburger icon size (hamburger mode required)                                                    | 30px
-ico-line-height             | px                 | hamburger icon line height (hamburger mode required)                                             | 30px
-ico-open                    | ASCII code decimal | char code for a custom open icon (hamburger mode required)                                       | 9776
-ico-padding                 | px                 | hamburger icon padding, supports up to 4 parameters (hamburger mode required)                    | 10px
-ico-padding-bottom          | px                 | hamburger icon bottom offset (hamburger mode required)                                           | 10px
-ico-padding-left            | px                 | hamburger icon left offset (hamburger mode required)                                             | 10px
-ico-padding-right           | px                 | hamburger icon right offset (hamburger mode required)                                            | 10px
-ico-padding-top             | px                 | hamburger icon top offset (hamburger mode required)                                              | 10px
-ico-text-decoration         | string             | hamburger icon text decoration none/underline/overline/line-through (hamburger mode required)    | none
-ico-text-transform          | string             | hamburger icon text transformation none/capitalize/uppercase/lowercase (hamburger mode required) | none
-
-
-### mj-navbar-link
-
-
-This component should be used to display an individual link in the navbar.
-
-<aside class="notice">
-  The mj-navbar-link component must be used inside a mj-navbar component only.
-</aside>
-
-
-<aside class="notice">
-  `mj-navbar-link` is an "ending tag", which means it can contain HTML code which will be left as it is, so it can contain HTML tags with attributes, but it cannot contain other MJML components. More information about ending tags <a href="#ending-tags">in this section</a>.
-</aside>
-
-attribute        | unit          | description                           | default value
------------------|---------------|---------------------------------------|------------------------------
-color            | color         | text color                                         | #000000
-css-class        | string        | class name, added to the root HTML element created | n/a
-font-family      | string        | font                                               | Ubuntu, Helvetica, Arial, sans-serif
-font-size        | px            | text size                                          | 13px
-font-style       | string        | normal/italic/oblique                              | n/a
-font-weight      | number        | text thickness                                     | n/a
-href             | string        | link to redirect to on click                       | n/a
-letter-spacing   | px,em         | letter-spacing                                     | n/a
-line-height      | px            | space between the lines                            | 22px
-padding          | px            | supports up to 4 parameters                        | 15px 10px
-padding-bottom   | px            | bottom offset                                      | n/a
-padding-left     | px            | left offset                                        | n/a
-padding-right    | px            | right offset                                       | n/a
-padding-top      | px            | top offset                                         | n/a
-rel              | string        | specify the rel attribute                          | n/a
-target           | string        | link target on click                               | n/a
-text-decoration  | string        | underline/overline/none                            | n/a
-text-transform   | string        | capitalize/uppercase/lowercase/none                | uppercase
+</figure>
+
+<div class="alert alert-note" role="alert">
+  <p>Note</p>
+  <p>The hamburger feature works only on Apple Mail clients, when the width is below the specified (or default) breakpoint. For other email clients, the links are displayed inline and the hamburger icon is not visible.</p>
+</div>
+
+<div class="alert alert-note" role="alert">
+  <p>Note</p>
+  <p>All attributes prefixed with <code>ico-</code> help to customize the hamburger icon, hence they only work with the hamburger mode enabled.</p>
+</div>
+
+#### Attributes
+
+| attribute           | accepts                       | description                                                                                                             | default value                          |
+| ------------------- | ----------------------------- | ----------------------------------------------------------------------------------------------------------------------- | -------------------------------------- |
+| align               | `left`<br>`center`<br>`right` | align content                                                                                                           | `center`                               |
+| base-url            | string                        | base URL for child components                                                                                           | `null`                                 |
+| css-class           | string                        | class name, added to the root HTML element created                                                                      |                                        |
+| hamburger           | string                        | activate the hamburger navigation on mobile if the value is hamburger                                                   | `null`                                 |
+| ico-align           | `left`<br>`center`<br>`right` | hamburger icon alignment<br> (`hamburger="hamburger"` required)                                                         | `center`                               |
+| ico-close           | string                        | char code for a custom close icon, e.g. ASCII code decimal<br> (`hamburger="hamburger"` required)                       | `&#8855;`                              |
+| ico-color           | CSS color formats             | hamburger icon color<br> (`hamburger="hamburger"` required)                                                             | `#000000`                              |
+| ico-font-family     | string                        | hamburger icon font<br> (`hamburger="hamburger"` required)                                                              | `Ubuntu, Helvetica, Arial, sans-serif` |
+| ico-font-size       | `px` `%`                      | hamburger icon size<br> (`hamburger="hamburger"` required)                                                              | `30px`                                 |
+| ico-line-height     | `px` `%`                      | hamburger icon line height<br> (`hamburger="hamburger"` required)                                                       | `30px`                                 |
+| ico-open            | string                        | char code for a custom open icon, e.g. ASCII code decimal<br> (`hamburger="hamburger"` required)                        | `&#9776;`                              |
+| ico-padding         | `px` `%`                      | hamburger icon padding, supports up to 4 parameters<br> (`hamburger="hamburger"` required)                              | `10px`                                 |
+| ico-padding-bottom  | `px` `%`                      | hamburger icon bottom padding<br> (`hamburger="hamburger"` required)                                                    |                                        |
+| ico-padding-left    | `px` `%`                      | hamburger icon left padding<br> (`hamburger="hamburger"` required)                                                      |                                        |
+| ico-padding-right   | `px` `%`                      | hamburger icon right padding<br> (`hamburger="hamburger"` required)                                                     |                                        |
+| ico-padding-top     | `px` `%`                      | hamburger icon top padding<br> (`hamburger="hamburger"` required)                                                       |                                        |
+| ico-text-decoration | string                        | hamburger icon text decoration e.g. `none` `underline` `overline` `line-through`<br> (`hamburger="hamburger"` required) | `none`                                 |
+| ico-text-transform  | string                        | hamburger icon text transformation `none` `capitalize` `uppercase` `lowercase`<br> (`hamburger="hamburger"` required)   | `uppercase`                            |
+| padding             | `px` `%`                      | navbar padding, supports up to 4 parameters                                                                             |                                        |
+| padding-bottom      | `px` `%`                      | navbar bottom padding                                                                                                   |                                        |
+| padding-left        | `px` `%`                      | navbar left padding                                                                                                     |                                        |
+| padding-right       | `px` `%`                      | navbar right padding                                                                                                    |                                        |
+| padding-top         | `px` `%`                      | navbar top padding                                                                                                      |                                        |
+
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/navbar">Try it live</a></p>
+
+#### mj-navbar-link
+
+Used to display an individual link in the navbar. Individual links of the menu should be wrapped inside `mj-navbar`.
+
+<div class="alert alert-important" role="alert">
+  <p>Important</p>
+  <p>The <code>mj-navbar-link</code> component must be used inside an <code>mj-navbar</code> component only.</p>
+</div>
+
+<div class="alert alert-note" role="alert">
+  <p>Note</p>
+  <p><code>mj-navbar-link</code> is an "ending tag", which means that it can contain HTML code but it cannot contain other MJML components.</p> 
+  <p>More information about ending tags <a href="#ending-tags">in this section</a>.</p>
+</div>
+
+#### Attributes
+
+| attribute       | accepts           | description                                                  | default value                          |
+| --------------- | ----------------- | ------------------------------------------------------------ | -------------------------------------- |
+| color           | CSS color formats | text color                                                   | `#000000`                              |
+| css-class       | string            | class name, added to the root HTML element created           |                                        |
+| font-family     | string            | font                                                         | `Ubuntu, Helvetica, Arial, sans-serif` |
+| font-size       | `px`              | text size                                                    | `13px`                                 |
+| font-style      | string            | CSS values, i.e. `normal` `italic` `oblique`                 |                                        |
+| font-weight     | string            | text thickness                                               |                                        |
+| href            | string            | link to redirect to on click, in URL format                  |                                        |
+| letter-spacing  | `px` `em`         | letter-spacing                                               |                                        |
+| line-height     | `px` `%`          | space between the lines                                      | `22px`                                 |
+| name            | string            | specify the link name attribute                              |                                        |
+| padding         | `px` `%`          | navbar link padding, supports up to 4 parameters             | `15px 10px`                            |
+| padding-bottom  | `px` `%`          | bottom padding                                               |                                        |
+| padding-left    | `px` `%`          | left padding                                                 |                                        |
+| padding-right   | `px` `%`          | right padding                                                |                                        |
+| padding-top     | `px` `%`          | top padding                                                  |                                        |
+| rel             | string            | specify the rel attribute                                    |                                        |
+| target          | string            | link target on click                                         |                                        |
+| text-decoration | string            | CSS values, i.e. `underline` `overline` `none`               | `none`                                 |
+| text-transform  | string            | CSS values, i.e. `capitalize` `uppercase` `lowercase` `none` | `uppercase`                            |

package/node_modules/mjml-navbar/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-navbar",
   "description": "mjml-navbar",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-parser-xml/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-parser-xml",
   "description": "mjml-parser-xml",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -30,9 +30,9 @@
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "chai": "^4.1.1",
-    "mjml": "4.17.1",
-    "mjml-core": "4.17.1",
+    "mjml": "4.18.0",
+    "mjml-core": "4.18.0",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-preset-core/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-preset-core",
   "description": "mjml-preset-core",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -22,35 +22,35 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.4",
-    "mjml-accordion": "4.17.1",
-    "mjml-body": "4.17.1",
-    "mjml-button": "4.17.1",
-    "mjml-carousel": "4.17.1",
-    "mjml-column": "4.17.1",
-    "mjml-divider": "4.17.1",
-    "mjml-group": "4.17.1",
-    "mjml-head": "4.17.1",
-    "mjml-head-attributes": "4.17.1",
-    "mjml-head-breakpoint": "4.17.1",
-    "mjml-head-font": "4.17.1",
-    "mjml-head-html-attributes": "4.17.1",
-    "mjml-head-preview": "4.17.1",
-    "mjml-head-style": "4.17.1",
-    "mjml-head-title": "4.17.1",
-    "mjml-hero": "4.17.1",
-    "mjml-image": "4.17.1",
-    "mjml-navbar": "4.17.1",
-    "mjml-raw": "4.17.1",
-    "mjml-section": "4.17.1",
-    "mjml-social": "4.17.1",
-    "mjml-spacer": "4.17.1",
-    "mjml-table": "4.17.1",
-    "mjml-text": "4.17.1",
-    "mjml-wrapper": "4.17.1"
+    "mjml-accordion": "4.18.0",
+    "mjml-body": "4.18.0",
+    "mjml-button": "4.18.0",
+    "mjml-carousel": "4.18.0",
+    "mjml-column": "4.18.0",
+    "mjml-divider": "4.18.0",
+    "mjml-group": "4.18.0",
+    "mjml-head": "4.18.0",
+    "mjml-head-attributes": "4.18.0",
+    "mjml-head-breakpoint": "4.18.0",
+    "mjml-head-font": "4.18.0",
+    "mjml-head-html-attributes": "4.18.0",
+    "mjml-head-preview": "4.18.0",
+    "mjml-head-style": "4.18.0",
+    "mjml-head-title": "4.18.0",
+    "mjml-hero": "4.18.0",
+    "mjml-image": "4.18.0",
+    "mjml-navbar": "4.18.0",
+    "mjml-raw": "4.18.0",
+    "mjml-section": "4.18.0",
+    "mjml-social": "4.18.0",
+    "mjml-spacer": "4.18.0",
+    "mjml-table": "4.18.0",
+    "mjml-text": "4.18.0",
+    "mjml-wrapper": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-raw/README.md

@@ -1,7 +1,6 @@
-## mj-raw
+### mj-raw
 
-Displays raw HTML that is not going to be parsed by the MJML engine. Anything left inside this tag should be raw, responsive HTML.
-If placed inside `<mj-head>`, its content will be added at the end of the `<head>`.
+Displays raw HTML that is not parsed by the MJML engine. Anything left inside this tag should be raw, responsive HTML. If placed inside the `mj-head` tag, its content will be added at the end of the HTML `<head>` tag.
 
 ```xml
 <mjml>
@@ -13,25 +12,15 @@ If placed inside `<mj-head>`, its content will be added at the end of the `<head
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a target="_blank" href="https://mjml.io/try-it-live/components/raw">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
+You can tell the minifier to ignore some content by wrapping it between two `<!-- htmlmin:ignore -->` tags.
 
-
-If you use mj-raw to add templating language, and use the `minify` option, you might get a `Parsing error`, especially when using the `<` character. You can tell the minifier to ignore some content by wrapping it between two `<!-- htmlmin:ignore -->` tags.
-
-
-<aside class="notice">
-  `mj-raw` is an "ending tag", which means it can contain HTML code which will be left as it is, so it can contain HTML tags with attributes, but it cannot contain other MJML components. More information about ending tags <a href="#ending-tags">in this section</a>.
-</aside>
+You can use `mj-raw` to add a templating language. Note that if you and use the `minify` option, you might get a `Parsing error`, especially when using the `<` character. These can be ignored by using the `<!-- htmlmin:ignore -->` tags.mlmin:ignore -->` tags.
 
 ```xml
 <mjml>
   <mj-body>
     <mj-raw>
-      <!-- htmlmin:ignore -->{% if foo < 5 %}<!-- htmlmin:ignore -->
+      <!-- htmlmin:ignore --> {% if foo < 5 %} <!-- htmlmin:ignore -->
     </mj-raw>
       <!-- Some mjml section -->
     <mj-raw>
@@ -41,11 +30,18 @@ If you use mj-raw to add templating language, and use the `minify` option, you m
 </mjml>
 ```
 
-One more possible use of mj-raw is to add text at the beginning of the generated html, before the `<!doctype html>` line. For this you need to :
-- put the mj-raw inside the `<mjml>` tag, outside of `mj-head` and `mj-body`
-- add this attribute on this mj-raw : `position="file-start"`
+<div class="alert alert-note" role="alert">
+  <p>Note</p>
+  <p><code>mj-raw</code> is an "ending tag", which means that it can contain HTML code but it cannot contain other MJML components.</p> 
+  <p>More information about ending tags <a href="#ending-tags">in this section</a>.</p>
+</div>
 
-Note that if you put multiple lines in this mj-raw and use the minify option, these lines will be joined into a single line by the minifier. To prevent this you can wrap the content in `<!-- htmlmin:ignore -->` tags as explained above.
+You can also use `mj-raw` to add text at the beginning of the generated html, before the `<!doctype html>` line. For this you need to:
+
+- add the `mj-raw` tag inside the `mjml` tag, outside of the `mj-head` and `mj-body` tags.
+- add the `position="file-start"` attribute to the `mj-raw` tag:
+
+Note that if you put multiple lines in this `mj-raw` and use the minify option, these lines will be joined into a single line by the minifier. These can be ignored by using the `<!-- htmlmin:ignore -->` tags.
 
 ```xml
 <mjml>
@@ -55,3 +51,5 @@ Note that if you put multiple lines in this mj-raw and use the minify option, th
   </mj-body>
 </mjml>
 ```
+
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/raw">Try it live</a></p>

package/node_modules/mjml-raw/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-raw",
   "description": "mjml-raw",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }