Fix broken environment links and use ApiLink for hardcoded URLs

docs/angular/src/content/en/components/grids-and-lists.mdx

@@ -188,8 +188,8 @@ Full support for exporting data grids to XLSX, XLS, TSV or CSV. The Ignite UI fo
 
         <ul>
             <li>Start at the Angular <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/support/ignite-ui-angular-help">Support</a> home page</li>
-            <li>Read the Angular <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/general/getting-started">Documentation</a> and experiment with Angular Samples</li>
-            <li>Read the<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/community/blogs/tags/Ignite UI for Angular"> Angular Blogs</a> to stay up to date</li>
+            <li>Read the Angular <a class="no-external-icon" href="/general/getting-started">Documentation</a> and experiment with Angular Samples</li>
+            <li>Read the<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/blogs/category/angular/"> Angular Blogs</a> to stay up to date</li>
             <li>Submit a <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/products/ignite-ui-angular/grid-table"> Support Case</a></li>
             <li>Learn from the Angular <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/resources/sample-applications">Reference Applications</a></li>
         </ul>

docs/xplat/src/content/en/components/grids/grids-header.mdx

@@ -307,7 +307,7 @@ There are multiple options to get access to our award-winning support at Infragi
 
 - Start at the {Platform} <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/support/ignite-ui-angular-help">Support</a> home page
 - Read the {Platform} [Documentation](../general-getting-started.md) and experiment with {Platform} Samples
-- Read the<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/community/blogs/tags/Ignite%2bUI%2bfor%2b{Platform}"> {Platform} Blogs</a> to stay up to date
+- Read the<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/blogs/category/{PlatformLower}/"> {Platform} Blogs</a> to stay up to date
 - Submit a <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/products/ignite-ui-angular/grid-table"> Support Case</a>
 - Learn from the {Platform} <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/resources/sample-applications">Reference Applications</a>
 

docs/xplat/src/content/en/components/grids/grids.mdx

@@ -973,7 +973,7 @@ There are multiple options to get access to our award-winning support at Infragi
         <ul>
             <li>Start at the {Platform} <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/support/{ProductSpinal}-help">Support</a> home page</li>
             <li>Read the {Platform} [Documentation](..\general-getting-started.md) and experiment with {Platform} Samples</li>
-            <li>Read the<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/community/blogs/tags/Ignite%2bUI%2bfor%2b{Platform}"> {Platform} Blogs</a> to stay up to date</li>
+            <li>Read the<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/blogs/category/{PlatformLower}/"> {Platform} Blogs</a> to stay up to date</li>
             <li>Submit a <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/my-account/support-activity"> Support Case</a> after signing into your account</li>
             <li>Learn from the {Platform} <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/resources/sample-applications">Reference Applications</a></li>
         </ul>

docs/xplat/src/content/en/components/layouts/dock-manager.mdx

@@ -681,7 +681,7 @@ Contents and panes can be added to the <ApiLink type="DockManager" member="layou
 
 ### Events
 
-The Dock Manager component raises events when specific end-user interactions are performed for example closing, pinning, resizing and dragging a pane. You can find the full list of Dock Manager events in this [topic]({environment:infragisticsBaseUrl}/products/ignite-ui/dock-manager/docs/typescript/latest/interfaces/igcdockmanagereventmap.html).
+The Dock Manager component raises events when specific end-user interactions are performed for example closing, pinning, resizing and dragging a pane. You can find the full list of Dock Manager events in the <ApiLink type="DockManagerEventMap" /> interface.
 
 
 </PlatformBlock>
@@ -1039,7 +1039,7 @@ The Dock Manager comes with a light and a dark theme. The light theme is the def
 
 ## Localization
 
-The Dock Manager lets you localize the strings used in context menus, tooltips, and ARIA attributes. By default, it reads the [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang) attribute from the root `<html>` element to determine which language to use. If the [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang) attribute is missing or set to an unsupported value, the Dock Manager uses [English (en)]({environment:infragisticsBaseUrl}/products/ignite-ui/dock-manager/docs/typescript/latest/index.html#IgcDockManagerResourceStringsEN).
+The Dock Manager lets you localize the strings used in context menus, tooltips, and ARIA attributes. By default, it reads the [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang) attribute from the root `<html>` element to determine which language to use. If the [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang) attribute is missing or set to an unsupported value, the Dock Manager uses <ApiLink type="DockManagerResourceStringsEN" kind="variable" label="English (en)" />.
 
 <PlatformBlock for="WebComponents">
 Ready-to-use Dock Manager resource strings for Spanish (`es`), Japanese (`ja`), and Korean (`ko`) are provided via the `igniteui-i18n-resources` peer dependency. To use one of these languages, install `igniteui-i18n-resources` and register the corresponding bundle with `igniteui-i18n-core`:
@@ -1051,7 +1051,7 @@ import { DockManagerResourceStringsES } from 'igniteui-i18n-resources';
 registerI18n(DockManagerResourceStringsES, 'es');
 ```
 
-If you need to support a different language, use the [addResourceStrings]({environment:infragisticsBaseUrl}/products/ignite-ui/dock-manager/docs/typescript/latest/index.html#addResourceStrings) method to provide your own translated strings:
+If you need to support a different language, use the <ApiLink type="addResourceStrings" kind="function" prefixed={false} /> method to provide your own translated strings:
 
 ```ts
 import { addResourceStrings } from 'igniteui-dockmanager';

docs/xplat/src/content/jp/components/grids/grids-header.mdx

@@ -531,7 +531,7 @@ Infragistics の {Platform} 製品の受賞歴のあるサポートにアクセ
 
 - <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/support/ignite-ui-angular-help">{Platform} サポート ホーム ページをご覧ください。</a>
 - {Platform} [ドキュメント](../general-getting-started.md)を読み、{Platform} サンプルを試してください。
-- 最新の情報は、<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/community/blogs/tags/Ignite%2bUI%2bfor%2b{Platform}">{Platform} ブログをご覧ください。</a>
+- 最新の情報は、<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/blogs/category/{PlatformLower}/">{Platform} ブログをご覧ください。</a>
 - <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/products/ignite-ui-angular/grid-table">サポート ケースの送信</a>
 - {Platform} <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/resources/sample-applications">参照アプリケーションを試してください。</a>
 

docs/xplat/src/content/jp/components/grids/grids.mdx

@@ -972,7 +972,7 @@ Infragistics の {Platform} 製品の受賞歴のあるサポートにアクセ
         <ul>
             <li><a class="no-external-icon" href="{environment:infragisticsBaseUrl}/support/{ProductSpinal}-help">{Platform} サポート ホーム ページ</a>をご覧ください。</li>
             <li>{Platform} [ドキュメント](..\general-getting-started.md)を読み、{Platform} サンプルを試してください。</li>
-            <li>最新の情報は、<a class="no-external-icon" href="http://infragistics.com/community/blogs/tags/Ignite%2bUI%2bfor%2b{Platform}">{Platform} ブログをご覧ください。</a> </li>
+            <li>最新の情報は、<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/blogs/category/{PlatformLower}/">{Platform} ブログをご覧ください。</a> </li>
             <li>アカウントにサインインした後、<a class="no-external-icon" href="{environment:infragisticsBaseUrl}/my-account/support-activity">サポート ケースを送信します。</a> </li>
             <li>{Platform} <a class="no-external-icon" href="{environment:infragisticsBaseUrl}/resources/sample-applications">参照アプリケーションをお試しください。</a></li>
         </ul>

docs/xplat/src/content/jp/components/layouts/dock-manager.mdx

@@ -692,7 +692,7 @@ this.dockManager.addEventListener('paneClose', ev => console.log(ev.detail));
 
 ## イベント
 
-ドック マネージャー コンポーネントは、ペインを閉じる、ピン固定、サイズ変更、ドラッグするなど、特定のエンドユーザーの操作が実行されるとイベントを発生させます。ドック マネージャーのイベントの完全なリストは、[こちら]({environment:infragisticsBaseUrl}/products/ignite-ui/dock-manager/docs/typescript/latest/interfaces/igcdockmanagereventmap.html)です。
+ドック マネージャー コンポーネントは、ペインを閉じる、ピン固定、サイズ変更、ドラッグするなど、特定のエンドユーザーの操作が実行されるとイベントを発生させます。ドック マネージャーのイベントの完全なリストは、<ApiLink type="DockManagerEventMap" /> インターフェースをご覧ください。
 
 
  `PaneClose` イベントのイベント リスナーを追加する方法は以下の通りです。
@@ -982,7 +982,7 @@ igc-dockmanager::part(content-pane) {
 
 ## ローカライズ
 
-ドック マネージャーは、コンテキスト メニュー、ツールチップ、および ARIA 属性で使用される文字列のローカライズをサポートします。デフォルトでは、ルートの `<html>` 要素の [lang](https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/lang) 属性を読み取って使用する言語を決定します。[lang](https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/lang) 属性が設定されていないか、サポートされていない値に設定されている場合、ドック マネージャーは [英語 (en)]({environment:infragisticsBaseUrl}/products/ignite-ui/dock-manager/docs/typescript/latest/index.html#IgcDockManagerResourceStringsEN) を使用します。
+ドック マネージャーは、コンテキスト メニュー、ツールチップ、および ARIA 属性で使用される文字列のローカライズをサポートします。デフォルトでは、ルートの `<html>` 要素の [lang](https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/lang) 属性を読み取って使用する言語を決定します。[lang](https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/lang) 属性が設定されていないか、サポートされていない値に設定されている場合、ドック マネージャーは <ApiLink type="DockManagerResourceStringsEN" kind="variable" label="英語 (en)" /> を使用します。
 
 <PlatformBlock for="WebComponents">
 スペイン語 (`es`)、日本語 (`ja`)、韓国語 (`ko`) の既製のドック マネージャー リソース文字列は、`igniteui-i18n-resources` ピア依存関係を通じて提供されます。これらの言語のいずれかを使用するには、`igniteui-i18n-resources` をインストールし、対応するバンドルを `igniteui-i18n-core` に登録します:
@@ -994,7 +994,7 @@ import { DockManagerResourceStringsES } from 'igniteui-i18n-resources';
 registerI18n(DockManagerResourceStringsES, 'es');
 ```
 
-別の言語をサポートする必要がある場合は、[addResourceStrings]({environment:infragisticsBaseUrl}/products/ignite-ui/dock-manager/docs/typescript/latest/index.html#addResourceStrings) メソッドを使用して独自の翻訳済み文字列を提供します:
+別の言語をサポートする必要がある場合は、<ApiLink type="addResourceStrings" kind="function" prefixed={false} /> メソッドを使用して独自の翻訳済み文字列を提供します:
 
 ```ts
 import { addResourceStrings } from 'igniteui-dockmanager';

src/plugins/remark-env-vars.ts

@@ -105,6 +105,13 @@ export function remarkEnvVars() {
       if (node.type === 'html' && node.value) {
         node.value = replaceEnvVars(node.value);
       }
+      if ((node.type === 'mdxJsxTextElement' || node.type === 'mdxJsxFlowElement') && Array.isArray(node.attributes)) {
+        for (const attr of node.attributes) {
+          if (attr.type === 'mdxJsxAttribute' && typeof attr.value === 'string') {
+            attr.value = replaceEnvVars(attr.value);
+          }
+        }
+      }
     });
   };
 }