Git Product home page Git Product logo

ng-snotify's Introduction

ng-snotify

Build Status NPM Version NPM Downloads Dev dependencies status list

Example

https://artemsky.github.io/ng-snotify/

Features

  • 9 types of toast notifications (async, confirm, prompt and more...)
  • Ability to create toasts in different positions at the same time
  • Many config options (icons, backdrop, timeout, position and much more)
  • Custom fully controlled styling including animations
  • Repository includes 3 different styles. So you can use on of them, or create your own.
  • Callbacks
  • Custom HTML
  • 4.3KB minified and gzipped
Looking for an Vue.js 2 version? Here

Snotify Gif

Installation

NPM 5

npm install ng-snotify

yarn

yarn add ng-snotify

Documentation and Examples

Documentation - here
Example application source - here
Auto-Documentation (Compodoc) - here
Change Log - here

License

MIT © artemsky

ng-snotify's People

Contributors

angular-cli avatar artemsky avatar electiverob avatar jtwotimes avatar ktriek avatar matissjanis avatar sammysium avatar smarlhens avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ng-snotify's Issues

From ng-snotify version 4.2.0 : Error found version 4, expected 3

The version 4.1.0 works fine with angular 4 and above but form version 4.2.0 to 4.3.1 I get this error:

ERROR in Metadata version mismatch for module C:/wamp64/www/pimfy-front/node_modules/ng-snotify/ng-snotify.d.ts, found version 4, expected 3, resolving symbol AppModule in C:/wamp64/www/pimfy-front/src/app/app.module.ts, resolving symbol AppModule in C:/wamp64/www/pimfy-front/src/app/app.module.ts

v3

  • multiple toasts at different positions
  • remove style encapsulation
  • provide different styles
  • try closure compiler (minify bundle size)
  • create tests

Testing confirm

How do i mock the service.confirm alert? I need to test the function that happens when the 'Yes' button is pressed

Backdrop not getting removed

This is rather a difficult bug to recreate but I was able to get a video on it. Basically when multiple snotifies are triggered back to back, sometimes the backdrop for one of them won't get removed which then blocks the user interface. I was able to reproduce it on the repo's example with the async example.

Before that we have been dealing with this issue in our application, but our scenario was different. We are using snotify.prompt, followed by snotify.async upon closing the prompt. It seems that the backdrop for the prompt is the one that is not being removed because after disabling it we were able to resolve our issue.

Video: http://recordit.co/MjHb7gHGcX

Thanks for all the hardwork, this is a great component!

Snotify Blocks Pointer Events

The snotify component blocks mouse clicks when there are no notifications. That area on the screen becomes a dead zone. This should be able to be solved by making the tag have a class of "pointer events: none" when there are no notifications and then remove that class when a notification is being displayed.

pipe 'truncate' could not be found version 1.1.2

A quick look at the toast.component.ts can explain this error, the pipe "truncate" is not imported there, but it's bein used in the html

The pipe 'truncate' could not be found ("[ngStyle]="{'width': state.toast.progress + '%'}">

{{[ERROR ->]toast.title | truncate : toast.config.titleMaxLength}}
{{toast."): ng:///SnotifyModule/ToastComponent.html@0:899

I found some omits in your code

In 'ng-snotify/src/snotify/interfaces/SnotifGlobalConfig.interface.ts', I think you miss 'position?: SnotifyPosition;' in your last line

New notifications

Add new toasts

  • Prompt like
  • Confirmation like
  • Async-loading like

Should have extend controls of existing

Configurable

For Prompt and Confirmation
2 buttons with config - Bold / Normal, 'Btn Text'

Angular5 + rxjs 5.5.x support

Trying to use with Angular 5.2.11 and rxjs 5.5.11, I get this warning:

npm WARN [email protected] requires a peer of [email protected] || ^6.1.0 but none is installed. You must install peer dependencies yourself.

If I try to install [email protected], I get several warnings about incompatibility with Angular5:

npm WARN @angular/[email protected] requires a peer of rxjs@^5.5.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.5.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.5.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.5.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of rxjs@^5.5.0 but none is installed. You must install peer dependencies yourself.

I've opted to go with Angular 5.2.11, rxjs 5.5.11 and the one warning from ng-snotify, for now. I am curious if there are known issues with this combination or if maybe it's just an errant warning. I haven't had any problems building, but I haven't tested thoroughly for run-time issues.

HTML in body

Very interested in using this. One question - does this component support HTML in body? I did not see any reference to this in the docs or examples. If this is supported, could you please provide an example?

Element app-snotify remains in DOM and prevents clicks

This is a little hard to explain, so if you need clarification, let me know.

The element <app-snotify> is preventing clicks on other DOM elements, even when there is no notification on the screen. Screenshot

In reference to the screenshot, as long as the element is on the page, I cannot click on the Max items on screen textbox, even after clicking on Clear all. Adding style 'display: none' (or 'visibility: hidden') to the app-snotify element makes it not show up at all and allows the user to click 'behind' it, but also stops any notifications from appearing.

Steps to reproduce:

  1. Open the demo site
  2. Change the position to LEFT-BOTTOM
  3. Click any notification button to create a notification
  4. Wait for the notif to time out
  5. Try to click on a control that was previously covered by the notif.

Custom body in Async

Is there any way to customize async whenever my observable succeed or failed.

Runtime error with webpack

I'm getting the following error
Uncaught SyntaxError: Unexpected token import
at Object. (app.js:218)
at webpack_require (polyfills.js:51)
at eval (eval at (app.js:212), :31:20)
at Object. (app.js:212)
at webpack_require (polyfills.js:51)
at Object.eval (eval at (app.js:168), :5:20)
at eval (eval at (app.js:168), :11:30)
at Object. (app.js:168)
at webpack_require (polyfills.js:51)
at Object. (app.js:6)
at webpack_require (polyfills.js:51)
at webpackJsonpCallback (polyfills.js:22)
at app.js:1

Making width customizable

Hi,

My client has complained that the width of the toast is small (300px) by default. For now, I am manually editing the width in snotify.scss but when the libraries are downloaded again, of course, it goes back to the original size.

Could you define $width next to the $backdrop-color that takes pixels to suit our needs?

PauseOnHover problems

Hello,
Im trying to use this ng-snotify but i've got problems with PauseOnHover,
Im useing angular 4 so i've got in my package.json
"ng-snotify": "4.1.0",
in app.component.ts i invoke notify by
st = this.snotifyService.error(error.body, error.title, this.errorSnotifyService.getConfig())
app.component.html is simple
<ng-snotify class="material"></ng-snotify>

and here is my config:
getConfig(): SnotifyToastConfig { return { bodyMaxLength: 200, titleMaxLength: 20, position: SnotifyPosition.rightTop, timeout: 3500, showProgressBar: false, closeOnClick: false, pauseOnHover: true }; }
i set defaults only once:
constructor(public snotifyService: SnotifyService, public ts: TranslateService) { this.snotifyService.setDefaults({ global: { maxAtPosition: 6, maxOnScreen: 10, } }); }

The problem is that i set timeout to 3.5s but it start to counting after museenter (hover) in notificaiton !
Before this event notification wont disappear.
I was trying to invoke hover manually but this didnt work for me too.
st.eventEmitter.next('mouseenter')
st.eventEmitter.next('mouseleave')
Am i doing something wrong or there is some bug ?
any help please ?

push/slice oldest notifications from notification list?

I'm using async notifications and I'm really satisfied with the result.

In my app I sometimes can trigger N api calls (I know this isn't too neat but the backend is made this way and not by me and the feature isn't important enough to justify writing a new api in order to have a single api call for multiple of similar actions)

the result I get is that I have say 10 notifications with timeouts, which me and my boss like just the way it is. but we would like for the newest to appear without having to wait for them.

right now the maxAtPosition/maxOnScreen variables simply hold the newer ones in a queue of "to be shown" until the ones currently on screen timeout or are clicked away.

so basically for now it shows the first 6 it receives, then these all timeout simultaneously, then the last four show up.

this isn't bad but how would I go about having the new ones, simply push the old ones off of the metaphorical "cliff" of the notifications array?

basically hide older that prevent newer from filling the maxOnScreen list and as a result have newest show up immediately and too bad if you missed a notification or two, they're of the same type anyway.

say if maxOnScreen : 6, and position: 'rightTop', at first the array of notifications would be like this :

array[0] : null;
array[1] : null;
array[2] : null;
array[3] : null;
array[4] : null;
array[5] : null;

and when 2 notifications are sent and say they all arrive roughly at the same time but in the correct order :

array[0] : notifiaction#2;
array[1] : notification#1;
array[2] : null;
array[3] : null;
array[4] : null;
array[5] : null;

then before the 2 above timeout 10 more notifications are sent and say they all arrive roughly at the same time but in the correct order :

array[0] : notifiaction#12;
array[1] : notification#11;
array[2] : notifiaction#10;
array[3] : notifiaction#9;
array[4] : notifiaction#8;
array[5] : notification#7;

am I making sense? 😄

Is the trick simply to target those notifications that are mod 6 of N ahead of the to be displayed set of six and tell them all somehow to close themselves?

or is there just a simple configuration option that I missed that already does this?

thank you.

Confirm to stop UI thread.

I want to replace regular browser's confirm with snotify, but my main requirament is to block execution until users says Yes or No.

ng (build|serve) -prod

When I use "ng serve" I have no problem, but when I use "-prod" option I have this warnings on build.

WARNING in ./src/$$_gendir/~/ng-snotify/ng-snotify.ngfactory.ts
70:14-24 "export 'ɵa' (imported as 'import1') was not found in 'ng-snotify'

WARNING in ./src/$$_gendir/~/ng-snotify/ng-snotify.ngfactory.ts
489:37-47 "export 'ɵb' (imported as 'import1') was not found in 'ng-snotify'

WARNING in ./src/$$_gendir/~/ng-snotify/ng-snotify.ngfactory.ts
533:39-49 "export 'ɵa' (imported as 'import1') was not found in 'ng-snotify'

WARNING in ./src/$$_gendir/~/ng-snotify/ng-snotify.ngfactory.ts
538:59-69 "export 'ɵa' (imported as 'import1') was not found in 'ng-snotify'

WARNING in ./src/$$_gendir/~/ng-snotify/ng-snotify.ngfactory.ts
778:37-47 "export 'ɵb' (imported as 'import1') was not found in 'ng-snotify'

The notifications aren't show, on console browser I have this stack error.

vendor.108d939….bundle.js:197 ERROR TypeError: r is not a constructor
    at cn (vendor.108d939….bundle.js:281)
    at on (vendor.108d939….bundle.js:281)
    at Bn (vendor.108d939….bundle.js:309)
    at Object.Fn [as createEmbeddedView] (vendor.108d939….bundle.js:309)
    at e.createEmbeddedView (vendor.108d939….bundle.js:386)
    at t.createEmbeddedView (vendor.108d939….bundle.js:386)
    at vendor.108d939….bundle.js:106
    at t.forEachOperation (vendor.108d939….bundle.js:386)
    at t._applyChanges (vendor.108d939….bundle.js:106)
    at t.ngDoCheck (vendor.108d939….bundle.js:106)
    at sn (vendor.108d939….bundle.js:281)
    at Yn (vendor.108d939….bundle.js:309)
    at Gn (vendor.108d939….bundle.js:309)
    at dr (vendor.108d939….bundle.js:309)
    at Object.updateDirectives (vendor.108d939….bundle.js:858)

I imported and exported in ShareModule.

import { SnotifyModule, SnotifyService } from 'ng-snotify';

@NgModule({
    imports: [
        CommonModule,
        SnotifyModule
    ],
    exports: [
        SnotifyModule
    ],
    providers: [
        SnotifyService
    ],
    declarations: []
})

Here do you see my versions libraries.

@angular/cli: 1.1.0
node: 7.4.0
os: darwin x64
@angular/animations: 4.1.3
@angular/common: 4.1.3
@angular/compiler: 4.1.3
@angular/core: 4.1.3
@angular/flex-layout: 2.0.0-beta.8
@angular/forms: 4.1.3
@angular/http: 4.1.3
@angular/language-service: 4.1.3
@angular/material: 2.0.0-beta.6
@angular/platform-browser: 4.1.3
@angular/platform-browser-dynamic: 4.1.3
@angular/router: 4.1.3
@angular/compiler-cli: 4.1.3
@angular/cli: 1.1.0

Thank you for your project.

Timeout of zero causes Pause on hover to close toast

Also found on the demo site:
For any of the toast types except Prompt, if the timeout is 0 and Pause on Hover is on, mousing over the toast and then mousing out of the toast causes the toast to close. This issue no longer happens if Pause on Hover is off. I would expect the Pause on Hover to have no effect on the toast when the timeout value is set to zero since there is no progress bar.

autoFocus of prompt

Hi,

The prompt gets auto focused only when I open the prompt for the first time.

Is there any way by which I can set the autoFocus property ?

CSS does not render on Angular 5 (ng-snotify v4.2.0)

The lib doesn't working with Angular 5 app.
The alerts are show, but without look and feel (without css?).

image

My Component:

import { SnotifyService } from 'ng-snotify';
...
    constructor(private categoriaService: CategoriaService, private notificationsService: SnotifyService) {
    }
...
        this.categoriaService.createCategoria(this.novaCategoria).subscribe(
            categoriaIncluida => {
                this.notificationsService.success('Categoria incluída com sucesso!');                
            }
        );

My module:

import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {CategoriaHomeComponent} from './categoria-home/categoria-home.component';
import {CategoriaService} from './categoria.service';
import {FormsModule} from '@angular/forms';
import { ComumModule } from 'app/comum/comum.module';
import { CategoriaRoutingModule } from './categoria.routing.module';
import { ToastDefaults, SnotifyService, SnotifyModule } from 'ng-snotify';


@NgModule({
  imports: [
    ComumModule,
    CommonModule,
    FormsModule,
    CategoriaRoutingModule,
    SnotifyModule
  ],
  providers: [
    CategoriaService,
    { provide: 'SnotifyToastConfig', useValue: ToastDefaults}, 
    SnotifyService    
  ],
  exports: [],
  declarations: [CategoriaHomeComponent]
})
export class CategoriaModule {
}

Ah... my app is bootstrap, not Material.... Is it problem?

The pipe truncate could not be found

I just installed this from npm and set it up in code. On build I get "The pipe 'truncate' could not be found" errors. Not sure where the issue is coming from. Any ideas on how to fix that?

Toast of type Confirm cut off buttons when body is large

Playing around with the demo site found me this issue:
When the body string is about 60 characters or greater in length, the Yes and No buttons at the bottom of the Confirm toast get pushed down and are unable to be clicked by the user.

Preferably, the buttons would always be there, regardless of the length of text in the body. Maybe cut off the text if it is too big (with a '...')? Or maybe allow for a 'width' and/or 'height' in the SnotifyOptions interface so that the user can control the size of the toast?

Confirm overlay

Hi,

It would be nice to have an overlay when the Confirm or Prompt notification is shown so no any other action can be performed.
Do you think you can add that maybe as a param?

ng-snotify changes DOM all the time

When I run my application and open Chrome DevTools, I can see that DOM elements inside ng-snotify components are being refreshed all the time.

It depends on which part of the application I am in. In some parts snotify DOM elements are refreshed on every click. In other parts they are constantly being refreshed even if I am not doing anything. It probably means that they are refreshed on every changed detection cycle.

I think one problem is caused by SnotifyService emitting events all the time even if you do not have any notifications open in your application.

The other problem is not using trackBy function in SnotifyComponent. Otherwise, it would not be refreshed even though SnotifyService kept emitting new events.

Toast center position

  1. Add new toast position
  • Center
  1. Refactor to a single array option
SnotifyPosition.top_left
SnotifyPosition.top_right

SnotifyPosition.bottom_left
SnotifyPosition.bottom_right

SnotifyPosition.center_bottom
SnotifyPosition.center_top
SnotifyPosition.center_left
SnotifyPosition.center_right

SnotifyPosition.center

Prompt toast callback params

ng-snotify v4.0.1
Snotify prompt button actions take a callback which will have the toast as param.

What if I want to have other params also sent to that callback?

eg:

onEditValue(rowId) {
snotify.prompt(body, title, {
buttons: [
 { text: 'Save', action: this.onSave(here I want to pass the rowId) },
        { text: 'Cancel', action: null }
]
})
}

No notification appears on route change

this.snotifyService.success('User is authenticated', 'Login Success', {
    timeout: 2000,
    showProgressBar: false,
    closeOnClick: false,
    pauseOnHover: true
});
this.router.navigate(['omanCargo/home']);

When i change the route after triggering the success message as shown nothing displays.
Any help will be appreciated, i am a newbie in angular 4

NullInjectorError: No provider for SnotifyToastConfig!

Hi, I have installed as it was shown but got this error.

AuthLoginComponent_Host.ngfactory.js? [sm]:1 ERROR Error: StaticInjectorError(AppModule)[SnotifyToastConfig]: 
  StaticInjectorError(Platform: core)[SnotifyToastConfig]: 
    NullInjectorError: No provider for SnotifyToastConfig!

Angular CLI: 1.6.8
Node: 9.4.0
OS: darwin x64
Angular: 5.2.4
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.6.8
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0

Prompt validation

Do you think there is any chance I could validate the input field inside the prompt notification?
Anything like adding a class on error or displaying a message is enough.

Thanks!

Cannot read notification body using Protractor

I am trying to access the body of a Snotify notification in a Protractor test. However, the locators always fail with any element inside .snotify-rightBottom. InnerHtml for the .snotify-rightBottom returns only <div class="snotify snotify-rightBottom"> <!--bindings={ "ng-reflect-ng-for-of": "" }--> </div>

test here:

fit('should not be able to change password when the old password matches', () => {
    loginBasic();
    Dashboard.waitForDashboardLoad().then(() => {
      let elm = element(by.id('change-password-button'));
      elm.isPresent().then((val: boolean) => {
        expect(val).toBe(true);
        elm.click();
        Profile.fillInInValidPassword();
        Profile.getUpdatePasswordButton().click();
        const until = protractor.ExpectedConditions;
        let snotifyElement = element(by.css('.snotify-rightBottom'));
        browser.wait(until.presenceOf(snotifyElement), 30000, 'Snotify bottom right not showing in DOM')
        .then(()=> {
          snotifyElement.getAttribute('outerHTML').then((outer)=> console.log(outer));
        })
      });
    })
  });

Any help would be very much appreciated.
Cheers.

Toast after page load

Hi I have problem with your plugin. I have application that load config from server and then render all elements like forms etc. In response data I have configuration for toast. When I refresh page by F5 and get config, toast don't show up, only go to "queue". Later when I change routeLink and go back to url where I have config I can see double toast. Is it possible to repair that to see toast when I refreshed page and get config?

backdrop is not removed on alert removal

Backdrop is not removed when the alert is removed.
An issue was already reported here #41 and closed I don't know why.

This is happening on even your example site (https://artemsky.github.io/ng-snotify/).

Just keep backdrop set to 1 and click 'Success' to show success alert. After the timer, the alert goes away but the backdrop stays.

Need help with this, otherwise great library mate.

Async change response position

I want to change the response position of async like so:
Async position: centerCenter
Response success or error: rightBottom

Lazzy loading

Hi,

I would like to know how can I use the ng-snotify when I'm using Lazzy Loading.
Currently when I try run this plugin I got warning like this:

client?719c:153 ./src/app/panel/panel.component.ngfactory.js
14:0-91 "export 'ɵc' (reexported as 'ɵc_38') was not found in 'ng-snotify'

and of course doesn't work.
Any ideas?

Angular 5. Karma test app component

Got this error after run test:

'Error during cleanup of component', AppComponent{route: ActivatedRoute{url: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, params: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, queryParams: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, fragment: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, data: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, outlet: 'primary', component: null, _futureSnapshot: ActivatedRouteSnapshot{url: ..., params: ..., queryParams: ..., fragment: ..., data: ..., outlet: ..., component: ..., routeConfig: ..., _urlSegment: ..., _lastPathIndex: ..., _resolve: ..., _routerState: ...}, snapshot: ActivatedRouteSnapshot{url: ..., params: ..., queryParams: ..., fragment: ..., data: ..., outlet: ..., component: ..., routeConfig: ..., _urlSegment: ..., _lastPathIndex: ..., _resolve: ..., _routerState: ...}, _routerState: RouterState{_root: ..., snapshot: ...}}, router: Router{rootComponentType: null, urlSerializer: DefaultUrlSerializer{}, rootContexts: ChildrenOutletContexts{contexts: ...}, location: SpyLocation{urlChanges: ..., _history: ..., _historyIndex: ..., _subject: ..., _baseHref: ..., _platformStrategy: ...}, config: [], navigations: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, navigationId: 0, events: Subject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ...}, errorHandler: function defaultErrorHandler(error) { ... }, navigated: false, hooks: Object{beforePreactivation: ..., afterPreactivation: ...}, urlHandlingStrategy: DefaultUrlHandlingStrategy{}, routeReuseStrategy: DefaultRouteReuseStrategy{}, onSameUrlNavigation: 'ignore', ngModule: NgModuleRef_{_moduleType: ..., _parent: ..., _bootstrapComponents: ..., _def: ..., _destroyListeners: ..., _destroyed: ..., _providers: ...}, currentUrlTree: UrlTree{root: ..., queryParams: ..., fragment: ...}, rawUrlTree: UrlTree{root: ..., queryParams: ..., fragment: ...}, configLoader: RouterConfigLoader{loader: ..., compiler: ..., onLoadStartListener: ..., onLoadEndListener: ...}, routerState: RouterState{_root: ..., snapshot: ...}}, translate: TranslateService{store: TranslateStore{currentLang: ..., translations: ..., langs: ..., onTranslationChange: ..., onLangChange: ..., onDefaultLangChange: ..., defaultLang: ...}, currentLoader: TranslateFakeLoader{}, compiler: TranslateFakeCompiler{}, parser: TranslateDefaultParser{templateMatcher: ...}, missingTranslationHandler: FakeMissingTranslationHandler{}, useDefaultLang: true, isolate: false, pending: false, _onTranslationChange: EventEmitter{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., __isAsync: ...}, _onLangChange: EventEmitter{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., __isAsync: ...}, _onDefaultLangChange: EventEmitter{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., __isAsync: ...}, _langs: [], _translations: Object{}, _translationRequests: Object{ru: ...}, loadingTranslations: Observable{_isScalar: ..., source: ..., operator: ...}}, title: Title{_doc: <!DOCTYPE html><!--
This is the execution context.
Loaded within the iframe.
Reloaded before every execution run.
--><html><head>&#10;  <title></title>&#10;  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">&#10;  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">&#10;</head>&#10;&#10;<body>&#10;  <!-- The scripts need to be in the body DOM element, as some test running frameworks need the body
       to have already been created so they can insert their magic into it. For example, if loaded
       before body, Angular Scenario test framework fails to find the body and crashes and burns in
       an epic manner. -->&#10;  <script src="context.js"></script>&#10;  <script type="text/javascript">&#10;    // Configure our Karma and set up bindings&#10;    window.__karma__.config = {"args":["--grep=AppComponent "],"useIframe":true,"runInParent":false,"captureConsole":true,"clearContext":false};&#10;&#10;      window.__karma__.setupContext(window);&#10;&#10;    // All served files with the latest timestamps&#10;    window.__karma__.files = {&#10;  '/base/node_modules/source-map-support/browser-source-map-support.js': '3a3db3887ab08eb10eb5bdd356db8d254e26effa',&#10;  '/base/node_modules/karma-source-map-support/lib/client.js': 'fcb459e84379f1ce8e91fe200d87463f3780ca1b',&#10;  '/base/node_modules/jasmine-core/lib/jasmine-core/jasmine.js': '73bc53d3671677e6a093fc74e4f9bcde57e5f7ad',&#10;  '/base/node_modules/karma-jasmine/lib/boot.js': '945a38bf4e45ad2770eb94868231905a04a0bd3e',&#10;  '/base/node_modules/karma-jasmine/lib/adapter.js': '7a813cc290d592e664331c573a1a796192cdd1ad',&#10;  '/absolute/Users/lans/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/173.3942.31/WebStorm.app/Contents/plugins/js-karma/js_reporter/karma-intellij/lib/kjhtml/intellij-save-specFilter-before-kjhtml.js': 'fdf6c840398249fad7063ca82e4be3b248c18198',&#10;  '/base/node_modules/karma-jasmine-html-reporter/src/css/jasmine.css': 'c9871b8538297ee2479a3223e4b1c8afaa94e162',&#10;  '/base/node_modules/karma-jasmine-html-reporter/src/lib/html.jasmine.reporter.js': '4af523ab7bfaa86c4966fa332c4dc2bd2278b4cc',&#10;  '/base/node_modules/karma-jasmine-html-reporter/src/lib/adapter.js': '9d2c71b931979c6194d209809111ee3a72cf149b',&#10;  '/absolute/Users/lans/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/173.3942.31/WebStorm.app/Contents/plugins/js-karma/js_reporter/karma-intellij/lib/kjhtml/intellij-restore-specFilter-after-kjhtml.js': '962949bcf40465fc115c3e99aaf5b761f8709653',&#10;  '/base/src/assets/i18n/en.json': '3a607b404533ef39e6e57e372c794858b134e9a1',&#10;  '/base/src/assets/i18n/ru.json': '35c0cb2f6c183630a19416401c7cdf50258a6347',&#10;  '/base/src/favicon.ico': 'e7497d28ebf74b5bed78e2064fc74d0cb0c62005'&#10;};&#10;&#10;  </script>&#10;  <script type="text/javascript" src="_karma_webpack_/inline.bundle.js" crossorigin="anonymous"></script>&#10;  <script type="text/javascript" src="_karma_webpack_/polyfills.bundle.js" crossorigin="anonymous"></script>&#10;  <!-- Dynamically replaced with <script> tags -->&#10;  <script type="text/javascript" src="/base/node_modules/source-map-support/browser-source-map-support.js?3a3db3887ab08eb10eb5bdd356db8d254e26effa" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/karma-source-map-support/lib/client.js?fcb459e84379f1ce8e91fe200d87463f3780ca1b" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/jasmine-core/lib/jasmine-core/jasmine.js?73bc53d3671677e6a093fc74e4f9bcde57e5f7ad" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/karma-jasmine/lib/boot.js?945a38bf4e45ad2770eb94868231905a04a0bd3e" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/karma-jasmine/lib/adapter.js?7a813cc290d592e664331c573a1a796192cdd1ad" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/absolute/Users/lans/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/173.3942.31/WebStorm.app/Contents/plugins/js-karma/js_reporter/karma-intellij/lib/kjhtml/intellij-save-specFilter-before-kjhtml.js?fdf6c840398249fad7063ca82e4be3b248c18198" crossorigin="anonymous"></script>&#10;<link type="text/css" href="/base/node_modules/karma-jasmine-html-reporter/src/css/jasmine.css?c9871b8538297ee2479a3223e4b1c8afaa94e162" rel="stylesheet">&#10;<script type="text/javascript" src="/base/node_modules/karma-jasmine-html-reporter/src/lib/html.jasmine.reporter.js?4af523ab7bfaa86c4966fa332c4dc2bd2278b4cc" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/karma-jasmine-html-reporter/src/lib/adapter.js?9d2c71b931979c6194d209809111ee3a72cf149b" crossorigin="anonymous"></script><div class="html-reporter"><div class="banner"><span class="title">Jasmine</span><span class="version">2.8.0</span></div><ul class="symbol-summary"><li class="passed" id="spec_spec0" title="AppComponent should have main container"></li></ul><div class="alert"></div><div class="results"><div class="failures"></div></div></div>&#10;<script type="text/javascript" src="/absolute/Users/lans/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/173.3942.31/WebStorm.app/Contents/plugins/js-karma/js_reporter/karma-intellij/lib/kjhtml/intellij-restore-specFilter-after-kjhtml.js?962949bcf40465fc115c3e99aaf5b761f8709653" crossorigin="anonymous"></script>&#10;  <script type="text/javascript" src="_karma_webpack_/scripts.bundle.js" crossorigin="anonymous"></script>&#10;  <script type="text/javascript" src="_karma_webpack_/vendor.bundle.js" crossorigin="anonymous"></script>&#10;  <script type="text/javascript" src="_karma_webpack_/main.bundle.js" crossorigin="anonymous"></script><div id="root0" ng-version="5.1.1"><div class="container-fluid fill" id="main-container" style="padding: 0;"><app-svg-icon><svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-logo" viewBox="0 0 1725000 1725000">&#10;    <path d="M1207380 1189554l-380911 0c-46552,0 -84291,-35707 -84291,-82260 0,-46552 37739,-82252 84291,-82252l237697 0 -194849 -346317 -261160 446263c-23623,40130 -75238,54693 -115408,31064 -40130,-23583 -53507,-74672 -29925,-114802l335945 -570838c15356,-26054 43795,-42828 73719,-41429 30231,373 57971,16987 72646,43454l335945 605079c14490,26095 14097,51363 -1052,77090 -15142,25728 -42782,34948 -72647,34948z"></path>&#10;    <path d="M1207380 1189554l-380911 0c-46552,0 -84291,-35707 -84291,-82260 0,-46552 37739,-82252 84291,-82252l237697 0 -194849 -346317 -261160 446263c-23623,40130 -75238,54693 -115408,31064 -40130,-23583 -53507,-74672 -29925,-114802l335945 -570838c15356,-26054 43795,-42828 73719,-41429 30231,373 57971,16987 72646,43454l335945 605079c14490,26095 14097,51363 -1052,77090 -15142,25728 -42782,34948 -72647,34948z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-logo-circle" viewBox="0 0 1725000 1725000">&#10;    <path d="M861689 1721900c-9286,0 -18579,-147 -27899,-440 -229863,-7248 -443132,-103583 -600536,-271266 -157390,-167662 -240076,-386601 -232808,-616444 4410,-139850 43142,-277648 111998,-398485 22430,-39351 72493,-53048 111830,-30651 39344,22417 53068,72500 30651,111844 -55672,97688 -86989,209205 -90560,322468 -5889,186056 61042,363305 188461,499038 127412,135733 300065,213715 486134,219604 185849,5343 363291,-61081 499024,-188460 135733,-127433 213722,-300072 219597,-486141 5889,-186082 -61034,-363305 -188453,-499038 -127420,-135733 -300072,-213722 -486141,-219604 -160894,-5256 -319211,45953 -446403,143727 -35927,27633 -87382,20858 -114975,-15035 -27600,-35900 -20871,-87382 15042,-114975 157177,-120818 353299,-183744 551512,-177629 229864,7268 443132,103603 600536,271279 157384,167670 240069,386608 232801,616451 -7268,229850 -103603,443119 -271279,600509 -160861,151009 -368927,233248 -588532,233248z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-autodealer" viewBox="0 0 130 25">&#10;    <path d="M 10.3579 0.843413C 10.276 0.600556 10.1201 0.389544 9.9121 0.240083C 9.70414 0.0906227 9.45462 0.010242 9.19865 0.010242C 8.94268 0.010242 8.69315 0.0906227 8.48519 0.240083C 8.27722 0.389544 8.1213 0.600556 8.03936 0.843413L 0.147808 16.6537C 0.0522595 16.831 0.0015357 17.029 6.10726e-05 17.2305C -0.00161855 17.3911 0.0313649 17.5502 0.0967518 17.6969C 0.162139 17.8435 0.258386 17.9744 0.378916 18.0803C 0.616132 18.2995 0.927582 18.4202 1.25028 18.418C 1.47 18.4204 1.68572 18.359 1.8713 18.2411C 2.05688 18.1233 2.20437 17.9541 2.29592 17.7541L 4.62966 13.0834L 13.7449 13.0834L 16.0786 17.7541C 16.1725 17.9641 16.3278 18.1407 16.5239 18.2606C 16.7201 18.3805 16.9479 18.438 17.1773 18.4256C 17.4944 18.4253 17.7998 18.3062 18.0335 18.0917C 18.2355 17.9242 18.371 17.6898 18.4154 17.4309C 18.4599 17.1721 18.4105 16.9058 18.276 16.6803L 10.3579 0.843413ZM 12.5439 10.6665L 5.85715 10.6665L 9.22138 3.95843L 12.5439 10.6665Z" id="path0_fill"></path>&#10;    <path d="M 27.6905 11.1321C 28.2437 10.5217 28.5479 9.72548 28.5429 8.90112C 28.5482 8.40723 28.4434 7.91838 28.2363 7.47011C 28.0293 7.02184 27.725 6.62543 27.3457 6.3097C 26.6053 5.6636 25.653 5.31371 24.671 5.32701L 21.3447 5.32701C 21.1848 5.32866 21.027 5.36319 20.881 5.42846C 20.735 5.49372 20.604 5.58834 20.496 5.70643C 20.3781 5.81208 20.2835 5.94124 20.2182 6.08563C 20.153 6.23002 20.1186 6.38646 20.1172 6.54494L 20.1172 17.199C 20.124 17.5189 20.2539 17.8238 20.4798 18.05C 20.7057 18.2762 21.0101 18.4063 21.3295 18.4131L 24.6483 18.4131C 25.795 18.4349 26.9089 18.0292 27.7738 17.2749C 28.2241 16.9094 28.5856 16.4463 28.8311 15.9205C 29.0766 15.3947 29.1995 14.8199 29.1908 14.2395C 29.2038 13.6397 29.0747 13.0452 28.8139 12.5051C 28.5531 11.9649 28.1681 11.4944 27.6905 11.1321ZM 22.5381 10.0697L 22.5381 7.7439L 24.6521 7.7439C 25.0209 7.73718 25.3807 7.85775 25.6712 8.08537C 25.8085 8.17336 25.9214 8.29457 25.9995 8.43781C 26.0777 8.58105 26.1185 8.7417 26.1182 8.90492C 26.1196 9.07044 26.0794 9.23365 26.0013 9.37953C 25.9232 9.5254 25.8097 9.64923 25.6712 9.73963C 25.3778 9.96049 25.0191 10.0767 24.6521 10.0697L 22.5381 10.0697ZM 26.785 14.2433C 26.7861 14.4933 26.7267 14.7399 26.6119 14.9619C 26.4971 15.1839 26.3303 15.3748 26.1258 15.5182C 25.704 15.8431 25.1842 16.0144 24.6521 16.0038L 22.5343 16.0038L 22.5343 12.4942L 24.6521 12.4942C 25.186 12.4841 25.7068 12.6598 26.1258 12.9912C 26.3301 13.1313 26.497 13.3194 26.6119 13.539C 26.7268 13.7585 26.7862 14.003 26.785 14.2509L 26.785 14.2433Z" id="path1_fill"></path>&#10;    <path d="M 30.9486 5.32703C 30.6286 5.32703 30.3217 5.45435 30.0954 5.68097C 29.8691 5.9076 29.7419 6.21497 29.7419 6.53547C 29.7419 6.85597 29.8691 7.16335 30.0954 7.38997C 30.3217 7.6166 30.6286 7.74392 30.9486 7.74392L 33.7256 7.74392L 33.7256 17.1952C 33.7256 17.5157 33.8527 17.8231 34.079 18.0497C 34.3053 18.2763 34.6122 18.4037 34.9322 18.4037C 35.2523 18.4037 35.5592 18.2763 35.7855 18.0497C 36.0118 17.8231 36.1389 17.5157 36.1389 17.1952L 36.1389 7.74392L 38.9159 7.74392C 39.2359 7.74392 39.5428 7.6166 39.7691 7.38997C 39.9954 7.16335 40.1226 6.85597 40.1226 6.53547C 40.1226 6.21497 39.9954 5.9076 39.7691 5.68097C 39.5428 5.45435 39.2359 5.32703 38.9159 5.32703L 30.9486 5.32703Z" id="path2_fill"></path>&#10;    <path d="M 47.1901 5.32702C 45.6759 5.32496 44.2077 5.84899 43.0361 6.80978C 41.8645 7.77056 41.0619 9.1086 40.7652 10.5957C 40.4686 12.0829 40.6961 13.6271 41.4092 14.9649C 42.1222 16.3028 43.2765 17.3516 44.6754 17.9324C 46.0742 18.5133 47.6309 18.5902 49.08 18.1501C 50.5291 17.71 51.7809 16.7801 52.622 15.519C 53.4631 14.2579 53.8414 12.7437 53.6923 11.2345C 53.5432 9.72537 52.8761 8.3147 51.8046 7.24307C 51.2057 6.62659 50.4877 6.13876 49.6943 5.80934C 48.901 5.47991 48.0489 5.31581 47.1901 5.32702ZM 47.1901 15.9924C 46.2334 15.9959 45.305 15.6668 44.5635 15.0613C 43.8219 14.4558 43.3131 13.6114 43.1237 12.6721C 42.9344 11.7329 43.0763 10.7569 43.5253 9.91071C 43.9742 9.06453 44.7024 8.40054 45.5856 8.032C 46.4688 7.66346 47.4523 7.61319 48.3683 7.88977C 49.2844 8.16634 50.0763 8.75263 50.6089 9.54864C 51.1416 10.3446 51.382 11.3011 51.2891 12.2548C 51.1963 13.2084 50.7759 14.1003 50.0998 14.7783C 49.7249 15.1711 49.2728 15.4818 48.772 15.6907C 48.2712 15.8997 47.7326 16.0024 47.1901 15.9924Z" id="path3_fill"></path>&#10;    <path d="M 64.6023 0.838509C 64.5162 0.602303 64.3625 0.39677 64.1603 0.247626C 63.9581 0.0984827 63.7166 0.0123532 63.4658 0C 63.2144 0.0103646 62.972 0.095735 62.7694 0.245149C 62.5669 0.394562 62.4136 0.601193 62.3292 0.838509L 54.4983 16.4971C 54.3704 16.713 54.2951 16.9561 54.2785 17.2066C 54.2639 17.3712 54.2861 17.537 54.3435 17.6919C 54.4009 17.8469 54.4921 17.987 54.6104 18.1022C 54.7287 18.2174 54.8711 18.3048 55.0274 18.3579C 55.1836 18.411 55.3497 18.4286 55.5136 18.4093L 71.4482 18.4093C 71.611 18.4287 71.776 18.4114 71.9312 18.3587C 72.0864 18.3059 72.2278 18.2191 72.3451 18.1045C 72.4624 17.9899 72.5527 17.8504 72.6092 17.6964C 72.6658 17.5423 72.6872 17.3776 72.6719 17.2142C 72.6565 16.9679 72.5866 16.7282 72.4674 16.5122L 64.6023 0.838509ZM 69.4593 15.9924L 57.4192 15.9924L 63.443 3.94214L 69.4593 15.9924Z" id="path4_fill"></path>&#10;    <path d="M 84.8786 5.32702C 84.6825 5.33992 84.4918 5.3963 84.3201 5.49211C 84.1484 5.58791 84.0002 5.72073 83.886 5.88096L 76.7977 13.9701L 76.7977 6.52976C 76.7803 6.21801 76.6444 5.92475 76.4179 5.7102C 76.1914 5.49565 75.8914 5.3761 75.5797 5.3761C 75.2679 5.3761 74.9679 5.49565 74.7414 5.7102C 74.5149 5.92475 74.379 6.21801 74.3616 6.52976L 74.3616 17.1535C 74.3465 17.3197 74.3681 17.4872 74.4248 17.6442C 74.4815 17.8011 74.572 17.9436 74.6898 18.0617C 74.8077 18.1797 74.95 18.2703 75.1067 18.3271C 75.2634 18.3839 75.4307 18.4055 75.5967 18.3904C 75.7938 18.3774 75.9859 18.3227 76.1603 18.2298C 76.3347 18.137 76.4874 18.008 76.6082 17.8516L 83.6928 9.74723L 83.6928 17.1724C 83.6928 17.4929 83.8199 17.8003 84.0462 18.0269C 84.2725 18.2536 84.5794 18.3809 84.8995 18.3809C 85.2195 18.3809 85.5264 18.2536 85.7527 18.0269C 85.979 17.8003 86.1061 17.4929 86.1061 17.1724L 86.1061 6.54874C 86.1188 6.38442 86.0956 6.21931 86.0383 6.06482C 85.9809 5.91034 85.8908 5.77017 85.7741 5.65399C 85.6574 5.53782 85.5168 5.44841 85.3622 5.39195C 85.2076 5.3355 85.0426 5.31334 84.8786 5.32702Z" id="path5_fill"></path>&#10;    <path d="M 96.1798 6.10482C 96.0921 5.87407 95.9365 5.67548 95.7335 5.53535C 95.5305 5.39522 95.2898 5.32018 95.0433 5.32018C 94.7968 5.32018 94.556 5.39522 94.3531 5.53535C 94.1501 5.67548 93.9944 5.87407 93.9067 6.10482L 88.0231 16.5995C 87.9052 16.7842 87.8421 16.9987 87.8413 17.218C 87.841 17.3784 87.8747 17.537 87.94 17.6835C 88.0053 17.8299 88.1007 17.9609 88.2201 18.0679C 88.4559 18.2901 88.7677 18.4136 89.0915 18.4131C 89.3023 18.4142 89.5094 18.3575 89.6904 18.2492C 89.8714 18.1409 90.0193 17.985 90.1182 17.7985L 95.0433 9.03772L 99.9684 17.8061C 100.067 17.9924 100.216 18.1475 100.398 18.2541C 100.58 18.3606 100.788 18.4144 100.999 18.4093C 101.318 18.409 101.626 18.287 101.859 18.0679C 101.978 17.9609 102.074 17.8299 102.139 17.6835C 102.204 17.537 102.238 17.3784 102.238 17.218C 102.238 17.0032 102.178 16.7927 102.063 16.6109L 96.1798 6.10482Z" id="path6_fill"></path>&#10;    <path d="M 112.899 13.9018C 112.664 14.213 112.489 14.4482 112.399 14.5848C 112.03 15.0467 111.557 15.415 111.019 15.6596C 110.481 15.9041 109.893 16.0182 109.303 15.9924C 108.786 16.0057 108.271 15.9145 107.789 15.7241C 107.307 15.5338 106.869 15.2482 106.5 14.8845L 114.513 10.2481C 114.697 10.1544 114.852 10.0103 114.959 9.83238C 115.065 9.65448 115.119 9.45002 115.115 9.2426C 115.115 8.50273 114.634 7.76287 113.637 6.96609C 112.944 6.40687 112.161 5.96824 111.323 5.66849C 110.431 5.39422 109.491 5.31491 108.566 5.43593C 107.642 5.55695 106.754 5.87548 105.962 6.36995C 105.171 6.86443 104.495 7.52333 103.98 8.30207C 103.465 9.08081 103.124 9.96123 102.978 10.8838C 102.832 11.8063 102.886 12.7494 103.135 13.6493C 103.385 14.5492 103.825 15.3849 104.425 16.0999C 105.025 16.8149 105.772 17.3924 106.614 17.7935C 107.456 18.1945 108.375 18.4097 109.307 18.4245C 110.462 18.4187 111.595 18.1114 112.596 17.5329C 113.606 16.9831 114.434 16.1497 114.979 15.135C 115.073 14.9475 115.125 14.7415 115.13 14.5317C 115.132 14.3694 115.099 14.2085 115.034 14.06C 114.968 13.9114 114.872 13.7786 114.751 13.6704C 114.225 13.1848 113.463 13.162 112.899 13.9018ZM 109.3 7.74391C 109.818 7.73199 110.334 7.82459 110.816 8.01622C 111.298 8.20784 111.737 8.49458 112.107 8.8594L 105.287 12.7978C 105.217 12.4917 105.181 12.1785 105.181 11.8644C 105.185 10.7728 105.62 9.72705 106.391 8.95518C 107.162 8.1833 108.206 7.7479 109.296 7.74391L 109.3 7.74391Z" id="path7_fill"></path>&#10;    <path d="M 128 7.24688C 127.401 6.6304 126.683 6.14257 125.889 5.81314C 125.096 5.48372 124.244 5.3196 123.385 5.33081C 121.884 5.30768 120.425 5.82619 119.275 6.79157C 119.276 6.60811 119.258 6.42503 119.222 6.24521C 119.152 5.95873 118.98 5.70785 118.738 5.54022C 118.495 5.37259 118.2 5.29989 117.908 5.33594C 117.616 5.37199 117.347 5.51428 117.153 5.73577C 116.958 5.95726 116.852 6.24253 116.854 6.53737L 116.854 22.5222C 116.854 22.8427 116.981 23.1501 117.207 23.3767C 117.434 23.6033 117.74 23.7307 118.06 23.7307C 118.381 23.7307 118.687 23.6033 118.914 23.3767C 119.14 23.1501 119.267 22.8427 119.267 22.5222L 119.267 16.9562C 120.417 17.9234 121.876 18.4445 123.378 18.4245C 124.671 18.427 125.935 18.045 127.011 17.3268C 128.087 16.6086 128.925 15.5867 129.42 14.3906C 129.915 13.1945 130.045 11.8781 129.792 10.6083C 129.539 9.33854 128.915 8.17257 128 7.25826L 128 7.24688ZM 123.385 15.9962C 122.429 15.9997 121.5 15.6706 120.759 15.0651C 120.017 14.4596 119.508 13.6152 119.319 12.6759C 119.13 11.7366 119.271 10.7607 119.72 9.91451C 120.169 9.06833 120.898 8.40434 121.781 8.0358C 122.664 7.66725 123.647 7.61698 124.564 7.89356C 125.48 8.17014 126.271 8.75644 126.804 9.55245C 127.337 10.3485 127.577 11.3049 127.484 12.2586C 127.391 13.2123 126.971 14.1041 126.295 14.7821C 125.92 15.1742 125.467 15.4842 124.967 15.6925C 124.466 15.9008 123.927 16.0029 123.385 15.9924L 123.385 15.9962Z" id="path8_fill"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-vk" viewBox="0 0 24 14">&#10;    <path d="M 7.27004 5.69487C 7.40954 5.87077 7.57394 6.02544 7.75804 6.15391C 7.80516 6.20107 7.86423 6.23447 7.92891 6.25059C 7.9936 6.26671 8.06143 6.26494 8.12517 6.24541C 8.18891 6.22587 8.24615 6.18935 8.2907 6.13975C 8.33525 6.09016 8.36543 6.02937 8.37804 5.96391C 8.50586 5.53187 8.58107 5.08598 8.60204 4.63591C 8.61804 3.74291 8.60202 3.15688 8.55202 2.26488C 8.57312 1.96437 8.47549 1.6676 8.28008 1.43834C 8.08467 1.20908 7.80709 1.06569 7.50704 1.03892C 7.25504 0.992924 7.23103 0.778925 7.39403 0.564925C 7.55616 0.378171 7.75963 0.231825 7.98827 0.137557C 8.21691 0.0432896 8.46441 0.00367422 8.71105 0.0218954C 9.53805 -0.0231046 10.368 0.0138954 11.196 0.0218954C 11.5348 0.0222898 11.8726 0.0578312 12.204 0.127914C 12.4013 0.170908 12.5796 0.27632 12.7123 0.428512C 12.8451 0.580704 12.9252 0.771555 12.941 0.972884C 12.9782 1.19825 12.9949 1.42652 12.991 1.65489C 12.97 2.62989 12.924 3.60488 12.913 4.57988C 12.9042 4.96505 12.9377 5.35005 13.013 5.72789C 13.124 6.24689 13.467 6.37788 13.819 6.00188C 14.2625 5.51532 14.667 4.99471 15.029 4.44487C 15.6821 3.4424 16.2189 2.36887 16.629 1.24492C 16.6465 1.13206 16.6865 1.02386 16.7467 0.926803C 16.8068 0.829746 16.886 0.745779 16.9793 0.679977C 17.0726 0.614174 17.1783 0.567878 17.2899 0.543807C 17.4015 0.519736 17.5169 0.518408 17.629 0.539901C 18.7657 0.539901 19.9027 0.539901 21.04 0.539901C 21.243 0.536621 21.4454 0.564242 21.64 0.621871C 21.7098 0.642194 21.7748 0.676489 21.831 0.722579C 21.8873 0.768669 21.9336 0.825659 21.9672 0.890121C 22.0009 0.954583 22.0211 1.02515 22.0268 1.09764C 22.0324 1.17013 22.0233 1.24299 22 1.31187C 21.8021 2.05639 21.4596 2.75472 20.992 3.36693C 20.292 4.37793 19.567 5.36693 18.855 6.36693C 18.7651 6.49522 18.6829 6.62875 18.609 6.76689C 18.4706 6.94275 18.4078 7.16638 18.4342 7.38859C 18.4606 7.61081 18.5742 7.81342 18.75 7.95189C 19.368 8.60789 20.031 9.22192 20.629 9.89592C 21.0684 10.3884 21.4642 10.9181 21.812 11.4789C 21.9248 11.6071 21.9988 11.7647 22.0253 11.9334C 22.0519 12.1021 22.0299 12.2748 21.962 12.4314C 21.894 12.5881 21.7829 12.7222 21.6416 12.818C 21.5003 12.9139 21.3347 12.9676 21.164 12.9729C 20.651 13.0469 18.147 12.9729 18.018 12.9729C 17.6951 12.9762 17.3749 12.9148 17.0762 12.7922C 16.7775 12.6695 16.5064 12.4882 16.279 12.2589C 15.751 11.7359 15.27 11.1589 14.763 10.6149C 14.6114 10.4489 14.4469 10.295 14.271 10.1549C 14.2005 10.0726 14.1085 10.0115 14.0053 9.97832C 13.9021 9.94511 13.7917 9.9411 13.6864 9.96678C 13.5811 9.99246 13.485 10.0468 13.4086 10.1238C 13.3323 10.2007 13.2788 10.2973 13.254 10.4029C 13.1016 10.9455 12.9959 11.5002 12.938 12.0609C 12.9372 12.1769 12.913 12.2916 12.867 12.3982C 12.8209 12.5047 12.7539 12.6009 12.67 12.681C 12.586 12.7611 12.4868 12.8236 12.3783 12.8646C 12.2697 12.9056 12.154 12.9245 12.038 12.9199C 10.4644 13.0688 8.88111 12.7619 7.47704 12.0359C 6.28794 11.3526 5.25672 10.4257 4.45104 9.3159C 3.14833 7.54429 2.02545 5.64722 1.09905 3.65288C 1.04905 3.55288 0.0740228 1.4169 0.0480228 1.3159C -0.0109049 1.17672 -0.0157692 1.02057 0.0343509 0.877975C 0.084471 0.735382 0.185966 0.61661 0.319019 0.544906C 0.492019 0.474906 3.70704 0.544906 3.76104 0.544906C 4.00308 0.544162 4.2389 0.621632 4.43334 0.765792C 4.62777 0.909952 4.77043 1.11307 4.84005 1.34489C 5.43813 2.90351 6.25644 4.36837 7.27004 5.69487Z" style="fill: white;"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-facebook" viewBox="0 0 11 21">&#10;    <path d="M 3.25 20.0017L 3.25 10.9217L 0 10.9217L 0 7.21474L 3.25 7.21474L 3.25 4.10171C 3.28424 2.98154 3.76149 1.92073 4.57703 1.15206C 5.39256 0.383393 6.47977 -0.0303117 7.60001 0.00173185L 11 0.00173185L 11 3.33474L 8.569 3.33474C 8.21349 3.32476 7.86848 3.4559 7.60934 3.69949C 7.35021 3.94307 7.19802 4.27928 7.186 4.63473L 7.186 7.21175L 10.939 7.21175L 10.421 10.9187L 7.186 10.9187L 7.186 20.0017" style="fill: white;"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-login" viewBox="0 0 19 18">&#10;    <path d="M 17.4547 17.9993L 0.53867 17.9993C 0.404689 17.9964 0.276648 17.9434 0.179692 17.8509C 0.0827359 17.7584 0.0238547 17.633 0.014653 17.4993C 0.014653 17.3913 -0.265322 14.4393 1.62168 13.4673C 2.12891 13.2314 2.6551 13.0388 3.19468 12.8913C 4.52268 12.4593 6.16565 11.9193 6.44565 10.9113C 6.40872 10.5344 6.24885 10.1802 5.99067 9.90327C 4.98862 8.51019 4.46258 6.83109 4.49067 5.11528L 4.49067 5.07927C 4.49067 4.97127 4.70066 2.12728 6.27366 0.939285C 7.02404 0.305239 7.98278 -0.0282368 8.96467 0.00328L 8.99967 0.00328C 9.98289 -0.037165 10.9448 0.297406 11.6907 0.939285C 13.2637 2.12728 13.4737 4.97127 13.4737 5.07927L 13.4737 5.11528C 13.5186 6.83348 12.9909 8.51783 11.9737 9.90327C 11.7303 10.1897 11.5729 10.5392 11.5197 10.9113C 11.7987 11.9193 13.4417 12.4593 14.7697 12.8913C 15.3092 13.0388 15.8354 13.2314 16.3427 13.4673C 18.2647 14.4393 18.0207 17.3913 17.9857 17.4993C 17.9761 17.6341 17.9162 17.7604 17.8178 17.853C 17.7194 17.9457 17.5898 17.9979 17.4547 17.9993Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-email" viewBox="0 0 19 14">&#10;    <path d="M 15.859 14.0004L 2.14099 14.0004C 1.5889 14.0115 1.05468 13.8047 0.653961 13.4247C 0.253245 13.0448 0.0182955 12.5223 0 11.9704L 0 4.57043L 7.89499 8.87042C 8.24307 9.02689 8.62039 9.10778 9.00201 9.10778C 9.38364 9.10778 9.76093 9.02689 10.109 8.87042L 18.004 4.57043L 18.004 11.9704C 17.9857 12.523 17.7502 13.0461 17.3486 13.4262C 16.9471 13.8062 16.4118 14.0126 15.859 14.0004ZM 8.53601 6.46441L 0 2.04641L 0 2.03042C 0.0182955 1.47852 0.253245 0.956048 0.653961 0.576107C 1.05468 0.196166 1.5889 -0.0106607 2.14099 0.000423599L 15.859 0.000423599C 16.4111 -0.0106607 16.9453 0.196166 17.346 0.576107C 17.7468 0.956048 17.9817 1.47852 18 2.03042L 18 2.04641L 9.46201 6.46643C 9.15747 6.53788 8.84054 6.53788 8.53601 6.46643L 8.53601 6.46441Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-tel" viewBox="0 0 16 23">&#10;    <path d="M 13 23L 3 23C 2.20435 23 1.4413 22.6839 0.878693 22.1213C 0.316083 21.5587 0 20.7956 0 20L 0 3C 0 2.20435 0.316083 1.44127 0.878693 0.878662C 1.4413 0.316053 2.20435 0 3 0L 13 0C 13.7956 0 14.5587 0.316053 15.1213 0.878662C 15.6839 1.44127 16 2.20435 16 3L 16 20C 16 20.7956 15.6839 21.5587 15.1213 22.1213C 14.5587 22.6839 13.7956 23 13 23ZM 6 22L 10 22C 10.2652 22 10.5196 21.8946 10.7071 21.7071C 10.8946 21.5196 11 21.2652 11 21C 11 20.7348 10.8946 20.4804 10.7071 20.2929C 10.5196 20.1054 10.2652 20 10 20L 6 20C 5.73478 20 5.48044 20.1054 5.29291 20.2929C 5.10537 20.4804 5 20.7348 5 21C 5 21.2652 5.10537 21.5196 5.29291 21.7071C 5.48044 21.8946 5.73478 22 6 22ZM 14 3C 14 2.73478 13.8946 2.48044 13.7071 2.29291C 13.5196 2.10537 13.2652 2 13 2L 3 2C 2.73478 2 2.48044 2.10537 2.29291 2.29291C 2.10537 2.48044 2 2.73478 2 3L 2 18C 2 18.2652 2.10537 18.5196 2.29291 18.7071C 2.48044 18.8946 2.73478 19 3 19L 13 19C 13.2652 19 13.5196 18.8946 13.7071 18.7071C 13.8946 18.5196 14 18.2652 14 18L 14 3Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-lock" viewBox="0 0 401.998 401.998">&#10;    <path d="M357.45,190.721c-5.331-5.33-11.8-7.993-19.417-7.993h-9.131v-54.821c0-35.022-12.559-65.093-37.685-90.218C266.093,12.563,236.025,0,200.998,0c-35.026,0-65.1,12.563-90.222,37.688C85.65,62.814,73.091,92.884,73.091,127.907v54.821h-9.135c-7.611,0-14.084,2.663-19.414,7.993c-5.33,5.326-7.994,11.799-7.994,19.417V374.59c0,7.611,2.665,14.086,7.994,19.417c5.33,5.325,11.803,7.991,19.414,7.991H338.04c7.617,0,14.085-2.663,19.417-7.991c5.325-5.331,7.994-11.806,7.994-19.417V210.135C365.455,202.523,362.782,196.051,357.45,190.721z M274.087,182.728H127.909v-54.821c0-20.175,7.139-37.402,21.414-51.675c14.277-14.275,31.501-21.411,51.678-21.411c20.179,0,37.399,7.135,51.677,21.411c14.271,14.272,21.409,31.5,21.409,51.675V182.728z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-google" viewBox="0 0 512 512">&#10;    <path d="M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256c0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456C103.821,274.792,107.225,292.797,113.47,309.408z" style="fill:#FBBB00;"></path>&#10;    <path d="M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451c-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535c29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z" style="fill:#518EF8;"></path>&#10;    <path d="M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512c-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771c28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z" style="fill:#28B446;"></path>&#10;    <path d="M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012c-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0C318.115,0,375.068,22.126,419.404,58.936z" style="fill:#F14336;"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-odnoklassniki" viewBox="0 0 95.481 95.481">&#10;    <path d="M43.041,67.254c-7.402-0.772-14.076-2.595-19.79-7.064c-0.709-0.556-1.441-1.092-2.088-1.713c-2.501-2.402-2.753-5.153-0.774-7.988c1.693-2.426,4.535-3.075,7.489-1.682c0.572,0.27,1.117,0.607,1.639,0.969c10.649,7.317,25.278,7.519,35.967,0.329c1.059-0.812,2.191-1.474,3.503-1.812c2.551-0.655,4.93,0.282,6.299,2.514c1.564,2.549,1.544,5.037-0.383,7.016c-2.956,3.034-6.511,5.229-10.461,6.761c-3.735,1.448-7.826,2.177-11.875,2.661c0.611,0.665,0.899,0.992,1.281,1.376c5.498,5.524,11.02,11.025,16.5,16.566c1.867,1.888,2.257,4.229,1.229,6.425c-1.124,2.4-3.64,3.979-6.107,3.81c-1.563-0.108-2.782-0.886-3.865-1.977c-4.149-4.175-8.376-8.273-12.441-12.527c-1.183-1.237-1.752-1.003-2.796,0.071c-4.174,4.297-8.416,8.528-12.683,12.735c-1.916,1.889-4.196,2.229-6.418,1.15c-2.362-1.145-3.865-3.556-3.749-5.979c0.08-1.639,0.886-2.891,2.011-4.014c5.441-5.433,10.867-10.88,16.295-16.322C42.183,68.197,42.518,67.813,43.041,67.254z"></path>&#10;    <path d="M47.55,48.329c-13.205-0.045-24.033-10.992-23.956-24.218C23.67,10.739,34.505-0.037,47.84,0c13.362,0.036,24.087,10.967,24.02,24.478C71.792,37.677,60.889,48.375,47.55,48.329z M59.551,24.143c-0.023-6.567-5.253-11.795-11.807-11.801c-6.609-0.007-11.886,5.316-11.835,11.943c0.049,6.542,5.324,11.733,11.896,11.709C54.357,35.971,59.573,30.709,59.551,24.143z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-yandex" viewBox="0 0 512 512">&#10;    <path d="M363.493,0h-72.744C217.05,0,142.684,54.422,142.684,176.006c0,62.978,26.691,112.027,75.619,139.922 &#9;l-89.552,162.091c-4.246,7.666-4.357,16.354-0.298,23.24c3.963,6.725,11.21,10.741,19.378,10.741h45.301 &#9;c10.291,0,18.315-4.974,22.163-13.688L299.26,334.08h6.128v157.451c0,11.096,9.363,20.469,20.446,20.469h39.574 &#9;c12.429,0,21.106-8.678,21.106-21.104V22.403C386.516,9.213,377.05,0,363.493,0z M305.388,261.126h-10.81 &#9;c-41.915,0-66.938-34.214-66.938-91.523c0-71.259,31.61-96.648,61.194-96.648h16.554V261.126z" fill="#ff0000"></path>&#10;    &#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-return" viewBox="0 0 30 18">&#10;    <path d="M 28.0248 17.0268C 27.7596 17.0268 27.5052 16.9214 27.3177 16.7339C 27.1302 16.5464 27.0248 16.292 27.0248 16.0268C 27.0227 14.1709 26.2845 12.3917 24.9722 11.0794C 23.6599 9.7671 21.8807 9.02892 20.0248 9.0268L 3.43182 9.0268L 8.65582 14.2958C 8.84415 14.4857 8.94982 14.7423 8.94982 15.0098C 8.94982 15.2773 8.84415 15.5339 8.65582 15.7238C 8.56285 15.8175 8.45225 15.8919 8.33039 15.9427C 8.20853 15.9935 8.07784 16.0196 7.94582 16.0196C 7.81381 16.0196 7.6831 15.9935 7.56124 15.9427C 7.43938 15.8919 7.32878 15.8175 7.23582 15.7238L 0.294824 8.7238C 0.106009 8.53415 -6.64073e-06 8.27742 -6.64073e-06 8.0098C -6.64073e-06 7.74218 0.106009 7.48545 0.294824 7.2958L 7.23582 0.295796C 7.32878 0.202067 7.43938 0.127677 7.56124 0.0769082C 7.6831 0.0261395 7.81381 3.89075e-06 7.94582 3.89075e-06C 8.07784 3.89075e-06 8.20853 0.0261395 8.33039 0.0769082C 8.45225 0.127677 8.56285 0.202067 8.65582 0.295796C 8.84421 0.485878 8.94991 0.74268 8.94991 1.0103C 8.94991 1.27793 8.84421 1.53471 8.65582 1.7248L 3.40083 7.0248L 20.0248 7.0248C 22.411 7.02745 24.6986 7.97651 26.3859 9.66376C 28.0731 11.351 29.0222 13.6387 29.0248 16.0248C 29.0251 16.1563 28.9994 16.2865 28.9493 16.4081C 28.8991 16.5297 28.8255 16.6401 28.7326 16.7332C 28.6397 16.8263 28.5294 16.9001 28.408 16.9505C 28.2865 17.0009 28.1563 17.0268 28.0248 17.0268Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-checkbox" viewBox="0 0 15 11">&#10;    <path d="M 13.0209 0.292893C 12.6303 -0.097631 11.9972 -0.097631 11.6066 0.292893L 4.53555 7.36397L 1.70718 4.53553C 1.31656 4.14501 0.683502 4.14501 0.292877 4.53553C -0.0976257 4.92606 -0.0976257 5.55922 0.292877 5.94974L 3.82852 9.48528C 4.21902 9.8758 4.8522 9.8758 5.24271 9.48528L 13.0209 1.70711C 13.4114 1.31658 13.4114 0.683417 13.0209 0.292893Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-logout" viewBox="0 0 15 15">&#10;    <path d="M10.5,1.674V4c1.215,0.912,2,2.364,2,4c0,2.762-2.238,5-5,5s-5-2.238-5-5c0-1.636,0.785-3.088,2-4V1.674C2.135,2.797,0.5,5.208,0.5,8c0,3.866,3.134,7,7,7s7-3.134,7-7C14.5,5.208,12.865,2.797,10.5,1.674z"></path>&#10;    <path d="M8.5,7.003V0.997C8.5,0.446,8.056,0,7.5,0c-0.553,0-1,0.453-1,0.997v6.006C6.5,7.554,6.944,8,7.5,8C8.053,8,8.5,7.547,8.5,7.003z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-create-document" viewBox="0 0 512 512">&#10;    <path d="M256,0C114.51,0,0,114.497,0,256c0,141.49,114.497,256,256,256c141.49,0,256-114.497,256-256C512,114.51,397.503,0,256,0zM371.345,273.067h-98.278v98.278c0,9.425-7.641,17.067-17.067,17.067s-17.067-7.641-17.067-17.067v-98.278h-98.278c-9.425,0-17.067-7.641-17.067-17.067s7.641-17.067,17.067-17.067h98.278v-98.278c0-9.425,7.641-17.067,17.067-17.067s17.067,7.641,17.067,17.067v98.278h98.278c9.425,0,17.067,7.641,17.067,17.067S380.77,273.067,371.345,273.067z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-create-options" viewBox="0 0 510 510">&#10;    <path d="M150.45,206.55l-35.7,35.7L229.5,357l255-255l-35.7-35.7L229.5,285.6L150.45,206.55z M459,255c0,112.2-91.8,204-204,204S51,367.2,51,255S142.8,51,255,51c20.4,0,38.25,2.55,56.1,7.65l40.801-40.8C321.3,7.65,288.15,0,255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255H459z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-code-mask" viewBox="0 0 572 52">&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(0.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(104.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(208.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(312.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(416.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(520.0,0.0)"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-add-user" viewBox="0 0 561 561">&#10;    <path d="M357,280.5c56.1,0,102-45.9,102-102s-45.9-102-102-102s-102,45.9-102,102S300.9,280.5,357,280.5z M127.5,229.5V153h-51v76.5H0v51h76.5V357h51v-76.5H204v-51H127.5z M357,331.5c-68.85,0-204,33.15-204,102v51h408v-51C561,364.65,425.85,331.5,357,331.5z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-load" viewBox="0 0 41.712 41.712">&#10;    <path d="M31.586,21.8c0.444-0.444,0.444-1.143,0-1.587c-0.429-0.444-1.143-0.444-1.571,0l-8.047,8.032V1.706 &#9;c0-0.619-0.492-1.127-1.111-1.127c-0.619,0-1.127,0.508-1.127,1.127v26.539l-8.031-8.032c-0.444-0.444-1.159-0.444-1.587,0 &#9;c-0.444,0.444-0.444,1.143,0,1.587l9.952,9.952c0.429,0.429,1.143,0.429,1.587,0L31.586,21.8z M39.474,29.086 &#9;c0-0.619,0.492-1.111,1.111-1.111c0.619,0,1.127,0.492,1.127,1.111v10.92c0,0.619-0.508,1.127-1.127,1.127H1.111 &#9;C0.492,41.133,0,40.625,0,40.006v-10.92c0-0.619,0.492-1.111,1.111-1.111s1.127,0.492,1.127,1.111v9.809h37.236V29.086z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-search" viewBox="0 0 310.42 310.42">&#10;    <path d="M273.587,214.965c49.11-49.111,49.109-129.021,0-178.132c-49.111-49.111-129.02-49.111-178.13,0C53.793,78.497,47.483,140.462,76.51,188.85c0,0,2.085,3.498-0.731,6.312c-16.065,16.064-64.263,64.263-64.263,64.263c-12.791,12.79-15.836,30.675-4.493,42.02l1.953,1.951c11.343,11.345,29.229,8.301,42.019-4.49c0,0,48.096-48.097,64.128-64.128c2.951-2.951,6.448-0.866,6.448-0.866C169.958,262.938,231.923,256.629,273.587,214.965z M118.711,191.71c-36.288-36.288-36.287-95.332,0.001-131.62c36.288-36.287,95.332-36.288,131.619,0c36.288,36.287,36.288,95.332,0,131.62C214.043,227.996,155,227.996,118.711,191.71z"></path>&#10;    <path d="M126.75,118.424c-1.689,0-3.406-0.332-5.061-1.031c-6.611-2.798-9.704-10.426-6.906-17.038c17.586-41.559,65.703-61.062,107.261-43.476c6.611,2.798,9.704,10.426,6.906,17.038c-2.799,6.612-10.425,9.703-17.039,6.906c-28.354-11.998-61.186,1.309-73.183,29.663C136.629,115.445,131.815,118.424,126.75,118.424z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-menu" viewBox="0 0 612 612">&#10;    <circle cx="306" cy="69.545" r="69.545"></circle>&#10;    <circle cx="306" cy="306" r="69.545"></circle>&#10;    <circle cx="306" cy="542.455" r="69.545"></circle>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-up-down" viewBox="0 0 129 129">&#10;    <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-double-left" viewBox="0 0 284.929 284.929">&#10;    <path d="M165.304,142.468L277.517,30.267c1.902-1.903,2.847-4.093,2.847-6.567c0-2.475-0.951-4.665-2.847-6.567L263.239,2.857C261.337,0.955,259.146,0,256.676,0c-2.478,0-4.665,0.955-6.571,2.857L117.057,135.9c-1.903,1.903-2.853,4.093-2.853,6.567c0,2.475,0.95,4.664,2.853,6.567l133.048,133.043c1.903,1.906,4.086,2.851,6.564,2.851c2.478,0,4.66-0.947,6.563-2.851l14.277-14.267c1.902-1.903,2.851-4.094,2.851-6.57c0-2.472-0.948-4.661-2.851-6.564L165.304,142.468z"></path>&#10;    <path d="M55.668,142.468L167.87,30.267c1.903-1.903,2.851-4.093,2.851-6.567c0-2.475-0.947-4.665-2.851-6.567L153.6,2.857C151.697,0.955,149.507,0,147.036,0c-2.478,0-4.668,0.955-6.57,2.857L7.417,135.9c-1.903,1.903-2.853,4.093-2.853,6.567c0,2.475,0.95,4.664,2.853,6.567l133.048,133.043c1.902,1.906,4.09,2.851,6.57,2.851c2.471,0,4.661-0.947,6.563-2.851l14.271-14.267c1.903-1.903,2.851-4.094,2.851-6.57c0-2.472-0.947-4.661-2.851-6.564L55.668,142.468z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-check" viewBox="0 0 426.67 426.67">&#10;    <path d="M153.504,366.839c-8.657,0-17.323-3.302-23.927-9.911L9.914,237.265c-13.218-13.218-13.218-34.645,0-47.863c13.218-13.218,34.645-13.218,47.863,0l95.727,95.727l215.39-215.386c13.218-13.214,34.65-13.218,47.859,0c13.222,13.218,13.222,34.65,0,47.863L177.436,356.928C170.827,363.533,162.165,366.839,153.504,366.839z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-right" viewBox="0 0 41.999 41.999">&#10;    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-edit" viewBox="0 0 493.638 493.638">&#10;    <polygon points="427.092,118.538 99.89,445.738 90.239,436.086 417.439,108.885 358.708,50.154 31.376,377.481 116.022,462.13 443.351,134.798 &#9;&#9;&#9;"></polygon>&#10;    <path d="M492.627,85.523c-10.064,23.448-43.053,43.053-43.053,43.053l-84.646-84.644c0,0,27.29-33.513,43.054-43.053S502.692,62.074,492.627,85.523z"></path>&#10;    <polygon points="110.059,468.088 0.127,493.638 25.413,383.447"></polygon>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-delete" viewBox="0 0 490.8 490.8">&#10;    <path d="M418.95,127.9h-347c-3.2,0-5.8,2.6-5.8,5.8v32c0,3.2,2.6,5.8,5.8,5.8h30.5l23.8,281.5c1.8,21.4,19.7,37.8,41.1,37.8h160.7c21.7,0,39.7-16.8,41.2-38.5l19.1-280.8h30.5c3.2,0,5.8-2.6,5.8-5.8v-32C424.65,130.4,422.05,127.9,418.95,127.9z"></path>&#10;    <path d="M418.95,59.7h-113c0-0.5,0.1-1.1,0.1-1.6V40.6c0-22.4-18.2-40.6-40.6-40.6h-40c-22.4,0-40.6,18.2-40.6,40.6v17.5c0,0.5,0.1,1.1,0.1,1.6h-35.2h-77.8c-3.2,0-5.8,2.6-5.8,5.8v32c0,3.2,2.6,5.8,5.8,5.8h346.9c3.2,0,5.8-2.6,5.8-5.8v-32C424.65,62.2,422.05,59.7,418.95,59.7z M219.35,40.6c0-3.4,2.8-6.2,6.2-6.2h39.9c3.4,0,6.2,2.8,6.2,6.2v17.5c0,0.6-0.2,1.1-0.3,1.6h-51.6c-0.1-0.5-0.3-1-0.3-1.6V40.6H219.35z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-loading" viewBox="0 0 496 496">&#10;    <circle cx="248" cy="24" r="24" style="fill:#00a0f9; fill-opacity: 1.0;"></circle>&#10;    <circle cx="248" cy="472" r="24" style="fill:#00a0f9; fill-opacity: 0.55;"></circle>&#10;    <circle cx="136" cy="53.6" r="24" style="fill:#00a0f9;  fill-opacity: 1.0;"></circle>&#10;    <path d="M380.8,430.4c6.4,11.2,2.4,25.6-8.8,32.8c-11.2,6.4-25.6,2.4-32.8-8.8c-6.4-11.2-2.4-25.6,8.8-32.8C359.2,415.2,374.4,419.2,380.8,430.4z" style="fill:#00a0f9;  fill-opacity: 0.45;"></path>&#10;    <path d="M65.6,115.2c11.2,6.4,15.2,20.8,8.8,32.8c-6.4,11.2-20.8,15.2-32.8,8.8c-11.2-6.4-15.2-20.8-8.8-32.8S54.4,108.8,65.6,115.2z" style="fill:#00a0f9;  fill-opacity: 0.95;"></path>&#10;    <path d="M454.4,339.2c11.2,6.4,15.2,20.8,8.8,32.8c-6.4,11.2-20.8,15.2-32.8,8.8c-11.2-6.4-15.2-20.8-8.8-32.8C428,336.8,442.4,332.8,454.4,339.2z" style="fill:#00a0f9;  fill-opacity: 0.35;"></path>&#10;    <circle cx="24" cy="248" r="24" style="fill:#00a0f9;  fill-opacity: 0.85;"></circle>&#10;    <circle cx="472" cy="248" r="24" style="fill:#00a0f9;  fill-opacity: 0.25;"></circle>&#10;    <path d="M41.6,339.2c11.2-6.4,25.6-2.4,32.8,8.8c6.4,11.2,2.4,25.6-8.8,32.8c-11.2,6.4-25.6,2.4-32.8-8.8S30.4,346.4,41.6,339.2z" style="fill:#00a0f9;  fill-opacity: 0.75;"></path>&#10;    <path d="M430.4,115.2c11.2-6.4,25.6-2.4,32.8,8.8c6.4,11.2,2.4,25.6-8.8,32.8c-11.2,6.4-25.6,2.4-32.8-8.8C415.2,136.8,419.2,121.6,430.4,115.2z" style="fill:#00a0f9; fill-opacity: 0.15;"></path>&#10;    <path d="M115.2,430.4c6.4-11.2,20.8-15.2,32.8-8.8c11.2,6.4,15.2,20.8,8.8,32.8c-6.4,11.2-20.8,15.2-32.8,8.8C112.8,456,108.8,441.6,115.2,430.4z" style="fill:#00a0f9; fill-opacity: 0.65;"></path>&#10;    <path d="M339.2,41.6c6.4-11.2,20.8-15.2,32.8-8.8c11.2,6.4,15.2,20.8,8.8,32.8c-6.4,11.2-20.8,15.2-32.8,8.8C336.8,68,332.8,53.6,339.2,41.6z" style="fill:#00a0f9; fill-opacity: 0.05;"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;&#10;  &#10;    &#10;      &#10;        &#10;          &#10;          &#10;        &#10;        &#10;      &#10;    &#10;  &#10;&#10;</app-svg-icon><div class="form-group"><div class="buttons"><div class="btn-group btn-group-justified"><div class="btn btn-success">Success</div><div class="btn btn-info">Info</div><div class="btn btn-danger">Error</div><div class="btn btn-warning">Warning</div><div class="btn btn-default">HTML</div></div></div></div><router-outlet></router-outlet><ng-snotify class="material"><!----> <!----> </ng-snotify></div></div></body></html>}, tss: TranslatedNotifyService{translate: TranslateService{store: ..., currentLoader: ..., compiler: ..., parser: ..., missingTranslationHandler: ..., useDefaultLang: ..., isolate: ..., pending: ..., _onTranslationChange: ..., _onLangChange: ..., _onDefaultLangChange: ..., _langs: ..., _translations: ..., _translationRequests: ..., loadingTranslations: ...}, service: SnotifyService{config: ..., emitter: ..., toastChanged: ..., toastDeleted: ..., notifications: ...}, config: Object{bodyMaxLength: ..., titleMaxLength: ..., backdrop: ..., position: ..., timeout: ..., showProgressBar: ..., closeOnClick: ..., pauseOnHover: ...}, global: Object{global: ...}}}
'Error during cleanup of component', AppComponent{route: ActivatedRoute{url: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, params: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, queryParams: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, fragment: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, data: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, outlet: 'primary', component: null, _futureSnapshot: ActivatedRouteSnapshot{url: ..., params: ..., queryParams: ..., fragment: ..., data: ..., outlet: ..., component: ..., routeConfig: ..., _urlSegment: ..., _lastPathIndex: ..., _resolve: ..., _routerState: ...}, snapshot: ActivatedRouteSnapshot{url: ..., params: ..., queryParams: ..., fragment: ..., data: ..., outlet: ..., component: ..., routeConfig: ..., _urlSegment: ..., _lastPathIndex: ..., _resolve: ..., _routerState: ...}, _routerState: RouterState{_root: ..., snapshot: ...}}, router: Router{rootComponentType: null, urlSerializer: DefaultUrlSerializer{}, rootContexts: ChildrenOutletContexts{contexts: ...}, location: SpyLocation{urlChanges: ..., _history: ..., _historyIndex: ..., _subject: ..., _baseHref: ..., _platformStrategy: ...}, config: [], navigations: BehaviorSubject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., _value: ...}, navigationId: 0, events: Subject{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ...}, errorHandler: function defaultErrorHandler(error) { ... }, navigated: false, hooks: Object{beforePreactivation: ..., afterPreactivation: ...}, urlHandlingStrategy: DefaultUrlHandlingStrategy{}, routeReuseStrategy: DefaultRouteReuseStrategy{}, onSameUrlNavigation: 'ignore', ngModule: NgModuleRef_{_moduleType: ..., _parent: ..., _bootstrapComponents: ..., _def: ..., _destroyListeners: ..., _destroyed: ..., _providers: ...}, currentUrlTree: UrlTree{root: ..., queryParams: ..., fragment: ...}, rawUrlTree: UrlTree{root: ..., queryParams: ..., fragment: ...}, configLoader: RouterConfigLoader{loader: ..., compiler: ..., onLoadStartListener: ..., onLoadEndListener: ...}, routerState: RouterState{_root: ..., snapshot: ...}}, translate: TranslateService{store: TranslateStore{currentLang: ..., translations: ..., langs: ..., onTranslationChange: ..., onLangChange: ..., onDefaultLangChange: ..., defaultLang: ...}, currentLoader: TranslateFakeLoader{}, compiler: TranslateFakeCompiler{}, parser: TranslateDefaultParser{templateMatcher: ...}, missingTranslationHandler: FakeMissingTranslationHandler{}, useDefaultLang: true, isolate: false, pending: false, _onTranslationChange: EventEmitter{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., __isAsync: ...}, _onLangChange: EventEmitter{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., __isAsync: ...}, _onDefaultLangChange: EventEmitter{_isScalar: ..., observers: ..., closed: ..., isStopped: ..., hasError: ..., thrownError: ..., __isAsync: ...}, _langs: [], _translations: Object{}, _translationRequests: Object{ru: ...}, loadingTranslations: Observable{_isScalar: ..., source: ..., operator: ...}}, title: Title{_doc: <!DOCTYPE html><!--
This is the execution context.
Loaded within the iframe.
Reloaded before every execution run.
--><html><head>&#10;  <title></title>&#10;  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">&#10;  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">&#10;</head>&#10;&#10;<body>&#10;  <!-- The scripts need to be in the body DOM element, as some test running frameworks need the body
       to have already been created so they can insert their magic into it. For example, if loaded
       before body, Angular Scenario test framework fails to find the body and crashes and burns in
       an epic manner. -->&#10;  <script src="context.js"></script>&#10;  <script type="text/javascript">&#10;    // Configure our Karma and set up bindings&#10;    window.__karma__.config = {"args":["--grep=AppComponent "],"useIframe":true,"runInParent":false,"captureConsole":true,"clearContext":false};&#10;&#10;      window.__karma__.setupContext(window);&#10;&#10;    // All served files with the latest timestamps&#10;    window.__karma__.files = {&#10;  '/base/node_modules/source-map-support/browser-source-map-support.js': '3a3db3887ab08eb10eb5bdd356db8d254e26effa',&#10;  '/base/node_modules/karma-source-map-support/lib/client.js': 'fcb459e84379f1ce8e91fe200d87463f3780ca1b',&#10;  '/base/node_modules/jasmine-core/lib/jasmine-core/jasmine.js': '73bc53d3671677e6a093fc74e4f9bcde57e5f7ad',&#10;  '/base/node_modules/karma-jasmine/lib/boot.js': '945a38bf4e45ad2770eb94868231905a04a0bd3e',&#10;  '/base/node_modules/karma-jasmine/lib/adapter.js': '7a813cc290d592e664331c573a1a796192cdd1ad',&#10;  '/absolute/Users/lans/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/173.3942.31/WebStorm.app/Contents/plugins/js-karma/js_reporter/karma-intellij/lib/kjhtml/intellij-save-specFilter-before-kjhtml.js': 'fdf6c840398249fad7063ca82e4be3b248c18198',&#10;  '/base/node_modules/karma-jasmine-html-reporter/src/css/jasmine.css': 'c9871b8538297ee2479a3223e4b1c8afaa94e162',&#10;  '/base/node_modules/karma-jasmine-html-reporter/src/lib/html.jasmine.reporter.js': '4af523ab7bfaa86c4966fa332c4dc2bd2278b4cc',&#10;  '/base/node_modules/karma-jasmine-html-reporter/src/lib/adapter.js': '9d2c71b931979c6194d209809111ee3a72cf149b',&#10;  '/absolute/Users/lans/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/173.3942.31/WebStorm.app/Contents/plugins/js-karma/js_reporter/karma-intellij/lib/kjhtml/intellij-restore-specFilter-after-kjhtml.js': '962949bcf40465fc115c3e99aaf5b761f8709653',&#10;  '/base/src/assets/i18n/en.json': '3a607b404533ef39e6e57e372c794858b134e9a1',&#10;  '/base/src/assets/i18n/ru.json': '35c0cb2f6c183630a19416401c7cdf50258a6347',&#10;  '/base/src/favicon.ico': 'e7497d28ebf74b5bed78e2064fc74d0cb0c62005'&#10;};&#10;&#10;  </script>&#10;  <script type="text/javascript" src="_karma_webpack_/inline.bundle.js" crossorigin="anonymous"></script>&#10;  <script type="text/javascript" src="_karma_webpack_/polyfills.bundle.js" crossorigin="anonymous"></script>&#10;  <!-- Dynamically replaced with <script> tags -->&#10;  <script type="text/javascript" src="/base/node_modules/source-map-support/browser-source-map-support.js?3a3db3887ab08eb10eb5bdd356db8d254e26effa" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/karma-source-map-support/lib/client.js?fcb459e84379f1ce8e91fe200d87463f3780ca1b" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/jasmine-core/lib/jasmine-core/jasmine.js?73bc53d3671677e6a093fc74e4f9bcde57e5f7ad" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/karma-jasmine/lib/boot.js?945a38bf4e45ad2770eb94868231905a04a0bd3e" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/karma-jasmine/lib/adapter.js?7a813cc290d592e664331c573a1a796192cdd1ad" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/absolute/Users/lans/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/173.3942.31/WebStorm.app/Contents/plugins/js-karma/js_reporter/karma-intellij/lib/kjhtml/intellij-save-specFilter-before-kjhtml.js?fdf6c840398249fad7063ca82e4be3b248c18198" crossorigin="anonymous"></script>&#10;<link type="text/css" href="/base/node_modules/karma-jasmine-html-reporter/src/css/jasmine.css?c9871b8538297ee2479a3223e4b1c8afaa94e162" rel="stylesheet">&#10;<script type="text/javascript" src="/base/node_modules/karma-jasmine-html-reporter/src/lib/html.jasmine.reporter.js?4af523ab7bfaa86c4966fa332c4dc2bd2278b4cc" crossorigin="anonymous"></script>&#10;<script type="text/javascript" src="/base/node_modules/karma-jasmine-html-reporter/src/lib/adapter.js?9d2c71b931979c6194d209809111ee3a72cf149b" crossorigin="anonymous"></script><div class="html-reporter"><div class="banner"><span class="title">Jasmine</span><span class="version">2.8.0</span></div><ul class="symbol-summary"><li class="passed" id="spec_spec0" title="AppComponent should have main container"></li><li class="passed" id="spec_spec1" title="AppComponent should include svg icons"></li></ul><div class="alert"></div><div class="results"><div class="failures"></div></div></div>&#10;<script type="text/javascript" src="/absolute/Users/lans/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/173.3942.31/WebStorm.app/Contents/plugins/js-karma/js_reporter/karma-intellij/lib/kjhtml/intellij-restore-specFilter-after-kjhtml.js?962949bcf40465fc115c3e99aaf5b761f8709653" crossorigin="anonymous"></script>&#10;  <script type="text/javascript" src="_karma_webpack_/scripts.bundle.js" crossorigin="anonymous"></script>&#10;  <script type="text/javascript" src="_karma_webpack_/vendor.bundle.js" crossorigin="anonymous"></script>&#10;  <script type="text/javascript" src="_karma_webpack_/main.bundle.js" crossorigin="anonymous"></script><div id="root1" ng-version="5.1.1"><div class="container-fluid fill" id="main-container" style="padding: 0;"><app-svg-icon><svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-logo" viewBox="0 0 1725000 1725000">&#10;    <path d="M1207380 1189554l-380911 0c-46552,0 -84291,-35707 -84291,-82260 0,-46552 37739,-82252 84291,-82252l237697 0 -194849 -346317 -261160 446263c-23623,40130 -75238,54693 -115408,31064 -40130,-23583 -53507,-74672 -29925,-114802l335945 -570838c15356,-26054 43795,-42828 73719,-41429 30231,373 57971,16987 72646,43454l335945 605079c14490,26095 14097,51363 -1052,77090 -15142,25728 -42782,34948 -72647,34948z"></path>&#10;    <path d="M1207380 1189554l-380911 0c-46552,0 -84291,-35707 -84291,-82260 0,-46552 37739,-82252 84291,-82252l237697 0 -194849 -346317 -261160 446263c-23623,40130 -75238,54693 -115408,31064 -40130,-23583 -53507,-74672 -29925,-114802l335945 -570838c15356,-26054 43795,-42828 73719,-41429 30231,373 57971,16987 72646,43454l335945 605079c14490,26095 14097,51363 -1052,77090 -15142,25728 -42782,34948 -72647,34948z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-logo-circle" viewBox="0 0 1725000 1725000">&#10;    <path d="M861689 1721900c-9286,0 -18579,-147 -27899,-440 -229863,-7248 -443132,-103583 -600536,-271266 -157390,-167662 -240076,-386601 -232808,-616444 4410,-139850 43142,-277648 111998,-398485 22430,-39351 72493,-53048 111830,-30651 39344,22417 53068,72500 30651,111844 -55672,97688 -86989,209205 -90560,322468 -5889,186056 61042,363305 188461,499038 127412,135733 300065,213715 486134,219604 185849,5343 363291,-61081 499024,-188460 135733,-127433 213722,-300072 219597,-486141 5889,-186082 -61034,-363305 -188453,-499038 -127420,-135733 -300072,-213722 -486141,-219604 -160894,-5256 -319211,45953 -446403,143727 -35927,27633 -87382,20858 -114975,-15035 -27600,-35900 -20871,-87382 15042,-114975 157177,-120818 353299,-183744 551512,-177629 229864,7268 443132,103603 600536,271279 157384,167670 240069,386608 232801,616451 -7268,229850 -103603,443119 -271279,600509 -160861,151009 -368927,233248 -588532,233248z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-autodealer" viewBox="0 0 130 25">&#10;    <path d="M 10.3579 0.843413C 10.276 0.600556 10.1201 0.389544 9.9121 0.240083C 9.70414 0.0906227 9.45462 0.010242 9.19865 0.010242C 8.94268 0.010242 8.69315 0.0906227 8.48519 0.240083C 8.27722 0.389544 8.1213 0.600556 8.03936 0.843413L 0.147808 16.6537C 0.0522595 16.831 0.0015357 17.029 6.10726e-05 17.2305C -0.00161855 17.3911 0.0313649 17.5502 0.0967518 17.6969C 0.162139 17.8435 0.258386 17.9744 0.378916 18.0803C 0.616132 18.2995 0.927582 18.4202 1.25028 18.418C 1.47 18.4204 1.68572 18.359 1.8713 18.2411C 2.05688 18.1233 2.20437 17.9541 2.29592 17.7541L 4.62966 13.0834L 13.7449 13.0834L 16.0786 17.7541C 16.1725 17.9641 16.3278 18.1407 16.5239 18.2606C 16.7201 18.3805 16.9479 18.438 17.1773 18.4256C 17.4944 18.4253 17.7998 18.3062 18.0335 18.0917C 18.2355 17.9242 18.371 17.6898 18.4154 17.4309C 18.4599 17.1721 18.4105 16.9058 18.276 16.6803L 10.3579 0.843413ZM 12.5439 10.6665L 5.85715 10.6665L 9.22138 3.95843L 12.5439 10.6665Z" id="path0_fill"></path>&#10;    <path d="M 27.6905 11.1321C 28.2437 10.5217 28.5479 9.72548 28.5429 8.90112C 28.5482 8.40723 28.4434 7.91838 28.2363 7.47011C 28.0293 7.02184 27.725 6.62543 27.3457 6.3097C 26.6053 5.6636 25.653 5.31371 24.671 5.32701L 21.3447 5.32701C 21.1848 5.32866 21.027 5.36319 20.881 5.42846C 20.735 5.49372 20.604 5.58834 20.496 5.70643C 20.3781 5.81208 20.2835 5.94124 20.2182 6.08563C 20.153 6.23002 20.1186 6.38646 20.1172 6.54494L 20.1172 17.199C 20.124 17.5189 20.2539 17.8238 20.4798 18.05C 20.7057 18.2762 21.0101 18.4063 21.3295 18.4131L 24.6483 18.4131C 25.795 18.4349 26.9089 18.0292 27.7738 17.2749C 28.2241 16.9094 28.5856 16.4463 28.8311 15.9205C 29.0766 15.3947 29.1995 14.8199 29.1908 14.2395C 29.2038 13.6397 29.0747 13.0452 28.8139 12.5051C 28.5531 11.9649 28.1681 11.4944 27.6905 11.1321ZM 22.5381 10.0697L 22.5381 7.7439L 24.6521 7.7439C 25.0209 7.73718 25.3807 7.85775 25.6712 8.08537C 25.8085 8.17336 25.9214 8.29457 25.9995 8.43781C 26.0777 8.58105 26.1185 8.7417 26.1182 8.90492C 26.1196 9.07044 26.0794 9.23365 26.0013 9.37953C 25.9232 9.5254 25.8097 9.64923 25.6712 9.73963C 25.3778 9.96049 25.0191 10.0767 24.6521 10.0697L 22.5381 10.0697ZM 26.785 14.2433C 26.7861 14.4933 26.7267 14.7399 26.6119 14.9619C 26.4971 15.1839 26.3303 15.3748 26.1258 15.5182C 25.704 15.8431 25.1842 16.0144 24.6521 16.0038L 22.5343 16.0038L 22.5343 12.4942L 24.6521 12.4942C 25.186 12.4841 25.7068 12.6598 26.1258 12.9912C 26.3301 13.1313 26.497 13.3194 26.6119 13.539C 26.7268 13.7585 26.7862 14.003 26.785 14.2509L 26.785 14.2433Z" id="path1_fill"></path>&#10;    <path d="M 30.9486 5.32703C 30.6286 5.32703 30.3217 5.45435 30.0954 5.68097C 29.8691 5.9076 29.7419 6.21497 29.7419 6.53547C 29.7419 6.85597 29.8691 7.16335 30.0954 7.38997C 30.3217 7.6166 30.6286 7.74392 30.9486 7.74392L 33.7256 7.74392L 33.7256 17.1952C 33.7256 17.5157 33.8527 17.8231 34.079 18.0497C 34.3053 18.2763 34.6122 18.4037 34.9322 18.4037C 35.2523 18.4037 35.5592 18.2763 35.7855 18.0497C 36.0118 17.8231 36.1389 17.5157 36.1389 17.1952L 36.1389 7.74392L 38.9159 7.74392C 39.2359 7.74392 39.5428 7.6166 39.7691 7.38997C 39.9954 7.16335 40.1226 6.85597 40.1226 6.53547C 40.1226 6.21497 39.9954 5.9076 39.7691 5.68097C 39.5428 5.45435 39.2359 5.32703 38.9159 5.32703L 30.9486 5.32703Z" id="path2_fill"></path>&#10;    <path d="M 47.1901 5.32702C 45.6759 5.32496 44.2077 5.84899 43.0361 6.80978C 41.8645 7.77056 41.0619 9.1086 40.7652 10.5957C 40.4686 12.0829 40.6961 13.6271 41.4092 14.9649C 42.1222 16.3028 43.2765 17.3516 44.6754 17.9324C 46.0742 18.5133 47.6309 18.5902 49.08 18.1501C 50.5291 17.71 51.7809 16.7801 52.622 15.519C 53.4631 14.2579 53.8414 12.7437 53.6923 11.2345C 53.5432 9.72537 52.8761 8.3147 51.8046 7.24307C 51.2057 6.62659 50.4877 6.13876 49.6943 5.80934C 48.901 5.47991 48.0489 5.31581 47.1901 5.32702ZM 47.1901 15.9924C 46.2334 15.9959 45.305 15.6668 44.5635 15.0613C 43.8219 14.4558 43.3131 13.6114 43.1237 12.6721C 42.9344 11.7329 43.0763 10.7569 43.5253 9.91071C 43.9742 9.06453 44.7024 8.40054 45.5856 8.032C 46.4688 7.66346 47.4523 7.61319 48.3683 7.88977C 49.2844 8.16634 50.0763 8.75263 50.6089 9.54864C 51.1416 10.3446 51.382 11.3011 51.2891 12.2548C 51.1963 13.2084 50.7759 14.1003 50.0998 14.7783C 49.7249 15.1711 49.2728 15.4818 48.772 15.6907C 48.2712 15.8997 47.7326 16.0024 47.1901 15.9924Z" id="path3_fill"></path>&#10;    <path d="M 64.6023 0.838509C 64.5162 0.602303 64.3625 0.39677 64.1603 0.247626C 63.9581 0.0984827 63.7166 0.0123532 63.4658 0C 63.2144 0.0103646 62.972 0.095735 62.7694 0.245149C 62.5669 0.394562 62.4136 0.601193 62.3292 0.838509L 54.4983 16.4971C 54.3704 16.713 54.2951 16.9561 54.2785 17.2066C 54.2639 17.3712 54.2861 17.537 54.3435 17.6919C 54.4009 17.8469 54.4921 17.987 54.6104 18.1022C 54.7287 18.2174 54.8711 18.3048 55.0274 18.3579C 55.1836 18.411 55.3497 18.4286 55.5136 18.4093L 71.4482 18.4093C 71.611 18.4287 71.776 18.4114 71.9312 18.3587C 72.0864 18.3059 72.2278 18.2191 72.3451 18.1045C 72.4624 17.9899 72.5527 17.8504 72.6092 17.6964C 72.6658 17.5423 72.6872 17.3776 72.6719 17.2142C 72.6565 16.9679 72.5866 16.7282 72.4674 16.5122L 64.6023 0.838509ZM 69.4593 15.9924L 57.4192 15.9924L 63.443 3.94214L 69.4593 15.9924Z" id="path4_fill"></path>&#10;    <path d="M 84.8786 5.32702C 84.6825 5.33992 84.4918 5.3963 84.3201 5.49211C 84.1484 5.58791 84.0002 5.72073 83.886 5.88096L 76.7977 13.9701L 76.7977 6.52976C 76.7803 6.21801 76.6444 5.92475 76.4179 5.7102C 76.1914 5.49565 75.8914 5.3761 75.5797 5.3761C 75.2679 5.3761 74.9679 5.49565 74.7414 5.7102C 74.5149 5.92475 74.379 6.21801 74.3616 6.52976L 74.3616 17.1535C 74.3465 17.3197 74.3681 17.4872 74.4248 17.6442C 74.4815 17.8011 74.572 17.9436 74.6898 18.0617C 74.8077 18.1797 74.95 18.2703 75.1067 18.3271C 75.2634 18.3839 75.4307 18.4055 75.5967 18.3904C 75.7938 18.3774 75.9859 18.3227 76.1603 18.2298C 76.3347 18.137 76.4874 18.008 76.6082 17.8516L 83.6928 9.74723L 83.6928 17.1724C 83.6928 17.4929 83.8199 17.8003 84.0462 18.0269C 84.2725 18.2536 84.5794 18.3809 84.8995 18.3809C 85.2195 18.3809 85.5264 18.2536 85.7527 18.0269C 85.979 17.8003 86.1061 17.4929 86.1061 17.1724L 86.1061 6.54874C 86.1188 6.38442 86.0956 6.21931 86.0383 6.06482C 85.9809 5.91034 85.8908 5.77017 85.7741 5.65399C 85.6574 5.53782 85.5168 5.44841 85.3622 5.39195C 85.2076 5.3355 85.0426 5.31334 84.8786 5.32702Z" id="path5_fill"></path>&#10;    <path d="M 96.1798 6.10482C 96.0921 5.87407 95.9365 5.67548 95.7335 5.53535C 95.5305 5.39522 95.2898 5.32018 95.0433 5.32018C 94.7968 5.32018 94.556 5.39522 94.3531 5.53535C 94.1501 5.67548 93.9944 5.87407 93.9067 6.10482L 88.0231 16.5995C 87.9052 16.7842 87.8421 16.9987 87.8413 17.218C 87.841 17.3784 87.8747 17.537 87.94 17.6835C 88.0053 17.8299 88.1007 17.9609 88.2201 18.0679C 88.4559 18.2901 88.7677 18.4136 89.0915 18.4131C 89.3023 18.4142 89.5094 18.3575 89.6904 18.2492C 89.8714 18.1409 90.0193 17.985 90.1182 17.7985L 95.0433 9.03772L 99.9684 17.8061C 100.067 17.9924 100.216 18.1475 100.398 18.2541C 100.58 18.3606 100.788 18.4144 100.999 18.4093C 101.318 18.409 101.626 18.287 101.859 18.0679C 101.978 17.9609 102.074 17.8299 102.139 17.6835C 102.204 17.537 102.238 17.3784 102.238 17.218C 102.238 17.0032 102.178 16.7927 102.063 16.6109L 96.1798 6.10482Z" id="path6_fill"></path>&#10;    <path d="M 112.899 13.9018C 112.664 14.213 112.489 14.4482 112.399 14.5848C 112.03 15.0467 111.557 15.415 111.019 15.6596C 110.481 15.9041 109.893 16.0182 109.303 15.9924C 108.786 16.0057 108.271 15.9145 107.789 15.7241C 107.307 15.5338 106.869 15.2482 106.5 14.8845L 114.513 10.2481C 114.697 10.1544 114.852 10.0103 114.959 9.83238C 115.065 9.65448 115.119 9.45002 115.115 9.2426C 115.115 8.50273 114.634 7.76287 113.637 6.96609C 112.944 6.40687 112.161 5.96824 111.323 5.66849C 110.431 5.39422 109.491 5.31491 108.566 5.43593C 107.642 5.55695 106.754 5.87548 105.962 6.36995C 105.171 6.86443 104.495 7.52333 103.98 8.30207C 103.465 9.08081 103.124 9.96123 102.978 10.8838C 102.832 11.8063 102.886 12.7494 103.135 13.6493C 103.385 14.5492 103.825 15.3849 104.425 16.0999C 105.025 16.8149 105.772 17.3924 106.614 17.7935C 107.456 18.1945 108.375 18.4097 109.307 18.4245C 110.462 18.4187 111.595 18.1114 112.596 17.5329C 113.606 16.9831 114.434 16.1497 114.979 15.135C 115.073 14.9475 115.125 14.7415 115.13 14.5317C 115.132 14.3694 115.099 14.2085 115.034 14.06C 114.968 13.9114 114.872 13.7786 114.751 13.6704C 114.225 13.1848 113.463 13.162 112.899 13.9018ZM 109.3 7.74391C 109.818 7.73199 110.334 7.82459 110.816 8.01622C 111.298 8.20784 111.737 8.49458 112.107 8.8594L 105.287 12.7978C 105.217 12.4917 105.181 12.1785 105.181 11.8644C 105.185 10.7728 105.62 9.72705 106.391 8.95518C 107.162 8.1833 108.206 7.7479 109.296 7.74391L 109.3 7.74391Z" id="path7_fill"></path>&#10;    <path d="M 128 7.24688C 127.401 6.6304 126.683 6.14257 125.889 5.81314C 125.096 5.48372 124.244 5.3196 123.385 5.33081C 121.884 5.30768 120.425 5.82619 119.275 6.79157C 119.276 6.60811 119.258 6.42503 119.222 6.24521C 119.152 5.95873 118.98 5.70785 118.738 5.54022C 118.495 5.37259 118.2 5.29989 117.908 5.33594C 117.616 5.37199 117.347 5.51428 117.153 5.73577C 116.958 5.95726 116.852 6.24253 116.854 6.53737L 116.854 22.5222C 116.854 22.8427 116.981 23.1501 117.207 23.3767C 117.434 23.6033 117.74 23.7307 118.06 23.7307C 118.381 23.7307 118.687 23.6033 118.914 23.3767C 119.14 23.1501 119.267 22.8427 119.267 22.5222L 119.267 16.9562C 120.417 17.9234 121.876 18.4445 123.378 18.4245C 124.671 18.427 125.935 18.045 127.011 17.3268C 128.087 16.6086 128.925 15.5867 129.42 14.3906C 129.915 13.1945 130.045 11.8781 129.792 10.6083C 129.539 9.33854 128.915 8.17257 128 7.25826L 128 7.24688ZM 123.385 15.9962C 122.429 15.9997 121.5 15.6706 120.759 15.0651C 120.017 14.4596 119.508 13.6152 119.319 12.6759C 119.13 11.7366 119.271 10.7607 119.72 9.91451C 120.169 9.06833 120.898 8.40434 121.781 8.0358C 122.664 7.66725 123.647 7.61698 124.564 7.89356C 125.48 8.17014 126.271 8.75644 126.804 9.55245C 127.337 10.3485 127.577 11.3049 127.484 12.2586C 127.391 13.2123 126.971 14.1041 126.295 14.7821C 125.92 15.1742 125.467 15.4842 124.967 15.6925C 124.466 15.9008 123.927 16.0029 123.385 15.9924L 123.385 15.9962Z" id="path8_fill"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-vk" viewBox="0 0 24 14">&#10;    <path d="M 7.27004 5.69487C 7.40954 5.87077 7.57394 6.02544 7.75804 6.15391C 7.80516 6.20107 7.86423 6.23447 7.92891 6.25059C 7.9936 6.26671 8.06143 6.26494 8.12517 6.24541C 8.18891 6.22587 8.24615 6.18935 8.2907 6.13975C 8.33525 6.09016 8.36543 6.02937 8.37804 5.96391C 8.50586 5.53187 8.58107 5.08598 8.60204 4.63591C 8.61804 3.74291 8.60202 3.15688 8.55202 2.26488C 8.57312 1.96437 8.47549 1.6676 8.28008 1.43834C 8.08467 1.20908 7.80709 1.06569 7.50704 1.03892C 7.25504 0.992924 7.23103 0.778925 7.39403 0.564925C 7.55616 0.378171 7.75963 0.231825 7.98827 0.137557C 8.21691 0.0432896 8.46441 0.00367422 8.71105 0.0218954C 9.53805 -0.0231046 10.368 0.0138954 11.196 0.0218954C 11.5348 0.0222898 11.8726 0.0578312 12.204 0.127914C 12.4013 0.170908 12.5796 0.27632 12.7123 0.428512C 12.8451 0.580704 12.9252 0.771555 12.941 0.972884C 12.9782 1.19825 12.9949 1.42652 12.991 1.65489C 12.97 2.62989 12.924 3.60488 12.913 4.57988C 12.9042 4.96505 12.9377 5.35005 13.013 5.72789C 13.124 6.24689 13.467 6.37788 13.819 6.00188C 14.2625 5.51532 14.667 4.99471 15.029 4.44487C 15.6821 3.4424 16.2189 2.36887 16.629 1.24492C 16.6465 1.13206 16.6865 1.02386 16.7467 0.926803C 16.8068 0.829746 16.886 0.745779 16.9793 0.679977C 17.0726 0.614174 17.1783 0.567878 17.2899 0.543807C 17.4015 0.519736 17.5169 0.518408 17.629 0.539901C 18.7657 0.539901 19.9027 0.539901 21.04 0.539901C 21.243 0.536621 21.4454 0.564242 21.64 0.621871C 21.7098 0.642194 21.7748 0.676489 21.831 0.722579C 21.8873 0.768669 21.9336 0.825659 21.9672 0.890121C 22.0009 0.954583 22.0211 1.02515 22.0268 1.09764C 22.0324 1.17013 22.0233 1.24299 22 1.31187C 21.8021 2.05639 21.4596 2.75472 20.992 3.36693C 20.292 4.37793 19.567 5.36693 18.855 6.36693C 18.7651 6.49522 18.6829 6.62875 18.609 6.76689C 18.4706 6.94275 18.4078 7.16638 18.4342 7.38859C 18.4606 7.61081 18.5742 7.81342 18.75 7.95189C 19.368 8.60789 20.031 9.22192 20.629 9.89592C 21.0684 10.3884 21.4642 10.9181 21.812 11.4789C 21.9248 11.6071 21.9988 11.7647 22.0253 11.9334C 22.0519 12.1021 22.0299 12.2748 21.962 12.4314C 21.894 12.5881 21.7829 12.7222 21.6416 12.818C 21.5003 12.9139 21.3347 12.9676 21.164 12.9729C 20.651 13.0469 18.147 12.9729 18.018 12.9729C 17.6951 12.9762 17.3749 12.9148 17.0762 12.7922C 16.7775 12.6695 16.5064 12.4882 16.279 12.2589C 15.751 11.7359 15.27 11.1589 14.763 10.6149C 14.6114 10.4489 14.4469 10.295 14.271 10.1549C 14.2005 10.0726 14.1085 10.0115 14.0053 9.97832C 13.9021 9.94511 13.7917 9.9411 13.6864 9.96678C 13.5811 9.99246 13.485 10.0468 13.4086 10.1238C 13.3323 10.2007 13.2788 10.2973 13.254 10.4029C 13.1016 10.9455 12.9959 11.5002 12.938 12.0609C 12.9372 12.1769 12.913 12.2916 12.867 12.3982C 12.8209 12.5047 12.7539 12.6009 12.67 12.681C 12.586 12.7611 12.4868 12.8236 12.3783 12.8646C 12.2697 12.9056 12.154 12.9245 12.038 12.9199C 10.4644 13.0688 8.88111 12.7619 7.47704 12.0359C 6.28794 11.3526 5.25672 10.4257 4.45104 9.3159C 3.14833 7.54429 2.02545 5.64722 1.09905 3.65288C 1.04905 3.55288 0.0740228 1.4169 0.0480228 1.3159C -0.0109049 1.17672 -0.0157692 1.02057 0.0343509 0.877975C 0.084471 0.735382 0.185966 0.61661 0.319019 0.544906C 0.492019 0.474906 3.70704 0.544906 3.76104 0.544906C 4.00308 0.544162 4.2389 0.621632 4.43334 0.765792C 4.62777 0.909952 4.77043 1.11307 4.84005 1.34489C 5.43813 2.90351 6.25644 4.36837 7.27004 5.69487Z" style="fill: white;"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-facebook" viewBox="0 0 11 21">&#10;    <path d="M 3.25 20.0017L 3.25 10.9217L 0 10.9217L 0 7.21474L 3.25 7.21474L 3.25 4.10171C 3.28424 2.98154 3.76149 1.92073 4.57703 1.15206C 5.39256 0.383393 6.47977 -0.0303117 7.60001 0.00173185L 11 0.00173185L 11 3.33474L 8.569 3.33474C 8.21349 3.32476 7.86848 3.4559 7.60934 3.69949C 7.35021 3.94307 7.19802 4.27928 7.186 4.63473L 7.186 7.21175L 10.939 7.21175L 10.421 10.9187L 7.186 10.9187L 7.186 20.0017" style="fill: white;"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-login" viewBox="0 0 19 18">&#10;    <path d="M 17.4547 17.9993L 0.53867 17.9993C 0.404689 17.9964 0.276648 17.9434 0.179692 17.8509C 0.0827359 17.7584 0.0238547 17.633 0.014653 17.4993C 0.014653 17.3913 -0.265322 14.4393 1.62168 13.4673C 2.12891 13.2314 2.6551 13.0388 3.19468 12.8913C 4.52268 12.4593 6.16565 11.9193 6.44565 10.9113C 6.40872 10.5344 6.24885 10.1802 5.99067 9.90327C 4.98862 8.51019 4.46258 6.83109 4.49067 5.11528L 4.49067 5.07927C 4.49067 4.97127 4.70066 2.12728 6.27366 0.939285C 7.02404 0.305239 7.98278 -0.0282368 8.96467 0.00328L 8.99967 0.00328C 9.98289 -0.037165 10.9448 0.297406 11.6907 0.939285C 13.2637 2.12728 13.4737 4.97127 13.4737 5.07927L 13.4737 5.11528C 13.5186 6.83348 12.9909 8.51783 11.9737 9.90327C 11.7303 10.1897 11.5729 10.5392 11.5197 10.9113C 11.7987 11.9193 13.4417 12.4593 14.7697 12.8913C 15.3092 13.0388 15.8354 13.2314 16.3427 13.4673C 18.2647 14.4393 18.0207 17.3913 17.9857 17.4993C 17.9761 17.6341 17.9162 17.7604 17.8178 17.853C 17.7194 17.9457 17.5898 17.9979 17.4547 17.9993Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-email" viewBox="0 0 19 14">&#10;    <path d="M 15.859 14.0004L 2.14099 14.0004C 1.5889 14.0115 1.05468 13.8047 0.653961 13.4247C 0.253245 13.0448 0.0182955 12.5223 0 11.9704L 0 4.57043L 7.89499 8.87042C 8.24307 9.02689 8.62039 9.10778 9.00201 9.10778C 9.38364 9.10778 9.76093 9.02689 10.109 8.87042L 18.004 4.57043L 18.004 11.9704C 17.9857 12.523 17.7502 13.0461 17.3486 13.4262C 16.9471 13.8062 16.4118 14.0126 15.859 14.0004ZM 8.53601 6.46441L 0 2.04641L 0 2.03042C 0.0182955 1.47852 0.253245 0.956048 0.653961 0.576107C 1.05468 0.196166 1.5889 -0.0106607 2.14099 0.000423599L 15.859 0.000423599C 16.4111 -0.0106607 16.9453 0.196166 17.346 0.576107C 17.7468 0.956048 17.9817 1.47852 18 2.03042L 18 2.04641L 9.46201 6.46643C 9.15747 6.53788 8.84054 6.53788 8.53601 6.46643L 8.53601 6.46441Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-tel" viewBox="0 0 16 23">&#10;    <path d="M 13 23L 3 23C 2.20435 23 1.4413 22.6839 0.878693 22.1213C 0.316083 21.5587 0 20.7956 0 20L 0 3C 0 2.20435 0.316083 1.44127 0.878693 0.878662C 1.4413 0.316053 2.20435 0 3 0L 13 0C 13.7956 0 14.5587 0.316053 15.1213 0.878662C 15.6839 1.44127 16 2.20435 16 3L 16 20C 16 20.7956 15.6839 21.5587 15.1213 22.1213C 14.5587 22.6839 13.7956 23 13 23ZM 6 22L 10 22C 10.2652 22 10.5196 21.8946 10.7071 21.7071C 10.8946 21.5196 11 21.2652 11 21C 11 20.7348 10.8946 20.4804 10.7071 20.2929C 10.5196 20.1054 10.2652 20 10 20L 6 20C 5.73478 20 5.48044 20.1054 5.29291 20.2929C 5.10537 20.4804 5 20.7348 5 21C 5 21.2652 5.10537 21.5196 5.29291 21.7071C 5.48044 21.8946 5.73478 22 6 22ZM 14 3C 14 2.73478 13.8946 2.48044 13.7071 2.29291C 13.5196 2.10537 13.2652 2 13 2L 3 2C 2.73478 2 2.48044 2.10537 2.29291 2.29291C 2.10537 2.48044 2 2.73478 2 3L 2 18C 2 18.2652 2.10537 18.5196 2.29291 18.7071C 2.48044 18.8946 2.73478 19 3 19L 13 19C 13.2652 19 13.5196 18.8946 13.7071 18.7071C 13.8946 18.5196 14 18.2652 14 18L 14 3Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-lock" viewBox="0 0 401.998 401.998">&#10;    <path d="M357.45,190.721c-5.331-5.33-11.8-7.993-19.417-7.993h-9.131v-54.821c0-35.022-12.559-65.093-37.685-90.218C266.093,12.563,236.025,0,200.998,0c-35.026,0-65.1,12.563-90.222,37.688C85.65,62.814,73.091,92.884,73.091,127.907v54.821h-9.135c-7.611,0-14.084,2.663-19.414,7.993c-5.33,5.326-7.994,11.799-7.994,19.417V374.59c0,7.611,2.665,14.086,7.994,19.417c5.33,5.325,11.803,7.991,19.414,7.991H338.04c7.617,0,14.085-2.663,19.417-7.991c5.325-5.331,7.994-11.806,7.994-19.417V210.135C365.455,202.523,362.782,196.051,357.45,190.721z M274.087,182.728H127.909v-54.821c0-20.175,7.139-37.402,21.414-51.675c14.277-14.275,31.501-21.411,51.678-21.411c20.179,0,37.399,7.135,51.677,21.411c14.271,14.272,21.409,31.5,21.409,51.675V182.728z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-google" viewBox="0 0 512 512">&#10;    <path d="M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256c0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456C103.821,274.792,107.225,292.797,113.47,309.408z" style="fill:#FBBB00;"></path>&#10;    <path d="M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451c-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535c29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z" style="fill:#518EF8;"></path>&#10;    <path d="M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512c-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771c28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z" style="fill:#28B446;"></path>&#10;    <path d="M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012c-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0C318.115,0,375.068,22.126,419.404,58.936z" style="fill:#F14336;"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-odnoklassniki" viewBox="0 0 95.481 95.481">&#10;    <path d="M43.041,67.254c-7.402-0.772-14.076-2.595-19.79-7.064c-0.709-0.556-1.441-1.092-2.088-1.713c-2.501-2.402-2.753-5.153-0.774-7.988c1.693-2.426,4.535-3.075,7.489-1.682c0.572,0.27,1.117,0.607,1.639,0.969c10.649,7.317,25.278,7.519,35.967,0.329c1.059-0.812,2.191-1.474,3.503-1.812c2.551-0.655,4.93,0.282,6.299,2.514c1.564,2.549,1.544,5.037-0.383,7.016c-2.956,3.034-6.511,5.229-10.461,6.761c-3.735,1.448-7.826,2.177-11.875,2.661c0.611,0.665,0.899,0.992,1.281,1.376c5.498,5.524,11.02,11.025,16.5,16.566c1.867,1.888,2.257,4.229,1.229,6.425c-1.124,2.4-3.64,3.979-6.107,3.81c-1.563-0.108-2.782-0.886-3.865-1.977c-4.149-4.175-8.376-8.273-12.441-12.527c-1.183-1.237-1.752-1.003-2.796,0.071c-4.174,4.297-8.416,8.528-12.683,12.735c-1.916,1.889-4.196,2.229-6.418,1.15c-2.362-1.145-3.865-3.556-3.749-5.979c0.08-1.639,0.886-2.891,2.011-4.014c5.441-5.433,10.867-10.88,16.295-16.322C42.183,68.197,42.518,67.813,43.041,67.254z"></path>&#10;    <path d="M47.55,48.329c-13.205-0.045-24.033-10.992-23.956-24.218C23.67,10.739,34.505-0.037,47.84,0c13.362,0.036,24.087,10.967,24.02,24.478C71.792,37.677,60.889,48.375,47.55,48.329z M59.551,24.143c-0.023-6.567-5.253-11.795-11.807-11.801c-6.609-0.007-11.886,5.316-11.835,11.943c0.049,6.542,5.324,11.733,11.896,11.709C54.357,35.971,59.573,30.709,59.551,24.143z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-yandex" viewBox="0 0 512 512">&#10;    <path d="M363.493,0h-72.744C217.05,0,142.684,54.422,142.684,176.006c0,62.978,26.691,112.027,75.619,139.922 &#9;l-89.552,162.091c-4.246,7.666-4.357,16.354-0.298,23.24c3.963,6.725,11.21,10.741,19.378,10.741h45.301 &#9;c10.291,0,18.315-4.974,22.163-13.688L299.26,334.08h6.128v157.451c0,11.096,9.363,20.469,20.446,20.469h39.574 &#9;c12.429,0,21.106-8.678,21.106-21.104V22.403C386.516,9.213,377.05,0,363.493,0z M305.388,261.126h-10.81 &#9;c-41.915,0-66.938-34.214-66.938-91.523c0-71.259,31.61-96.648,61.194-96.648h16.554V261.126z" fill="#ff0000"></path>&#10;    &#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-return" viewBox="0 0 30 18">&#10;    <path d="M 28.0248 17.0268C 27.7596 17.0268 27.5052 16.9214 27.3177 16.7339C 27.1302 16.5464 27.0248 16.292 27.0248 16.0268C 27.0227 14.1709 26.2845 12.3917 24.9722 11.0794C 23.6599 9.7671 21.8807 9.02892 20.0248 9.0268L 3.43182 9.0268L 8.65582 14.2958C 8.84415 14.4857 8.94982 14.7423 8.94982 15.0098C 8.94982 15.2773 8.84415 15.5339 8.65582 15.7238C 8.56285 15.8175 8.45225 15.8919 8.33039 15.9427C 8.20853 15.9935 8.07784 16.0196 7.94582 16.0196C 7.81381 16.0196 7.6831 15.9935 7.56124 15.9427C 7.43938 15.8919 7.32878 15.8175 7.23582 15.7238L 0.294824 8.7238C 0.106009 8.53415 -6.64073e-06 8.27742 -6.64073e-06 8.0098C -6.64073e-06 7.74218 0.106009 7.48545 0.294824 7.2958L 7.23582 0.295796C 7.32878 0.202067 7.43938 0.127677 7.56124 0.0769082C 7.6831 0.0261395 7.81381 3.89075e-06 7.94582 3.89075e-06C 8.07784 3.89075e-06 8.20853 0.0261395 8.33039 0.0769082C 8.45225 0.127677 8.56285 0.202067 8.65582 0.295796C 8.84421 0.485878 8.94991 0.74268 8.94991 1.0103C 8.94991 1.27793 8.84421 1.53471 8.65582 1.7248L 3.40083 7.0248L 20.0248 7.0248C 22.411 7.02745 24.6986 7.97651 26.3859 9.66376C 28.0731 11.351 29.0222 13.6387 29.0248 16.0248C 29.0251 16.1563 28.9994 16.2865 28.9493 16.4081C 28.8991 16.5297 28.8255 16.6401 28.7326 16.7332C 28.6397 16.8263 28.5294 16.9001 28.408 16.9505C 28.2865 17.0009 28.1563 17.0268 28.0248 17.0268Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-checkbox" viewBox="0 0 15 11">&#10;    <path d="M 13.0209 0.292893C 12.6303 -0.097631 11.9972 -0.097631 11.6066 0.292893L 4.53555 7.36397L 1.70718 4.53553C 1.31656 4.14501 0.683502 4.14501 0.292877 4.53553C -0.0976257 4.92606 -0.0976257 5.55922 0.292877 5.94974L 3.82852 9.48528C 4.21902 9.8758 4.8522 9.8758 5.24271 9.48528L 13.0209 1.70711C 13.4114 1.31658 13.4114 0.683417 13.0209 0.292893Z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-logout" viewBox="0 0 15 15">&#10;    <path d="M10.5,1.674V4c1.215,0.912,2,2.364,2,4c0,2.762-2.238,5-5,5s-5-2.238-5-5c0-1.636,0.785-3.088,2-4V1.674C2.135,2.797,0.5,5.208,0.5,8c0,3.866,3.134,7,7,7s7-3.134,7-7C14.5,5.208,12.865,2.797,10.5,1.674z"></path>&#10;    <path d="M8.5,7.003V0.997C8.5,0.446,8.056,0,7.5,0c-0.553,0-1,0.453-1,0.997v6.006C6.5,7.554,6.944,8,7.5,8C8.053,8,8.5,7.547,8.5,7.003z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-create-document" viewBox="0 0 512 512">&#10;    <path d="M256,0C114.51,0,0,114.497,0,256c0,141.49,114.497,256,256,256c141.49,0,256-114.497,256-256C512,114.51,397.503,0,256,0zM371.345,273.067h-98.278v98.278c0,9.425-7.641,17.067-17.067,17.067s-17.067-7.641-17.067-17.067v-98.278h-98.278c-9.425,0-17.067-7.641-17.067-17.067s7.641-17.067,17.067-17.067h98.278v-98.278c0-9.425,7.641-17.067,17.067-17.067s17.067,7.641,17.067,17.067v98.278h98.278c9.425,0,17.067,7.641,17.067,17.067S380.77,273.067,371.345,273.067z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-create-options" viewBox="0 0 510 510">&#10;    <path d="M150.45,206.55l-35.7,35.7L229.5,357l255-255l-35.7-35.7L229.5,285.6L150.45,206.55z M459,255c0,112.2-91.8,204-204,204S51,367.2,51,255S142.8,51,255,51c20.4,0,38.25,2.55,56.1,7.65l40.801-40.8C321.3,7.65,288.15,0,255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255H459z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-code-mask" viewBox="0 0 572 52">&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(0.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(104.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(208.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(312.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(416.0,0.0)"></path>&#10;    <path d="m 52,26 c 0,2.476 -0.213,4.483 -2.69,4.483 l -46.62,0 C 0.213,30.483 0,28.476 0,26 0,23.524 0.213,21.517 2.69,21.517 l 46.62,0 c 2.477,0 2.69,2.007 2.69,4.483 z" transform="translate(520.0,0.0)"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-add-user" viewBox="0 0 561 561">&#10;    <path d="M357,280.5c56.1,0,102-45.9,102-102s-45.9-102-102-102s-102,45.9-102,102S300.9,280.5,357,280.5z M127.5,229.5V153h-51v76.5H0v51h76.5V357h51v-76.5H204v-51H127.5z M357,331.5c-68.85,0-204,33.15-204,102v51h408v-51C561,364.65,425.85,331.5,357,331.5z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-load" viewBox="0 0 41.712 41.712">&#10;    <path d="M31.586,21.8c0.444-0.444,0.444-1.143,0-1.587c-0.429-0.444-1.143-0.444-1.571,0l-8.047,8.032V1.706 &#9;c0-0.619-0.492-1.127-1.111-1.127c-0.619,0-1.127,0.508-1.127,1.127v26.539l-8.031-8.032c-0.444-0.444-1.159-0.444-1.587,0 &#9;c-0.444,0.444-0.444,1.143,0,1.587l9.952,9.952c0.429,0.429,1.143,0.429,1.587,0L31.586,21.8z M39.474,29.086 &#9;c0-0.619,0.492-1.111,1.111-1.111c0.619,0,1.127,0.492,1.127,1.111v10.92c0,0.619-0.508,1.127-1.127,1.127H1.111 &#9;C0.492,41.133,0,40.625,0,40.006v-10.92c0-0.619,0.492-1.111,1.111-1.111s1.127,0.492,1.127,1.111v9.809h37.236V29.086z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-search" viewBox="0 0 310.42 310.42">&#10;    <path d="M273.587,214.965c49.11-49.111,49.109-129.021,0-178.132c-49.111-49.111-129.02-49.111-178.13,0C53.793,78.497,47.483,140.462,76.51,188.85c0,0,2.085,3.498-0.731,6.312c-16.065,16.064-64.263,64.263-64.263,64.263c-12.791,12.79-15.836,30.675-4.493,42.02l1.953,1.951c11.343,11.345,29.229,8.301,42.019-4.49c0,0,48.096-48.097,64.128-64.128c2.951-2.951,6.448-0.866,6.448-0.866C169.958,262.938,231.923,256.629,273.587,214.965z M118.711,191.71c-36.288-36.288-36.287-95.332,0.001-131.62c36.288-36.287,95.332-36.288,131.619,0c36.288,36.287,36.288,95.332,0,131.62C214.043,227.996,155,227.996,118.711,191.71z"></path>&#10;    <path d="M126.75,118.424c-1.689,0-3.406-0.332-5.061-1.031c-6.611-2.798-9.704-10.426-6.906-17.038c17.586-41.559,65.703-61.062,107.261-43.476c6.611,2.798,9.704,10.426,6.906,17.038c-2.799,6.612-10.425,9.703-17.039,6.906c-28.354-11.998-61.186,1.309-73.183,29.663C136.629,115.445,131.815,118.424,126.75,118.424z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-menu" viewBox="0 0 612 612">&#10;    <circle cx="306" cy="69.545" r="69.545"></circle>&#10;    <circle cx="306" cy="306" r="69.545"></circle>&#10;    <circle cx="306" cy="542.455" r="69.545"></circle>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-up-down" viewBox="0 0 129 129">&#10;    <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-double-left" viewBox="0 0 284.929 284.929">&#10;    <path d="M165.304,142.468L277.517,30.267c1.902-1.903,2.847-4.093,2.847-6.567c0-2.475-0.951-4.665-2.847-6.567L263.239,2.857C261.337,0.955,259.146,0,256.676,0c-2.478,0-4.665,0.955-6.571,2.857L117.057,135.9c-1.903,1.903-2.853,4.093-2.853,6.567c0,2.475,0.95,4.664,2.853,6.567l133.048,133.043c1.903,1.906,4.086,2.851,6.564,2.851c2.478,0,4.66-0.947,6.563-2.851l14.277-14.267c1.902-1.903,2.851-4.094,2.851-6.57c0-2.472-0.948-4.661-2.851-6.564L165.304,142.468z"></path>&#10;    <path d="M55.668,142.468L167.87,30.267c1.903-1.903,2.851-4.093,2.851-6.567c0-2.475-0.947-4.665-2.851-6.567L153.6,2.857C151.697,0.955,149.507,0,147.036,0c-2.478,0-4.668,0.955-6.57,2.857L7.417,135.9c-1.903,1.903-2.853,4.093-2.853,6.567c0,2.475,0.95,4.664,2.853,6.567l133.048,133.043c1.902,1.906,4.09,2.851,6.57,2.851c2.471,0,4.661-0.947,6.563-2.851l14.271-14.267c1.903-1.903,2.851-4.094,2.851-6.57c0-2.472-0.947-4.661-2.851-6.564L55.668,142.468z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-check" viewBox="0 0 426.67 426.67">&#10;    <path d="M153.504,366.839c-8.657,0-17.323-3.302-23.927-9.911L9.914,237.265c-13.218-13.218-13.218-34.645,0-47.863c13.218-13.218,34.645-13.218,47.863,0l95.727,95.727l215.39-215.386c13.218-13.214,34.65-13.218,47.859,0c13.222,13.218,13.222,34.65,0,47.863L177.436,356.928C170.827,363.533,162.165,366.839,153.504,366.839z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-right" viewBox="0 0 41.999 41.999">&#10;    <path d="M36.068,20.176l-29-20C6.761-0.035,6.363-0.057,6.035,0.114C5.706,0.287,5.5,0.627,5.5,0.999v40c0,0.372,0.206,0.713,0.535,0.886c0.146,0.076,0.306,0.114,0.465,0.114c0.199,0,0.397-0.06,0.568-0.177l29-20c0.271-0.187,0.432-0.494,0.432-0.823S36.338,20.363,36.068,20.176z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-edit" viewBox="0 0 493.638 493.638">&#10;    <polygon points="427.092,118.538 99.89,445.738 90.239,436.086 417.439,108.885 358.708,50.154 31.376,377.481 116.022,462.13 443.351,134.798 &#9;&#9;&#9;"></polygon>&#10;    <path d="M492.627,85.523c-10.064,23.448-43.053,43.053-43.053,43.053l-84.646-84.644c0,0,27.29-33.513,43.054-43.053S502.692,62.074,492.627,85.523z"></path>&#10;    <polygon points="110.059,468.088 0.127,493.638 25.413,383.447"></polygon>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-delete" viewBox="0 0 490.8 490.8">&#10;    <path d="M418.95,127.9h-347c-3.2,0-5.8,2.6-5.8,5.8v32c0,3.2,2.6,5.8,5.8,5.8h30.5l23.8,281.5c1.8,21.4,19.7,37.8,41.1,37.8h160.7c21.7,0,39.7-16.8,41.2-38.5l19.1-280.8h30.5c3.2,0,5.8-2.6,5.8-5.8v-32C424.65,130.4,422.05,127.9,418.95,127.9z"></path>&#10;    <path d="M418.95,59.7h-113c0-0.5,0.1-1.1,0.1-1.6V40.6c0-22.4-18.2-40.6-40.6-40.6h-40c-22.4,0-40.6,18.2-40.6,40.6v17.5c0,0.5,0.1,1.1,0.1,1.6h-35.2h-77.8c-3.2,0-5.8,2.6-5.8,5.8v32c0,3.2,2.6,5.8,5.8,5.8h346.9c3.2,0,5.8-2.6,5.8-5.8v-32C424.65,62.2,422.05,59.7,418.95,59.7z M219.35,40.6c0-3.4,2.8-6.2,6.2-6.2h39.9c3.4,0,6.2,2.8,6.2,6.2v17.5c0,0.6-0.2,1.1-0.3,1.6h-51.6c-0.1-0.5-0.3-1-0.3-1.6V40.6H219.35z"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;<svg xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;" xmlns="http://www.w3.org/2000/svg">&#10;  <symbol id="icon-loading" viewBox="0 0 496 496">&#10;    <circle cx="248" cy="24" r="24" style="fill:#00a0f9; fill-opacity: 1.0;"></circle>&#10;    <circle cx="248" cy="472" r="24" style="fill:#00a0f9; fill-opacity: 0.55;"></circle>&#10;    <circle cx="136" cy="53.6" r="24" style="fill:#00a0f9;  fill-opacity: 1.0;"></circle>&#10;    <path d="M380.8,430.4c6.4,11.2,2.4,25.6-8.8,32.8c-11.2,6.4-25.6,2.4-32.8-8.8c-6.4-11.2-2.4-25.6,8.8-32.8C359.2,415.2,374.4,419.2,380.8,430.4z" style="fill:#00a0f9;  fill-opacity: 0.45;"></path>&#10;    <path d="M65.6,115.2c11.2,6.4,15.2,20.8,8.8,32.8c-6.4,11.2-20.8,15.2-32.8,8.8c-11.2-6.4-15.2-20.8-8.8-32.8S54.4,108.8,65.6,115.2z" style="fill:#00a0f9;  fill-opacity: 0.95;"></path>&#10;    <path d="M454.4,339.2c11.2,6.4,15.2,20.8,8.8,32.8c-6.4,11.2-20.8,15.2-32.8,8.8c-11.2-6.4-15.2-20.8-8.8-32.8C428,336.8,442.4,332.8,454.4,339.2z" style="fill:#00a0f9;  fill-opacity: 0.35;"></path>&#10;    <circle cx="24" cy="248" r="24" style="fill:#00a0f9;  fill-opacity: 0.85;"></circle>&#10;    <circle cx="472" cy="248" r="24" style="fill:#00a0f9;  fill-opacity: 0.25;"></circle>&#10;    <path d="M41.6,339.2c11.2-6.4,25.6-2.4,32.8,8.8c6.4,11.2,2.4,25.6-8.8,32.8c-11.2,6.4-25.6,2.4-32.8-8.8S30.4,346.4,41.6,339.2z" style="fill:#00a0f9;  fill-opacity: 0.75;"></path>&#10;    <path d="M430.4,115.2c11.2-6.4,25.6-2.4,32.8,8.8c6.4,11.2,2.4,25.6-8.8,32.8c-11.2,6.4-25.6,2.4-32.8-8.8C415.2,136.8,419.2,121.6,430.4,115.2z" style="fill:#00a0f9; fill-opacity: 0.15;"></path>&#10;    <path d="M115.2,430.4c6.4-11.2,20.8-15.2,32.8-8.8c11.2,6.4,15.2,20.8,8.8,32.8c-6.4,11.2-20.8,15.2-32.8,8.8C112.8,456,108.8,441.6,115.2,430.4z" style="fill:#00a0f9; fill-opacity: 0.65;"></path>&#10;    <path d="M339.2,41.6c6.4-11.2,20.8-15.2,32.8-8.8c11.2,6.4,15.2,20.8,8.8,32.8c-6.4,11.2-20.8,15.2-32.8,8.8C336.8,68,332.8,53.6,339.2,41.6z" style="fill:#00a0f9; fill-opacity: 0.05;"></path>&#10;  </symbol>&#10;</svg>&#10;&#10;&#10;  &#10;    &#10;      &#10;        &#10;          &#10;          &#10;        &#10;        &#10;      &#10;    &#10;  &#10;&#10;</app-svg-icon><div class="form-group"><div class="buttons"><div class="btn-group btn-group-justified"><div class="btn btn-success">Success</div><div class="btn btn-info">Info</div><div class="btn btn-danger">Error</div><div class="btn btn-warning">Warning</div><div class="btn btn-default">HTML</div></div></div></div><router-outlet></router-outlet><ng-snotify class="material"><!----> <!----> </ng-snotify></div></div></body></html>}, tss: TranslatedNotifyService{translate: TranslateService{store: ..., currentLoader: ..., compiler: ..., parser: ..., missingTranslationHandler: ..., useDefaultLang: ..., isolate: ..., pending: ..., _onTranslationChange: ..., _onLangChange: ..., _onDefaultLangChange: ..., _langs: ..., _translations: ..., _translationRequests: ..., loadingTranslations: ...}, service: SnotifyService{config: ..., emitter: ..., toastChanged: ..., toastDeleted: ..., notifications: ...}, config: Object{bodyMaxLength: ..., titleMaxLength: ..., backdrop: ..., position: ..., timeout: ..., showProgressBar: ..., closeOnClick: ..., pauseOnHover: ...}, global: Object{global: ...}}}

App.component.ts:

import {Component, OnInit} from '@angular/core';
import {TranslateService} from '@ngx-translate/core';
import {ActivatedRoute, NavigationEnd, Router} from '@angular/router';
import {Title} from '@angular/platform-browser';
import 'rxjs/add/operator/filter';
import {TranslatedNotifyService} from './services/tanslated-notify-service/translated-notify.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.pug'
})

export class AppComponent implements OnInit {

  public constructor(
    private route: ActivatedRoute,
    private router: Router,
    private translate: TranslateService,
    private title: Title,
    private tss: TranslatedNotifyService
  ) {
    translate.addLangs(['en', 'ru']);
    translate.setDefaultLang('ru');

    const browserLang = translate.getBrowserLang().match(/en|ru/) ? translate.getBrowserLang() : 'ru';
    translate.use(browserLang);
  }

  ngOnInit() {
    this.router.events
      .filter((event) => event instanceof NavigationEnd)
      .map(() => this.route)
      .map((route) => {
        while (route.firstChild) {
          route = route.firstChild;
        }
        return route;
      })
      .filter((route) => route.outlet === 'primary')
      .mergeMap((route) => route.data)
      .subscribe((event) => {
        this.translate.get(event['title'] || 'meta.title').subscribe(value => this.title.setTitle(value));
      });
  }

  onSuccess() {
    this.tss.success('error');
  }
  onInfo() {
    this.tss.info('error');
  }
  onError() {
    this.tss.error('error');
  }
  onWarning() {
    this.tss.warning('error');
  }

  onHtml() {
    const html = `<div class="snotifyToast__title"><b>Html Bold Title</b></div>
    <div class="snotifyToast__body"><i>Html</i> <b>toast</b> <u>content</u></div>`;
    this.tss.html(html);
  }
}

app.component.pug:

.container-fluid.fill#main-container(style="padding: 0")
  app-svg-icon
  .form-group
    .buttons
      .btn-group.btn-group-justified
        .btn.btn-success((click)='onSuccess()') Success
        .btn.btn-info((click)='onInfo()') Info
        .btn.btn-danger((click)='onError()') Error
        .btn.btn-warning((click)='onWarning()') Warning
        .btn.btn-default((click)='onHtml()') HTML
  router-outlet
  ng-snotify.material

TranslatedNotifyService:

import {Injectable} from '@angular/core';
import {SnotifyPosition, SnotifyService} from 'ng-snotify';
import {SnotifyDefaults} from 'ng-snotify/snotify/interfaces/SnotifyDefaults.interface';
import {SnotifyToastConfig} from 'ng-snotify/snotify/interfaces/SnotifyToastConfig.interface';
import {TranslateService} from '@ngx-translate/core';
import {isObject} from 'rxjs/util/isObject';

@Injectable()
export class TranslatedNotifyService {
  config: SnotifyToastConfig = {
    bodyMaxLength: 999, // максимальная длинна тела уведомления в символах, дальше - перенос
    titleMaxLength: 16, // максимальная длинна заголовка уведомления в символах, дальше - перенос
    backdrop: -1, // не дропать фон при появлении уведомления
    position: SnotifyPosition.rightTop, // положение уведомления
    timeout: 4000, // время уведомления
    showProgressBar: true, // отображение полосы прогрузки над уведомлением
    closeOnClick: true, // при клике закрывать уведомление
    pauseOnHover: true // при наведении время уведомления останавливается
  };

  global: SnotifyDefaults = {
    global: {
      newOnTop: false, // новые уведомления появляются сверху (false = снизу)
      maxAtPosition: 8, // сколько максимум хранится уведомления
      maxOnScreen: 8, // максимум уведомления на экране
    }
  };

  constructor(private translate: TranslateService, private service: SnotifyService) {
    this.service.setDefaults(this.global);
  }

  success(body: string, title: string | null = null, config: object | null = null): void {
    title = title || 'notifications.title.success';
    this.updateConfig(config);
    this.translate.get([body, title]).subscribe(values => {
      this.service.success(values[body], values[title], this.config);
    });
    return;
  }

  info(body: string, title: string | null = null, config: object | null = null): void {
    title = title || 'notifications.title.info';
    this.updateConfig(config);
    this.translate.get([body, title]).subscribe(values => {
      this.service.info(values[body], values[title], this.config);
    });
    return;
  }

  warning(body: string, title: string | null = null, config: object | null = null): void {
    title = title || 'notifications.title.warning';
    this.updateConfig(config);
    this.translate.get([body, title]).subscribe(values => {
      this.service.warning(values[body], values[title], this.config);
    });
    return;
  }

  error(body: string, title: string | null = null, config: object | null = null): void {
    title = title || 'notifications.title.error';
    this.updateConfig(config);
    this.translate.get([body, title]).subscribe(values => {
      this.service.error(values[body], values[title], this.config);
    });
    return;
  }

  html(html: string, config: object | null = null): void {
    if (html.length === 0) {
      return;
    }
    this.updateConfig(config);
    this.service.html(html, this.config);
    return;
  }

  /**
   * применяет к текущим настройкам указанные значения, а НЕ заменяет все настройки
   * @param {object} config
   */
  private updateConfig(config: object): void {
    if (!config || (config && !isObject(config))) {
      return;
    }
    Object.keys(config).forEach(key => {
      if (this.config[key]) {
        this.config[key] = config[key];
      }
    });
  }
}

app.component.spec.ts:

import {TestBed, ComponentFixture} from '@angular/core/testing';
import {AppComponent} from './app.component';
import {RouterTestingModule} from '@angular/router/testing';
import {SvgIconComponent} from './svg-icon/svg-icon.component';
import {TranslateModule} from '@ngx-translate/core';
import {DebugElement} from '@angular/core';
import {By} from '@angular/platform-browser';
import {SnotifyModule, SnotifyService, ToastDefaults} from 'ng-snotify';
import {TranslatedNotifyService} from './services/tanslated-notify-service/translated-notify.service';

describe('AppComponent', () => {
  let component: AppComponent;
  let fixture:   ComponentFixture<AppComponent>;
  let de:        DebugElement;
  let el:        HTMLElement;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent,
        SvgIconComponent
      ],
      imports: [
        RouterTestingModule.withRoutes([]),
        TranslateModule.forRoot(),
        SnotifyModule
      ],
      providers: [
        { provide: 'SnotifyToastConfig', useValue: ToastDefaults},
        SnotifyService,
        TranslatedNotifyService
      ]
    }).compileComponents();
    fixture = TestBed.createComponent(AppComponent);
    component = fixture.componentInstance;

    de = fixture.debugElement.query(By.css('div#main-container'));
    el = de.nativeElement;
  });

  it('should have main container', () => {
    expect(el.parentElement.innerHTML).toContain('class="container-fluid fill"');
  });

  it('should include svg icons', () => {
    expect(el.innerHTML).toContain('<app-svg-icon>');
  });

  it('should have router-outlet', () => {
    expect(el.innerHTML).toContain('<router-outlet>');
  });
});

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.