From 2f8f181caf7bd3cad819abe5601f976a5c9332cc Mon Sep 17 00:00:00 2001
From: splincode <omaxphp@yandex.ru>
Date: Tue, 21 Nov 2023 15:42:00 +0300
Subject: [PATCH] chore: use lower case for file names

---
 .../src/modules/charts/arc-chart/arc-chart.template.html  | 4 ++--
 projects/demo/src/modules/charts/axes/axes.template.html  | 4 ++--
 .../src/modules/charts/bar-chart/bar-chart.template.html  | 4 ++--
 .../demo/src/modules/charts/bar-set/bar-set.template.html | 4 ++--
 projects/demo/src/modules/charts/bar/bar.template.html    | 4 ++--
 .../modules/charts/legend-item/legend-item.template.html  | 4 ++--
 .../modules/charts/line-chart/line-chart.template.html    | 4 ++--
 .../charts/line-days-chart/line-days-chart.template.html  | 4 ++--
 .../src/modules/charts/pie-chart/pie-chart.template.html  | 4 ++--
 .../modules/charts/ring-chart/ring-chart.template.html    | 4 ++--
 .../modules/components/accordion/accordion.template.html  | 4 ++--
 .../src/modules/components/action/action.template.html    | 4 ++--
 .../src/modules/components/app-bar/app-bar.template.html  | 4 ++--
 .../src/modules/components/avatar/avatar.template.html    | 6 +++---
 .../demo/src/modules/components/badge/badge.template.html | 4 ++--
 .../badged-content/badged-content.template.html           | 4 ++--
 .../components/block-status/block-status.template.html    | 4 ++--
 .../components/breadcrumbs/breadcrumbs.template.html      | 4 ++--
 .../src/modules/components/button/button.template.html    | 6 +++---
 .../calendar-month/calendar-month.template.html           | 4 ++--
 .../calendar-range/calendar-range.template.html           | 2 +-
 .../modules/components/calendar/calendar.template.html    | 4 ++--
 .../modules/components/carousel/carousel.template.html    | 4 ++--
 .../checkbox-block/checkbox-block.template.html           | 6 +++---
 .../checkbox-labeled/checkbox-labeled.template.html       | 6 +++---
 .../modules/components/checkbox/checkbox.template.html    | 8 ++++----
 .../modules/components/combo-box/combo-box.template.html  | 6 +++---
 .../data-list-wrapper/data-list-wrapper.template.html     | 4 ++--
 .../modules/components/data-list/data-list.template.html  | 4 ++--
 .../src/modules/components/dialog/dialog.template.html    | 2 +-
 .../elastic-container/elastic-container.template.html     | 4 ++--
 .../demo/src/modules/components/error/error.template.html | 4 ++--
 .../src/modules/components/expand/expand.template.html    | 4 ++--
 .../src/modules/components/filter/filter.template.html    | 4 ++--
 .../demo/src/modules/components/group/group.template.html | 4 ++--
 .../hosted-dropdown/hosted-dropdown.template.html         | 4 ++--
 .../input-card-grouped/input-card-grouped.template.html   | 4 ++--
 .../components/input-card/input-card.template.html        | 4 ++--
 .../components/input-copy/input-copy.template.html        | 6 +++---
 .../components/input-count/input-count.template.html      | 8 ++++----
 .../input-date-range/input-date-range.template.html       | 6 +++---
 .../input-date-time/input-date-time.template.html         | 6 +++---
 .../components/input-date/input-date.template.html        | 6 +++---
 .../components/input-files/input-files.template.html      | 4 ++--
 .../components/input-inline/input-inline.template.html    | 4 ++--
 .../input-month-range/input-month-range.template.html     | 6 +++---
 .../components/input-month/input-month.template.html      | 6 +++---
 .../components/input-number/input-number.template.html    | 6 +++---
 .../input-password/input-password.template.html           | 8 ++++----
 .../input-phone-international.template.html               | 6 +++---
 .../components/input-phone/input-phone.template.html      | 6 +++---
 .../components/input-range/input-range.template.html      | 4 ++--
 .../components/input-slider/input-slider.template.html    | 4 ++--
 .../modules/components/input-tag/input-tag.template.html  | 4 ++--
 .../components/input-time/input-time.template.html        | 8 ++++----
 .../components/input-year/input-year.template.html        | 6 +++---
 .../demo/src/modules/components/input/input.template.html | 6 +++---
 .../src/modules/components/island/island.template.html    | 4 ++--
 .../items-with-more/items-with-more.template.html         | 4 ++--
 .../demo/src/modules/components/label/label.template.html | 4 ++--
 .../components/line-clamp/line-clamp.template.html        | 4 ++--
 .../demo/src/modules/components/link/link.template.html   | 4 ++--
 .../src/modules/components/loader/loader.template.html    | 6 +++---
 .../mobile-calendar/mobile-calendar.template.html         | 6 +++---
 .../components/mobile-dialog/mobile-dialog.template.html  | 4 ++--
 .../demo/src/modules/components/money/money.template.html | 4 ++--
 .../components/multi-select/multi-select.template.html    | 6 +++---
 .../components/notification/notification.template.html    | 4 ++--
 .../components/pagination/pagination.template.html        | 4 ++--
 .../components/pdf-viewer/pdf-viewer.template.html        | 2 +-
 .../primitive-checkbox/primitive-checkbox.template.html   | 6 +++---
 .../primitive-textfield/primitive-textfield.template.html | 4 ++--
 .../components/progress-bar/progress-bar.component.html   | 4 ++--
 .../progress-circle/progress-circle.template.html         | 4 ++--
 .../progress-segmented/progress-segmented.template.html   | 4 ++--
 .../src/modules/components/prompt/prompt.template.html    | 4 ++--
 .../pull-to-refresh/pull-to-refresh.template.html         | 4 ++--
 .../components/radio-block/radio-block.template.html      | 6 +++---
 .../components/radio-labeled/radio-labeled.template.html  | 6 +++---
 .../components/radio-list/radio-list.template.html        | 6 +++---
 .../demo/src/modules/components/radio/radio.template.html | 8 ++++----
 .../demo/src/modules/components/range/range.template.html | 6 +++---
 .../src/modules/components/rating/rating.template.html    | 6 +++---
 .../modules/components/scrollbar/scrollbar.template.html  | 4 ++--
 .../src/modules/components/select/select.template.html    | 6 +++---
 .../components/sheet-dialog/sheet-dialog.template.html    | 4 ++--
 .../demo/src/modules/components/sheet/sheet.template.html | 4 ++--
 .../src/modules/components/slider/slider.component.html   | 6 +++---
 .../src/modules/components/stepper/stepper.template.html  | 4 ++--
 .../src/modules/components/tab-bar/tab-bar.template.html  | 4 ++--
 .../demo/src/modules/components/tabs/tabs.template.html   | 4 ++--
 .../demo/src/modules/components/tag/tag.template.html     | 6 +++---
 .../modules/components/textarea/textarea.template.html    | 6 +++---
 .../thumbnail-card/thumbnail-card.template.html           | 4 ++--
 .../demo/src/modules/components/tiles/tiles.template.html | 4 ++--
 .../src/modules/components/toggle/toggle.template.html    | 8 ++++----
 .../src/modules/components/tooltip/tooltip.template.html  | 4 ++--
 .../demo/src/modules/components/tree/tree.template.html   | 4 ++--
 .../modules/customization/portals/portals.template.html   | 2 +-
 .../directives/active-zone/active-zone.template.html      | 6 +++---
 .../copy-processor/copy-processor.template.html           | 4 ++--
 .../dropdown-context/dropdown-context.component.html      | 4 ++--
 .../dropdown-hover/dropdown-hover.template.html           | 4 ++--
 .../dropdown-selection/dropdown-selection.template.html   | 4 ++--
 .../modules/directives/dropdown/dropdown.template.html    | 4 ++--
 .../elastic-sticky/elastic-sticky.template.html           | 6 +++---
 .../src/modules/directives/element/element.template.html  | 4 ++--
 .../demo/src/modules/directives/for/for.template.html     | 4 ++--
 .../modules/directives/highlight/highlight.template.html  | 4 ++--
 .../directives/hint-describe/hint-describe.template.html  | 4 ++--
 .../directives/hint-manual/hint-manual.template.html      | 4 ++--
 .../directives/hint-pointer/hint-pointer.template.html    | 4 ++--
 .../demo/src/modules/directives/hint/hint.template.html   | 4 ++--
 .../hovered-change/hovered-change.template.html           | 4 ++--
 .../directives/lazy-loading/lazy-loading.template.html    | 4 ++--
 .../demo/src/modules/directives/let/let.template.html     | 4 ++--
 .../demo/src/modules/directives/media/media.template.html | 4 ++--
 .../demo/src/modules/directives/mode/mode.template.html   | 4 ++--
 .../directives/overscroll/overscroll.template.html        | 4 ++--
 .../demo/src/modules/directives/pan/pan.template.html     | 4 ++--
 .../src/modules/directives/portal/portal.template.html    | 4 ++--
 .../src/modules/directives/present/present.template.html  | 4 ++--
 .../src/modules/directives/resizer/resizer.template.html  | 4 ++--
 .../src/modules/directives/ripple/ripple.template.html    | 4 ++--
 .../src/modules/directives/sidebar/sidebar.template.html  | 6 +++---
 .../demo/src/modules/directives/swipe/swipe.template.html | 4 ++--
 .../textfield-controller.template.html                    | 4 ++--
 .../modules/directives/touchable/touchable.template.html  | 4 ++--
 .../modules/directives/validator/validator.template.html  | 4 ++--
 .../directives/value-changes/value-changes.template.html  | 4 ++--
 .../demo/src/modules/directives/zoom/zoom.template.html   | 6 +++---
 .../src/modules/experimental/amount/amount.template.html  | 4 ++--
 .../experimental/appearance/appearance.template.html      | 4 ++--
 .../src/modules/experimental/avatar/avatar.template.html  | 4 ++--
 .../badge-notification/badge-notification.template.html   | 4 ++--
 .../src/modules/experimental/badge/badge.template.html    | 4 ++--
 .../badged-content/badged-content.template.html           | 4 ++--
 .../button-vertical/button-vertical.template.html         | 4 ++--
 .../src/modules/experimental/button/button.template.html  | 4 ++--
 .../demo/src/modules/experimental/cell/cell.template.html | 4 ++--
 .../modules/experimental/checkbox/checkbox.template.html  | 4 ++--
 .../demo/src/modules/experimental/fade/fade.template.html | 4 ++--
 .../demo/src/modules/experimental/icon/icon.template.html | 4 ++--
 .../progress-segmented/progress-segmented.template.html   | 4 ++--
 .../src/modules/experimental/radio/radio.template.html    | 4 ++--
 .../experimental/sensitive/sensitive.template.html        | 4 ++--
 .../modules/experimental/surface/surface.template.html    | 4 ++--
 .../thumbnail-card/thumbnail-card.template.html           | 4 ++--
 .../src/modules/experimental/title/title.template.html    | 4 ++--
 .../src/modules/experimental/toggle/toggle.template.html  | 4 ++--
 .../modules/icons/marker-icon/marker-icon.template.html   | 4 ++--
 .../src/modules/pipes/currency/currency.template.html     | 4 ++--
 .../modules/pipes/field-error/field-error.template.html   | 4 ++--
 .../pipes/filter-by-input/filter-by-input.template.html   | 4 ++--
 .../demo/src/modules/pipes/filter/filter.template.html    | 4 ++--
 projects/demo/src/modules/pipes/flag/flag.template.html   | 4 ++--
 .../modules/pipes/format-date/format-date.template.html   | 6 +++---
 .../pipes/format-number/format-number.template.html       | 4 ++--
 .../modules/pipes/format-phone/format-phone.template.html | 4 ++--
 .../src/modules/pipes/is-present/is-present.template.html | 4 ++--
 .../demo/src/modules/pipes/mapper/mapper.template.html    | 4 ++--
 .../stringify-content/stringify-content.template.html     | 4 ++--
 .../src/modules/pipes/stringify/stringify.template.html   | 4 ++--
 .../demo/src/modules/services/alerts/alerts.template.html | 4 ++--
 .../src/modules/services/destroy/destroy.template.html    | 4 ++--
 .../demo/src/modules/services/scroll/scroll.template.html | 4 ++--
 .../modules/services/table-bar/table-bar.template.html    | 4 ++--
 .../demo/src/modules/tables/reorder/reorder.template.html | 4 ++--
 .../tables/table-filters/table-filters.template.html      | 4 ++--
 .../table-pagination/table-pagination.template.html       | 4 ++--
 .../demo/src/modules/tables/table/table.template.html     | 4 ++--
 .../demo/src/modules/utils/browser/browser.template.html  | 2 +-
 projects/demo/src/modules/utils/dom/dom.template.html     | 2 +-
 .../demo/src/modules/utils/format/format.template.html    | 2 +-
 projects/demo/src/modules/utils/math/math.template.html   | 2 +-
 .../utils/miscellaneous/miscellaneous.template.html       | 2 +-
 176 files changed, 389 insertions(+), 389 deletions(-)

diff --git a/projects/demo/src/modules/charts/arc-chart/arc-chart.template.html b/projects/demo/src/modules/charts/arc-chart/arc-chart.template.html
index ad71b0751a37..6082c2a527ae 100644
--- a/projects/demo/src/modules/charts/arc-chart/arc-chart.template.html
+++ b/projects/demo/src/modules/charts/arc-chart/arc-chart.template.html
@@ -98,7 +98,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -107,7 +107,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/charts/axes/axes.template.html b/projects/demo/src/modules/charts/axes/axes.template.html
index 82b17db6e048..92527d5efa6e 100644
--- a/projects/demo/src/modules/charts/axes/axes.template.html
+++ b/projects/demo/src/modules/charts/axes/axes.template.html
@@ -182,7 +182,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -191,7 +191,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/charts/bar-chart/bar-chart.template.html b/projects/demo/src/modules/charts/bar-chart/bar-chart.template.html
index 25e93235df16..8fe11f6ee156 100644
--- a/projects/demo/src/modules/charts/bar-chart/bar-chart.template.html
+++ b/projects/demo/src/modules/charts/bar-chart/bar-chart.template.html
@@ -103,7 +103,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -112,7 +112,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/charts/bar-set/bar-set.template.html b/projects/demo/src/modules/charts/bar-set/bar-set.template.html
index 11130b19fbf0..e171e7edcd63 100644
--- a/projects/demo/src/modules/charts/bar-set/bar-set.template.html
+++ b/projects/demo/src/modules/charts/bar-set/bar-set.template.html
@@ -99,7 +99,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -108,7 +108,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/charts/bar/bar.template.html b/projects/demo/src/modules/charts/bar/bar.template.html
index eefbfabd142c..68acaabb0f16 100644
--- a/projects/demo/src/modules/charts/bar/bar.template.html
+++ b/projects/demo/src/modules/charts/bar/bar.template.html
@@ -63,7 +63,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -72,7 +72,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/charts/legend-item/legend-item.template.html b/projects/demo/src/modules/charts/legend-item/legend-item.template.html
index 931ecaa3d3df..3145c40a7634 100644
--- a/projects/demo/src/modules/charts/legend-item/legend-item.template.html
+++ b/projects/demo/src/modules/charts/legend-item/legend-item.template.html
@@ -98,7 +98,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -107,7 +107,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/charts/line-chart/line-chart.template.html b/projects/demo/src/modules/charts/line-chart/line-chart.template.html
index baf9017e3393..ccb0b60c8858 100644
--- a/projects/demo/src/modules/charts/line-chart/line-chart.template.html
+++ b/projects/demo/src/modules/charts/line-chart/line-chart.template.html
@@ -172,7 +172,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -181,7 +181,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/charts/line-days-chart/line-days-chart.template.html b/projects/demo/src/modules/charts/line-days-chart/line-days-chart.template.html
index 67cc54c50819..26fbee9a45d7 100644
--- a/projects/demo/src/modules/charts/line-days-chart/line-days-chart.template.html
+++ b/projects/demo/src/modules/charts/line-days-chart/line-days-chart.template.html
@@ -129,7 +129,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -138,7 +138,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/charts/pie-chart/pie-chart.template.html b/projects/demo/src/modules/charts/pie-chart/pie-chart.template.html
index 8270b6d6614a..d221475f17f7 100644
--- a/projects/demo/src/modules/charts/pie-chart/pie-chart.template.html
+++ b/projects/demo/src/modules/charts/pie-chart/pie-chart.template.html
@@ -82,7 +82,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -91,7 +91,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/charts/ring-chart/ring-chart.template.html b/projects/demo/src/modules/charts/ring-chart/ring-chart.template.html
index 2c2b902112be..453da8069835 100644
--- a/projects/demo/src/modules/charts/ring-chart/ring-chart.template.html
+++ b/projects/demo/src/modules/charts/ring-chart/ring-chart.template.html
@@ -71,7 +71,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -80,7 +80,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/accordion/accordion.template.html b/projects/demo/src/modules/components/accordion/accordion.template.html
index b9af34a14dd1..0f0d398a23f1 100644
--- a/projects/demo/src/modules/components/accordion/accordion.template.html
+++ b/projects/demo/src/modules/components/accordion/accordion.template.html
@@ -206,7 +206,7 @@
                 into a module where you want to use our component
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -215,7 +215,7 @@
                 Add it into template:
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/action/action.template.html b/projects/demo/src/modules/components/action/action.template.html
index 19fbed252843..42d599c828ef 100644
--- a/projects/demo/src/modules/components/action/action.template.html
+++ b/projects/demo/src/modules/components/action/action.template.html
@@ -116,7 +116,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -125,7 +125,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/app-bar/app-bar.template.html b/projects/demo/src/modules/components/app-bar/app-bar.template.html
index b74011d8acab..c87157c95c41 100644
--- a/projects/demo/src/modules/components/app-bar/app-bar.template.html
+++ b/projects/demo/src/modules/components/app-bar/app-bar.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/avatar/avatar.template.html b/projects/demo/src/modules/components/avatar/avatar.template.html
index 1a44e722d11a..767f7fcfdff9 100644
--- a/projects/demo/src/modules/components/avatar/avatar.template.html
+++ b/projects/demo/src/modules/components/avatar/avatar.template.html
@@ -174,7 +174,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -183,7 +183,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -196,7 +196,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/badge/badge.template.html b/projects/demo/src/modules/components/badge/badge.template.html
index f7a8c8a52a5e..11dc763acd3b 100644
--- a/projects/demo/src/modules/components/badge/badge.template.html
+++ b/projects/demo/src/modules/components/badge/badge.template.html
@@ -124,7 +124,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -133,7 +133,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/badged-content/badged-content.template.html b/projects/demo/src/modules/components/badged-content/badged-content.template.html
index 6232820a61b6..22f3ec262607 100644
--- a/projects/demo/src/modules/components/badged-content/badged-content.template.html
+++ b/projects/demo/src/modules/components/badged-content/badged-content.template.html
@@ -127,7 +127,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -136,7 +136,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/block-status/block-status.template.html b/projects/demo/src/modules/components/block-status/block-status.template.html
index ffbca112f1f8..a3b999dcc612 100644
--- a/projects/demo/src/modules/components/block-status/block-status.template.html
+++ b/projects/demo/src/modules/components/block-status/block-status.template.html
@@ -83,7 +83,7 @@ <h4>Title</h4>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -92,7 +92,7 @@ <h4>Title</h4>
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/breadcrumbs/breadcrumbs.template.html b/projects/demo/src/modules/components/breadcrumbs/breadcrumbs.template.html
index 799be5a43c97..ee084e7fe2e0 100644
--- a/projects/demo/src/modules/components/breadcrumbs/breadcrumbs.template.html
+++ b/projects/demo/src/modules/components/breadcrumbs/breadcrumbs.template.html
@@ -61,7 +61,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -70,7 +70,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/button/button.template.html b/projects/demo/src/modules/components/button/button.template.html
index f6edb2af428b..43594ded5252 100644
--- a/projects/demo/src/modules/components/button/button.template.html
+++ b/projects/demo/src/modules/components/button/button.template.html
@@ -211,7 +211,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -220,7 +220,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -233,7 +233,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/calendar-month/calendar-month.template.html b/projects/demo/src/modules/components/calendar-month/calendar-month.template.html
index 8a5fd9d0fa69..923a0ee9deab 100644
--- a/projects/demo/src/modules/components/calendar-month/calendar-month.template.html
+++ b/projects/demo/src/modules/components/calendar-month/calendar-month.template.html
@@ -110,7 +110,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -119,7 +119,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/calendar-range/calendar-range.template.html b/projects/demo/src/modules/components/calendar-range/calendar-range.template.html
index 066842eb3aac..c9a6fa8ce6f3 100644
--- a/projects/demo/src/modules/components/calendar-range/calendar-range.template.html
+++ b/projects/demo/src/modules/components/calendar-range/calendar-range.template.html
@@ -161,7 +161,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/calendar/calendar.template.html b/projects/demo/src/modules/components/calendar/calendar.template.html
index 951ba52c12ee..950c67355d31 100644
--- a/projects/demo/src/modules/components/calendar/calendar.template.html
+++ b/projects/demo/src/modules/components/calendar/calendar.template.html
@@ -215,7 +215,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -224,7 +224,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/carousel/carousel.template.html b/projects/demo/src/modules/components/carousel/carousel.template.html
index 5a54eb9aa84e..1b3461954095 100644
--- a/projects/demo/src/modules/components/carousel/carousel.template.html
+++ b/projects/demo/src/modules/components/carousel/carousel.template.html
@@ -154,7 +154,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -163,7 +163,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html b/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html
index 61bac36c52c7..976341360341 100644
--- a/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html
+++ b/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html
@@ -140,7 +140,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -155,7 +155,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -164,7 +164,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/checkbox-labeled/checkbox-labeled.template.html b/projects/demo/src/modules/components/checkbox-labeled/checkbox-labeled.template.html
index 92d6685fed4f..369bda611afe 100644
--- a/projects/demo/src/modules/components/checkbox-labeled/checkbox-labeled.template.html
+++ b/projects/demo/src/modules/components/checkbox-labeled/checkbox-labeled.template.html
@@ -116,7 +116,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -131,7 +131,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -140,7 +140,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/checkbox/checkbox.template.html b/projects/demo/src/modules/components/checkbox/checkbox.template.html
index 4c1bfb81f1ff..aa13e3f275f7 100644
--- a/projects/demo/src/modules/components/checkbox/checkbox.template.html
+++ b/projects/demo/src/modules/components/checkbox/checkbox.template.html
@@ -117,7 +117,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -130,7 +130,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
@@ -145,7 +145,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -154,7 +154,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/combo-box/combo-box.template.html b/projects/demo/src/modules/components/combo-box/combo-box.template.html
index ee4ebe7997af..77bbb6ef3c6f 100644
--- a/projects/demo/src/modules/components/combo-box/combo-box.template.html
+++ b/projects/demo/src/modules/components/combo-box/combo-box.template.html
@@ -267,7 +267,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
 
@@ -288,7 +288,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -297,7 +297,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/data-list-wrapper/data-list-wrapper.template.html b/projects/demo/src/modules/components/data-list-wrapper/data-list-wrapper.template.html
index fe635948cb84..b9c84031d264 100644
--- a/projects/demo/src/modules/components/data-list-wrapper/data-list-wrapper.template.html
+++ b/projects/demo/src/modules/components/data-list-wrapper/data-list-wrapper.template.html
@@ -97,7 +97,7 @@ <h2>DataListWrapper</h2>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -106,7 +106,7 @@ <h2>DataListWrapper</h2>
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/data-list/data-list.template.html b/projects/demo/src/modules/components/data-list/data-list.template.html
index 880b3fd83d86..5b58ef2edcbc 100644
--- a/projects/demo/src/modules/components/data-list/data-list.template.html
+++ b/projects/demo/src/modules/components/data-list/data-list.template.html
@@ -148,7 +148,7 @@ <h2>Option</h2>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -157,7 +157,7 @@ <h2>Option</h2>
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/dialog/dialog.template.html b/projects/demo/src/modules/components/dialog/dialog.template.html
index 55a1ec4f6b59..5bc8496d091d 100644
--- a/projects/demo/src/modules/components/dialog/dialog.template.html
+++ b/projects/demo/src/modules/components/dialog/dialog.template.html
@@ -322,7 +322,7 @@ <h2 *ngIf="size === 'xl'">Template can be customized</h2>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleServiceUsage"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/elastic-container/elastic-container.template.html b/projects/demo/src/modules/components/elastic-container/elastic-container.template.html
index 7f07f71481b9..c02069142cd8 100644
--- a/projects/demo/src/modules/components/elastic-container/elastic-container.template.html
+++ b/projects/demo/src/modules/components/elastic-container/elastic-container.template.html
@@ -49,7 +49,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -58,7 +58,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/error/error.template.html b/projects/demo/src/modules/components/error/error.template.html
index 211f1d0f192d..7d10da25dea6 100644
--- a/projects/demo/src/modules/components/error/error.template.html
+++ b/projects/demo/src/modules/components/error/error.template.html
@@ -62,7 +62,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -71,7 +71,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/expand/expand.template.html b/projects/demo/src/modules/components/expand/expand.template.html
index e4268833a609..464b837b02be 100644
--- a/projects/demo/src/modules/components/expand/expand.template.html
+++ b/projects/demo/src/modules/components/expand/expand.template.html
@@ -80,7 +80,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -89,7 +89,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/filter/filter.template.html b/projects/demo/src/modules/components/filter/filter.template.html
index 8dc15fa0f193..cfdc45125298 100644
--- a/projects/demo/src/modules/components/filter/filter.template.html
+++ b/projects/demo/src/modules/components/filter/filter.template.html
@@ -137,7 +137,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -146,7 +146,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/group/group.template.html b/projects/demo/src/modules/components/group/group.template.html
index 08898b09de13..c30644ace84d 100644
--- a/projects/demo/src/modules/components/group/group.template.html
+++ b/projects/demo/src/modules/components/group/group.template.html
@@ -173,7 +173,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -182,7 +182,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/hosted-dropdown/hosted-dropdown.template.html b/projects/demo/src/modules/components/hosted-dropdown/hosted-dropdown.template.html
index d0688fb71af0..b30418369daa 100644
--- a/projects/demo/src/modules/components/hosted-dropdown/hosted-dropdown.template.html
+++ b/projects/demo/src/modules/components/hosted-dropdown/hosted-dropdown.template.html
@@ -160,7 +160,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -169,7 +169,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html b/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html
index db2235e6b8d3..1abe9054dc51 100644
--- a/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html
+++ b/projects/demo/src/modules/components/input-card-grouped/input-card-grouped.template.html
@@ -151,7 +151,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -160,7 +160,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-card/input-card.template.html b/projects/demo/src/modules/components/input-card/input-card.template.html
index 14248973f98d..3d36c27897f7 100644
--- a/projects/demo/src/modules/components/input-card/input-card.template.html
+++ b/projects/demo/src/modules/components/input-card/input-card.template.html
@@ -221,7 +221,7 @@
                 modules into the module where you want to use them:
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -230,7 +230,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-copy/input-copy.template.html b/projects/demo/src/modules/components/input-copy/input-copy.template.html
index 38c4f92d6feb..9a7614f92b16 100644
--- a/projects/demo/src/modules/components/input-copy/input-copy.template.html
+++ b/projects/demo/src/modules/components/input-copy/input-copy.template.html
@@ -111,7 +111,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -126,7 +126,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -135,7 +135,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-count/input-count.template.html b/projects/demo/src/modules/components/input-count/input-count.template.html
index fcabf7ffef68..1c1b24f82e7e 100644
--- a/projects/demo/src/modules/components/input-count/input-count.template.html
+++ b/projects/demo/src/modules/components/input-count/input-count.template.html
@@ -193,7 +193,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -208,7 +208,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -217,7 +217,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -230,7 +230,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-date-range/input-date-range.template.html b/projects/demo/src/modules/components/input-date-range/input-date-range.template.html
index 38c4d035004b..2ce353f6786b 100644
--- a/projects/demo/src/modules/components/input-date-range/input-date-range.template.html
+++ b/projects/demo/src/modules/components/input-date-range/input-date-range.template.html
@@ -288,7 +288,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -303,7 +303,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -314,7 +314,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 in template:
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-date-time/input-date-time.template.html b/projects/demo/src/modules/components/input-date-time/input-date-time.template.html
index 2533f385d958..bb2093ec1599 100644
--- a/projects/demo/src/modules/components/input-date-time/input-date-time.template.html
+++ b/projects/demo/src/modules/components/input-date-time/input-date-time.template.html
@@ -220,7 +220,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -235,7 +235,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -244,7 +244,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 Use in template:
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-date/input-date.template.html b/projects/demo/src/modules/components/input-date/input-date.template.html
index 3caa7b6cb866..7839731eb7a3 100644
--- a/projects/demo/src/modules/components/input-date/input-date.template.html
+++ b/projects/demo/src/modules/components/input-date/input-date.template.html
@@ -256,7 +256,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -271,7 +271,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -282,7 +282,7 @@ <h3>DI-tokens for input-configurations:</h3>
                 in template:
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-files/input-files.template.html b/projects/demo/src/modules/components/input-files/input-files.template.html
index 479c627e6c21..6bedbcbe1da8 100644
--- a/projects/demo/src/modules/components/input-files/input-files.template.html
+++ b/projects/demo/src/modules/components/input-files/input-files.template.html
@@ -282,7 +282,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -291,7 +291,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-inline/input-inline.template.html b/projects/demo/src/modules/components/input-inline/input-inline.template.html
index c8e0c7a416ec..c283cf30b909 100644
--- a/projects/demo/src/modules/components/input-inline/input-inline.template.html
+++ b/projects/demo/src/modules/components/input-inline/input-inline.template.html
@@ -87,7 +87,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -96,7 +96,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-month-range/input-month-range.template.html b/projects/demo/src/modules/components/input-month-range/input-month-range.template.html
index 0d4969039403..11b8609357aa 100644
--- a/projects/demo/src/modules/components/input-month-range/input-month-range.template.html
+++ b/projects/demo/src/modules/components/input-month-range/input-month-range.template.html
@@ -129,7 +129,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -144,7 +144,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -155,7 +155,7 @@
                 in template:
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-month/input-month.template.html b/projects/demo/src/modules/components/input-month/input-month.template.html
index 77652d1d9e27..04d448d4bf29 100644
--- a/projects/demo/src/modules/components/input-month/input-month.template.html
+++ b/projects/demo/src/modules/components/input-month/input-month.template.html
@@ -126,7 +126,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -141,7 +141,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -154,7 +154,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-number/input-number.template.html b/projects/demo/src/modules/components/input-number/input-number.template.html
index bb6c1f18900e..5a4b8147dc12 100644
--- a/projects/demo/src/modules/components/input-number/input-number.template.html
+++ b/projects/demo/src/modules/components/input-number/input-number.template.html
@@ -286,7 +286,7 @@ <h3>There are also other components to input numbers:</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -301,7 +301,7 @@ <h3>There are also other components to input numbers:</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -310,7 +310,7 @@ <h3>There are also other components to input numbers:</h3>
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-password/input-password.template.html b/projects/demo/src/modules/components/input-password/input-password.template.html
index 7120bd16358f..4f7f7dfef3b3 100644
--- a/projects/demo/src/modules/components/input-password/input-password.template.html
+++ b/projects/demo/src/modules/components/input-password/input-password.template.html
@@ -85,7 +85,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -100,7 +100,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -109,7 +109,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -122,7 +122,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-phone-international/input-phone-international.template.html b/projects/demo/src/modules/components/input-phone-international/input-phone-international.template.html
index c1c557c2eed1..7533fb6279e5 100644
--- a/projects/demo/src/modules/components/input-phone-international/input-phone-international.template.html
+++ b/projects/demo/src/modules/components/input-phone-international/input-phone-international.template.html
@@ -102,7 +102,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -117,7 +117,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -126,7 +126,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-phone/input-phone.template.html b/projects/demo/src/modules/components/input-phone/input-phone.template.html
index 03a846ac6642..f019c99859cf 100644
--- a/projects/demo/src/modules/components/input-phone/input-phone.template.html
+++ b/projects/demo/src/modules/components/input-phone/input-phone.template.html
@@ -143,7 +143,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -158,7 +158,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -167,7 +167,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-range/input-range.template.html b/projects/demo/src/modules/components/input-range/input-range.template.html
index 30eaf5de9c35..03a5c2586ed9 100644
--- a/projects/demo/src/modules/components/input-range/input-range.template.html
+++ b/projects/demo/src/modules/components/input-range/input-range.template.html
@@ -295,7 +295,7 @@ <h6 class="tui-text_h6">
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -304,7 +304,7 @@ <h6 class="tui-text_h6">
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-slider/input-slider.template.html b/projects/demo/src/modules/components/input-slider/input-slider.template.html
index 464341fb74d0..0292969d65ee 100644
--- a/projects/demo/src/modules/components/input-slider/input-slider.template.html
+++ b/projects/demo/src/modules/components/input-slider/input-slider.template.html
@@ -245,7 +245,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -254,7 +254,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-tag/input-tag.template.html b/projects/demo/src/modules/components/input-tag/input-tag.template.html
index 0da342a4f760..5643f29da98c 100644
--- a/projects/demo/src/modules/components/input-tag/input-tag.template.html
+++ b/projects/demo/src/modules/components/input-tag/input-tag.template.html
@@ -283,7 +283,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -292,7 +292,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-time/input-time.template.html b/projects/demo/src/modules/components/input-time/input-time.template.html
index 09cae0855337..f012e10d041b 100644
--- a/projects/demo/src/modules/components/input-time/input-time.template.html
+++ b/projects/demo/src/modules/components/input-time/input-time.template.html
@@ -178,7 +178,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -193,7 +193,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -202,7 +202,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -215,7 +215,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input-year/input-year.template.html b/projects/demo/src/modules/components/input-year/input-year.template.html
index 64e4b19812a7..4d5e7e9a1800 100644
--- a/projects/demo/src/modules/components/input-year/input-year.template.html
+++ b/projects/demo/src/modules/components/input-year/input-year.template.html
@@ -121,7 +121,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -136,7 +136,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -145,7 +145,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/input/input.template.html b/projects/demo/src/modules/components/input/input.template.html
index a7cef8d41cbc..e74712460b81 100644
--- a/projects/demo/src/modules/components/input/input.template.html
+++ b/projects/demo/src/modules/components/input/input.template.html
@@ -319,7 +319,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -334,7 +334,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -343,7 +343,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/island/island.template.html b/projects/demo/src/modules/components/island/island.template.html
index 910d4fd5a864..4c635e29191e 100644
--- a/projects/demo/src/modules/components/island/island.template.html
+++ b/projects/demo/src/modules/components/island/island.template.html
@@ -159,7 +159,7 @@ <h3 class="tui-island__title">Some heading</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -168,7 +168,7 @@ <h3 class="tui-island__title">Some heading</h3>
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/items-with-more/items-with-more.template.html b/projects/demo/src/modules/components/items-with-more/items-with-more.template.html
index 84151e54300e..aebae92df376 100644
--- a/projects/demo/src/modules/components/items-with-more/items-with-more.template.html
+++ b/projects/demo/src/modules/components/items-with-more/items-with-more.template.html
@@ -86,7 +86,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -95,7 +95,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/label/label.template.html b/projects/demo/src/modules/components/label/label.template.html
index 73a81bbc5281..3a2d25ae40be 100644
--- a/projects/demo/src/modules/components/label/label.template.html
+++ b/projects/demo/src/modules/components/label/label.template.html
@@ -62,7 +62,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -71,7 +71,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/line-clamp/line-clamp.template.html b/projects/demo/src/modules/components/line-clamp/line-clamp.template.html
index 104bee4dbf23..33347ba41dbe 100644
--- a/projects/demo/src/modules/components/line-clamp/line-clamp.template.html
+++ b/projects/demo/src/modules/components/line-clamp/line-clamp.template.html
@@ -124,7 +124,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -133,7 +133,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/link/link.template.html b/projects/demo/src/modules/components/link/link.template.html
index f07eb3ace6ae..d2e3d5f80f27 100644
--- a/projects/demo/src/modules/components/link/link.template.html
+++ b/projects/demo/src/modules/components/link/link.template.html
@@ -144,7 +144,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -153,7 +153,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/loader/loader.template.html b/projects/demo/src/modules/components/loader/loader.template.html
index 61330ad83832..e2e5a9b0d411 100644
--- a/projects/demo/src/modules/components/loader/loader.template.html
+++ b/projects/demo/src/modules/components/loader/loader.template.html
@@ -131,7 +131,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -140,7 +140,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -153,7 +153,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/mobile-calendar/mobile-calendar.template.html b/projects/demo/src/modules/components/mobile-calendar/mobile-calendar.template.html
index e4f2acd01a40..5808a854d25b 100644
--- a/projects/demo/src/modules/components/mobile-calendar/mobile-calendar.template.html
+++ b/projects/demo/src/modules/components/mobile-calendar/mobile-calendar.template.html
@@ -147,7 +147,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -164,7 +164,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleImportDialogModule"
                 ></tui-doc-code>
             </li>
@@ -173,7 +173,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/mobile-dialog/mobile-dialog.template.html b/projects/demo/src/modules/components/mobile-dialog/mobile-dialog.template.html
index 0df832c7ee13..04cea7b0fba7 100644
--- a/projects/demo/src/modules/components/mobile-dialog/mobile-dialog.template.html
+++ b/projects/demo/src/modules/components/mobile-dialog/mobile-dialog.template.html
@@ -28,7 +28,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -37,7 +37,7 @@
                 <p>Use it in component</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleInsertComponent"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/money/money.template.html b/projects/demo/src/modules/components/money/money.template.html
index e1915437afc2..551ef6bcd99a 100644
--- a/projects/demo/src/modules/components/money/money.template.html
+++ b/projects/demo/src/modules/components/money/money.template.html
@@ -215,7 +215,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -224,7 +224,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/multi-select/multi-select.template.html b/projects/demo/src/modules/components/multi-select/multi-select.template.html
index d1f51d629a98..9835cf6b55e9 100644
--- a/projects/demo/src/modules/components/multi-select/multi-select.template.html
+++ b/projects/demo/src/modules/components/multi-select/multi-select.template.html
@@ -296,7 +296,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
 
@@ -317,7 +317,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -326,7 +326,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/notification/notification.template.html b/projects/demo/src/modules/components/notification/notification.template.html
index 5aec9fcc9837..8a2777c9ae43 100644
--- a/projects/demo/src/modules/components/notification/notification.template.html
+++ b/projects/demo/src/modules/components/notification/notification.template.html
@@ -92,7 +92,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -101,7 +101,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/pagination/pagination.template.html b/projects/demo/src/modules/components/pagination/pagination.template.html
index 076e84afd704..a49ce41d7cb5 100644
--- a/projects/demo/src/modules/components/pagination/pagination.template.html
+++ b/projects/demo/src/modules/components/pagination/pagination.template.html
@@ -112,7 +112,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -121,7 +121,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/pdf-viewer/pdf-viewer.template.html b/projects/demo/src/modules/components/pdf-viewer/pdf-viewer.template.html
index e86807f86950..7ae015c3367c 100644
--- a/projects/demo/src/modules/components/pdf-viewer/pdf-viewer.template.html
+++ b/projects/demo/src/modules/components/pdf-viewer/pdf-viewer.template.html
@@ -57,7 +57,7 @@
                 Show preview with a service:
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleService"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/primitive-checkbox/primitive-checkbox.template.html b/projects/demo/src/modules/components/primitive-checkbox/primitive-checkbox.template.html
index 3a8ede6de1d0..19fc235bcb62 100644
--- a/projects/demo/src/modules/components/primitive-checkbox/primitive-checkbox.template.html
+++ b/projects/demo/src/modules/components/primitive-checkbox/primitive-checkbox.template.html
@@ -115,7 +115,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -124,7 +124,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -137,7 +137,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html b/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html
index bc764e00cf5a..85060cae8d7d 100644
--- a/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html
+++ b/projects/demo/src/modules/components/primitive-textfield/primitive-textfield.template.html
@@ -227,7 +227,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -236,7 +236,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/progress-bar/progress-bar.component.html b/projects/demo/src/modules/components/progress-bar/progress-bar.component.html
index 853149a21457..0cf3188e4a68 100644
--- a/projects/demo/src/modules/components/progress-bar/progress-bar.component.html
+++ b/projects/demo/src/modules/components/progress-bar/progress-bar.component.html
@@ -194,7 +194,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -203,7 +203,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/progress-circle/progress-circle.template.html b/projects/demo/src/modules/components/progress-circle/progress-circle.template.html
index 4d84e7543b9d..8f50b667bd9b 100644
--- a/projects/demo/src/modules/components/progress-circle/progress-circle.template.html
+++ b/projects/demo/src/modules/components/progress-circle/progress-circle.template.html
@@ -180,7 +180,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -189,7 +189,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/progress-segmented/progress-segmented.template.html b/projects/demo/src/modules/components/progress-segmented/progress-segmented.template.html
index 7d37affad622..b7fc78bc6ddb 100644
--- a/projects/demo/src/modules/components/progress-segmented/progress-segmented.template.html
+++ b/projects/demo/src/modules/components/progress-segmented/progress-segmented.template.html
@@ -137,7 +137,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -146,7 +146,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/prompt/prompt.template.html b/projects/demo/src/modules/components/prompt/prompt.template.html
index ec51154cead8..6f03fa92bbfb 100644
--- a/projects/demo/src/modules/components/prompt/prompt.template.html
+++ b/projects/demo/src/modules/components/prompt/prompt.template.html
@@ -89,7 +89,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -101,7 +101,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleService"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/pull-to-refresh/pull-to-refresh.template.html b/projects/demo/src/modules/components/pull-to-refresh/pull-to-refresh.template.html
index f8800fd3fdc6..a5215b251e01 100644
--- a/projects/demo/src/modules/components/pull-to-refresh/pull-to-refresh.template.html
+++ b/projects/demo/src/modules/components/pull-to-refresh/pull-to-refresh.template.html
@@ -59,7 +59,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -68,7 +68,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/radio-block/radio-block.template.html b/projects/demo/src/modules/components/radio-block/radio-block.template.html
index 9aeefa0aacd7..21a67a9842af 100644
--- a/projects/demo/src/modules/components/radio-block/radio-block.template.html
+++ b/projects/demo/src/modules/components/radio-block/radio-block.template.html
@@ -170,7 +170,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -185,7 +185,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -194,7 +194,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/radio-labeled/radio-labeled.template.html b/projects/demo/src/modules/components/radio-labeled/radio-labeled.template.html
index 7c20e0b48921..01395ead65c0 100644
--- a/projects/demo/src/modules/components/radio-labeled/radio-labeled.template.html
+++ b/projects/demo/src/modules/components/radio-labeled/radio-labeled.template.html
@@ -146,7 +146,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -161,7 +161,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -170,7 +170,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/radio-list/radio-list.template.html b/projects/demo/src/modules/components/radio-list/radio-list.template.html
index 8ddc5b992327..79817c4cbc86 100644
--- a/projects/demo/src/modules/components/radio-list/radio-list.template.html
+++ b/projects/demo/src/modules/components/radio-list/radio-list.template.html
@@ -108,7 +108,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -123,7 +123,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -132,7 +132,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/radio/radio.template.html b/projects/demo/src/modules/components/radio/radio.template.html
index 92464c47c75f..f71df20580a9 100644
--- a/projects/demo/src/modules/components/radio/radio.template.html
+++ b/projects/demo/src/modules/components/radio/radio.template.html
@@ -148,7 +148,7 @@
                 in the same module where you want to use our component:
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -159,7 +159,7 @@
                 injection token to override the default options for the component.
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
@@ -174,7 +174,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -183,7 +183,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/range/range.template.html b/projects/demo/src/modules/components/range/range.template.html
index 1813d2d675a5..383409c386cd 100644
--- a/projects/demo/src/modules/components/range/range.template.html
+++ b/projects/demo/src/modules/components/range/range.template.html
@@ -175,7 +175,7 @@
                 in the same module where you want to use our component:
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -190,7 +190,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -199,7 +199,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/rating/rating.template.html b/projects/demo/src/modules/components/rating/rating.template.html
index 02ec67c29b07..ea71967e7292 100644
--- a/projects/demo/src/modules/components/rating/rating.template.html
+++ b/projects/demo/src/modules/components/rating/rating.template.html
@@ -136,7 +136,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -145,7 +145,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -158,7 +158,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/scrollbar/scrollbar.template.html b/projects/demo/src/modules/components/scrollbar/scrollbar.template.html
index 81a500310ecd..dc8fc25f08d7 100644
--- a/projects/demo/src/modules/components/scrollbar/scrollbar.template.html
+++ b/projects/demo/src/modules/components/scrollbar/scrollbar.template.html
@@ -83,7 +83,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -92,7 +92,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/select/select.template.html b/projects/demo/src/modules/components/select/select.template.html
index c21a9976e222..d1311379d838 100644
--- a/projects/demo/src/modules/components/select/select.template.html
+++ b/projects/demo/src/modules/components/select/select.template.html
@@ -242,7 +242,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
 
@@ -263,7 +263,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -272,7 +272,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/sheet-dialog/sheet-dialog.template.html b/projects/demo/src/modules/components/sheet-dialog/sheet-dialog.template.html
index ed112a467ae7..ed675a66b520 100644
--- a/projects/demo/src/modules/components/sheet-dialog/sheet-dialog.template.html
+++ b/projects/demo/src/modules/components/sheet-dialog/sheet-dialog.template.html
@@ -143,7 +143,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -152,7 +152,7 @@
                 <p>Use it in component</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleComponent"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/sheet/sheet.template.html b/projects/demo/src/modules/components/sheet/sheet.template.html
index 834b713ade1e..8b88ab2eecf1 100644
--- a/projects/demo/src/modules/components/sheet/sheet.template.html
+++ b/projects/demo/src/modules/components/sheet/sheet.template.html
@@ -196,7 +196,7 @@ <h2>Karl Gambolputty</h2>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -209,7 +209,7 @@ <h2>Karl Gambolputty</h2>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/slider/slider.component.html b/projects/demo/src/modules/components/slider/slider.component.html
index 3c9c3adbce74..9d33ac4a97ab 100644
--- a/projects/demo/src/modules/components/slider/slider.component.html
+++ b/projects/demo/src/modules/components/slider/slider.component.html
@@ -217,7 +217,7 @@
                 in the same module where you want to use our component:
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleImportModule"
                 ></tui-doc-code>
             </li>
@@ -232,7 +232,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleDeclareForm"
                 ></tui-doc-code>
             </li>
@@ -241,7 +241,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleInsertTemplate"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/stepper/stepper.template.html b/projects/demo/src/modules/components/stepper/stepper.template.html
index 501524e363f7..1659c7cad9c7 100644
--- a/projects/demo/src/modules/components/stepper/stepper.template.html
+++ b/projects/demo/src/modules/components/stepper/stepper.template.html
@@ -102,7 +102,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -111,7 +111,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/tab-bar/tab-bar.template.html b/projects/demo/src/modules/components/tab-bar/tab-bar.template.html
index 71f256569fea..267e06b9f30b 100644
--- a/projects/demo/src/modules/components/tab-bar/tab-bar.template.html
+++ b/projects/demo/src/modules/components/tab-bar/tab-bar.template.html
@@ -74,7 +74,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -87,7 +87,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/tabs/tabs.template.html b/projects/demo/src/modules/components/tabs/tabs.template.html
index cd2a0c031a1e..fcb49247b463 100644
--- a/projects/demo/src/modules/components/tabs/tabs.template.html
+++ b/projects/demo/src/modules/components/tabs/tabs.template.html
@@ -182,7 +182,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -191,7 +191,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/tag/tag.template.html b/projects/demo/src/modules/components/tag/tag.template.html
index eb6da30d6ad9..0da0f2340cbc 100644
--- a/projects/demo/src/modules/components/tag/tag.template.html
+++ b/projects/demo/src/modules/components/tag/tag.template.html
@@ -199,7 +199,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -208,7 +208,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -221,7 +221,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/textarea/textarea.template.html b/projects/demo/src/modules/components/textarea/textarea.template.html
index 964a58343d7f..d0f4f730b0d0 100644
--- a/projects/demo/src/modules/components/textarea/textarea.template.html
+++ b/projects/demo/src/modules/components/textarea/textarea.template.html
@@ -175,7 +175,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -190,7 +190,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -199,7 +199,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/thumbnail-card/thumbnail-card.template.html b/projects/demo/src/modules/components/thumbnail-card/thumbnail-card.template.html
index 49d5197ebbdb..b96983bd0a16 100644
--- a/projects/demo/src/modules/components/thumbnail-card/thumbnail-card.template.html
+++ b/projects/demo/src/modules/components/thumbnail-card/thumbnail-card.template.html
@@ -106,7 +106,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -115,7 +115,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/tiles/tiles.template.html b/projects/demo/src/modules/components/tiles/tiles.template.html
index f5f9a2171b27..4d64289ed3e2 100644
--- a/projects/demo/src/modules/components/tiles/tiles.template.html
+++ b/projects/demo/src/modules/components/tiles/tiles.template.html
@@ -38,7 +38,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -47,7 +47,7 @@
                 <p>Add to the template and style according to your needs (see example):</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/toggle/toggle.template.html b/projects/demo/src/modules/components/toggle/toggle.template.html
index a0ea976fcab2..7e55d81ef2c1 100644
--- a/projects/demo/src/modules/components/toggle/toggle.template.html
+++ b/projects/demo/src/modules/components/toggle/toggle.template.html
@@ -93,7 +93,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -108,7 +108,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleForm"
                 ></tui-doc-code>
             </li>
@@ -117,7 +117,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -130,7 +130,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleOptions"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/tooltip/tooltip.template.html b/projects/demo/src/modules/components/tooltip/tooltip.template.html
index aa2ebfd87504..baf3f3d9b116 100644
--- a/projects/demo/src/modules/components/tooltip/tooltip.template.html
+++ b/projects/demo/src/modules/components/tooltip/tooltip.template.html
@@ -117,7 +117,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -126,7 +126,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/components/tree/tree.template.html b/projects/demo/src/modules/components/tree/tree.template.html
index 06ecaf5cda25..53bab49a4af6 100644
--- a/projects/demo/src/modules/components/tree/tree.template.html
+++ b/projects/demo/src/modules/components/tree/tree.template.html
@@ -174,7 +174,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -183,7 +183,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/customization/portals/portals.template.html b/projects/demo/src/modules/customization/portals/portals.template.html
index ad7e9cd16b0e..a6f2dd8516e7 100644
--- a/projects/demo/src/modules/customization/portals/portals.template.html
+++ b/projects/demo/src/modules/customization/portals/portals.template.html
@@ -43,7 +43,7 @@
             <li>
                 <p>Put the created portal host on a desired layer</p>
                 <tui-doc-code
-                    filename="app.template.html"
+                    filename="app.component.html"
                     [code]="insert"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/active-zone/active-zone.template.html b/projects/demo/src/modules/directives/active-zone/active-zone.template.html
index 7c52359e423c..ea2d0f5bd1e8 100644
--- a/projects/demo/src/modules/directives/active-zone/active-zone.template.html
+++ b/projects/demo/src/modules/directives/active-zone/active-zone.template.html
@@ -28,7 +28,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -37,12 +37,12 @@
                 <p>Add to the template and subscribe to a change:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleComponent"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/copy-processor/copy-processor.template.html b/projects/demo/src/modules/directives/copy-processor/copy-processor.template.html
index 53138be31b90..bac027c73ac5 100644
--- a/projects/demo/src/modules/directives/copy-processor/copy-processor.template.html
+++ b/projects/demo/src/modules/directives/copy-processor/copy-processor.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/dropdown-context/dropdown-context.component.html b/projects/demo/src/modules/directives/dropdown-context/dropdown-context.component.html
index 7a7cc243174d..ddeddc0a5b77 100644
--- a/projects/demo/src/modules/directives/dropdown-context/dropdown-context.component.html
+++ b/projects/demo/src/modules/directives/dropdown-context/dropdown-context.component.html
@@ -84,7 +84,7 @@ <h3>To close dropdown:</h3>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -93,7 +93,7 @@ <h3>To close dropdown:</h3>
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/dropdown-hover/dropdown-hover.template.html b/projects/demo/src/modules/directives/dropdown-hover/dropdown-hover.template.html
index 6f1fae590bd1..5e9437adb873 100644
--- a/projects/demo/src/modules/directives/dropdown-hover/dropdown-hover.template.html
+++ b/projects/demo/src/modules/directives/dropdown-hover/dropdown-hover.template.html
@@ -102,7 +102,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -111,7 +111,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/dropdown-selection/dropdown-selection.template.html b/projects/demo/src/modules/directives/dropdown-selection/dropdown-selection.template.html
index 08c817f05866..fce45f2b202d 100644
--- a/projects/demo/src/modules/directives/dropdown-selection/dropdown-selection.template.html
+++ b/projects/demo/src/modules/directives/dropdown-selection/dropdown-selection.template.html
@@ -89,7 +89,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -98,7 +98,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/dropdown/dropdown.template.html b/projects/demo/src/modules/directives/dropdown/dropdown.template.html
index b7cfdc27f8bf..81369cd468e8 100644
--- a/projects/demo/src/modules/directives/dropdown/dropdown.template.html
+++ b/projects/demo/src/modules/directives/dropdown/dropdown.template.html
@@ -128,7 +128,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -137,7 +137,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/elastic-sticky/elastic-sticky.template.html b/projects/demo/src/modules/directives/elastic-sticky/elastic-sticky.template.html
index a180935e3885..54853ea8011d 100644
--- a/projects/demo/src/modules/directives/elastic-sticky/elastic-sticky.template.html
+++ b/projects/demo/src/modules/directives/elastic-sticky/elastic-sticky.template.html
@@ -30,7 +30,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -39,7 +39,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -48,7 +48,7 @@
                 <p>Subscribe on changes and scale elements:</p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleComponent"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/element/element.template.html b/projects/demo/src/modules/directives/element/element.template.html
index 3c83c3949e35..a558ba9cd8e5 100644
--- a/projects/demo/src/modules/directives/element/element.template.html
+++ b/projects/demo/src/modules/directives/element/element.template.html
@@ -30,7 +30,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -39,7 +39,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/for/for.template.html b/projects/demo/src/modules/directives/for/for.template.html
index 9c3220ab55d6..7db19339bc98 100644
--- a/projects/demo/src/modules/directives/for/for.template.html
+++ b/projects/demo/src/modules/directives/for/for.template.html
@@ -37,7 +37,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -46,7 +46,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/highlight/highlight.template.html b/projects/demo/src/modules/directives/highlight/highlight.template.html
index fb46f8ce9d2c..c4a3a73b193b 100644
--- a/projects/demo/src/modules/directives/highlight/highlight.template.html
+++ b/projects/demo/src/modules/directives/highlight/highlight.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/hint-describe/hint-describe.template.html b/projects/demo/src/modules/directives/hint-describe/hint-describe.template.html
index 7d631026fc00..2d94ae7435d9 100644
--- a/projects/demo/src/modules/directives/hint-describe/hint-describe.template.html
+++ b/projects/demo/src/modules/directives/hint-describe/hint-describe.template.html
@@ -55,7 +55,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -64,7 +64,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/hint-manual/hint-manual.template.html b/projects/demo/src/modules/directives/hint-manual/hint-manual.template.html
index c348ab63f656..eda3ff74d9f2 100644
--- a/projects/demo/src/modules/directives/hint-manual/hint-manual.template.html
+++ b/projects/demo/src/modules/directives/hint-manual/hint-manual.template.html
@@ -59,7 +59,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -68,7 +68,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/hint-pointer/hint-pointer.template.html b/projects/demo/src/modules/directives/hint-pointer/hint-pointer.template.html
index 99baf78d21f2..dc6b2ab78cb4 100644
--- a/projects/demo/src/modules/directives/hint-pointer/hint-pointer.template.html
+++ b/projects/demo/src/modules/directives/hint-pointer/hint-pointer.template.html
@@ -66,7 +66,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -75,7 +75,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/hint/hint.template.html b/projects/demo/src/modules/directives/hint/hint.template.html
index 5b45b32e0488..82dc01e58f39 100644
--- a/projects/demo/src/modules/directives/hint/hint.template.html
+++ b/projects/demo/src/modules/directives/hint/hint.template.html
@@ -76,7 +76,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -85,7 +85,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/hovered-change/hovered-change.template.html b/projects/demo/src/modules/directives/hovered-change/hovered-change.template.html
index 277c1f844526..b6771c14ad49 100644
--- a/projects/demo/src/modules/directives/hovered-change/hovered-change.template.html
+++ b/projects/demo/src/modules/directives/hovered-change/hovered-change.template.html
@@ -29,7 +29,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -38,7 +38,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/lazy-loading/lazy-loading.template.html b/projects/demo/src/modules/directives/lazy-loading/lazy-loading.template.html
index 56e36190005a..4a79bbc40b9f 100644
--- a/projects/demo/src/modules/directives/lazy-loading/lazy-loading.template.html
+++ b/projects/demo/src/modules/directives/lazy-loading/lazy-loading.template.html
@@ -29,7 +29,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -42,7 +42,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/let/let.template.html b/projects/demo/src/modules/directives/let/let.template.html
index a061bada407d..095c5e08883c 100644
--- a/projects/demo/src/modules/directives/let/let.template.html
+++ b/projects/demo/src/modules/directives/let/let.template.html
@@ -38,7 +38,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -47,7 +47,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/media/media.template.html b/projects/demo/src/modules/directives/media/media.template.html
index 33d82cd30c56..20a508882e9b 100644
--- a/projects/demo/src/modules/directives/media/media.template.html
+++ b/projects/demo/src/modules/directives/media/media.template.html
@@ -88,7 +88,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -97,7 +97,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/mode/mode.template.html b/projects/demo/src/modules/directives/mode/mode.template.html
index ee4ee81ba023..5d33d3761519 100644
--- a/projects/demo/src/modules/directives/mode/mode.template.html
+++ b/projects/demo/src/modules/directives/mode/mode.template.html
@@ -48,7 +48,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -57,7 +57,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/overscroll/overscroll.template.html b/projects/demo/src/modules/directives/overscroll/overscroll.template.html
index 5ed4e363b614..6fe649965934 100644
--- a/projects/demo/src/modules/directives/overscroll/overscroll.template.html
+++ b/projects/demo/src/modules/directives/overscroll/overscroll.template.html
@@ -47,7 +47,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -56,7 +56,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/pan/pan.template.html b/projects/demo/src/modules/directives/pan/pan.template.html
index 565a1931d934..1aae19b2ba4f 100644
--- a/projects/demo/src/modules/directives/pan/pan.template.html
+++ b/projects/demo/src/modules/directives/pan/pan.template.html
@@ -29,7 +29,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -38,7 +38,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/portal/portal.template.html b/projects/demo/src/modules/directives/portal/portal.template.html
index 7f6a540a59b3..f860ab92df41 100644
--- a/projects/demo/src/modules/directives/portal/portal.template.html
+++ b/projects/demo/src/modules/directives/portal/portal.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/present/present.template.html b/projects/demo/src/modules/directives/present/present.template.html
index 376a13286ac6..404223b0282e 100644
--- a/projects/demo/src/modules/directives/present/present.template.html
+++ b/projects/demo/src/modules/directives/present/present.template.html
@@ -28,7 +28,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -37,7 +37,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/resizer/resizer.template.html b/projects/demo/src/modules/directives/resizer/resizer.template.html
index 19d2896e26f7..9ca9cdd30b23 100644
--- a/projects/demo/src/modules/directives/resizer/resizer.template.html
+++ b/projects/demo/src/modules/directives/resizer/resizer.template.html
@@ -32,7 +32,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -41,7 +41,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/ripple/ripple.template.html b/projects/demo/src/modules/directives/ripple/ripple.template.html
index d7a786567c9a..55b212b9db1a 100644
--- a/projects/demo/src/modules/directives/ripple/ripple.template.html
+++ b/projects/demo/src/modules/directives/ripple/ripple.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/sidebar/sidebar.template.html b/projects/demo/src/modules/directives/sidebar/sidebar.template.html
index 2e93b1416146..2b31c079aac7 100644
--- a/projects/demo/src/modules/directives/sidebar/sidebar.template.html
+++ b/projects/demo/src/modules/directives/sidebar/sidebar.template.html
@@ -30,7 +30,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -39,7 +39,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -48,7 +48,7 @@
                 <p>Control sidebar in component</p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleComponent"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/swipe/swipe.template.html b/projects/demo/src/modules/directives/swipe/swipe.template.html
index 83f4cd8caa67..6d8c891508e2 100644
--- a/projects/demo/src/modules/directives/swipe/swipe.template.html
+++ b/projects/demo/src/modules/directives/swipe/swipe.template.html
@@ -55,7 +55,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -64,7 +64,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/textfield-controller/textfield-controller.template.html b/projects/demo/src/modules/directives/textfield-controller/textfield-controller.template.html
index 44dadcb9dd26..0dad0b99655d 100644
--- a/projects/demo/src/modules/directives/textfield-controller/textfield-controller.template.html
+++ b/projects/demo/src/modules/directives/textfield-controller/textfield-controller.template.html
@@ -118,7 +118,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -127,7 +127,7 @@
                 <p>Use it on Taiga UI controls or parent elements</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/touchable/touchable.template.html b/projects/demo/src/modules/directives/touchable/touchable.template.html
index f6acd8cdf3fb..bc4cf8ce928c 100644
--- a/projects/demo/src/modules/directives/touchable/touchable.template.html
+++ b/projects/demo/src/modules/directives/touchable/touchable.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/validator/validator.template.html b/projects/demo/src/modules/directives/validator/validator.template.html
index 04cccc20c019..15607230033c 100644
--- a/projects/demo/src/modules/directives/validator/validator.template.html
+++ b/projects/demo/src/modules/directives/validator/validator.template.html
@@ -28,7 +28,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -37,7 +37,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/value-changes/value-changes.template.html b/projects/demo/src/modules/directives/value-changes/value-changes.template.html
index 5c1877877f34..0b26c5b85ac0 100644
--- a/projects/demo/src/modules/directives/value-changes/value-changes.template.html
+++ b/projects/demo/src/modules/directives/value-changes/value-changes.template.html
@@ -33,7 +33,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -42,7 +42,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/directives/zoom/zoom.template.html b/projects/demo/src/modules/directives/zoom/zoom.template.html
index ec519b24ca45..2d3e59f4b1d2 100644
--- a/projects/demo/src/modules/directives/zoom/zoom.template.html
+++ b/projects/demo/src/modules/directives/zoom/zoom.template.html
@@ -29,7 +29,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -38,12 +38,12 @@
                 <p>Add to the template and subscribe to a change:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleComponent"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/amount/amount.template.html b/projects/demo/src/modules/experimental/amount/amount.template.html
index c86e8327d2a8..a9a828cba1a0 100644
--- a/projects/demo/src/modules/experimental/amount/amount.template.html
+++ b/projects/demo/src/modules/experimental/amount/amount.template.html
@@ -54,7 +54,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -63,7 +63,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/appearance/appearance.template.html b/projects/demo/src/modules/experimental/appearance/appearance.template.html
index 219a111c12a6..96999572ed19 100644
--- a/projects/demo/src/modules/experimental/appearance/appearance.template.html
+++ b/projects/demo/src/modules/experimental/appearance/appearance.template.html
@@ -88,7 +88,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -97,7 +97,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/avatar/avatar.template.html b/projects/demo/src/modules/experimental/avatar/avatar.template.html
index fd48af654ba1..16a37e51f011 100644
--- a/projects/demo/src/modules/experimental/avatar/avatar.template.html
+++ b/projects/demo/src/modules/experimental/avatar/avatar.template.html
@@ -111,7 +111,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -120,7 +120,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/badge-notification/badge-notification.template.html b/projects/demo/src/modules/experimental/badge-notification/badge-notification.template.html
index 11523ae8e6c3..9992b8de437e 100644
--- a/projects/demo/src/modules/experimental/badge-notification/badge-notification.template.html
+++ b/projects/demo/src/modules/experimental/badge-notification/badge-notification.template.html
@@ -59,7 +59,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -68,7 +68,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/badge/badge.template.html b/projects/demo/src/modules/experimental/badge/badge.template.html
index ebecb8c9cf65..cfc025b052f2 100644
--- a/projects/demo/src/modules/experimental/badge/badge.template.html
+++ b/projects/demo/src/modules/experimental/badge/badge.template.html
@@ -140,7 +140,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -149,7 +149,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/badged-content/badged-content.template.html b/projects/demo/src/modules/experimental/badged-content/badged-content.template.html
index d5ff8b84a898..1ae0f06766da 100644
--- a/projects/demo/src/modules/experimental/badged-content/badged-content.template.html
+++ b/projects/demo/src/modules/experimental/badged-content/badged-content.template.html
@@ -77,7 +77,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -86,7 +86,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/button-vertical/button-vertical.template.html b/projects/demo/src/modules/experimental/button-vertical/button-vertical.template.html
index cdadf40ca96a..e98d086f548c 100644
--- a/projects/demo/src/modules/experimental/button-vertical/button-vertical.template.html
+++ b/projects/demo/src/modules/experimental/button-vertical/button-vertical.template.html
@@ -77,7 +77,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -86,7 +86,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/button/button.template.html b/projects/demo/src/modules/experimental/button/button.template.html
index afd6d0f4a946..39d48c65a0be 100644
--- a/projects/demo/src/modules/experimental/button/button.template.html
+++ b/projects/demo/src/modules/experimental/button/button.template.html
@@ -125,7 +125,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -134,7 +134,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/cell/cell.template.html b/projects/demo/src/modules/experimental/cell/cell.template.html
index 95802e1da1b9..cd6ad6313369 100644
--- a/projects/demo/src/modules/experimental/cell/cell.template.html
+++ b/projects/demo/src/modules/experimental/cell/cell.template.html
@@ -73,7 +73,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -82,7 +82,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/checkbox/checkbox.template.html b/projects/demo/src/modules/experimental/checkbox/checkbox.template.html
index 7762212a19a8..3e1b3ac5b133 100644
--- a/projects/demo/src/modules/experimental/checkbox/checkbox.template.html
+++ b/projects/demo/src/modules/experimental/checkbox/checkbox.template.html
@@ -32,7 +32,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -41,7 +41,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/fade/fade.template.html b/projects/demo/src/modules/experimental/fade/fade.template.html
index 2ab59db0f316..a8564e818173 100644
--- a/projects/demo/src/modules/experimental/fade/fade.template.html
+++ b/projects/demo/src/modules/experimental/fade/fade.template.html
@@ -92,7 +92,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -101,7 +101,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/icon/icon.template.html b/projects/demo/src/modules/experimental/icon/icon.template.html
index 7a66c510148e..3182f1059552 100644
--- a/projects/demo/src/modules/experimental/icon/icon.template.html
+++ b/projects/demo/src/modules/experimental/icon/icon.template.html
@@ -44,7 +44,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -53,7 +53,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/progress-segmented/progress-segmented.template.html b/projects/demo/src/modules/experimental/progress-segmented/progress-segmented.template.html
index 45051e29dea4..f6f5c3f9784a 100644
--- a/projects/demo/src/modules/experimental/progress-segmented/progress-segmented.template.html
+++ b/projects/demo/src/modules/experimental/progress-segmented/progress-segmented.template.html
@@ -172,7 +172,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -181,7 +181,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/radio/radio.template.html b/projects/demo/src/modules/experimental/radio/radio.template.html
index b8ded5cc53d7..60622ddd65f8 100644
--- a/projects/demo/src/modules/experimental/radio/radio.template.html
+++ b/projects/demo/src/modules/experimental/radio/radio.template.html
@@ -32,7 +32,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -41,7 +41,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/sensitive/sensitive.template.html b/projects/demo/src/modules/experimental/sensitive/sensitive.template.html
index 265a39c58e68..52dff55ca919 100644
--- a/projects/demo/src/modules/experimental/sensitive/sensitive.template.html
+++ b/projects/demo/src/modules/experimental/sensitive/sensitive.template.html
@@ -54,7 +54,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -63,7 +63,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/surface/surface.template.html b/projects/demo/src/modules/experimental/surface/surface.template.html
index bc50565dc6ff..8a9c8b47b746 100644
--- a/projects/demo/src/modules/experimental/surface/surface.template.html
+++ b/projects/demo/src/modules/experimental/surface/surface.template.html
@@ -137,7 +137,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -146,7 +146,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/thumbnail-card/thumbnail-card.template.html b/projects/demo/src/modules/experimental/thumbnail-card/thumbnail-card.template.html
index 112926487e51..f10d150260bc 100644
--- a/projects/demo/src/modules/experimental/thumbnail-card/thumbnail-card.template.html
+++ b/projects/demo/src/modules/experimental/thumbnail-card/thumbnail-card.template.html
@@ -87,7 +87,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -96,7 +96,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/title/title.template.html b/projects/demo/src/modules/experimental/title/title.template.html
index cb5c6829fb9e..878361386ad9 100644
--- a/projects/demo/src/modules/experimental/title/title.template.html
+++ b/projects/demo/src/modules/experimental/title/title.template.html
@@ -43,7 +43,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -52,7 +52,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/experimental/toggle/toggle.template.html b/projects/demo/src/modules/experimental/toggle/toggle.template.html
index 28992747f914..d22fe5f5ac3e 100644
--- a/projects/demo/src/modules/experimental/toggle/toggle.template.html
+++ b/projects/demo/src/modules/experimental/toggle/toggle.template.html
@@ -32,7 +32,7 @@
                 <p>Import module:</p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -41,7 +41,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/icons/marker-icon/marker-icon.template.html b/projects/demo/src/modules/icons/marker-icon/marker-icon.template.html
index 3458fe411db1..5c1f56bb1058 100644
--- a/projects/demo/src/modules/icons/marker-icon/marker-icon.template.html
+++ b/projects/demo/src/modules/icons/marker-icon/marker-icon.template.html
@@ -104,7 +104,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -113,7 +113,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/currency/currency.template.html b/projects/demo/src/modules/pipes/currency/currency.template.html
index 28850e60a60f..a0c6b8109fd1 100644
--- a/projects/demo/src/modules/pipes/currency/currency.template.html
+++ b/projects/demo/src/modules/pipes/currency/currency.template.html
@@ -61,7 +61,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -70,7 +70,7 @@
                 <p>Use pipe in template with input:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/field-error/field-error.template.html b/projects/demo/src/modules/pipes/field-error/field-error.template.html
index 8cb9b38e83f1..09825e375c25 100644
--- a/projects/demo/src/modules/pipes/field-error/field-error.template.html
+++ b/projects/demo/src/modules/pipes/field-error/field-error.template.html
@@ -85,7 +85,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -94,7 +94,7 @@
                 <p>Use pipe in template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/filter-by-input/filter-by-input.template.html b/projects/demo/src/modules/pipes/filter-by-input/filter-by-input.template.html
index 893044707c38..72bf350a7c64 100644
--- a/projects/demo/src/modules/pipes/filter-by-input/filter-by-input.template.html
+++ b/projects/demo/src/modules/pipes/filter-by-input/filter-by-input.template.html
@@ -41,7 +41,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -50,7 +50,7 @@
                 <p>Use pipe in template under Taiga UI control:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/filter/filter.template.html b/projects/demo/src/modules/pipes/filter/filter.template.html
index c509712d451e..e305dff71be8 100644
--- a/projects/demo/src/modules/pipes/filter/filter.template.html
+++ b/projects/demo/src/modules/pipes/filter/filter.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Use pipe in template with function and its arguments:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/flag/flag.template.html b/projects/demo/src/modules/pipes/flag/flag.template.html
index a9bf748cdda4..2188a192f66c 100644
--- a/projects/demo/src/modules/pipes/flag/flag.template.html
+++ b/projects/demo/src/modules/pipes/flag/flag.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Use pipe in template with ISO-code of selected country as the single argument:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/format-date/format-date.template.html b/projects/demo/src/modules/pipes/format-date/format-date.template.html
index 23b044b9c06c..d4fda4fd2382 100644
--- a/projects/demo/src/modules/pipes/format-date/format-date.template.html
+++ b/projects/demo/src/modules/pipes/format-date/format-date.template.html
@@ -29,7 +29,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -38,7 +38,7 @@
                 <p>Use pipe in template</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
@@ -47,7 +47,7 @@
                 <p>Provide custom service for formatting</p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleTs"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/format-number/format-number.template.html b/projects/demo/src/modules/pipes/format-number/format-number.template.html
index 690399457bab..1acb9275c7cb 100644
--- a/projects/demo/src/modules/pipes/format-number/format-number.template.html
+++ b/projects/demo/src/modules/pipes/format-number/format-number.template.html
@@ -71,7 +71,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -80,7 +80,7 @@
                 <p>Use pipe in template with function and its arguments:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/format-phone/format-phone.template.html b/projects/demo/src/modules/pipes/format-phone/format-phone.template.html
index 3fdedfa1b868..c5d034a13703 100644
--- a/projects/demo/src/modules/pipes/format-phone/format-phone.template.html
+++ b/projects/demo/src/modules/pipes/format-phone/format-phone.template.html
@@ -56,7 +56,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -65,7 +65,7 @@
                 <p>Use pipe in template with function and its arguments:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/is-present/is-present.template.html b/projects/demo/src/modules/pipes/is-present/is-present.template.html
index caeb20143b92..51080192230c 100644
--- a/projects/demo/src/modules/pipes/is-present/is-present.template.html
+++ b/projects/demo/src/modules/pipes/is-present/is-present.template.html
@@ -33,7 +33,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -42,7 +42,7 @@
                 <p>Use pipe in template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/mapper/mapper.template.html b/projects/demo/src/modules/pipes/mapper/mapper.template.html
index 3857210ca5e3..010345a1627a 100644
--- a/projects/demo/src/modules/pipes/mapper/mapper.template.html
+++ b/projects/demo/src/modules/pipes/mapper/mapper.template.html
@@ -32,7 +32,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -41,7 +41,7 @@
                 <p>Use pipe in template with function and its arguments:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/stringify-content/stringify-content.template.html b/projects/demo/src/modules/pipes/stringify-content/stringify-content.template.html
index 1d6457a2bb6c..d046950cfc98 100644
--- a/projects/demo/src/modules/pipes/stringify-content/stringify-content.template.html
+++ b/projects/demo/src/modules/pipes/stringify-content/stringify-content.template.html
@@ -39,7 +39,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -48,7 +48,7 @@
                 <p>Use pipe in template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/pipes/stringify/stringify.template.html b/projects/demo/src/modules/pipes/stringify/stringify.template.html
index 845d846627a7..e5ce5c912fc2 100644
--- a/projects/demo/src/modules/pipes/stringify/stringify.template.html
+++ b/projects/demo/src/modules/pipes/stringify/stringify.template.html
@@ -44,7 +44,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -53,7 +53,7 @@
                 <p>Use pipe in template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/services/alerts/alerts.template.html b/projects/demo/src/modules/services/alerts/alerts.template.html
index 7c002b14eeef..97bc935bb391 100644
--- a/projects/demo/src/modules/services/alerts/alerts.template.html
+++ b/projects/demo/src/modules/services/alerts/alerts.template.html
@@ -193,7 +193,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleServiceUsage"
                 ></tui-doc-code>
             </li>
@@ -232,7 +232,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleServiceUsageComponent"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/services/destroy/destroy.template.html b/projects/demo/src/modules/services/destroy/destroy.template.html
index 4e6e61085e4d..443d8925475b 100644
--- a/projects/demo/src/modules/services/destroy/destroy.template.html
+++ b/projects/demo/src/modules/services/destroy/destroy.template.html
@@ -27,7 +27,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="provideService"
                 ></tui-doc-code>
             </li>
@@ -39,7 +39,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="injectService"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/services/scroll/scroll.template.html b/projects/demo/src/modules/services/scroll/scroll.template.html
index 19f9aff0e041..ab5b219420c5 100644
--- a/projects/demo/src/modules/services/scroll/scroll.template.html
+++ b/projects/demo/src/modules/services/scroll/scroll.template.html
@@ -66,7 +66,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleInjectService"
                 ></tui-doc-code>
             </li>
@@ -81,7 +81,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleScroll"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/services/table-bar/table-bar.template.html b/projects/demo/src/modules/services/table-bar/table-bar.template.html
index 6c2afcb57344..936f034440ee 100644
--- a/projects/demo/src/modules/services/table-bar/table-bar.template.html
+++ b/projects/demo/src/modules/services/table-bar/table-bar.template.html
@@ -102,12 +102,12 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleServiceUsageHtml"
                 ></tui-doc-code>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="exampleServiceUsage"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/tables/reorder/reorder.template.html b/projects/demo/src/modules/tables/reorder/reorder.template.html
index 368abfec56be..9c31eca01cc3 100644
--- a/projects/demo/src/modules/tables/reorder/reorder.template.html
+++ b/projects/demo/src/modules/tables/reorder/reorder.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/tables/table-filters/table-filters.template.html b/projects/demo/src/modules/tables/table-filters/table-filters.template.html
index 16a4d0f67136..44122b22f2e4 100644
--- a/projects/demo/src/modules/tables/table-filters/table-filters.template.html
+++ b/projects/demo/src/modules/tables/table-filters/table-filters.template.html
@@ -25,7 +25,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -34,7 +34,7 @@
                 <p>Add directives and pipe to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/tables/table-pagination/table-pagination.template.html b/projects/demo/src/modules/tables/table-pagination/table-pagination.template.html
index f3da613c7443..950407c9714c 100644
--- a/projects/demo/src/modules/tables/table-pagination/table-pagination.template.html
+++ b/projects/demo/src/modules/tables/table-pagination/table-pagination.template.html
@@ -148,7 +148,7 @@
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -157,7 +157,7 @@
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/tables/table/table.template.html b/projects/demo/src/modules/tables/table/table.template.html
index 311654b038e3..ec0aa5f4a6d8 100644
--- a/projects/demo/src/modules/tables/table/table.template.html
+++ b/projects/demo/src/modules/tables/table/table.template.html
@@ -266,7 +266,7 @@ <h2>*tuiCell="key"</h2>
                 </p>
 
                 <tui-doc-code
-                    filename="myComponent.module.ts"
+                    filename="my.module.ts"
                     [code]="exampleModule"
                 ></tui-doc-code>
             </li>
@@ -275,7 +275,7 @@ <h2>*tuiCell="key"</h2>
                 <p>Add to the template:</p>
 
                 <tui-doc-code
-                    filename="myComponent.template.html"
+                    filename="my.component.html"
                     [code]="exampleHtml"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/utils/browser/browser.template.html b/projects/demo/src/modules/utils/browser/browser.template.html
index b79dff3a0aa5..2f28a97ea185 100644
--- a/projects/demo/src/modules/utils/browser/browser.template.html
+++ b/projects/demo/src/modules/utils/browser/browser.template.html
@@ -21,7 +21,7 @@
                 <p>Import into component and use:</p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="importComponentExample"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/utils/dom/dom.template.html b/projects/demo/src/modules/utils/dom/dom.template.html
index 6cad03f3bc77..6a84ff9b1aad 100644
--- a/projects/demo/src/modules/utils/dom/dom.template.html
+++ b/projects/demo/src/modules/utils/dom/dom.template.html
@@ -25,7 +25,7 @@
                 <p>Import into component and use:</p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="importComponentExample"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/utils/format/format.template.html b/projects/demo/src/modules/utils/format/format.template.html
index 6111b21513b2..908368f02e02 100644
--- a/projects/demo/src/modules/utils/format/format.template.html
+++ b/projects/demo/src/modules/utils/format/format.template.html
@@ -58,7 +58,7 @@
                 <p>Import into component and use:</p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="importComponentExample"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/utils/math/math.template.html b/projects/demo/src/modules/utils/math/math.template.html
index 08d4a1144106..5e3a92060e0e 100644
--- a/projects/demo/src/modules/utils/math/math.template.html
+++ b/projects/demo/src/modules/utils/math/math.template.html
@@ -58,7 +58,7 @@
                 <p>Import into component and use:</p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="importComponentExample"
                 ></tui-doc-code>
             </li>
diff --git a/projects/demo/src/modules/utils/miscellaneous/miscellaneous.template.html b/projects/demo/src/modules/utils/miscellaneous/miscellaneous.template.html
index 209a36eca168..13cac60174dc 100644
--- a/projects/demo/src/modules/utils/miscellaneous/miscellaneous.template.html
+++ b/projects/demo/src/modules/utils/miscellaneous/miscellaneous.template.html
@@ -58,7 +58,7 @@
                 <p>Import into component and use:</p>
 
                 <tui-doc-code
-                    filename="myComponent.component.ts"
+                    filename="my.component.ts"
                     [code]="importComponentExample"
                 ></tui-doc-code>
             </li>