Merge branch 'i18n' of https://github.com/TinkoffCreditSystems/taiga-ui…

… into i18n
taiga-family · Dec 26, 2020 · 5daa29e · 5daa29e
2 parents f78d1bb + 2990165
commit 5daa29e
Show file tree

Hide file tree

Showing 294 changed files with 847 additions and 839 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -72,7 +72,7 @@
         "@tinkoff/angular-contenteditable-accessor": "1.1.0",
         "@tinkoff/ng-dompurify": "3.0.0",
         "@tinkoff/ng-event-plugins": "2.0.0",
-        "@tinkoff/ng-polymorpheus": "2.1.0",
+        "@tinkoff/ng-polymorpheus": "3.0.0",
         "angular2-text-mask": "9.0.0",
         "classlist.js": "^1.1.20150312",
         "core-js": "^2.6.9",

diff --git a/projects/addon-charts/components/bar-chart/bar-chart.template.html b/projects/addon-charts/components/bar-chart/bar-chart.template.html
@@ -21,10 +21,11 @@
         ></tui-bar-set>
     </div>
     <ng-template #hint="polymorpheus" polymorpheus>
-        <polymorpheus-outlet
+        <div
+            polymorpheus-outlet
             class="text"
             [content]="hintContent"
             [context]="getContentContext(index)"
-        ></polymorpheus-outlet>
+        ></div>
     </ng-template>
 </div>
diff --git a/projects/addon-charts/components/line-chart/line-chart.template.html b/projects/addon-charts/components/line-chart/line-chart.template.html
@@ -72,11 +72,12 @@
                 [style.bottom.%]="getBottom(point[1])"
             ></div>
             <ng-template #hint>
-                <polymorpheus-outlet
+                <div
+                    polymorpheus-outlet
                     class="text"
                     [content]="computedHint"
                     [context]="getContentContext(point)"
-                ></polymorpheus-outlet>
+                ></div>
             </ng-template>
         </ng-container>
     </ng-container>

diff --git a/projects/addon-charts/components/line-days-chart/line-days-chart.template.html b/projects/addon-charts/components/line-days-chart/line-days-chart.template.html
@@ -14,8 +14,9 @@
     [xStringify]="xStringify ? daysStringify : null"
 ></tui-line-chart>
 <ng-template #hint let-point>
-    <polymorpheus-outlet
+    <div
+        polymorpheus-outlet
         [content]="hintContent"
         [context]="getHintContext(point[0], value)"
-    ></polymorpheus-outlet>
+    ></div>
 </ng-template>
diff --git a/projects/addon-charts/components/pie-chart/pie-chart.template.html b/projects/addon-charts/components/pie-chart/pie-chart.template.html
@@ -41,9 +41,10 @@
     </g>
 </svg>
 <ng-template #template let-index>
-    <polymorpheus-outlet
+    <div
+        polymorpheus-outlet
         class="text"
         [content]="hintContent"
         [context]="getContentContext(index)"
-    ></polymorpheus-outlet>
+    ></div>
 </ng-template>
diff --git a/projects/addon-charts/components/ring-chart/ring-chart.template.html b/projects/addon-charts/components/ring-chart/ring-chart.template.html
@@ -1,10 +1,11 @@
 <div *ngIf="hasContent" class="content">
-    <polymorpheus-outlet
+    <div
+        polymorpheus-outlet
         class="wrapper"
         automation-id="tui-ring-chart__content"
         [content]="content"
         [context]="contentContext"
-    ></polymorpheus-outlet>
+    ></div>
 </div>
 
 <tui-pie-chart

diff --git a/projects/addon-charts/package.json b/projects/addon-charts/package.json
@@ -16,7 +16,7 @@
     "peerDependencies": {
         "@angular/common": ">=6.0.0",
         "@angular/core": ">=6.0.0",
-        "@tinkoff/ng-polymorpheus": ">=2.0.0",
+        "@tinkoff/ng-polymorpheus": ">=3.0.0",
         "@taiga-ui/cdk": "1.6.5",
         "@taiga-ui/core": "1.6.5"
     },

diff --git a/projects/addon-commerce/package.json b/projects/addon-commerce/package.json
@@ -17,7 +17,7 @@
         "@angular/common": ">=6.0.0",
         "@angular/core": ">=6.0.0",
         "@angular/forms": ">=6.0.0",
-        "@tinkoff/ng-polymorpheus": ">=2.0.0",
+        "@tinkoff/ng-polymorpheus": ">=3.0.0",
         "@taiga-ui/cdk": "1.6.5",
         "@taiga-ui/core": "1.6.5",
         "angular2-text-mask": "9.0.0",

diff --git a/projects/addon-doc/package.json b/projects/addon-doc/package.json
@@ -20,7 +20,7 @@
         "@angular/forms": ">=6.0.0",
         "@angular/router": ">=6.0.0",
         "@angular-devkit/schematics": "^8.3.21",
-        "@tinkoff/ng-polymorpheus": ">=2.0.0",
+        "@tinkoff/ng-polymorpheus": ">=3.0.0",
         "@taiga-ui/cdk": "1.6.5",
         "@taiga-ui/core": "1.6.5",
         "@taiga-ui/kit": "1.6.5",

diff --git a/projects/addon-doc/src/components/demo/demo.template.html b/projects/addon-doc/src/components/demo/demo.template.html
@@ -3,7 +3,7 @@
     <tui-tooltip size="l" describeId="form" [content]="tooltip">
         <ng-template #tooltip>
             {{texts[0]}}
-            <a tuiLink tuiMode="light" routerLink="/tui-mode">
+            <a tuiLink tuiMode="onDark" routerLink="/tui-mode">
                 <code>tuiMode</code>
             </a>
         </ng-template>
@@ -21,23 +21,23 @@
         </tui-radio-block>
         <tui-radio-block
             class="tui-group__auto-width-item"
-            item="light"
+            item="onDark"
             size="s"
             nativeId="form"
             [hideRadio]="true"
             [formControl]="modeControl"
         >
-            light
+            onDark
         </tui-radio-block>
         <tui-radio-block
             class="tui-group__auto-width-item"
-            item="dark"
+            item="onLight"
             size="s"
             nativeId="form"
             [hideRadio]="true"
             [formControl]="modeControl"
         >
-            dark
+            onLight
         </tui-radio-block>
     </div>
     <tui-checkbox-labeled
@@ -51,8 +51,8 @@
 <div
     #wrapper
     class="wrapper"
-    [class.wrapper_dark]="modeControl.value === 'light'"
-    [class.wrapper_gray]="modeControl.value === 'dark'"
+    [class.wrapper_dark]="modeControl.value === 'onDark'"
+    [class.wrapper_gray]="modeControl.value === 'onLight'"
     [class.wrapper_transparent]="!opaque"
 >
     <div #content id="demoContent" class="content">

diff --git a/projects/addon-doc/src/components/documentation/documentation.template.html b/projects/addon-doc/src/components/documentation/documentation.template.html
@@ -51,7 +51,7 @@ <h1 *ngIf="heading" class="tui-text_h4">{{heading}}</h1>
                         {{texts[4]}}
                         <a
                             tuiLink
-                            tuiMode="light"
+                            tuiMode="onDark"
                             target="_blank"
                             href="https://github.com/TinkoffCreditSystems/ng-polymorpheus"
                             ><code>ng-polymorpheus</code></a

diff --git a/projects/addon-doc/src/internal/source-code/source-code.template.html b/projects/addon-doc/src/internal/source-code/source-code.template.html
@@ -1,4 +1,5 @@
-<polymorpheus-outlet
+<div
+    polymorpheus-outlet
     *ngIf="!!sourceCode"
     [content]="sourceCode"
     [context]="pathOptions"
@@ -16,4 +17,4 @@
             [href]="link"
         ></a>
     </ng-template>
-</polymorpheus-outlet>
+</div>
diff --git a/projects/addon-mobile/components/mobile-dialog/mobile-dialog.template.html b/projects/addon-mobile/components/mobile-dialog/mobile-dialog.template.html
@@ -1,11 +1,12 @@
 <h2 *ngIf="!!internal.label" class="heading" [id]="context.id">
     {{internal.label}}
 </h2>
-<polymorpheus-outlet
+<div
+    polymorpheus-outlet
     class="content"
     [content]="internal.content"
     [context]="context"
-></polymorpheus-outlet>
+></div>
 <button
     *ngFor="let action of internal.actions; let index = index"
     tuiButton

diff --git a/projects/addon-mobile/directives/ripple/ripple.directive.ts b/projects/addon-mobile/directives/ripple/ripple.directive.ts
@@ -22,7 +22,6 @@ import {
     TUI_RIPPLE_START,
 } from './ripple.providers';
 
-const RIPPLE_SELECTOR = '[tuiRipple]';
 const TOUCH_MOVE_DELAY = 100;
 const STYLE = `
 @keyframes ${RIPPLE_ON} {
@@ -49,7 +48,7 @@ const STYLE = `
     }
 }
 
-*${RIPPLE_SELECTOR} {
+*[tuiRipple] {
     position: relative;
     overflow: hidden;
 }
@@ -67,7 +66,7 @@ const STYLE = `
 `;
 
 @Directive({
-    selector: RIPPLE_SELECTOR,
+    selector: '[tuiRipple]',
     providers: TUI_RIPPLE_PROVIDERS,
 })
 export class TuiRippleDirective {

diff --git a/projects/addon-mobile/directives/sidebar/sidebar.template.html b/projects/addon-mobile/directives/sidebar/sidebar.template.html
@@ -1,5 +1,6 @@
-<polymorpheus-outlet
+<div
+    polymorpheus-outlet
     class="wrapper"
     tuiActiveZone
     [content]="content"
-></polymorpheus-outlet>
+></div>
diff --git a/projects/addon-mobile/package.json b/projects/addon-mobile/package.json
@@ -14,7 +14,7 @@
         "@angular/cdk": ">=7.0.0",
         "@angular/common": ">=7.0.0",
         "@angular/core": ">=7.0.0",
-        "@tinkoff/ng-polymorpheus": ">=2.0.0",
+        "@tinkoff/ng-polymorpheus": ">=3.0.0",
         "@taiga-ui/cdk": "1.6.5",
         "@taiga-ui/core": "1.6.5",
         "@taiga-ui/kit": "1.6.5",

diff --git a/projects/addon-table/package.json b/projects/addon-table/package.json
@@ -16,7 +16,7 @@
         "@angular/cdk": ">=7.0.0",
         "@angular/common": ">=7.0.0",
         "@angular/core": ">=7.0.0",
-        "@tinkoff/ng-polymorpheus": ">=2.0.0",
+        "@tinkoff/ng-polymorpheus": ">=3.0.0",
         "@taiga-ui/cdk": "1.6.5",
         "@taiga-ui/core": "1.6.5",
         "rxjs": ">=6.0.0"

diff --git a/projects/addon-tablebars/classes/table-bar.ts b/projects/addon-tablebars/classes/table-bar.ts
@@ -15,11 +15,7 @@ export class TableBar {
         readonly content: PolymorpheusContent<{}>,
         options: TuiTableBarOptions = {},
     ) {
-        const {
-            mode = TuiBrightness.Dark,
-            hasCloseButton = false,
-            adaptive = false,
-        } = options;
+        const {mode = 'onLight', hasCloseButton = false, adaptive = false} = options;
 
         this.mode = mode;
         this.hasCloseButton = hasCloseButton;

diff --git a/projects/addon-tablebars/components/table-bars-host/table-bars-host.component.ts b/projects/addon-tablebars/components/table-bars-host/table-bars-host.component.ts
@@ -19,7 +19,7 @@ export class TuiTableBarsHostComponent {
     ) {}
 
     getMode(mode: TuiBrightness): TuiBrightness | null {
-        return mode === 'dark' ? TuiBrightness.Light : null;
+        return mode === 'onLight' ? 'onDark' : null;
     }
 
     onCloseClick(itemToRemove: TableBar) {

diff --git a/projects/addon-tablebars/components/table-bars-host/table-bars-host.template.html b/projects/addon-tablebars/components/table-bars-host/table-bars-host.template.html
@@ -2,19 +2,20 @@
     <div
         automation-id="tui-table-bar__bar"
         class="bar"
-        [class.bar_light]="item.mode === 'light'"
+        [class.bar_light]="item.mode === 'onDark'"
         [@tuiSlideInTop]
     >
         <div
             class="tui-container"
             [class.tui-container_adaptive]="item.adaptive"
         >
             <div class="inner">
-                <polymorpheus-outlet
+                <div
+                    polymorpheus-outlet
                     class="content"
                     [content]="item.content"
                     [context]="getItemContext(item)"
-                ></polymorpheus-outlet>
+                ></div>
 
                 <button
                     *ngIf="item.hasCloseButton"

diff --git a/projects/addon-tablebars/components/table-bars-host/test/table-bars-host.component.spec.ts b/projects/addon-tablebars/components/table-bars-host/test/table-bars-host.component.spec.ts
@@ -1,7 +1,6 @@
 import {Component, DebugElement, ViewChild} from '@angular/core';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
-import {TuiBrightness} from '@taiga-ui/core';
 import {PageObject} from '@taiga-ui/testing';
 import {configureTestSuite} from 'ng-bullet';
 import {Subscription, timer} from 'rxjs';
@@ -94,7 +93,7 @@ describe('TableBarsHost', () => {
     });
 
     it('при mode: light tableBar светлый', () => {
-        service.open(title, {mode: TuiBrightness.Light}).pipe(take(1)).subscribe();
+        service.open(title, {mode: 'onDark'}).pipe(take(1)).subscribe();
         fixture.detectChanges();
 
         expect(getBar().nativeElement.classList.contains('bar_light')).toBe(true);

diff --git a/projects/addon-tablebars/package.json b/projects/addon-tablebars/package.json
@@ -15,7 +15,7 @@
     "peerDependencies": {
         "@angular/common": ">=6.0.0",
         "@angular/core": ">=6.0.0",
-        "@tinkoff/ng-polymorpheus": ">=2.0.0",
+        "@tinkoff/ng-polymorpheus": ">=3.0.0",
         "@taiga-ui/cdk": "1.6.5",
         "@taiga-ui/core": "1.6.5",
         "rxjs": ">=6.0.0"

diff --git a/projects/cdk/components/dialog-host/dialog-host.template.html b/projects/cdk/components/dialog-host/dialog-host.template.html
@@ -1,4 +1,5 @@
-<polymorpheus-outlet
+<div
+    polymorpheus-outlet
     *ngFor="let item of dialogs$ | async"
     tuiFocusTrap
     tuiOverscroll="all"
@@ -9,5 +10,5 @@
     [content]="item.component"
     [context]="item"
     [@tuiParentAnimation]
-></polymorpheus-outlet>
+></div>
 <div class="overlay"></div>
diff --git a/projects/cdk/decorators/default-prop.ts b/projects/cdk/decorators/default-prop.ts
@@ -1,5 +1,5 @@
 import {tuiAssert} from '@taiga-ui/cdk/classes';
-import {TuiAssertion} from '@taiga-ui/cdk/types';
+import {TuiBooleanHandler} from '@taiga-ui/cdk/types';
 
 /**
  * Decorator for checking input values for undefined. You can also pass
@@ -10,7 +10,7 @@ import {TuiAssertion} from '@taiga-ui/cdk/types';
  * CAUTION: This decorator overwrites other getters and setters.
  */
 export function tuiDefaultProp<T extends object, K extends keyof T>(
-    assertion?: TuiAssertion<T, K>,
+    assertion?: TuiBooleanHandler<T[K]>,
     ...args: any[]
 ): PropertyDecorator {
     return (target, key) => {
@@ -33,7 +33,7 @@ export function tuiDefaultProp<T extends object, K extends keyof T>(
 
                 if (isValid && assertion) {
                     tuiAssert.assert(
-                        assertion(initialValue, this),
+                        assertion.call(this, initialValue),
                         `${String(key)} in ${name} received:`,
                         initialValue,
                         ...args,
@@ -56,7 +56,7 @@ export function tuiDefaultProp<T extends object, K extends keyof T>(
 
                         if (isValid && assertion) {
                             tuiAssert.assert(
-                                assertion(value, this),
+                                assertion.call(this, value),
                                 `${String(key)} in ${name} received:`,
                                 value,
                                 ...args,