[ADF-2526] Fixed interpolation marker issue in doc files (#3098)

* [ADF-2526] Test commit of a file with escape tags

* [ADF-2526] Fixed interpolation marker issue in doc code samples

docs/core/data-column.component.md

@@ -135,6 +135,8 @@ context.row.getValue('createdByUser.displayName')
 
 You may want using **row** api to get raw value access.
 
+<!-- {% raw %} -->
+
 ```html
 <data-column title="Name" key="name" sortable="true" class="full-width ellipsis-cell">
     <ng-template let-context="$implicit">
@@ -144,10 +146,14 @@ You may want using **row** api to get raw value access.
 </data-column>
 ```
 
+<!-- {% endraw %} -->
+
 Use **data** api to get values with post-processing, like datetime/icon conversion.\_
 
 In the Example below we will prepend `Hi!` to each file and folder name in the list: 
 
+<!-- {% raw %} -->
+
 ```html
 <data-column title="Name" key="name" sortable="true" class="full-width ellipsis-cell">
     <ng-template let-entry="$implicit">
@@ -156,9 +162,13 @@ In the Example below we will prepend `Hi!` to each file and folder name in the l
 </data-column>
 ```
 
+<!-- {% endraw %} -->
+
 In the Example below we will integrate the [adf-tag-node-list](../content-services/tag-node-list.component.md) component
 with the document list.
 
+<!-- {% raw %} -->
+
 ```html
 <data-column
     title="{{'DOCUMENT_LIST.COLUMNS.TAG' | translate}}"
@@ -171,6 +181,8 @@ with the document list.
 </data-column>
 ```
 
+<!-- {% endraw %} -->
+
 ![Tag component in document List](../docassets/images/document-list-tag-template.png)
 
 ### Styling Techniques

docs/core/file-size.pipe.md

@@ -8,12 +8,16 @@ Converts a number of bytes to the equivalent in KB, MB, etc.
 
 ## Basic Usage
 
+<!-- {% raw %} -->
+
 ```HTML
 <div>
     File Size: {{ sizeInBytes | adfFileSize:"2" }}
 </div>
 ```
 
+<!-- {% endraw %} -->
+
 ## Details
 
 The pipe chooses the largest unit that is less than the total number of bytes and

docs/core/mime-type-icon.pipe.md

@@ -8,12 +8,16 @@ Retrieves an icon to represent a MIME type.
 
 ## Basic Usage
 
+<!-- {% raw %} -->
+
 ```HTML
 <div>
     <img src='{{ "image/jpeg" | adfMimeTypeIcon }}' />
 </div>
 ```
 
+<!-- {% endraw %} -->
+
 ## Details
 
 The pipe takes a MIME type as input and returns the URL of an SVG file that

docs/core/node-favorite.directive.md

@@ -51,6 +51,8 @@ export class MyComponent {
 The `NodeFavoriteDirective` instance can be bound to a template variable through **adfFavorite** reference,
 which provides a method to help further style the element.
 
+<!-- {% raw %} -->
+
 ```html
 <button
     mat-menu-item
@@ -63,6 +65,8 @@ which provides a method to help further style the element.
 </button>
 ```
 
+<!-- {% endraw %} -->
+
 The directive performs as follows:
 
 -   if there are no favorite nodes in the selection, then all are marked as favorites

docs/core/node-name-tooltip.pipe.md

@@ -8,6 +8,8 @@ Formats the tooltip for a Node.
 
 ## Basic Usage
 
+<!-- {% raw %} -->
+
 ```html
 <data-column
     key="name"
@@ -18,6 +20,8 @@ Formats the tooltip for a Node.
 </data-column>
 ```
 
+<!-- {% endraw %} -->
+
 ## Details
 
 The tooltip is formatted according to the following rules:

docs/core/text-highlight.pipe.md

@@ -8,12 +8,16 @@ Adds highlighting to words or sections of text that match a search string.
 
 ## Basic Usage
 
+<!-- {% raw %} -->
+
 ```HTML
 <div>
     Some rude words have been detected in your summary: {{ summary | highlight:rudeWordList }}
 </div>
 ```
 
+<!-- {% endraw %} -->
+
 ## Details
 
 The pipe's parameter is a string to search for in the text. Any occurrences of the string will

docs/core/time-ago.pipe.md

@@ -8,12 +8,16 @@ Converts a recent past date into a number of days ago.
 
 ## Basic Usage
 
+<!-- {% raw %} -->
+
 ```HTML
 <div>
     Last modified: {{ date | adfTimeAgo }}
 </div>
 ```
 
+<!-- {% endraw %} -->
+
 ## Details
 
 The pipe finds the difference between the input date and the current date. If it

docs/core/translation.service.md

@@ -30,8 +30,12 @@ In the `get` and `instant` methods, the `interpolateParams` parameter supplies
 interpolation strings for keys that include them. For example, in the standard
 `en.json`, the `CORE.PAGINATION.ITEMS_RANGE` key is defined as:
 
+<!-- {% raw %} -->
+
     "Showing {{ range }} of {{ total }}"
 
+<!-- {% endraw %} -->
+
 The `range` and `total` interpolations are supplied to the `get` method using
 an object with fields of the same name:
 

docs/core/user-initial.pipe.md

@@ -8,12 +8,16 @@ Takes the name fields of a UserProcessModel object and extracts and formats the
 
 ## Basic Usage
 
+<!-- {% raw %} -->
+
 ```HTML
 <div>
     Project Leader: {{ user | usernameInitials:"initialsClass" }}
 </div>
 ```
 
+<!-- {% endraw %} -->
+
 ## Details
 
 The pipe gets the initial characters of the user's first and last names and