From fc71d033631ed512429a0dd285c1739aadfe65c6 Mon Sep 17 00:00:00 2001 From: Alex Inkin Date: Fri, 5 Apr 2024 20:33:58 +0800 Subject: [PATCH] refactor(kit)!: drop `Action` and `MarkerIcon` (#7176) Co-authored-by: taiga-family-bot --- .../core/styles/theme/appearance/status.less | 11 +- .../core/marker-icon/marker-icon.spec.ts | 15 -- projects/demo/src/modules/app/app.routes.ts | 14 -- projects/demo/src/modules/app/demo-routes.ts | 2 - projects/demo/src/modules/app/pages.ts | 12 -- .../components/action/examples/1/index.html | 29 --- .../components/action/examples/1/index.less | 21 -- .../components/action/examples/1/index.ts | 22 -- .../components/action/examples/2/index.html | 9 - .../components/action/examples/2/index.ts | 14 -- .../components/action/examples/3/index.html | 49 ----- .../components/action/examples/3/index.less | 21 -- .../components/action/examples/3/index.ts | 15 -- .../components/action/examples/4/index.html | 30 --- .../components/action/examples/4/index.less | 43 ---- .../components/action/examples/4/index.ts | 15 -- .../components/action/examples/5/index.html | 20 -- .../components/action/examples/5/index.less | 18 -- .../components/action/examples/5/index.ts | 15 -- .../action/examples/import/import-module.md | 14 -- .../action/examples/import/insert-template.md | 22 -- .../src/modules/components/action/index.html | 134 ------------ .../src/modules/components/action/index.ts | 76 ------- .../components/carousel/carousel.module.ts | 4 +- .../components/carousel/examples/3/index.html | 4 +- .../components/dialog/dialog.module.ts | 4 +- .../components/dialog/examples/4/index.html | 3 +- .../components/dialog/examples/4/index.less | 4 +- .../input-files/examples/5/index.html | 8 +- .../input-files/input-files.module.ts | 8 +- .../components/island/examples/3/index.html | 12 +- .../components/island/examples/3/index.less | 9 +- .../components/island/island.module.ts | 6 +- .../9/account/my-account.component.html | 3 +- .../9/account/my-account.component.less | 4 +- .../components/select/select.module.ts | 2 - .../icons/marker-icon/examples/1/index.html | 1 - .../icons/marker-icon/examples/1/index.ts | 11 - .../icons/marker-icon/examples/2/index.html | 35 ---- .../icons/marker-icon/examples/2/index.less | 17 -- .../icons/marker-icon/examples/2/index.ts | 12 -- .../icons/marker-icon/examples/3/index.html | 49 ----- .../icons/marker-icon/examples/3/index.ts | 11 - .../examples/import/import-module.md | 14 -- .../examples/import/insert-template.md | 3 - .../marker-icon/marker-icon.component.ts | 64 ------ .../icons/marker-icon/marker-icon.module.ts | 31 --- .../icons/marker-icon/marker-icon.style.less | 5 - .../marker-icon/marker-icon.template.html | 122 ----------- .../demo/src/modules/info/related/index.html | 5 +- .../demo/src/modules/info/related/index.less | 6 +- .../demo/src/modules/info/related/index.ts | 5 +- projects/demo/used-icons.ts | 15 +- .../components/chip/chip.style.less | 8 + .../kit/components/action/action.component.ts | 67 ------ .../kit/components/action/action.module.ts | 18 -- .../kit/components/action/action.style.less | 25 --- .../components/action/action.template.html | 7 - projects/kit/components/action/index.ts | 2 - .../kit/components/action/ng-package.json | 5 - .../action/test/action.component.spec.ts | 125 ----------- .../kit/components/badge/badge.style.less | 8 + projects/kit/components/index.ts | 2 - projects/kit/components/marker-icon/index.ts | 2 - .../marker-icon/marker-icon.component.ts | 36 ---- .../marker-icon/marker-icon.module.ts | 12 -- .../marker-icon/marker-icon.style.less | 194 ------------------ .../marker-icon/marker-icon.template.html | 4 - .../components/marker-icon/ng-package.json | 5 - projects/kit/types/index.ts | 1 - projects/kit/types/marker-icon-mode.ts | 8 - projects/testing/core/action.harness.ts | 13 -- projects/testing/core/index.ts | 2 - projects/testing/core/marker-icon.harness.ts | 5 - 74 files changed, 73 insertions(+), 1574 deletions(-) delete mode 100644 projects/demo-playwright/tests/core/marker-icon/marker-icon.spec.ts delete mode 100644 projects/demo/src/modules/components/action/examples/1/index.html delete mode 100644 projects/demo/src/modules/components/action/examples/1/index.less delete mode 100644 projects/demo/src/modules/components/action/examples/1/index.ts delete mode 100644 projects/demo/src/modules/components/action/examples/2/index.html delete mode 100644 projects/demo/src/modules/components/action/examples/2/index.ts delete mode 100644 projects/demo/src/modules/components/action/examples/3/index.html delete mode 100644 projects/demo/src/modules/components/action/examples/3/index.less delete mode 100644 projects/demo/src/modules/components/action/examples/3/index.ts delete mode 100644 projects/demo/src/modules/components/action/examples/4/index.html delete mode 100644 projects/demo/src/modules/components/action/examples/4/index.less delete mode 100644 projects/demo/src/modules/components/action/examples/4/index.ts delete mode 100644 projects/demo/src/modules/components/action/examples/5/index.html delete mode 100644 projects/demo/src/modules/components/action/examples/5/index.less delete mode 100644 projects/demo/src/modules/components/action/examples/5/index.ts delete mode 100644 projects/demo/src/modules/components/action/examples/import/import-module.md delete mode 100644 projects/demo/src/modules/components/action/examples/import/insert-template.md delete mode 100644 projects/demo/src/modules/components/action/index.html delete mode 100644 projects/demo/src/modules/components/action/index.ts delete mode 100644 projects/demo/src/modules/icons/marker-icon/examples/1/index.html delete mode 100644 projects/demo/src/modules/icons/marker-icon/examples/1/index.ts delete mode 100644 projects/demo/src/modules/icons/marker-icon/examples/2/index.html delete mode 100644 projects/demo/src/modules/icons/marker-icon/examples/2/index.less delete mode 100644 projects/demo/src/modules/icons/marker-icon/examples/2/index.ts delete mode 100644 projects/demo/src/modules/icons/marker-icon/examples/3/index.html delete mode 100644 projects/demo/src/modules/icons/marker-icon/examples/3/index.ts delete mode 100644 projects/demo/src/modules/icons/marker-icon/examples/import/import-module.md delete mode 100644 projects/demo/src/modules/icons/marker-icon/examples/import/insert-template.md delete mode 100644 projects/demo/src/modules/icons/marker-icon/marker-icon.component.ts delete mode 100644 projects/demo/src/modules/icons/marker-icon/marker-icon.module.ts delete mode 100644 projects/demo/src/modules/icons/marker-icon/marker-icon.style.less delete mode 100644 projects/demo/src/modules/icons/marker-icon/marker-icon.template.html delete mode 100644 projects/kit/components/action/action.component.ts delete mode 100644 projects/kit/components/action/action.module.ts delete mode 100644 projects/kit/components/action/action.style.less delete mode 100644 projects/kit/components/action/action.template.html delete mode 100644 projects/kit/components/action/index.ts delete mode 100644 projects/kit/components/action/ng-package.json delete mode 100644 projects/kit/components/action/test/action.component.spec.ts delete mode 100644 projects/kit/components/marker-icon/index.ts delete mode 100644 projects/kit/components/marker-icon/marker-icon.component.ts delete mode 100644 projects/kit/components/marker-icon/marker-icon.module.ts delete mode 100644 projects/kit/components/marker-icon/marker-icon.style.less delete mode 100644 projects/kit/components/marker-icon/marker-icon.template.html delete mode 100644 projects/kit/components/marker-icon/ng-package.json delete mode 100644 projects/kit/types/marker-icon-mode.ts delete mode 100644 projects/testing/core/action.harness.ts delete mode 100644 projects/testing/core/marker-icon.harness.ts diff --git a/projects/core/styles/theme/appearance/status.less b/projects/core/styles/theme/appearance/status.less index dcb543c73207..0399d9ccc454 100644 --- a/projects/core/styles/theme/appearance/status.less +++ b/projects/core/styles/theme/appearance/status.less @@ -5,7 +5,6 @@ [tuiAppearance][data-appearance='warning'], [tuiAppearance][data-appearance='info'], [tuiAppearance][data-appearance='neutral'] { - color: var(--tui-text-01); background: var(--t-bg); &:checked { @@ -16,6 +15,8 @@ [tuiAppearance][data-appearance='error'] { --t-bg: var(--tui-error-bg); + color: var(--tui-error-fill); + .appearance-hover({ --t-bg: var(--tui-error-bg-hover); }); @@ -32,6 +33,8 @@ [tuiAppearance][data-appearance='success'] { --t-bg: var(--tui-success-bg); + color: var(--tui-success-fill); + .appearance-hover({ --t-bg: var(--tui-success-bg-hover); }); @@ -48,6 +51,8 @@ [tuiAppearance][data-appearance='warning'] { --t-bg: var(--tui-warning-bg); + color: var(--tui-warning-fill); + .appearance-hover({ --t-bg: var(--tui-warning-bg-hover); }); @@ -64,6 +69,8 @@ [tuiAppearance][data-appearance='info'] { --t-bg: var(--tui-info-bg); + color: var(--tui-info-fill); + .appearance-hover({ --t-bg: var(--tui-info-bg-hover); }); @@ -80,6 +87,8 @@ [tuiAppearance][data-appearance='neutral'] { --t-bg: var(--tui-neutral-bg); + color: var(--tui-neutral-fill); + .appearance-hover({ --t-bg: var(--tui-neutral-bg-hover); }); diff --git a/projects/demo-playwright/tests/core/marker-icon/marker-icon.spec.ts b/projects/demo-playwright/tests/core/marker-icon/marker-icon.spec.ts deleted file mode 100644 index f592f2e302da..000000000000 --- a/projects/demo-playwright/tests/core/marker-icon/marker-icon.spec.ts +++ /dev/null @@ -1,15 +0,0 @@ -import {TuiDocumentationPagePO, tuiGoto} from '@demo-playwright/utils'; -import {expect, test} from '@playwright/test'; - -test.describe('tuiMarkerIcon', () => { - test('link', async ({page}) => { - await tuiGoto(page, 'icons/marker-icon'); - const example = new TuiDocumentationPagePO(page).getExample('#modes'); - - await expect(example).toHaveScreenshot('01-marker-icons.png'); - - await example.locator('a[tuiMarkerIcon]').nth(0).hover(); - - await expect(example).toHaveScreenshot('02-marker-icons-and-hovered-link.png'); - }); -}); diff --git a/projects/demo/src/modules/app/app.routes.ts b/projects/demo/src/modules/app/app.routes.ts index 9ac22c5a8cf1..77699ef547ad 100644 --- a/projects/demo/src/modules/app/app.routes.ts +++ b/projects/demo/src/modules/app/app.routes.ts @@ -104,11 +104,6 @@ export const ROUTES: Routes = [ title: 'Accordion', loadComponent: async () => import('../components/accordion'), }), - route({ - path: DemoRoute.Action, - title: 'Action', - loadComponent: async () => import('../components/action'), - }), route({ path: DemoRoute.Avatar, title: 'Avatar', @@ -1075,15 +1070,6 @@ export const ROUTES: Routes = [ title: 'Icons customization', }, }, - { - path: DemoRoute.MarkerIcon, - loadChildren: async () => - (await import('../icons/marker-icon/marker-icon.module')) - .ExampleTuiMarkerIconModule, - data: { - title: 'MarkerIcon', - }, - }, // FILTER { path: DemoRoute.Filter, diff --git a/projects/demo/src/modules/app/demo-routes.ts b/projects/demo/src/modules/app/demo-routes.ts index 35a461c9b367..64c2954f22e4 100644 --- a/projects/demo/src/modules/app/demo-routes.ts +++ b/projects/demo/src/modules/app/demo-routes.ts @@ -17,7 +17,6 @@ export const DemoRoute = { Portals: 'portals', Viewport: 'viewport', Accordion: 'components/accordion', - Action: 'components/action', Avatar: 'components/avatar', Badge: 'components/badge', BadgedContent: 'components/badged-content', @@ -139,7 +138,6 @@ export const DemoRoute = { IconsMapping: 'icons/mapping', IconsBundled: 'icons/bundled', IconsCustomization: 'icons/customization', - MarkerIcon: 'icons/marker-icon', Filter: 'components/filter', ArcChart: 'charts/arc-chart', Axes: 'charts/axes', diff --git a/projects/demo/src/modules/app/pages.ts b/projects/demo/src/modules/app/pages.ts index d2e62cd096d7..d77259e39ef7 100644 --- a/projects/demo/src/modules/app/pages.ts +++ b/projects/demo/src/modules/app/pages.ts @@ -141,12 +141,6 @@ export const pages: TuiDocPages = [ keywords: 'open, аккордеон, expand, раскрывашка, spoiler, cut', route: DemoRoute.Accordion, }, - { - section: 'Components', - title: 'Action', - keywords: 'кнопка, button, ссылка, link, действие, icon, иконка', - route: DemoRoute.Action, - }, { section: 'Components', title: 'Alert', @@ -1060,12 +1054,6 @@ export const pages: TuiDocPages = [ 'icons, icon, svg, customization, стили, иконки, картинка, свг, иконка, графика', route: DemoRoute.IconsCustomization, }, - { - section: 'Icons', - title: 'MarkerIcon', - keywords: 'icons, icon, marker, иконки, картинка, свг, иконка, графика', - route: DemoRoute.MarkerIcon, - }, // Navigation { section: 'Navigation', diff --git a/projects/demo/src/modules/components/action/examples/1/index.html b/projects/demo/src/modules/components/action/examples/1/index.html deleted file mode 100644 index bcebd50d171c..000000000000 --- a/projects/demo/src/modules/components/action/examples/1/index.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - diff --git a/projects/demo/src/modules/components/action/examples/1/index.less b/projects/demo/src/modules/components/action/examples/1/index.less deleted file mode 100644 index 3b0a20bb1ab0..000000000000 --- a/projects/demo/src/modules/components/action/examples/1/index.less +++ /dev/null @@ -1,21 +0,0 @@ -:host { - display: flex; - flex-wrap: wrap; - column-gap: 3rem; - row-gap: 1.5rem; -} - -.action { - flex: 1; - align-items: center; - - &:first-child { - --tui-action-color: var(--tui-positive); - --tui-action-background: var(--tui-success-bg); - } - - &:last-child { - --tui-action-color: var(--tui-negative); - --tui-action-background: var(--tui-error-bg); - } -} diff --git a/projects/demo/src/modules/components/action/examples/1/index.ts b/projects/demo/src/modules/components/action/examples/1/index.ts deleted file mode 100644 index e5c4d2be1eb4..000000000000 --- a/projects/demo/src/modules/components/action/examples/1/index.ts +++ /dev/null @@ -1,22 +0,0 @@ -import {Component, inject} from '@angular/core'; -import {changeDetection} from '@demo/emulate/change-detection'; -import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiAlertService} from '@taiga-ui/core'; -import {TuiActionModule} from '@taiga-ui/kit'; - -@Component({ - standalone: true, - selector: 'tui-action-example-1', - imports: [TuiActionModule], - templateUrl: './index.html', - styleUrls: ['./index.less'], - encapsulation, - changeDetection, -}) -export class TuiActionExample1 { - private readonly alerts = inject(TuiAlertService); - - protected onClick(result: string): void { - this.alerts.open(result).subscribe(); - } -} diff --git a/projects/demo/src/modules/components/action/examples/2/index.html b/projects/demo/src/modules/components/action/examples/2/index.html deleted file mode 100644 index 1b8b8eaedc63..000000000000 --- a/projects/demo/src/modules/components/action/examples/2/index.html +++ /dev/null @@ -1,9 +0,0 @@ - - It's - diff --git a/projects/demo/src/modules/components/action/examples/2/index.ts b/projects/demo/src/modules/components/action/examples/2/index.ts deleted file mode 100644 index 6651e53e8a57..000000000000 --- a/projects/demo/src/modules/components/action/examples/2/index.ts +++ /dev/null @@ -1,14 +0,0 @@ -import {Component} from '@angular/core'; -import {changeDetection} from '@demo/emulate/change-detection'; -import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiActionModule} from '@taiga-ui/kit'; - -@Component({ - standalone: true, - selector: 'tui-action-example-2', - imports: [TuiActionModule], - templateUrl: './index.html', - encapsulation, - changeDetection, -}) -export class TuiActionExample2 {} diff --git a/projects/demo/src/modules/components/action/examples/3/index.html b/projects/demo/src/modules/components/action/examples/3/index.html deleted file mode 100644 index 85253a8c6b3c..000000000000 --- a/projects/demo/src/modules/components/action/examples/3/index.html +++ /dev/null @@ -1,49 +0,0 @@ - - - - - diff --git a/projects/demo/src/modules/components/action/examples/3/index.less b/projects/demo/src/modules/components/action/examples/3/index.less deleted file mode 100644 index e9a5cf083d4a..000000000000 --- a/projects/demo/src/modules/components/action/examples/3/index.less +++ /dev/null @@ -1,21 +0,0 @@ -.action { - max-width: 26rem; - align-items: center; -} - -.icon { - color: var(--tui-support-10); -} - -.header, -.description { - margin: 0; -} - -.header { - font-weight: bold; -} - -.description { - color: var(--tui-text-02); -} diff --git a/projects/demo/src/modules/components/action/examples/3/index.ts b/projects/demo/src/modules/components/action/examples/3/index.ts deleted file mode 100644 index 66556122b0b8..000000000000 --- a/projects/demo/src/modules/components/action/examples/3/index.ts +++ /dev/null @@ -1,15 +0,0 @@ -import {Component} from '@angular/core'; -import {changeDetection} from '@demo/emulate/change-detection'; -import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiActionModule, TuiMarkerIconModule} from '@taiga-ui/kit'; - -@Component({ - standalone: true, - selector: 'tui-action-example-3', - imports: [TuiActionModule, TuiMarkerIconModule], - templateUrl: './index.html', - styleUrls: ['./index.less'], - encapsulation, - changeDetection, -}) -export class TuiActionExample3 {} diff --git a/projects/demo/src/modules/components/action/examples/4/index.html b/projects/demo/src/modules/components/action/examples/4/index.html deleted file mode 100644 index 927b2a5ccb1f..000000000000 --- a/projects/demo/src/modules/components/action/examples/4/index.html +++ /dev/null @@ -1,30 +0,0 @@ - - - diff --git a/projects/demo/src/modules/components/action/examples/4/index.less b/projects/demo/src/modules/components/action/examples/4/index.less deleted file mode 100644 index 8500703250ff..000000000000 --- a/projects/demo/src/modules/components/action/examples/4/index.less +++ /dev/null @@ -1,43 +0,0 @@ -:host { - display: flex; - flex-wrap: wrap; - column-gap: 3rem; - row-gap: 1.5rem; -} - -[tuiAction] { - flex: 1; - justify-content: start; - align-items: center; -} - -.no-shadow { - box-shadow: none; - - &:hover { - box-shadow: none; - } -} - -.header, -.description { - margin: 0; -} - -.header { - font-weight: bold; -} - -.description { - color: var(--tui-text-02); -} - -.positive { - color: var(--tui-positive); - background: var(--tui-success-bg); -} - -.negative { - color: var(--tui-negative); - background: var(--tui-error-bg); -} diff --git a/projects/demo/src/modules/components/action/examples/4/index.ts b/projects/demo/src/modules/components/action/examples/4/index.ts deleted file mode 100644 index e72283480072..000000000000 --- a/projects/demo/src/modules/components/action/examples/4/index.ts +++ /dev/null @@ -1,15 +0,0 @@ -import {Component} from '@angular/core'; -import {changeDetection} from '@demo/emulate/change-detection'; -import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiActionModule, TuiMarkerIconModule} from '@taiga-ui/kit'; - -@Component({ - standalone: true, - selector: 'tui-action-example-4', - imports: [TuiActionModule, TuiMarkerIconModule], - templateUrl: './index.html', - styleUrls: ['./index.less'], - encapsulation, - changeDetection, -}) -export class TuiActionExample4 {} diff --git a/projects/demo/src/modules/components/action/examples/5/index.html b/projects/demo/src/modules/components/action/examples/5/index.html deleted file mode 100644 index 9cba110674ae..000000000000 --- a/projects/demo/src/modules/components/action/examples/5/index.html +++ /dev/null @@ -1,20 +0,0 @@ - -
- -

Header

-

- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the - industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and - scrambled it to make a type specimen book. -

-
- diff --git a/projects/demo/src/modules/components/action/examples/5/index.less b/projects/demo/src/modules/components/action/examples/5/index.less deleted file mode 100644 index 034be347bd8f..000000000000 --- a/projects/demo/src/modules/components/action/examples/5/index.less +++ /dev/null @@ -1,18 +0,0 @@ -[tuiAction] { - max-width: 20rem; - align-items: center; -} - -.header, -.description { - margin: 0; -} - -.header { - margin-top: 0.5rem; - font-weight: bold; -} - -.description { - color: var(--tui-text-02); -} diff --git a/projects/demo/src/modules/components/action/examples/5/index.ts b/projects/demo/src/modules/components/action/examples/5/index.ts deleted file mode 100644 index e6bd16c16e30..000000000000 --- a/projects/demo/src/modules/components/action/examples/5/index.ts +++ /dev/null @@ -1,15 +0,0 @@ -import {Component} from '@angular/core'; -import {changeDetection} from '@demo/emulate/change-detection'; -import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiActionModule, TuiMarkerIconModule} from '@taiga-ui/kit'; - -@Component({ - standalone: true, - selector: 'tui-action-example-5', - imports: [TuiActionModule, TuiMarkerIconModule], - templateUrl: './index.html', - styleUrls: ['./index.less'], - encapsulation, - changeDetection, -}) -export class TuiActionExample5 {} diff --git a/projects/demo/src/modules/components/action/examples/import/import-module.md b/projects/demo/src/modules/components/action/examples/import/import-module.md deleted file mode 100644 index be7c15ee430b..000000000000 --- a/projects/demo/src/modules/components/action/examples/import/import-module.md +++ /dev/null @@ -1,14 +0,0 @@ -```ts -import {TuiActionModule} from '@taiga-ui/kit'; - -// ... - -@NgModule({ - imports: [ - // ... - TuiActionModule, - ], - // ... -}) -export class MyModule {} -``` diff --git a/projects/demo/src/modules/components/action/examples/import/insert-template.md b/projects/demo/src/modules/components/action/examples/import/insert-template.md deleted file mode 100644 index 5db190d66c21..000000000000 --- a/projects/demo/src/modules/components/action/examples/import/insert-template.md +++ /dev/null @@ -1,22 +0,0 @@ -```html - - - - Link - - -``` diff --git a/projects/demo/src/modules/components/action/index.html b/projects/demo/src/modules/components/action/index.html deleted file mode 100644 index dec90f8cacbd..000000000000 --- a/projects/demo/src/modules/components/action/index.html +++ /dev/null @@ -1,134 +0,0 @@ - - - Component that shows some action. Better to use it in a group. - - - This component requires - @taiga-ui/styles - optional package with - @taiga-ui/styles/taiga-ui-global - - added to your global styles - - . - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Icon - - - - - Color of the icon - - - Background of the icon - - - - - -
    -
  1. -

    - Import - TuiActionModule - into a module where you want to use our component -

    - - -
    2. - -
  2. -

    Add to the template:

    - - -
    3. -
- - diff --git a/projects/demo/src/modules/components/action/index.ts b/projects/demo/src/modules/components/action/index.ts deleted file mode 100644 index add79e6e5b3f..000000000000 --- a/projects/demo/src/modules/components/action/index.ts +++ /dev/null @@ -1,76 +0,0 @@ -import {Component} from '@angular/core'; -import {RouterLink} from '@angular/router'; -import {changeDetection} from '@demo/emulate/change-detection'; -import {encapsulation} from '@demo/emulate/encapsulation'; -import {TuiAddonDocModule, type TuiDocExample} from '@taiga-ui/addon-doc'; -import {TuiLinkDirective, TuiNotificationModule} from '@taiga-ui/core'; -import {TuiActionModule} from '@taiga-ui/kit'; - -import {TuiActionExample1} from './examples/1'; -import {TuiActionExample2} from './examples/2'; -import {TuiActionExample3} from './examples/3'; -import {TuiActionExample4} from './examples/4'; -import {TuiActionExample5} from './examples/5'; - -@Component({ - standalone: true, - imports: [ - TuiAddonDocModule, - TuiNotificationModule, - RouterLink, - TuiLinkDirective, - TuiActionExample1, - TuiActionExample2, - TuiActionExample3, - TuiActionExample4, - TuiActionExample5, - TuiActionModule, - ], - templateUrl: './index.html', - encapsulation, - changeDetection, -}) -export default class PageComponent { - protected readonly exampleModule = import('./examples/import/import-module.md?raw'); - protected readonly exampleHtml = import('./examples/import/insert-template.md?raw'); - - protected readonly example1: TuiDocExample = { - HTML: import('./examples/1/index.html?raw'), - TypeScript: import('./examples/1/index.ts?raw'), - LESS: import('./examples/1/index.less?raw'), - }; - - protected readonly example2: TuiDocExample = { - HTML: import('./examples/2/index.html?raw'), - TypeScript: import('./examples/2/index.ts?raw'), - }; - - protected readonly example3: TuiDocExample = { - HTML: import('./examples/3/index.html?raw'), - LESS: import('./examples/3/index.less?raw'), - TypeScript: import('./examples/3/index.ts?raw'), - }; - - protected readonly example4: TuiDocExample = { - HTML: import('./examples/4/index.html?raw'), - LESS: import('./examples/4/index.less?raw'), - TypeScript: import('./examples/4/index.ts?raw'), - }; - - protected readonly example5: TuiDocExample = { - HTML: import('./examples/5/index.html?raw'), - LESS: import('./examples/5/index.less?raw'), - TypeScript: import('./examples/5/index.ts?raw'), - }; - - protected readonly iconVariants = [ - 'tuiIconPrinterLarge', - 'tuiIconLoginLarge', - 'tuiIconCalendarLarge', - ]; - - protected icon = this.iconVariants[0]; - - protected color = 'var(--tui-link)'; - protected background = 'var(--tui-base-02)'; -} diff --git a/projects/demo/src/modules/components/carousel/carousel.module.ts b/projects/demo/src/modules/components/carousel/carousel.module.ts index b6a332a0e1b2..0b6a2e74380c 100644 --- a/projects/demo/src/modules/components/carousel/carousel.module.ts +++ b/projects/demo/src/modules/components/carousel/carousel.module.ts @@ -13,9 +13,9 @@ import { TuiNotificationModule, } from '@taiga-ui/core'; import { + TuiAvatarComponent, TuiCarouselModule, TuiIslandModule, - TuiMarkerIconModule, TuiPaginationModule, } from '@taiga-ui/kit'; @@ -37,7 +37,7 @@ import {TuiCarouselExample5} from './examples/5'; TuiIslandModule, TuiAmountPipe, TuiLoaderModule, - TuiMarkerIconModule, + TuiAvatarComponent, TuiDialogModule, TuiModeModule, TuiRepeatTimesModule, diff --git a/projects/demo/src/modules/components/carousel/examples/3/index.html b/projects/demo/src/modules/components/carousel/examples/3/index.html index b627a9f60283..625428f749ae 100644 --- a/projects/demo/src/modules/components/carousel/examples/3/index.html +++ b/projects/demo/src/modules/components/carousel/examples/3/index.html @@ -46,8 +46,8 @@

Monty Python and the Holy Grail

>

Failed to load

-

diff --git a/projects/demo/src/modules/components/dialog/dialog.module.ts b/projects/demo/src/modules/components/dialog/dialog.module.ts index e01ecfae2169..73a80b92d145 100644 --- a/projects/demo/src/modules/components/dialog/dialog.module.ts +++ b/projects/demo/src/modules/components/dialog/dialog.module.ts @@ -23,9 +23,9 @@ import { } from '@taiga-ui/core'; import { TuiAccordionModule, + TuiAvatarComponent, TuiInputModule, TuiInputNumberModule, - TuiMarkerIconModule, TuiRadioListComponent, } from '@taiga-ui/kit'; import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus'; @@ -59,7 +59,7 @@ import {TuiDialogExampleComponent10} from './examples/10'; TuiInputModule, TuiHintModule, TuiLinkDirective, - TuiMarkerIconModule, + TuiAvatarComponent, TuiNotificationModule, TuiElasticStickyModule, TuiAutoFocusDirective, diff --git a/projects/demo/src/modules/components/dialog/examples/4/index.html b/projects/demo/src/modules/components/dialog/examples/4/index.html index 9e3521ec9d28..d5653251fe08 100644 --- a/projects/demo/src/modules/components/dialog/examples/4/index.html +++ b/projects/demo/src/modules/components/dialog/examples/4/index.html @@ -32,7 +32,8 @@

Long mobile dialog with filters

>