Imports improved.

src/Squidex/app-config/webpack.config.js

@@ -2,6 +2,7 @@
                path = require('path'),
   HtmlWebpackPlugin = require('html-webpack-plugin'),
   ExtractTextPlugin = require('extract-text-webpack-plugin'),
+TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'),
             helpers = require('./helpers');
 
 module.exports = {
@@ -23,6 +24,10 @@ module.exports = {
             helpers.root('app-libs'),
             helpers.root('node_modules')
         ],
+
+        plugins: [
+            new TsconfigPathsPlugin()
+        ]
     },
 
     /*

src/Squidex/app/features/administration/guards/user-must-exist.guard.ts

@@ -9,7 +9,7 @@ import { Injectable } from '@angular/core';
 import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 
-import { allParams } from 'framework';
+import { allParams } from '@app/framework';
 
 import { UsersState } from './../state/users.state';
 

src/Squidex/app/features/administration/module.ts

@@ -11,7 +11,7 @@ import { RouterModule, Routes } from '@angular/router';
 import {
     SqxSharedModule,
     SqxFrameworkModule
-} from 'shared';
+} from '@app/shared';
 
 import {
     AdministrationAreaComponent,

src/Squidex/app/features/administration/pages/event-consumers/event-consumers-page.component.ts

@@ -13,7 +13,7 @@ import {
     DialogService,
     ImmutableArray,
     ModalView
-} from 'shared';
+} from '@app/shared';
 
 import { EventConsumerDto, EventConsumersService } from './../../services/event-consumers.service';
 

src/Squidex/app/features/administration/pages/users/user-page.component.ts

@@ -10,7 +10,7 @@ import { FormBuilder, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subscription } from 'rxjs';
 
-import { AuthService, ValidatorsEx } from 'shared';
+import { AuthService, ValidatorsEx } from '@app/shared';
 
 import { UserDto } from './../../services/users.service';
 import { UsersState } from './../../state/users.state';

src/Squidex/app/features/administration/pages/users/users-page.component.ts

@@ -8,7 +8,7 @@
 import { Component, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 
-import { AuthService, DialogService } from 'shared';
+import { AuthService, DialogService } from '@app/shared';
 
 import { UserDto } from './../../services/users.service';
 import { UsersState } from './../../state/users.state';

src/Squidex/app/features/administration/services/event-consumers.service.spec.ts

@@ -8,7 +8,7 @@
 import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
 import { inject, TestBed } from '@angular/core/testing';
 
-import { ApiUrlConfig } from 'framework';
+import { ApiUrlConfig } from '@app/framework';
 
 import { EventConsumerDto, EventConsumersService } from './event-consumers.service';
 

src/Squidex/app/features/administration/services/event-consumers.service.ts

@@ -9,9 +9,9 @@ import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 
-import 'framework/angular/http-extensions';
+import '@app/framework/angular/http/http-extensions';
 
-import { ApiUrlConfig, HTTP } from 'framework';
+import { ApiUrlConfig, HTTP } from '@app/framework';
 
 export class EventConsumerDto {
     constructor(

src/Squidex/app/features/administration/services/users.service.spec.ts

@@ -8,7 +8,7 @@
 import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
 import { inject, TestBed } from '@angular/core/testing';
 
-import { ApiUrlConfig } from 'framework';
+import { ApiUrlConfig } from '@app/framework';
 
 import {
     CreateUserDto,

src/Squidex/app/features/administration/services/users.service.ts

@@ -9,9 +9,9 @@ import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 
-import 'framework/angular/http-extensions';
+import '@app/framework/angular/http/http-extensions';
 
-import { ApiUrlConfig, HTTP } from 'framework';
+import { ApiUrlConfig, HTTP } from '@app/framework';
 
 export class UsersDto {
     constructor(

src/Squidex/app/features/administration/state/users.state.ts

@@ -8,13 +8,13 @@
 import { Injectable } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 
-import 'framework/utils/rxjs-extensions';
+import '@app/framework/utils/rxjs-extensions';
 
 import {
     DialogService,
     ImmutableArray,
     Pager
-} from 'shared';
+} from '@app/shared';
 
 import {
     CreateUserDto,

src/Squidex/app/features/api/api-area.component.ts

@@ -7,7 +7,7 @@
 
 import { Component } from '@angular/core';
 
-import { AppsState } from 'shared';
+import { AppsState } from '@app/shared';
 
 @Component({
     selector: 'sqx-api-area',

src/Squidex/app/features/api/module.ts

@@ -12,7 +12,7 @@ import { DndModule } from 'ng2-dnd';
 import {
     SqxFrameworkModule,
     SqxSharedModule
-} from 'shared';
+} from '@app/shared';
 
 import {
     ApiAreaComponent,

src/Squidex/app/features/api/pages/graphql/graphql-page.component.ts

@@ -19,7 +19,7 @@ import {
     AppsState,
     GraphQlService,
     LocalStoreService
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-graphql-page',

src/Squidex/app/features/apps/module.ts

@@ -8,7 +8,7 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
-import { SqxFrameworkModule, SqxSharedModule } from 'shared';
+import { SqxFrameworkModule, SqxSharedModule } from '@app/shared';
 
 import {
     AppsPageComponent,

src/Squidex/app/features/apps/pages/apps-page.component.ts

@@ -16,7 +16,7 @@ import {
     ImmutableArray,
     ModalView,
     OnboardingService
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-apps-page',

src/Squidex/app/features/apps/pages/onboarding-dialog.component.ts

@@ -11,7 +11,7 @@ import {
     fadeAnimation,
     ModalView,
     slideAnimation
-} from 'framework';
+} from '@app/framework';
 
 @Component({
     selector: 'sqx-onboarding-dialog',

src/Squidex/app/features/assets/module.ts

@@ -9,7 +9,7 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { DndModule } from 'ng2-dnd';
 
-import { SqxFrameworkModule, SqxSharedModule } from 'shared';
+import { SqxFrameworkModule, SqxSharedModule } from '@app/shared';
 
 import {
     AssetsPageComponent

src/Squidex/app/features/assets/pages/assets-page.component.ts

@@ -18,7 +18,7 @@ import {
     AssetUpdated,
     ImmutableArray,
     Pager
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-assets-page',

src/Squidex/app/features/content/module.ts

@@ -16,7 +16,7 @@ import {
     ResolvePublishedSchemaGuard,
     SqxFrameworkModule,
     SqxSharedModule
-} from 'shared';
+} from '@app/shared';
 
 import {
     AssetsEditorComponent,

src/Squidex/app/features/content/pages/content/content-field.component.ts

@@ -13,7 +13,7 @@ import {
     AppLanguageDto,
     FieldDto,
     fieldInvariant
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-content-field',

src/Squidex/app/features/content/pages/content/content-history.component.ts

@@ -16,7 +16,7 @@ import {
     HistoryEventDto,
     HistoryService,
     UsersProviderService
-} from 'shared';
+} from '@app/shared';
 
 import { ContentVersionSelected } from './../messages';
 

src/Squidex/app/features/content/pages/content/content-page.component.ts

@@ -28,7 +28,7 @@ import {
     fieldInvariant,
     SchemaDetailsDto,
     Version
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-content-page',

src/Squidex/app/features/content/pages/contents/contents-page.component.ts

@@ -29,7 +29,7 @@ import {
     Pager,
     SchemaDetailsDto,
     Versioned
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-contents-page',

src/Squidex/app/features/content/pages/messages.ts

@@ -5,7 +5,7 @@
  * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
  */
 
-import { ContentDto } from 'shared';
+import { ContentDto } from '@app/shared';
 
 export class ContentCreated {
     constructor(

src/Squidex/app/features/content/pages/schemas/schemas-page.component.ts

@@ -13,7 +13,7 @@ import {
     AppContext,
     SchemaDto,
     SchemasService
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-schemas-page',

src/Squidex/app/features/content/shared/assets-editor.component.ts

@@ -18,7 +18,7 @@ import {
     AssetUpdated,
     ImmutableArray,
     Types
-} from 'shared';
+} from '@app/shared';
 
 export const SQX_ASSETS_EDITOR_CONTROL_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AssetsEditorComponent), multi: true

src/Squidex/app/features/content/shared/content-item.component.ts

@@ -20,7 +20,7 @@ import {
     SchemaDto,
     Types,
     Versioned
-} from 'shared';
+} from '@app/shared';
 
 /* tslint:disable:component-selector */
 

src/Squidex/app/features/content/shared/references-editor.component.ts

@@ -21,7 +21,7 @@ import {
     SchemaDetailsDto,
     SchemasService,
     Types
-} from 'shared';
+} from '@app/shared';
 
 export const SQX_REFERENCES_EDITOR_CONTROL_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ReferencesEditorComponent), multi: true

src/Squidex/app/features/dashboard/module.ts

@@ -9,7 +9,7 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { ChartModule } from 'angular2-chartjs';
 
-import { SqxFrameworkModule, SqxSharedModule } from 'shared';
+import { SqxFrameworkModule, SqxSharedModule } from '@app/shared';
 
 import {
     DashboardPageComponent

src/Squidex/app/features/dashboard/pages/dashboard-page.component.ts

@@ -18,7 +18,7 @@ import {
     HistoryService,
     UsagesService,
     UsersProviderService
-} from 'shared';
+} from '@app/shared';
 
 declare var _urq: any;
 

src/Squidex/app/features/rules/module.ts

@@ -12,7 +12,7 @@ import {
     HelpComponent,
     SqxFrameworkModule,
     SqxSharedModule
-} from 'shared';
+} from '@app/shared';
 
 import {
     AlgoliaActionComponent,

src/Squidex/app/features/rules/pages/events/rule-events-page.component.ts

@@ -13,7 +13,7 @@ import {
     Pager,
     RuleEventDto,
     RulesService
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-rule-events-page',

src/Squidex/app/features/rules/pages/rules/actions/azure-queue-action.component.ts

@@ -8,7 +8,7 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { FormBuilder, Validators } from '@angular/forms';
 
-import { ValidatorsEx } from 'shared';
+import { ValidatorsEx } from '@app/shared';
 
 @Component({
     selector: 'sqx-azure-queue-action',

src/Squidex/app/features/rules/pages/rules/rule-wizard.component.ts

@@ -18,7 +18,7 @@ import {
     RulesService,
     SchemaDto,
     UpdateRuleDto
-} from 'shared';
+} from '@app/shared';
 
 export const MODE_WIZARD = 'Wizard';
 export const MODE_EDIT_TRIGGER = 'EditTrigger';

src/Squidex/app/features/rules/pages/rules/rules-page.component.ts

@@ -19,7 +19,7 @@ import {
     RulesService,
     SchemaDto,
     SchemasService
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-rules-page',

src/Squidex/app/features/rules/pages/rules/triggers/content-changed-trigger.component.ts

@@ -11,7 +11,7 @@ import {
     ImmutableArray,
     SchemaDto,
     Types
-} from 'shared';
+} from '@app/shared';
 
 export interface TriggerSchemaForm {
     schema: SchemaDto;

src/Squidex/app/features/schemas/guards/schema-must-exist.guard.ts

@@ -9,7 +9,7 @@ import { Injectable } from '@angular/core';
 import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 
-import { allParams } from 'framework';
+import { allParams } from '@app/framework';
 
 import { SchemasState } from './../state/schemas.state';
 

src/Squidex/app/features/schemas/module.ts

@@ -12,7 +12,7 @@ import { DndModule } from 'ng2-dnd';
 import {
     SqxFrameworkModule,
     SqxSharedModule
-} from 'shared';
+} from '@app/shared';
 
 import {
     FieldComponent,

src/Squidex/app/features/schemas/pages/schema/field-wizard.component.ts

@@ -17,7 +17,7 @@ import {
     SchemaDetailsDto,
     UpdateFieldDto,
     ValidatorsEx
-} from 'shared';
+} from '@app/shared';
 
 import { SchemasState } from './../../state/schemas.state';
 

src/Squidex/app/features/schemas/pages/schema/field.component.ts

@@ -15,7 +15,7 @@ import {
     ModalView,
     SchemaDetailsDto,
     UpdateFieldDto
-} from 'shared';
+} from '@app/shared';
 
 import { SchemasState } from './../../state/schemas.state';
 

src/Squidex/app/features/schemas/pages/schema/forms/field-form-common.component.ts

@@ -8,7 +8,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 
-import { FieldDto } from 'shared';
+import { FieldDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-field-form-common',

src/Squidex/app/features/schemas/pages/schema/forms/field-form-ui.component.ts

@@ -8,7 +8,7 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
-import { FieldDto } from 'shared';
+import { FieldDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-field-form-ui',

src/Squidex/app/features/schemas/pages/schema/forms/field-form-validation.component.ts

@@ -8,7 +8,7 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
-import { FieldDto } from 'shared';
+import { FieldDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-field-form-validation',

src/Squidex/app/features/schemas/pages/schema/schema-edit-form.component.ts

@@ -8,7 +8,7 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { FormBuilder, Validators } from '@angular/forms';
 
-import { SchemaDetailsDto, UpdateSchemaDto } from 'shared';
+import { SchemaDetailsDto, UpdateSchemaDto } from '@app/shared';
 
 import { SchemasState } from './../../state/schemas.state';
 

src/Squidex/app/features/schemas/pages/schema/schema-page.component.ts

@@ -17,7 +17,7 @@ import {
     MessageBus,
     ModalView,
     SchemaDetailsDto
-} from 'shared';
+} from '@app/shared';
 
 import {
     SchemaCloning

src/Squidex/app/features/schemas/pages/schema/schema-scripts-form.component.ts

@@ -8,7 +8,7 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
 
-import { SchemaDetailsDto, UpdateSchemaScriptsDto } from 'shared';
+import { SchemaDetailsDto, UpdateSchemaScriptsDto } from '@app/shared';
 
 import { SchemasState } from './../../state/schemas.state';
 

src/Squidex/app/features/schemas/pages/schema/types/assets-ui.component.ts

@@ -8,7 +8,7 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
-import { AssetsFieldPropertiesDto } from 'shared';
+import { AssetsFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-assets-ui',

src/Squidex/app/features/schemas/pages/schema/types/assets-validation.component.ts

@@ -8,7 +8,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 
-import { AssetsFieldPropertiesDto } from 'shared';
+import { AssetsFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-assets-validation',

src/Squidex/app/features/schemas/pages/schema/types/boolean-ui.component.ts

@@ -8,7 +8,7 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 
-import { BooleanFieldPropertiesDto } from 'shared';
+import { BooleanFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-boolean-ui',

src/Squidex/app/features/schemas/pages/schema/types/boolean-validation.component.ts

@@ -9,7 +9,7 @@ import { Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 
-import { BooleanFieldPropertiesDto } from 'shared';
+import { BooleanFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-boolean-validation',

src/Squidex/app/features/schemas/pages/schema/types/date-time-ui.component.ts

@@ -9,7 +9,7 @@ import { Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { Observable } from 'rxjs';
 
-import { FloatConverter, NumberFieldPropertiesDto } from 'shared';
+import { FloatConverter, NumberFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-date-time-ui',

src/Squidex/app/features/schemas/pages/schema/types/date-time-validation.component.ts

@@ -9,7 +9,7 @@ import { Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 
-import { DateTimeFieldPropertiesDto, ValidatorsEx } from 'shared';
+import { DateTimeFieldPropertiesDto, ValidatorsEx } from '@app/shared';
 
 @Component({
     selector: 'sqx-date-time-validation',

src/Squidex/app/features/schemas/pages/schema/types/geolocation-ui.component.ts

@@ -8,7 +8,7 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { FormGroup, FormControl, Validators } from '@angular/forms';
 
-import { GeolocationFieldPropertiesDto } from 'shared';
+import { GeolocationFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-geolocation-ui',

src/Squidex/app/features/schemas/pages/schema/types/geolocation-validation.component.ts

@@ -8,7 +8,7 @@
 import { Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
-import { GeolocationFieldPropertiesDto } from 'shared';
+import { GeolocationFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-geolocation-validation',

src/Squidex/app/features/schemas/pages/schema/types/json-ui.component.ts

@@ -8,7 +8,7 @@
 import { Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
-import { JsonFieldPropertiesDto } from 'shared';
+import { JsonFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-json-ui',

src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.ts

@@ -8,7 +8,7 @@
 import { Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
-import { JsonFieldPropertiesDto } from 'shared';
+import { JsonFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-json-validation',

src/Squidex/app/features/schemas/pages/schema/types/number-ui.component.ts

@@ -9,7 +9,7 @@ import { Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
 
-import { FloatConverter, NumberFieldPropertiesDto } from 'shared';
+import { FloatConverter, NumberFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-number-ui',

src/Squidex/app/features/schemas/pages/schema/types/number-validation.component.ts

@@ -9,7 +9,7 @@ import { Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 
-import { NumberFieldPropertiesDto } from 'shared';
+import { NumberFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-number-validation',

src/Squidex/app/features/schemas/pages/schema/types/references-ui.component.ts

@@ -8,7 +8,7 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
-import { ReferencesFieldPropertiesDto } from 'shared';
+import { ReferencesFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-references-ui',

src/Squidex/app/features/schemas/pages/schema/types/references-validation.component.ts

@@ -8,7 +8,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 
-import { ReferencesFieldPropertiesDto } from 'shared';
+import { ReferencesFieldPropertiesDto } from '@app/shared';
 
 import { SchemasState } from './../../../state/schemas.state';
 

src/Squidex/app/features/schemas/pages/schema/types/string-ui.component.ts

@@ -9,7 +9,7 @@ import { Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
 
-import { StringFieldPropertiesDto } from 'shared';
+import { StringFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-string-ui',

src/Squidex/app/features/schemas/pages/schema/types/string-validation.component.ts

@@ -13,7 +13,7 @@ import {
     AppPatternDto,
     ModalView,
     StringFieldPropertiesDto
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-string-validation',

src/Squidex/app/features/schemas/pages/schema/types/tags-ui.component.ts

@@ -8,7 +8,7 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
-import { AssetsFieldPropertiesDto } from 'shared';
+import { AssetsFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-tags-ui',

src/Squidex/app/features/schemas/pages/schema/types/tags-validation.component.ts

@@ -8,7 +8,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 
-import { AssetsFieldPropertiesDto } from 'shared';
+import { AssetsFieldPropertiesDto } from '@app/shared';
 
 @Component({
     selector: 'sqx-tags-validation',

src/Squidex/app/features/schemas/pages/schemas/schema-form.component.ts

@@ -12,7 +12,7 @@ import {
     ApiUrlConfig,
     AppsState,
     ValidatorsEx
-} from 'shared';
+} from '@app/shared';
 
 import { SchemasState } from './../../state/schemas.state';
 

src/Squidex/app/features/schemas/pages/schemas/schemas-page.component.ts

@@ -15,7 +15,7 @@ import {
     fadeAnimation,
     MessageBus,
     ModalView
-} from 'shared';
+} from '@app/shared';
 
 import { SchemaCloning } from './../messages';
 

src/Squidex/app/features/schemas/state/schemas.state.ts

@@ -8,7 +8,7 @@
 import { Injectable } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 
-import 'framework/utils/rxjs-extensions';
+import '@app/framework/utils/rxjs-extensions';
 
 import {
     AddFieldDto,
@@ -25,7 +25,7 @@ import {
     UpdateFieldDto,
     UpdateSchemaScriptsDto,
     UpdateSchemaDto
-} from 'shared';
+} from '@app/shared';
 
 @Injectable()
 export class SchemasState {

src/Squidex/app/features/settings/module.ts

@@ -14,7 +14,7 @@ import {
     HistoryComponent,
     SqxFrameworkModule,
     SqxSharedModule
-} from 'shared';
+} from '@app/shared';
 
 import {
     BackupsPageComponent,

src/Squidex/app/features/settings/pages/backups/backups-page.component.ts

@@ -15,7 +15,7 @@ import {
     BackupsService,
     Duration,
     ImmutableArray
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-backups-page',

src/Squidex/app/features/settings/pages/clients/client.component.ts

@@ -15,7 +15,7 @@ import {
     AppClientsService,
     fadeAnimation,
     ModalView
-} from 'shared';
+} from '@app/shared';
 
 const ESCAPE_KEY = 27;
 

src/Squidex/app/features/settings/pages/clients/clients-page.component.ts

@@ -17,7 +17,7 @@ import {
     HistoryChannelUpdated,
     UpdateAppClientDto,
     ValidatorsEx
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-clients-page',

src/Squidex/app/features/settings/pages/contributors/contributors-page.component.ts

@@ -17,7 +17,7 @@ import {
     AutocompleteSource,
     HistoryChannelUpdated,
     UsersService
-} from 'shared';
+} from '@app/shared';
 
 export class UsersDataSource implements AutocompleteSource {
     constructor(

src/Squidex/app/features/settings/pages/languages/language.component.ts

@@ -9,7 +9,7 @@ import { Component, EventEmitter, Input, OnChanges, OnDestroy, Output, OnInit }
 import { FormBuilder } from '@angular/forms';
 import { Subscription } from 'rxjs';
 
-import { AppLanguageDto, fadeAnimation } from 'shared';
+import { AppLanguageDto, fadeAnimation } from '@app/shared';
 
 @Component({
     selector: 'sqx-language',

src/Squidex/app/features/settings/pages/languages/languages-page.component.ts

@@ -18,7 +18,7 @@ import {
     ImmutableArray,
     LanguageDto,
     LanguagesService
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-languages-page',

src/Squidex/app/features/settings/pages/more/more-page.component.ts

@@ -8,7 +8,7 @@
 import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 
-import { AppContext } from 'shared';
+import { AppContext } from '@app/shared';
 
 @Component({
     selector: 'sqx-more-page',

src/Squidex/app/features/settings/pages/patterns/pattern.component.ts

@@ -13,7 +13,7 @@ import {
     fadeAnimation,
     ValidatorsEx,
     UpdatePatternDto
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-pattern',

src/Squidex/app/features/settings/pages/patterns/patterns-page.component.ts

@@ -14,7 +14,7 @@ import {
     AppPatternsService,
     HistoryChannelUpdated,
     UpdatePatternDto
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-patterns-page',

src/Squidex/app/features/settings/pages/plans/plans-page.component.ts

@@ -14,7 +14,7 @@ import {
     AppPlansDto,
     ChangePlanDto,
     PlansService
-} from 'shared';
+} from '@app/shared';
 
 @Component({
     selector: 'sqx-plans-page',

src/Squidex/app/features/settings/settings-area.component.ts

@@ -7,7 +7,7 @@
 
 import { Component } from '@angular/core';
 
-import { AppContext } from 'shared';
+import { AppContext } from '@app/shared';
 
 @Component({
     selector: 'sqx-settings-area',

src/Squidex/app/framework/angular/forms/confirm-click.directive.ts

@@ -7,7 +7,7 @@
 
 import { Directive, EventEmitter, HostListener, Input, OnDestroy, Output } from '@angular/core';
 
-import { DialogService } from './../services/dialog.service';
+import { DialogService } from '@app/framework/internal';
 
 class DelayEventEmitter<T> extends EventEmitter<T> {
     private delayedNexts: any[] | null = [];

src/Squidex/app/framework/angular/forms/control-errors.component.ts

@@ -9,7 +9,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Host, Input, OnC
 import { AbstractControl, FormGroupDirective } from '@angular/forms';
 import { Observable, Subscription } from 'rxjs';
 
-import { fadeAnimation } from './animations';
+import { fadeAnimation } from '@app/framework/internal';
 
 const DEFAULT_ERRORS: { [key: string]: string } = {
     required: '{field} is required.',

src/Squidex/app/framework/angular/forms/copy.directive.ts

@@ -7,8 +7,11 @@
 
 import { Directive, HostListener, Input } from '@angular/core';
 
-import { Types } from './../utils/types';
+import {
-import { DialogService, Notification } from './../services/dialog.service';
+    DialogService,
+    Notification,
+    Types
+} from '@app/framework/internal';
 
 @Directive({
     selector: '[sqxCopy]'

src/Squidex/app/framework/angular/forms/date-time-editor.component.ts

@@ -10,7 +10,7 @@ import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/f
 import { Subscription } from 'rxjs';
 import * as moment from 'moment';
 
-import { Types } from './../utils/types';
+import { Types } from '@app/framework/internal';
 
 let Pikaday = require('pikaday/pikaday');
 

src/Squidex/app/framework/angular/forms/dropdown.component.ts

@@ -13,7 +13,7 @@ const KEY_ESCAPE = 27;
 const KEY_UP = 38;
 const KEY_DOWN = 40;
 
-import { ModalView } from './../utils/modal-view';
+import { ModalView } from '@app/framework/internal';
 
 export const SQX_DROPDOWN_CONTROL_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DropdownComponent), multi: true

src/Squidex/app/framework/angular/forms/indeterminate-value.directive.ts

@@ -8,7 +8,7 @@
 import { Directive, forwardRef, ElementRef, HostListener, Renderer } from '@angular/core';
 import { ControlValueAccessor,  NG_VALUE_ACCESSOR } from '@angular/forms';
 
-import { Types } from './../utils/types';
+import { Types } from '@app/framework/internal';
 
 export const SQX_INDETERMINATE_VALUE_CONTROL_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => IndeterminateValueDirective), multi: true

src/Squidex/app/framework/angular/forms/jscript-editor.component.ts

@@ -9,9 +9,7 @@ import { AfterViewInit, Component, forwardRef, ElementRef, ViewChild } from '@an
 import { ControlValueAccessor,  NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Subject } from 'rxjs';
 
-import { Types } from './../utils/types';
+import { ResourceLoaderService, Types } from '@app/framework/internal';
-
-import { ResourceLoaderService } from './../services/resource-loader.service';
 
 declare var ace: any;
 

src/Squidex/app/framework/angular/forms/json-editor.component.ts

@@ -9,7 +9,7 @@ import { AfterViewInit, Component, forwardRef, ElementRef, ViewChild } from '@an
 import { ControlValueAccessor,  NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Subject } from 'rxjs';
 
-import { ResourceLoaderService } from './../services/resource-loader.service';
+import { ResourceLoaderService } from '@app/framework/internal';
 
 declare var ace: any;
 

src/Squidex/app/framework/angular/forms/lowercase-input.directive.ts

@@ -8,7 +8,7 @@
 import { Directive, forwardRef, ElementRef, HostListener, Renderer } from '@angular/core';
 import { ControlValueAccessor,  NG_VALUE_ACCESSOR } from '@angular/forms';
 
-import { Types } from './../utils/types';
+import { Types } from '@app/framework/internal';
 
 export const SQX_LOWERCASE_INPUT_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => LowerCaseInputDirective), multi: true

src/Squidex/app/framework/angular/forms/slider.component.ts

@@ -8,7 +8,7 @@
 import { Component, ElementRef, forwardRef, Input, Renderer, ViewChild } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
-import { Types } from './../utils/types';
+import { Types } from '@app/framework/internal';
 
 export const SQX_SLIDER_CONTROL_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent), multi: true

src/Squidex/app/framework/angular/forms/slugify-input.directive.ts

@@ -10,7 +10,7 @@ import { ControlValueAccessor,  NG_VALUE_ACCESSOR } from '@angular/forms';
 
 import slugify from 'slugify';
 
-import { Types } from './../utils/types';
+import { Types } from '@app/framework/internal';
 
 export const SQX_SLUGIFY_INPUT_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlugifyInputDirective), multi: true

src/Squidex/app/framework/angular/forms/stars.component.ts

@@ -8,7 +8,7 @@
 import { Component, forwardRef, Input } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
-import { Types } from './../utils/types';
+import { Types } from '@app/framework/internal';
 
 export const SQX_STARS_CONTROL_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => StarsComponent), multi: true

src/Squidex/app/framework/angular/forms/tag-editor.component.ts

@@ -8,7 +8,7 @@
 import { Component, forwardRef, Input } from '@angular/core';
 import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 
-import { Types } from './../utils/types';
+import { Types } from '@app/framework/internal';
 
 const KEY_ENTER = 13;
 

src/Squidex/app/framework/angular/forms/toggle.component.ts

@@ -8,7 +8,7 @@
 import { Component, forwardRef } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
-import { Types } from './../utils/types';
+import { Types } from '@app/framework/internal';
 
 export const SQX_TOGGLE_CONTROL_VALUE_ACCESSOR: any = {
     provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ToggleComponent), multi: true

src/Squidex/app/framework/angular/forms/validators.spec.ts

@@ -7,8 +7,9 @@
 
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 
-import { DateTime } from './../utils/date-time';
+import { DateTime } from './../../utils/date-time';
-import { ValidatorsEx } from './../';
+
+import { ValidatorsEx } from './validators';
 
 describe('ValidatorsEx.between', () => {
     it('should return null validator if no min value or max value', () => {

src/Squidex/app/framework/angular/forms/validators.ts

@@ -5,14 +5,9 @@
  * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
  */
 
-import {
+import { AbstractControl, ValidatorFn, Validators } from '@angular/forms';
-    AbstractControl,
+
-    ValidatorFn,
+import { DateTime, Types } from '@app/framework/internal';
-    Validators
-} from '@angular/forms';
-
-import { DateTime } from './../utils/date-time';
-import { Types } from './../utils/types';
 
 export module ValidatorsEx {
     export function pattern(regex: string | RegExp, message?: string): ValidatorFn {

src/Squidex/app/framework/angular/http/http-extensions-impl.ts

@@ -8,9 +8,9 @@
 import { HttpClient, HttpErrorResponse, HttpHeaders, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs';
 
-import { ErrorDto } from './../utils/error';
+import { ErrorDto } from './../../utils/error';
 
-import { Version, Versioned } from './../utils/version';
+import { Version, Versioned } from './../../utils/version';
 
 export module HTTP {
     export function getVersioned<T>(http: HttpClient, url: string, version?: Version): Observable<Versioned<HttpResponse<T>>> {

src/Squidex/app/framework/angular/modals/dialog-renderer.component.ts

@@ -8,15 +8,13 @@
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
 
-import { fadeAnimation } from './animations';
-
 import {
     DialogRequest,
     DialogService,
+    fadeAnimation,
+    ModalView,
     Notification
-} from './../services/dialog.service';
+} from '@app/framework/internal';
-
-import { ModalView } from './../utils/modal-view';
 
 @Component({
     selector: 'sqx-dialog-renderer',

src/Squidex/app/framework/angular/modals/modal-view.directive.ts

@@ -8,7 +8,7 @@
 import { Directive, EmbeddedViewRef, Input, OnChanges, OnDestroy, Renderer, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Subscription } from 'rxjs';
 
-import { ModalView } from './../utils/modal-view';
+import { ModalView } from '@app/framework/internal';
 
 import { RootViewComponent } from './root-view.component';
 

src/Squidex/app/framework/angular/modals/onboarding-tooltip.component.ts

@@ -7,12 +7,12 @@
 
 import { Component, Input, OnDestroy, OnInit, Renderer } from '@angular/core';
 
-import { ModalView } from './../utils/modal-view';
+import {
-import { Types } from './../utils/types';
+    fadeAnimation,
-
+    ModalView,
-import { OnboardingService } from './../services/onboarding.service';
+    OnboardingService,
-
+    Types
-import { fadeAnimation } from './animations';
+} from '@app/framework/internal';
 
 @Component({
     selector: 'sqx-onboarding-tooltip',