feat(i18n): remove text resources from components

packages/mosaic-dev/dateformatter/module.ts

@@ -158,9 +158,7 @@ export class DemoComponent {
     enRangeShortDateTimeEndsNotCurrentYear: string;
 
     // tslint:disable-next-line:max-func-body-length
-    constructor(
-        @Inject(DateAdapter) public dateAdapter: DateAdapter<Moment>
-    ) {
+    constructor(private dateAdapter: DateAdapter<Moment>) {
         this.populateRuLongDate();
         this.populateEnLongDate();
 
@@ -471,14 +469,8 @@ export class DemoComponent {
         DemoComponent
     ],
     imports: [
-        BrowserAnimationsModule,
         BrowserModule,
-        FormsModule,
-        McFormFieldModule,
-        McDatepickerModule,
-        McMomentDateModule,
-        McInputModule,
-        McIconModule
+        McMomentDateModule
     ],
     bootstrap: [
         DemoComponent

packages/mosaic-dev/select/template.html

@@ -35,10 +35,12 @@
         <mc-select [(value)]="singleSelectedWithSearch">
             <mc-form-field mcFormFieldWithoutBorders mcSelectSearch>
                 <i mcPrefix mc-icon="mc-search_16"></i>
-                <input mcInput [formControl]="searchCtrl" type="text" placeholder="Search" />
+                <input mcInput [formControl]="searchCtrl" type="text" placeholder="Search"/>
                 <mc-cleaner></mc-cleaner>
             </mc-form-field>
 
+            <div mc-select-search-empty-result>Ничего не найдено</div>
+
             <mc-option *ngFor="let option of filteredOptions | async" [value]="option">{{ option }}</mc-option>
         </mc-select>
     </mc-form-field>
@@ -59,6 +61,8 @@
                 <mc-cleaner></mc-cleaner>
             </mc-form-field>
 
+            <div mc-select-search-empty-result>Ничего не найдено</div>
+
             <mc-option *ngFor="let option of filteredMultipleOptions | async" [value]="option">{{ option }}</mc-option>
         </mc-select>
     </mc-form-field>

packages/mosaic/select/select.component.ts

@@ -120,6 +120,7 @@ export class McSelectBase {
 const McSelectMixinBase: CanDisableCtor & HasTabIndexCtor & CanUpdateErrorStateCtor &
     typeof McSelectBase = mixinTabIndex(mixinDisabled(mixinErrorState(McSelectBase)));
 
+
 @Directive({
     selector: '[mcSelectSearch]',
     exportAs: 'mcSelectSearch',
@@ -176,6 +177,13 @@ export class McSelectSearch implements AfterContentInit, OnDestroy {
 }
 
 
+@Directive({
+    selector: '[mc-select-search-empty-result]',
+    exportAs: 'mcSelectSearchEmptyResult'
+})
+export class McSelectSearchEmptyResult {}
+
+
 @Directive({ selector: 'mc-select-trigger' })
 export class McSelectTrigger {}
 
@@ -217,9 +225,6 @@ export class McSelect extends McSelectMixinBase implements
     controlType = 'mc-select';
 
     hiddenItems: number = 0;
-    // todo localization
-    oneMoreText: string = '...ещё';
-    noOptionsText: string = 'Ничего не найдено';
 
     /** The last measured value for the trigger's client bounding rect. */
     triggerRect: ClientRect;
@@ -297,7 +302,9 @@ export class McSelect extends McSelectMixinBase implements
     /** All of the defined groups of options. */
     @ContentChildren(McOptgroup) optionGroups: QueryList<McOptgroup>;
 
-    @ContentChild(McSelectSearch, {static: false}) search: McSelectSearch;
+    @ContentChild(McSelectSearch, { static: false }) search: McSelectSearch;
+
+    @Input() hiddenItemsText: string = '...ещё';
 
     /** Classes to be passed to the select panel. Supports the same syntax as `ngClass`. */
     @Input() panelClass: string | string[] | Set<string> | { [key: string]: any };
@@ -457,14 +464,12 @@ export class McSelect extends McSelectMixinBase implements
         return this._panelOpen;
     }
 
+    private _panelOpen = false;
+
     get isEmptySearchResult(): boolean {
-        return this.search &&
-            this.options.length === 0 &&
-            !!this.search.input.value;
+        return this.search && this.options.length === 0 && !!this.search.input.value;
     }
 
-    private _panelOpen = false;
-
     /** The scroll position of the overlay panel, calculated to center the selected option. */
     private scrollTop = 0;
 

packages/mosaic/select/select.html

@@ -16,7 +16,7 @@
                     </mc-tag>
                 </div>
                 <div class="mc-select__match-hidden-text" [style.display]="hiddenItems > 0 ? 'block' : 'none'">
-                    {{ oneMoreText }} {{ hiddenItems }}
+                    {{ hiddenItemsText }} {{ hiddenItems }}
                 </div>
             </div>
             <ng-content select="mc-select-trigger" *ngSwitchCase="true"></ng-content>
@@ -56,13 +56,14 @@
             <ng-content select="[mcSelectSearch]"></ng-content>
         </div>
 
-        <div
-            #optionsContainer
-            class="mc-select__content"
-            [@fadeInContent]="'showing'"
-            (@fadeInContent.done)="onFadeInDone()">
+        <div #optionsContainer
+             class="mc-select__content"
+             [@fadeInContent]="'showing'"
+             (@fadeInContent.done)="onFadeInDone()">
 
-            <div *ngIf="isEmptySearchResult" class="mc-select__no-options-message">{{noOptionsText}}</div>
+            <div *ngIf="isEmptySearchResult" class="mc-select__no-options-message">
+                <ng-content select="[mc-select-search-empty-result]"></ng-content>
+            </div>
             <ng-content select="mc-option,mc-optgroup"></ng-content>
         </div>
     </div>

packages/mosaic/select/select.module.ts

@@ -6,7 +6,7 @@ import { McFormFieldModule } from '@ptsecurity/mosaic/form-field';
 import { McIconModule } from '@ptsecurity/mosaic/icon';
 import { McTagsModule } from '@ptsecurity/mosaic/tags';
 
-import { McSelect, McSelectSearch, McSelectTrigger } from './select.component';
+import { McSelect, McSelectSearch, McSelectSearchEmptyResult, McSelectTrigger } from './select.component';
 
 
 @NgModule({
@@ -21,13 +21,15 @@ import { McSelect, McSelectSearch, McSelectTrigger } from './select.component';
         McFormFieldModule,
         McSelect,
         McSelectSearch,
+        McSelectSearchEmptyResult,
         McSelectTrigger,
         McOptionModule,
         CommonModule
     ],
     declarations: [
         McSelect,
         McSelectSearch,
+        McSelectSearchEmptyResult,
         McSelectTrigger],
     providers: [MC_SELECT_SCROLL_STRATEGY_PROVIDER]
 })

packages/mosaic/tree-select/tree-select.component.ts

@@ -153,7 +153,6 @@ export class McTreeSelect extends McTreeSelectMixinBase implements
     controlType = 'mc-select';
 
     hiddenItems: number = 0;
-    oneMoreText: string = '...ещё';
 
     /** The last measured value for the trigger's client bounding rect. */
     triggerRect: ClientRect;
@@ -220,6 +219,8 @@ export class McTreeSelect extends McTreeSelectMixinBase implements
 
     @ContentChild(McTreeSelection, {static: false}) tree: McTreeSelection;
 
+    @Input() hiddenItemsText: string = '...ещё';
+
     /** Event emitted when the select panel has been toggled. */
     @Output() readonly openedChange: EventEmitter<boolean> = new EventEmitter<boolean>();
 

packages/mosaic/tree-select/tree-select.html

@@ -16,7 +16,7 @@
                     </mc-tag>
                 </div>
                 <div class="mc-tree-select__match-hidden-text" [style.display]="hiddenItems > 0 ? 'block' : 'none'">
-                    {{ oneMoreText }} {{ hiddenItems }}
+                    {{ hiddenItemsText }} {{ hiddenItems }}
                 </div>
             </div>
             <ng-content select="mc-select-trigger" *ngSwitchCase="true"></ng-content>