diff --git a/projects/addon-doc/components/demo/index.ts b/projects/addon-doc/components/demo/index.ts
index e866691486a7e..7d8b93db8c584 100644
--- a/projects/addon-doc/components/demo/index.ts
+++ b/projects/addon-doc/components/demo/index.ts
@@ -15,7 +15,7 @@ import type {AbstractControl} from '@angular/forms';
import {FormGroup, FormsModule, ReactiveFormsModule} from '@angular/forms';
import type {Params, UrlTree} from '@angular/router';
import {UrlSerializer} from '@angular/router';
-import {TuiThemeDarkService} from '@taiga-ui/addon-doc/services';
+import {TuiDocThemeDarkService} from '@taiga-ui/addon-doc/services';
import {TUI_DOC_DEMO_TEXTS, TUI_DOC_URL_STATE_HANDLER} from '@taiga-ui/addon-doc/tokens';
import type {TuiDemoParams} from '@taiga-ui/addon-doc/types';
import {tuiCleanObject, tuiCoerceValueIsTrue} from '@taiga-ui/addon-doc/utils';
@@ -77,7 +77,7 @@ export class TuiDocDemo implements OnInit {
protected readonly template: TemplateRef> | null = null;
protected dark = tuiCoerceValueIsTrue(
- this.params.darkMode ?? inject(TuiThemeDarkService).value,
+ this.params.darkMode ?? inject(TuiDocThemeDarkService).value,
);
protected testForm?: FormGroup;
diff --git a/projects/addon-doc/components/index.ts b/projects/addon-doc/components/index.ts
index 3eef0ac005089..67d9e3eddf5b5 100644
--- a/projects/addon-doc/components/index.ts
+++ b/projects/addon-doc/components/index.ts
@@ -21,6 +21,7 @@ export * from './internal/source-code/source-code.component';
export * from './language-switcher';
export * from './main/main.component';
export * from './navigation/navigation.component';
+export * from './navigation/navigation.providers';
export * from './page/page.component';
export * from './page/page.providers';
export * from './page/page-tab.directive';
diff --git a/projects/addon-doc/components/language-switcher/index.ts b/projects/addon-doc/components/language-switcher/index.ts
index 018b75c072cb3..a11563f1144b2 100644
--- a/projects/addon-doc/components/language-switcher/index.ts
+++ b/projects/addon-doc/components/language-switcher/index.ts
@@ -10,7 +10,7 @@ import {TuiSelectModule} from '@taiga-ui/legacy/components/select';
@Component({
standalone: true,
- selector: 'tui-language-switcher',
+ selector: 'tui-doc-language-switcher',
imports: [
ReactiveFormsModule,
TuiDataList,
@@ -23,7 +23,7 @@ import {TuiSelectModule} from '@taiga-ui/legacy/components/select';
styleUrls: ['./index.less'],
changeDetection: ChangeDetectionStrategy.OnPush,
})
-export class TuiLanguageSwitcher {
+export class TuiDocLanguageSwitcher {
protected readonly switcher = inject(TuiLanguageSwitcherService);
protected readonly language = new FormControl(capitalize(this.switcher.language));
diff --git a/projects/addon-doc/components/language-switcher/tests/language-switcher.component.spec.ts b/projects/addon-doc/components/language-switcher/tests/language-switcher.component.spec.ts
index 5c681331a8c3e..d2194349ee976 100644
--- a/projects/addon-doc/components/language-switcher/tests/language-switcher.component.spec.ts
+++ b/projects/addon-doc/components/language-switcher/tests/language-switcher.component.spec.ts
@@ -1,14 +1,14 @@
import type {ComponentFixture} from '@angular/core/testing';
import {TestBed} from '@angular/core/testing';
import {ReactiveFormsModule} from '@angular/forms';
-import {TuiLanguageSwitcher} from '@taiga-ui/addon-doc';
+import {TuiDocLanguageSwitcher} from '@taiga-ui/addon-doc';
import {TuiDataList, TuiFlagPipe} from '@taiga-ui/core';
import {TuiLanguageSwitcherService} from '@taiga-ui/i18n';
import {TuiSelectModule} from '@taiga-ui/legacy';
describe('TuiLanguageSwitcherComponent', () => {
- let component: TuiLanguageSwitcher;
- let fixture: ComponentFixture;
+ let component: TuiDocLanguageSwitcher;
+ let fixture: ComponentFixture;
beforeEach(async () => {
await TestBed.configureTestingModule({
@@ -16,12 +16,12 @@ describe('TuiLanguageSwitcherComponent', () => {
ReactiveFormsModule,
TuiSelectModule,
TuiDataList,
- TuiLanguageSwitcher,
+ TuiDocLanguageSwitcher,
],
providers: [TuiLanguageSwitcherService],
}).compileComponents();
- fixture = TestBed.createComponent(TuiLanguageSwitcher);
+ fixture = TestBed.createComponent(TuiDocLanguageSwitcher);
component = fixture.componentInstance;
fixture.detectChanges();
});
diff --git a/projects/addon-doc/components/main/main.component.ts b/projects/addon-doc/components/main/main.component.ts
index 93a7d10550164..7abd6ae184ffc 100644
--- a/projects/addon-doc/components/main/main.component.ts
+++ b/projects/addon-doc/components/main/main.component.ts
@@ -6,7 +6,7 @@ import {
ViewEncapsulation,
} from '@angular/core';
import {RouterOutlet} from '@angular/router';
-import {TuiThemeDarkService} from '@taiga-ui/addon-doc/services';
+import {TuiDocThemeDarkService} from '@taiga-ui/addon-doc/services';
import {TUI_DOC_ICONS} from '@taiga-ui/addon-doc/tokens';
import {TuiSwipeService} from '@taiga-ui/cdk/directives/swipe';
import {TuiButton} from '@taiga-ui/core/components/button';
@@ -37,7 +37,7 @@ import {TuiDocNavigation} from '../navigation/navigation.component';
export class TuiDocMain {
private readonly icons = inject(TUI_DOC_ICONS);
- protected readonly dark$ = inject(TuiThemeDarkService);
+ protected readonly dark$ = inject(TuiDocThemeDarkService);
protected get icon(): string {
return this.dark$.value ? this.icons.light : this.icons.dark;
diff --git a/projects/addon-doc/components/navigation/navigation.component.ts b/projects/addon-doc/components/navigation/navigation.component.ts
index d41b4e5eaf15d..c0308e2cc2135 100644
--- a/projects/addon-doc/components/navigation/navigation.component.ts
+++ b/projects/addon-doc/components/navigation/navigation.component.ts
@@ -16,7 +16,6 @@ import {
RouterLinkActive,
Scroll,
} from '@angular/router';
-import {TuiScrollIntoViewLink} from '@taiga-ui/addon-doc/directives';
import {
TUI_DOC_ICONS,
TUI_DOC_PAGE_LOADED,
@@ -48,6 +47,7 @@ import {
NAVIGATION_PROVIDERS,
NAVIGATION_TITLE,
} from './navigation.providers';
+import {TuiDocScrollIntoViewLink} from './scroll-into-view.directive';
@Component({
standalone: true,
@@ -69,7 +69,7 @@ import {
TuiAccordion,
NgTemplateOutlet,
TuiLink,
- TuiScrollIntoViewLink,
+ TuiDocScrollIntoViewLink,
RouterLinkActive,
TuiExpand,
TuiTextfieldControllerModule,
diff --git a/projects/addon-doc/components/navigation/navigation.template.html b/projects/addon-doc/components/navigation/navigation.template.html
index aba4f744794f8..271f726983be5 100644
--- a/projects/addon-doc/components/navigation/navigation.template.html
+++ b/projects/addon-doc/components/navigation/navigation.template.html
@@ -119,7 +119,7 @@
[attr.rel]="item.rel"
[routerLink]="item.route"
[target]="item.target || '_self'"
- [tuiScrollIntoViewLink]="isActive(item.route)"
+ [tuiDocScrollIntoViewLink]="isActive(item.route)"
(click)="closeMenu()"
>
{{ item.title }}
@@ -188,7 +188,7 @@
[fragment]="subPage.fragment"
[routerLink]="subPage.route"
[target]="subPage.target || '_self'"
- [tuiScrollIntoViewLink]="isActive(subPage.route)"
+ [tuiDocScrollIntoViewLink]="isActive(subPage.route)"
(click)="closeMenu()"
>
{{ subPage.title }}
diff --git a/projects/addon-doc/components/navigation/scroll-into-view.directive.ts b/projects/addon-doc/components/navigation/scroll-into-view.directive.ts
new file mode 100644
index 0000000000000..9258fd415f8e2
--- /dev/null
+++ b/projects/addon-doc/components/navigation/scroll-into-view.directive.ts
@@ -0,0 +1,29 @@
+import {Directive, inject, Input} from '@angular/core';
+import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
+import {TUI_DOC_PAGE_LOADED} from '@taiga-ui/addon-doc/tokens';
+import {tuiGetElementObscures, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
+import {debounceTime, filter, ReplaySubject, switchMap} from 'rxjs';
+
+@Directive({
+ standalone: true,
+ selector: '[tuiDocScrollIntoViewLink]',
+})
+export class TuiDocScrollIntoViewLink {
+ private readonly scroll$ = new ReplaySubject(1);
+ private readonly el = tuiInjectElement();
+
+ protected readonly sub = inject(TUI_DOC_PAGE_LOADED)
+ .pipe(
+ filter(Boolean),
+ switchMap(() => this.scroll$),
+ debounceTime(750),
+ filter(shallWe => shallWe && !!tuiGetElementObscures(this.el)),
+ takeUntilDestroyed(),
+ )
+ .subscribe(() => this.el.scrollIntoView());
+
+ @Input()
+ public set TuiDocScrollIntoViewLink(shallWe: boolean) {
+ this.scroll$.next(shallWe);
+ }
+}
diff --git a/projects/addon-doc/components/theme-switcher/theme-switcher.component.ts b/projects/addon-doc/components/theme-switcher/theme-switcher.component.ts
index e48f6cf828161..73d9756cd8241 100644
--- a/projects/addon-doc/components/theme-switcher/theme-switcher.component.ts
+++ b/projects/addon-doc/components/theme-switcher/theme-switcher.component.ts
@@ -21,7 +21,7 @@ export function tuiDocThemeProvider(): FactoryProvider {
@Component({
standalone: true,
- selector: 'tui-theme-switcher',
+ selector: 'tui-doc-theme-switcher',
imports: [NgForOf, FormsModule, TuiDataList, TuiSelectModule],
templateUrl: './theme-switcher.template.html',
changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/projects/addon-doc/directives/index.ts b/projects/addon-doc/directives/index.ts
index 835172558f040..941d8a4e256ee 100644
--- a/projects/addon-doc/directives/index.ts
+++ b/projects/addon-doc/directives/index.ts
@@ -1,2 +1 @@
-export * from './scroll-into-view/scroll-into-view.directive';
export * from './text-code/text-code.directive';
diff --git a/projects/addon-doc/directives/scroll-into-view/scroll-into-view.directive.ts b/projects/addon-doc/directives/scroll-into-view/scroll-into-view.directive.ts
deleted file mode 100644
index ff65089784f5e..0000000000000
--- a/projects/addon-doc/directives/scroll-into-view/scroll-into-view.directive.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import {Directive, inject, Input} from '@angular/core';
-import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
-import {TUI_DOC_PAGE_LOADED} from '@taiga-ui/addon-doc/tokens';
-import {tuiGetElementObscures, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
-import {debounceTime, filter, ReplaySubject, switchMap} from 'rxjs';
-
-@Directive({
- standalone: true,
- selector: '[tuiScrollIntoViewLink]',
-})
-export class TuiScrollIntoViewLink {
- private readonly scroll$ = new ReplaySubject(1);
-
- constructor() {
- const el = tuiInjectElement();
-
- inject(TUI_DOC_PAGE_LOADED)
- .pipe(
- filter(Boolean),
- switchMap(() => this.scroll$),
- debounceTime(750),
- filter(shallWe => shallWe && !!tuiGetElementObscures(el)),
- takeUntilDestroyed(),
- )
- .subscribe(() => el.scrollIntoView());
- }
-
- @Input()
- public set tuiScrollIntoViewLink(shallWe: boolean) {
- this.scroll$.next(shallWe);
- }
-}
diff --git a/projects/addon-doc/directives/text-code/text-code.directive.ts b/projects/addon-doc/directives/text-code/text-code.directive.ts
index 058fcc80301fa..27fa735327a17 100644
--- a/projects/addon-doc/directives/text-code/text-code.directive.ts
+++ b/projects/addon-doc/directives/text-code/text-code.directive.ts
@@ -2,10 +2,10 @@ import {Directive, HostBinding, Input} from '@angular/core';
@Directive({
standalone: true,
- selector: 'code[tuiText]',
+ selector: 'code[tuiDocText]',
})
-export class TuiTextCode {
- @Input('tuiText')
+export class TuiDocText {
+ @Input('tuiDocText')
@HostBinding('textContent')
public code = '';
}
diff --git a/projects/addon-doc/index.ts b/projects/addon-doc/index.ts
index 24bf8bf64b239..d9b1978ca093e 100644
--- a/projects/addon-doc/index.ts
+++ b/projects/addon-doc/index.ts
@@ -13,7 +13,7 @@ import {
TuiDocTab,
TuiDocTypeReferencePipe,
} from '@taiga-ui/addon-doc/components';
-import {TuiTextCode} from '@taiga-ui/addon-doc/directives';
+import {TuiDocText} from '@taiga-ui/addon-doc/directives';
export const TuiAddonDoc = [
TuiDocCopy,
@@ -29,7 +29,7 @@ export const TuiAddonDoc = [
TuiDocPageTabConnector,
TuiDocNavigation,
TuiDocMain,
- TuiTextCode,
+ TuiDocText,
] as const;
export * from '@taiga-ui/addon-doc/components';
diff --git a/projects/addon-doc/pipes/markdown/markdown.pipe.ts b/projects/addon-doc/pipes/markdown/markdown.pipe.ts
index 34c91f54289e2..cae14ba599a15 100644
--- a/projects/addon-doc/pipes/markdown/markdown.pipe.ts
+++ b/projects/addon-doc/pipes/markdown/markdown.pipe.ts
@@ -9,9 +9,9 @@ import {identity, map, of, switchMap} from 'rxjs';
@Pipe({
standalone: true,
- name: 'tuiMarkdown',
+ name: 'tuiDocMarkdown',
})
-export class TuiMarkdownPipe implements PipeTransform {
+export class TuiDocMarkdownPipe implements PipeTransform {
public transform(
value: TuiRawLoaderContent,
mapper: TuiStringHandler = identity,
diff --git a/projects/addon-doc/services/theme-dark.service.ts b/projects/addon-doc/services/theme-dark.service.ts
index 76e206a3500ca..1d3ec6225496c 100644
--- a/projects/addon-doc/services/theme-dark.service.ts
+++ b/projects/addon-doc/services/theme-dark.service.ts
@@ -10,7 +10,7 @@ export const TUI_DARK_THEME = tuiCreateToken(false);
@Injectable({
providedIn: 'root',
})
-export class TuiThemeDarkService extends BehaviorSubject {
+export class TuiDocThemeDarkService extends BehaviorSubject {
private readonly storage = inject(LOCAL_STORAGE);
private readonly key = inject(TUI_DARK_THEME_KEY);
diff --git a/projects/cdk/schematics/ng-update/v3/constants/templates.ts b/projects/cdk/schematics/ng-update/v3/constants/templates.ts
index e62002ffed3af..6c1c3a7672ecd 100644
--- a/projects/cdk/schematics/ng-update/v3/constants/templates.ts
+++ b/projects/cdk/schematics/ng-update/v3/constants/templates.ts
@@ -654,7 +654,7 @@ export const ATTR_TO_DIRECTIVE: ReplacementAttributeToDirective[] = [
{
componentSelector: '*',
inputProperty: 'scrollIntoView',
- directive: 'tuiScrollIntoViewLink',
+ directive: 'TuiDocScrollIntoViewLink',
directiveModule: {
name: 'TuiScrollIntoViewLinkModule',
moduleSpecifier: '@taiga-ui/addon-doc',
diff --git a/projects/cdk/schematics/ng-update/v3/constants/types.ts b/projects/cdk/schematics/ng-update/v3/constants/types.ts
index eaf8994903da4..01a997eb69c82 100644
--- a/projects/cdk/schematics/ng-update/v3/constants/types.ts
+++ b/projects/cdk/schematics/ng-update/v3/constants/types.ts
@@ -124,7 +124,7 @@ export const TYPES_TO_RENAME: readonly ReplacementType[] = [
},
{
from: 'ScrollIntoViewDirective',
- to: 'TuiScrollIntoViewLink',
+ to: 'TuiDocScrollIntoViewLink',
moduleSpecifier: ['@taiga-ui/addon-doc'],
},
{
diff --git a/projects/cdk/schematics/ng-update/v4/steps/constants/identifiers-to-replace.ts b/projects/cdk/schematics/ng-update/v4/steps/constants/identifiers-to-replace.ts
index 01cfc3e5bce63..4f97cf1196c5f 100644
--- a/projects/cdk/schematics/ng-update/v4/steps/constants/identifiers-to-replace.ts
+++ b/projects/cdk/schematics/ng-update/v4/steps/constants/identifiers-to-replace.ts
@@ -1225,7 +1225,7 @@ export const IDENTIFIERS_TO_REPLACE: ReplacementIdentifierMulti[] = [
moduleSpecifier: '@taiga-ui/addon-doc',
},
to: {
- name: 'TuiScrollIntoViewLink',
+ name: 'TuiDocScrollIntoViewLink',
moduleSpecifier: '@taiga-ui/addon-doc',
},
},
@@ -1235,7 +1235,7 @@ export const IDENTIFIERS_TO_REPLACE: ReplacementIdentifierMulti[] = [
moduleSpecifier: '@taiga-ui/addon-doc',
},
to: {
- name: 'TuiTextCode',
+ name: 'TuiDocText',
moduleSpecifier: '@taiga-ui/addon-doc',
},
},
diff --git a/projects/demo-playwright/utils/goto.ts b/projects/demo-playwright/utils/goto.ts
index c26aef42628c1..1764f850529ce 100644
--- a/projects/demo-playwright/utils/goto.ts
+++ b/projects/demo-playwright/utils/goto.ts
@@ -72,7 +72,7 @@ export async function tuiGoto(
}
if (hideLanguageSwitcher) {
- await tuiRemoveElement(page.locator('tui-language-switcher'));
+ await tuiRemoveElement(page.locator('tui-doc-language-switcher'));
}
expect(
diff --git a/projects/demo/src/modules/app/app.component.ts b/projects/demo/src/modules/app/app.component.ts
index 7b6b8248d2e0c..bd1f6ac2b8c23 100644
--- a/projects/demo/src/modules/app/app.component.ts
+++ b/projects/demo/src/modules/app/app.component.ts
@@ -7,7 +7,7 @@ import {DemoRoute} from '@demo/routes';
import {TuiDemo} from '@demo/utils';
import {LOCAL_STORAGE} from '@ng-web-apis/common';
import {ResizeObserverService} from '@ng-web-apis/resize-observer';
-import {TuiLanguageSwitcher} from '@taiga-ui/addon-doc';
+import {TuiDocLanguageSwitcher} from '@taiga-ui/addon-doc';
import {TuiSheetModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
import {distinctUntilChanged, filter, map} from 'rxjs';
@@ -22,7 +22,7 @@ import {TUI_VERSION_MANAGER_PROVIDERS} from './version-manager/version-manager.p
selector: 'app',
imports: [
TuiDemo,
- TuiLanguageSwitcher,
+ TuiDocLanguageSwitcher,
VersionManager,
CustomHost,
TuiTextfieldControllerModule,
diff --git a/projects/demo/src/modules/app/app.template.html b/projects/demo/src/modules/app/app.template.html
index 719cb02fd0117..9779b57787082 100644
--- a/projects/demo/src/modules/app/app.template.html
+++ b/projects/demo/src/modules/app/app.template.html
@@ -57,7 +57,7 @@
tuiTextfieldSize="m"
class="app-selects"
>
- Language of components
+ Language of components
Version
diff --git a/projects/demo/src/modules/components/alert/index.html b/projects/demo/src/modules/components/alert/index.html
index 70ed048d6532d..78cf9e86954b6 100644
--- a/projects/demo/src/modules/components/alert/index.html
+++ b/projects/demo/src/modules/components/alert/index.html
@@ -78,7 +78,7 @@
[(documentationPropertyValue)]="data"
>
Input data of notification, type:
-
+
POLYMORPHEUS_CONTEXT
into the component to get context input data and to output results. It has the following interface:
-
+
, where
O
is output data type and
diff --git a/projects/demo/src/modules/components/combo-box/index.html b/projects/demo/src/modules/components/combo-box/index.html
index b9850703dd06b..2c94273822276 100644
--- a/projects/demo/src/modules/components/combo-box/index.html
+++ b/projects/demo/src/modules/components/combo-box/index.html
@@ -215,7 +215,7 @@
[(documentationPropertyValue)]="strict"
>
Value must only be an item of suggestions
-
+
@@ -226,7 +226,7 @@
can handle
string
value, as well as
-
+
diff --git a/projects/demo/src/modules/components/dialog/index.html b/projects/demo/src/modules/components/dialog/index.html
index 3d72a9da3dd45..a6cd59ff82a10 100644
--- a/projects/demo/src/modules/components/dialog/index.html
+++ b/projects/demo/src/modules/components/dialog/index.html
@@ -189,7 +189,7 @@ Template can be customized
[(documentationPropertyValue)]="closeable"
>
Show a cross to close dialog. Pass
-
+
if you want prevent closing, for example, with a confirmation prompt.
Template can be customized
[(documentationPropertyValue)]="dismissible"
>
Dialog can be canceled with Escape key or with a click outside. Pass
-
+
if you want prevent closing, for example, with a confirmation prompt.
Template can be customized
[(documentationPropertyValue)]="data"
>
Input data for dialog, type:
-
+
Template can be customized
in it. Dialog will provide this token with some useful options:
$implicit
with
-
+
and
completeWith
hook to call
diff --git a/projects/demo/src/modules/components/input/index.html b/projects/demo/src/modules/components/input/index.html
index 69e3b7a739023..e5a861ca5f6e6 100644
--- a/projects/demo/src/modules/components/input/index.html
+++ b/projects/demo/src/modules/components/input/index.html
@@ -283,7 +283,7 @@
[(documentationPropertyValue)]="placeholder"
>
Placeholder (use external
-
+
to set it)
diff --git a/projects/demo/src/modules/components/progress-bar/examples/2/index.html b/projects/demo/src/modules/components/progress-bar/examples/2/index.html
index d79882c8ac4fd..463f2f4ddbfa5 100644
--- a/projects/demo/src/modules/components/progress-bar/examples/2/index.html
+++ b/projects/demo/src/modules/components/progress-bar/examples/2/index.html
@@ -1,7 +1,7 @@
Single color
Use
-
+
's CSS-property
color
to set solid color of progress indicator.
diff --git a/projects/demo/src/modules/components/progress-bar/examples/2/index.ts b/projects/demo/src/modules/components/progress-bar/examples/2/index.ts
index 674a247731b23..6a3c540cdbd2f 100644
--- a/projects/demo/src/modules/components/progress-bar/examples/2/index.ts
+++ b/projects/demo/src/modules/components/progress-bar/examples/2/index.ts
@@ -2,14 +2,14 @@ import {AsyncPipe, isPlatformServer} from '@angular/common';
import {Component, inject, PLATFORM_ID} from '@angular/core';
import {changeDetection} from '@demo/emulate/change-detection';
import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiTextCode} from '@taiga-ui/addon-doc';
+import {TuiDocText} from '@taiga-ui/addon-doc';
import {TUI_IS_E2E} from '@taiga-ui/cdk';
import {TuiProgress} from '@taiga-ui/kit';
import {of, timer} from 'rxjs';
@Component({
standalone: true,
- imports: [TuiTextCode, TuiProgress, AsyncPipe],
+ imports: [TuiDocText, TuiProgress, AsyncPipe],
templateUrl: './index.html',
styleUrls: ['./index.less'],
encapsulation,
diff --git a/projects/demo/src/modules/components/progress-bar/index.html b/projects/demo/src/modules/components/progress-bar/index.html
index 8246d97bba8be..4102df0e3d4de 100644
--- a/projects/demo/src/modules/components/progress-bar/index.html
+++ b/projects/demo/src/modules/components/progress-bar/index.html
@@ -11,13 +11,13 @@
– attribute component for native html tag
-
+
.
Usage:
-
+
.
@@ -120,7 +120,7 @@
value
of
-
+
of
-
+
We recommend set solid color via
-
+
's CSS-property
color
(especially, if you support old not-chromium based Edge)
diff --git a/projects/demo/src/modules/components/progress-circle/index.html b/projects/demo/src/modules/components/progress-circle/index.html
index ae4c7282c8b4f..9a670a3da8b99 100644
--- a/projects/demo/src/modules/components/progress-circle/index.html
+++ b/projects/demo/src/modules/components/progress-circle/index.html
@@ -7,7 +7,7 @@
-
-
+
-
is a component to visually represent the completion of a process or operation (as a partially filled
diff --git a/projects/demo/src/modules/components/services/scroll-service/index.html b/projects/demo/src/modules/components/services/scroll-service/index.html
index 20fda8c6b0a1c..5cc3c6720648b 100644
--- a/projects/demo/src/modules/components/services/scroll-service/index.html
+++ b/projects/demo/src/modules/components/services/scroll-service/index.html
@@ -19,7 +19,7 @@
Method
-
+
(emits a tuple tuple
diff --git a/projects/demo/src/modules/components/slider/index.html b/projects/demo/src/modules/components/slider/index.html
index 07066a804d74e..778c9b89c1a42 100644
--- a/projects/demo/src/modules/components/slider/index.html
+++ b/projects/demo/src/modules/components/slider/index.html
@@ -10,7 +10,7 @@
-
attribute component for native html tag
-
+
to choose a value from a limited range.
@@ -28,7 +28,7 @@
Usage:
-
+
.
@@ -145,7 +145,7 @@
max
of
-
+
of
-
+
of
-
+
Use maxLength for highlighting extra characters. If you want to limit the number of characters, add
-
+
with native maxlength attribute.
=> {
+ TuiDocLanguageSwitcher(async (language: TuiLanguageName): Promise => {
switch (language) {
case `belarusian`:
return import(`@taiga-ui/i18n/languages/belarusian`);
diff --git a/projects/demo/src/modules/customization/i18n/app.module.md b/projects/demo/src/modules/customization/i18n/app.module.md
index a469c1bba4e8e..8a519ca92ab17 100644
--- a/projects/demo/src/modules/customization/i18n/app.module.md
+++ b/projects/demo/src/modules/customization/i18n/app.module.md
@@ -1,6 +1,6 @@
```ts
import {TuiLanguageName} from '@taiga-ui/i18n/interfaces';
-import {tuiLanguageSwitcher} from '@taiga-ui/i18n/switch';
+import {TuiDocLanguageSwitcher} from '@taiga-ui/i18n/switch';
@Component({
standalone: true,
@@ -9,7 +9,7 @@ import {tuiLanguageSwitcher} from '@taiga-ui/i18n/switch';
],
providers: [
// ...
- tuiLanguageSwitcher(
+ TuiDocLanguageSwitcher(
/**
* @note:
* then the i18n language files will be loaded from node_modules
diff --git a/projects/demo/src/modules/customization/i18n/index.html b/projects/demo/src/modules/customization/i18n/index.html
index 9ccace33d3466..8d57248c058c6 100644
--- a/projects/demo/src/modules/customization/i18n/index.html
+++ b/projects/demo/src/modules/customization/i18n/index.html
@@ -13,7 +13,7 @@
id="theme-switcher"
[content]="example1"
>
- Language
+ Language
CLI's esbuild-based build system
diff --git a/projects/demo/src/modules/customization/i18n/index.ts b/projects/demo/src/modules/customization/i18n/index.ts
index 79203135c63b5..663f8c407158c 100644
--- a/projects/demo/src/modules/customization/i18n/index.ts
+++ b/projects/demo/src/modules/customization/i18n/index.ts
@@ -1,13 +1,13 @@
import {Component} from '@angular/core';
import {changeDetection} from '@demo/emulate/change-detection';
import {TuiDemo} from '@demo/utils';
-import {TuiLanguageSwitcher} from '@taiga-ui/addon-doc';
+import {TuiDocLanguageSwitcher} from '@taiga-ui/addon-doc';
import {TuiLink} from '@taiga-ui/core';
import {from, map} from 'rxjs';
@Component({
standalone: true,
- imports: [TuiDemo, TuiLink, TuiLanguageSwitcher],
+ imports: [TuiDemo, TuiLink, TuiDocLanguageSwitcher],
templateUrl: './index.html',
changeDetection,
})
diff --git a/projects/demo/src/modules/info/changelog/index.html b/projects/demo/src/modules/info/changelog/index.html
index 8aa680b3475a0..9bbaa24c6a665 100644
--- a/projects/demo/src/modules/info/changelog/index.html
+++ b/projects/demo/src/modules/info/changelog/index.html
@@ -1,6 +1,6 @@
diff --git a/projects/demo/src/modules/info/changelog/index.ts b/projects/demo/src/modules/info/changelog/index.ts
index ceb07cdb03392..4b83f514f21bb 100644
--- a/projects/demo/src/modules/info/changelog/index.ts
+++ b/projects/demo/src/modules/info/changelog/index.ts
@@ -1,10 +1,10 @@
import {ChangeDetectionStrategy, Component} from '@angular/core';
import {TuiDemo} from '@demo/utils';
-import {TuiMarkdownPipe} from '@taiga-ui/addon-doc';
+import {TuiDocMarkdownPipe} from '@taiga-ui/addon-doc';
@Component({
standalone: true,
- imports: [TuiDemo, TuiMarkdownPipe],
+ imports: [TuiDemo, TuiDocMarkdownPipe],
templateUrl: './index.html',
styleUrls: ['./index.less'],
changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/projects/demo/src/modules/markup/spaces/examples/1/index.html b/projects/demo/src/modules/markup/spaces/examples/1/index.html
index 0cda9f2f53823..f94bf991e7bde 100644
--- a/projects/demo/src/modules/markup/spaces/examples/1/index.html
+++ b/projects/demo/src/modules/markup/spaces/examples/1/index.html
@@ -1,6 +1,6 @@
Margin top
-
+
@@ -21,7 +21,7 @@
Margin bottom
-
+
@@ -42,7 +42,7 @@
Margin right
-
+
@@ -64,7 +64,7 @@
Margin left
-
+
Vertical and horizontal margins
-
+
and
-
+
diff --git a/projects/demo/src/modules/markup/spaces/examples/1/index.ts b/projects/demo/src/modules/markup/spaces/examples/1/index.ts
index 512bdfccd3928..741e14e2217d7 100644
--- a/projects/demo/src/modules/markup/spaces/examples/1/index.ts
+++ b/projects/demo/src/modules/markup/spaces/examples/1/index.ts
@@ -2,11 +2,11 @@ import {ClipboardModule} from '@angular/cdk/clipboard';
import {Component} from '@angular/core';
import {changeDetection} from '@demo/emulate/change-detection';
import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiDocCopy, TuiTextCode} from '@taiga-ui/addon-doc';
+import {TuiDocCopy, TuiDocText} from '@taiga-ui/addon-doc';
@Component({
standalone: true,
- imports: [TuiTextCode, TuiDocCopy, ClipboardModule],
+ imports: [TuiDocText, TuiDocCopy, ClipboardModule],
templateUrl: './index.html',
styleUrls: ['./index.less'],
encapsulation,
diff --git a/projects/demo/src/modules/markup/spaces/examples/2/index.html b/projects/demo/src/modules/markup/spaces/examples/2/index.html
index 3ca2f24f315e5..734887722be6d 100644
--- a/projects/demo/src/modules/markup/spaces/examples/2/index.html
+++ b/projects/demo/src/modules/markup/spaces/examples/2/index.html
@@ -1,6 +1,6 @@
Margin top
-
+
@@ -21,7 +21,7 @@
Margin bottom
-
+
@@ -42,7 +42,7 @@
Margin right
-
+
@@ -64,7 +64,7 @@
Margin left
-
+
Vertical and horizontal margins
-
+
and
-
+
diff --git a/projects/demo/src/modules/markup/spaces/examples/2/index.ts b/projects/demo/src/modules/markup/spaces/examples/2/index.ts
index 512bdfccd3928..741e14e2217d7 100644
--- a/projects/demo/src/modules/markup/spaces/examples/2/index.ts
+++ b/projects/demo/src/modules/markup/spaces/examples/2/index.ts
@@ -2,11 +2,11 @@ import {ClipboardModule} from '@angular/cdk/clipboard';
import {Component} from '@angular/core';
import {changeDetection} from '@demo/emulate/change-detection';
import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiDocCopy, TuiTextCode} from '@taiga-ui/addon-doc';
+import {TuiDocCopy, TuiDocText} from '@taiga-ui/addon-doc';
@Component({
standalone: true,
- imports: [TuiTextCode, TuiDocCopy, ClipboardModule],
+ imports: [TuiDocText, TuiDocCopy, ClipboardModule],
templateUrl: './index.html',
styleUrls: ['./index.less'],
encapsulation,
diff --git a/projects/demo/src/modules/markup/spaces/index.html b/projects/demo/src/modules/markup/spaces/index.html
index 52f1a0cac31cf..ffa56d1036551 100644
--- a/projects/demo/src/modules/markup/spaces/index.html
+++ b/projects/demo/src/modules/markup/spaces/index.html
@@ -11,7 +11,7 @@
You can build a class with direction and value between 0 and 15 (
-
+
).
@@ -28,7 +28,7 @@
Mixin also gets a direction and a value (
-
+
).