-
-
Zowe Editor
-
Use the explorer on the left-hand side to start your journey!
-
+@if (noOpenFile && !showSettings) {
+
+
+
Zowe Editor
+
Use the explorer on the left-hand side to start your journey!
+
+
-
+}
-
-
+ (compareContents)="compareContents($event)">
+ @if (showSettings) {
+
+ }
-
diff --git a/webClient/src/app/editor/code-editor/code-editor.component.ts b/webClient/src/app/editor/code-editor/code-editor.component.ts
index fedf72b6..47c2f6ff 100644
--- a/webClient/src/app/editor/code-editor/code-editor.component.ts
+++ b/webClient/src/app/editor/code-editor/code-editor.component.ts
@@ -30,9 +30,9 @@ const DEFAULT_TITLE = 'Editor';
styleUrls: ['./code-editor.component.scss']
})
export class CodeEditorComponent implements OnInit, OnDestroy {
- private openFileList: ProjectContext[];
- private noOpenFile: boolean;
- private keyBindingSub:Subscription = new Subscription();
+ public openFileList: ProjectContext[];
+ public noOpenFile: boolean;
+ public keyBindingSub: Subscription = new Subscription();
@ViewChild('monaco')
monacoRef: ElementRef;
@@ -75,17 +75,17 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
@Inject(Angular2InjectionTokens.PLUGIN_DEFINITION) private pluginDefinition: ZLUX.ContainerPluginDefinition,
private codeEditorService: CodeEditorService) {
if (this.windowEvents) {
- this.windowEvents.restored.subscribe(()=> {
+ this.windowEvents.restored.subscribe(() => {
this.focus();
});
}
- this.http.get(ZoweZLUX.uriBroker.pluginConfigForScopeUri(this.pluginDefinition.getBasePlugin(),'user','monaco','editorconfig.json'))
+ this.http.get(ZoweZLUX.uriBroker.pluginConfigForScopeUri(this.pluginDefinition.getBasePlugin(), 'user', 'monaco', 'editorconfig.json'))
.subscribe((response: any) => {
if (response && response.contents && response.contents.config) {
this.options = response.contents.config;
}
});
-
+
//respond to the request to open
this.editorControl.openFileEmitter.subscribe((fileNode: ProjectStructure) => {
this.editorControl.compareDataset = false;
@@ -132,7 +132,7 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
this.previousSessionData.editorFile = this.editorFile;
this.noOpenFile = true;
- this.editorFile = undefined;
+ this.editorFile = undefined;
this.updateEditorTitle();
})
@@ -168,7 +168,7 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
},
opened: true,
active: true, //TODO what happens to previously active file
- changed: false
+ changed: false
});
}
});
@@ -186,21 +186,21 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
this.keyBindingSub.add(this.appKeyboard.keydownEvent.subscribe((event) => {
if (event.which === KeyCode.KEY_T && event.ctrlKey) {
- this.editorControl.undoCloseFile.next();
+ this.editorControl.undoCloseFile.next('');
}
}));
this.keyBindingSub.add(this.appKeyboard.keyupEvent.subscribe((event) => {
if (event.which === KeyCode.PAGE_DOWN || event.which === KeyCode.PERIOD) {
let fileContext = this.editorControl.fetchRightOfActiveFile();
- this.selectFile(fileContext, true);
+ this.selectFile(fileContext, true);
} else if (event.which === KeyCode.PAGE_UP || event.which === KeyCode.COMMA) {
let fileContext = this.editorControl.fetchLeftOfActiveFile();
- this.selectFile(fileContext, true);
+ this.selectFile(fileContext, true);
} else if (event.which === KeyCode.KEY_W && !event.shiftKey) { // Separate keybinding for "close all"
let fileContext = this.editorControl.fetchActiveFile();
this.closeFile(fileContext);
- setTimeout(()=> {
+ setTimeout(() => {
this.editorControl.getFocus();
});
}
@@ -218,15 +218,15 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
this.options = options;
}
}
-
- updateEditorTitle():void {
- if(this.noOpenFile) {
+
+ updateEditorTitle(): void {
+ if (this.noOpenFile) {
this.setTitle();
return;
- }
+ }
const fileContext = this.getActiveFile();
- if(fileContext) {
+ if (fileContext) {
this.setTitle(fileContext.name);
} else {
this.setTitle();
@@ -234,11 +234,11 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
}
getActiveFile() {
- return this.openFileList.find(f=>f.active);
+ return this.openFileList.find(f => f.active);
}
- isAnySelected () {
- return typeof(this.getActiveFile()) != "undefined";
+ isAnySelected() {
+ return typeof (this.getActiveFile()) != "undefined";
}
focus() {
@@ -272,7 +272,7 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
this.editorFile = { context: fileContext, reload: true, line: fileContext.model.line || fileNode.line };
this.editorControl.openFileHandler(fileContext);
}
-
+
}
private handleCloseFile(fileContext: ProjectContext) {
@@ -294,7 +294,7 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
} else {
const directory = fileContext.model.path || this.editorControl.activeDirectory;
this.monacoService.promptToSave(fileContext).then((res) => {
- if(res !== 'Cancel'){
+ if (res !== 'Cancel') {
this.codeEditorService.closeFile(fileContext);
}
});
@@ -330,12 +330,12 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
this.editorControl.removeActiveFromAllFiles();
fileContext.active = true;
this.monacoService.savePreviousFileContent(fileContext);
- this.editorControl.enableDiffViewer.next();
+ this.editorControl.enableDiffViewer.next('');
}
- setTitle(title?:String):void {
- let newTitle = DEFAULT_TITLE;
- if(title) {
+ setTitle(title?: String): void {
+ let newTitle = DEFAULT_TITLE;
+ if (title) {
newTitle = title + ' - ' + newTitle;
}
@@ -348,7 +348,7 @@ export class CodeEditorComponent implements OnInit, OnDestroy {
}
}
- ngOnDestroy():void {
+ ngOnDestroy(): void {
this.keyBindingSub.unsubscribe();
}
}
diff --git a/webClient/src/app/editor/code-editor/code-editor.module.ts b/webClient/src/app/editor/code-editor/code-editor.module.ts
index fbbb81c7..4d802bdb 100644
--- a/webClient/src/app/editor/code-editor/code-editor.module.ts
+++ b/webClient/src/app/editor/code-editor/code-editor.module.ts
@@ -17,7 +17,7 @@ import { MonacoSettingsComponent } from './monaco-settings/monaco-settings.compo
import { MonacoService } from './monaco/monaco.service';
import { CodeEditorComponent } from './code-editor.component';
import { FileTabsComponent, MouseMiddleClickDirective } from './file-tabs/file-tabs.component';
-import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
+// import { NgScrollbarModule } from 'ngx-scrollbar';
import { CodeEditorService } from './code-editor.service';
import { LoadingIndicatorComponent } from './loading-indicator/loading-indicator.component';
@@ -38,7 +38,7 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
MatSelectModule,
MatInputModule,
MatCheckboxModule,
- PerfectScrollbarModule,
+ // NgScrollbarModule
],
providers: [MonacoService, CodeEditorService],
exports: [CodeEditorComponent],
diff --git a/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.html b/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.html
index 9e7d437c..d3ec1fd6 100644
--- a/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.html
+++ b/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.html
@@ -1,37 +1,35 @@
+
-
-
-
- -
- {{item.name}}
- clear
- fiber_manual_record
-
-
-
+SPDX-License-Identifier: EPL-2.0
-
+
+
+
+ @for (item of data; track item) {
+ -
+ {{item.name}}
+ @if (item.changed) {
+ fiber_manual_record
+ }
+ clear
+
+ }
+
+
+
+
+
\ No newline at end of file
diff --git a/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.scss b/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.scss
index 179d208a..bd933780 100644
--- a/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.scss
+++ b/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.scss
@@ -1,4 +1,3 @@
-
/*
This program and the accompanying materials are
made available under the terms of the Eclipse Public License v2.0 which accompanies
@@ -13,18 +12,22 @@
margin-top: -32px;
height: 32px;
max-height: 32px;
+
.tabs-container {
width: 100%;
max-height: 32px;
background-color: #303030;
+
.tabs-file-list {
list-style-type: none;
display: flex;
justify-content: flex-start;
margin-bottom: 0;
height: 100%;
+
.tabs-file {
- display: inline-block;
+ display: flex;
+ align-items: center;
flex-shrink: 0;
flex-basis: 150px;
line-height: 22px;
@@ -35,18 +38,20 @@
white-space: nowrap;
text-align: left;
cursor: pointer;
- .filename{
+
+ .filename {
width: 100px;
text-overflow: ellipsis;
overflow: hidden;
float: left;
}
+
&.active {
border-bottom: 3px solid #3f51b5;
}
+
.changed-file {
text-align: center;
- line-height: 22px;
font-size: 12px;
float: right;
width: 12px;
@@ -54,6 +59,7 @@
color: #3f51b5;
margin-right: 5px;
}
+
.close-file {
text-align: right;
line-height: 22px;
@@ -75,4 +81,4 @@
SPDX-License-Identifier: EPL-2.0
Copyright Contributors to the Zowe Project.
-*/
+*/
\ No newline at end of file
diff --git a/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.ts b/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.ts
index 6c82de30..b275033a 100644
--- a/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.ts
+++ b/webClient/src/app/editor/code-editor/file-tabs/file-tabs.component.ts
@@ -8,17 +8,19 @@
Copyright Contributors to the Zowe Project.
*/
-import { Component, OnInit, Input, Output, EventEmitter,
- Directive, HostListener, Inject, ViewChild, AfterViewChecked} from '@angular/core';
+import {
+ Component, OnInit, Input, Output, EventEmitter,
+ Directive, HostListener, Inject, ViewChild, AfterViewChecked
+} from '@angular/core';
import { ProjectContext } from '../../../shared/model/project-context';
import { EditorControlService } from '../../../shared/editor-control/editor-control.service';
import { Angular2InjectionTokens, Angular2PluginViewportEvents } from 'pluginlib/inject-resources';
-import { PerfectScrollbarComponent } from 'ngx-perfect-scrollbar';
+// import { PerfectScrollbarComponent } from 'ngx-perfect-scrollbar';
@Component({
selector: 'app-file-tabs',
templateUrl: './file-tabs.component.html',
- styleUrls: ['./file-tabs.component.scss', '../../../../styles.scss']
+ styleUrls: ['./file-tabs.component.scss']
})
export class FileTabsComponent implements OnInit, AfterViewChecked {
@@ -27,7 +29,7 @@ export class FileTabsComponent implements OnInit, AfterViewChecked {
@Output() select = new EventEmitter
();
@Output() refresh = new EventEmitter();
@Output() compareContents = new EventEmitter();
- @ViewChild(PerfectScrollbarComponent, {static: true}) componentRef: PerfectScrollbarComponent;
+ // @ViewChild(PerfectScrollbarComponent, {static: true}) componentRef: PerfectScrollbarComponent;
private scrollConfig = {
wheelPropagation: true,
@@ -40,34 +42,34 @@ export class FileTabsComponent implements OnInit, AfterViewChecked {
useBothWheelAxes: true
};
- private prevLength:number;
+ private prevLength: number;
constructor(
private editorControl: EditorControlService,
- @Inject(Angular2InjectionTokens.VIEWPORT_EVENTS) private viewportEvents: Angular2PluginViewportEvents) {}
+ @Inject(Angular2InjectionTokens.VIEWPORT_EVENTS) private viewportEvents: Angular2PluginViewportEvents) { }
ngOnInit() {
- this.viewportEvents.resized.subscribe(()=> {
- this.componentRef.directiveRef.update();
+ this.viewportEvents.resized.subscribe(() => {
+ // this.componentRef.directiveRef.update();
});
this.editorControl.initializedFile.subscribe(() => {
- this.componentRef.directiveRef.scrollToRight();
+ // this.componentRef.directiveRef.scrollToRight();
});
this.prevLength = 0;
}
ngAfterViewChecked() {
- if (this.prevLength !== this.data.length) {
- this.data.forEach((tab, i) => {
- if (!tab.active) {
- return;
- }
+ if (this.prevLength !== this.data.length) {
+ this.data.forEach((tab, i) => {
+ if (!tab.active) {
+ return;
+ }
- this.componentRef.directiveRef.scrollToElement(`.tabs-file-list > li:nth-child(${i + 1})`);
- });
- }
- this.prevLength = this.data.length;
+ // this.componentRef.directiveRef.scrollToElement(`.tabs-file-list > li:nth-child(${i + 1})`);
+ });
+ }
+ this.prevLength = this.data.length;
}
clickHandler(e: Event, item: ProjectContext) {
@@ -78,7 +80,7 @@ export class FileTabsComponent implements OnInit, AfterViewChecked {
this.viewportEvents.spawnContextMenu(event.clientX, event.clientY, [
{
text: 'Close',
- action: () => this.remove.next(item)
+ action: () => this.remove.next(item)
},
{
text: "Refresh Contents", // TODO: This needs a confirmation modal
@@ -92,7 +94,7 @@ export class FileTabsComponent implements OnInit, AfterViewChecked {
event.stopImmediatePropagation();
event.preventDefault();
}
-
+
}
@Directive({
@@ -109,7 +111,7 @@ export class MouseMiddleClickDirective {
this.editorControl.closeFile.next(this.fileContext);
}
constructor(private editorControl: EditorControlService,
- @Inject(Angular2InjectionTokens.LOGGER) private log: ZLUX.ComponentLogger) { }
+ @Inject(Angular2InjectionTokens.LOGGER) private log: ZLUX.ComponentLogger) { }
}
/*
diff --git a/webClient/src/app/editor/code-editor/monaco-settings/monaco-settings.component.html b/webClient/src/app/editor/code-editor/monaco-settings/monaco-settings.component.html
index 94517858..253cd22d 100644
--- a/webClient/src/app/editor/code-editor/monaco-settings/monaco-settings.component.html
+++ b/webClient/src/app/editor/code-editor/monaco-settings/monaco-settings.component.html
@@ -1,67 +1,79 @@
-
+
-
-
-
+ -->
diff --git a/webClient/src/app/editor/code-editor/monaco-settings/monaco-settings.component.ts b/webClient/src/app/editor/code-editor/monaco-settings/monaco-settings.component.ts
index dd76f93c..df1dc2cc 100644
--- a/webClient/src/app/editor/code-editor/monaco-settings/monaco-settings.component.ts
+++ b/webClient/src/app/editor/code-editor/monaco-settings/monaco-settings.component.ts
@@ -12,7 +12,7 @@ import { Component, OnInit, Inject, EventEmitter, Output, ViewChild, ElementRef
import {Observable} from 'rxjs';
import { Angular2InjectionTokens, Angular2PluginViewportEvents } from 'pluginlib/inject-resources';
import { DEFAULT_CONFIG, MonacoConfigItem, ConfigItemType } from '../monaco/monaco.config';
-import * as monaco from 'monaco-editor';
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
import { EditorControlService } from '../../../shared/editor-control/editor-control.service';
import { HttpService } from '../../../shared/http/http.service';
@@ -43,7 +43,7 @@ function getValueNames(values: string[]) {
@Component({
selector: 'app-monaco-settings',
templateUrl: './monaco-settings.component.html',
- styleUrls: ['./monaco-settings.component.scss', '../../../../styles.scss']
+ styleUrls: ['./monaco-settings.component.scss']
})
export class MonacoSettingsComponent implements OnInit {
@@ -60,7 +60,7 @@ export class MonacoSettingsComponent implements OnInit {
this.items = items;
}
- private resetToDefault() {
+ resetToDefault() {
this.http.delete
(ZoweZLUX.uriBroker.pluginConfigForScopeUri(this.pluginDefinition.getBasePlugin(),'user','monaco','editorconfig.json'))
.subscribe((response: any) => {
this.log.info('Restored editor defaults by removing old configuration');
diff --git a/webClient/src/app/editor/code-editor/monaco/monaco.component.ts b/webClient/src/app/editor/code-editor/monaco/monaco.component.ts
index 7cedaf12..847689f2 100644
--- a/webClient/src/app/editor/code-editor/monaco/monaco.component.ts
+++ b/webClient/src/app/editor/code-editor/monaco/monaco.component.ts
@@ -9,17 +9,19 @@
Copyright Contributors to the Zowe Project.
*/
import { Component, OnInit, Input, OnChanges, SimpleChanges, Inject, ViewChild, ElementRef } from '@angular/core';
-import { listen, MessageConnection } from 'vscode-ws-jsonrpc/lib';
-import {
- BaseLanguageClient, CloseAction, ErrorAction,
- createMonacoServices, createConnection,
-} from 'monaco-languageclient/lib';
+// import { listen } from 'vscode-ws-jsonrpc';
+// import { MessageConnection } from 'vscode-jsonrpc';
+// import {
+// BaseLanguageClient, CloseAction, ErrorAction,
+// createMonacoServices, createConnection,
+// } from 'monaco-languageclient';
+
import { MonacoService } from './monaco.service';
import { MonacoConfig } from './monaco.config';
import { EditorControlService } from '../../../shared/editor-control/editor-control.service';
import { LanguageServerService } from '../../../shared/language-server/language-server.service';
import { Angular2InjectionTokens, Angular2PluginViewportEvents } from 'pluginlib/inject-resources';
-import * as monaco from 'monaco-editor';
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
import { Subscription } from 'rxjs';
import { EditorKeybindingService } from '../../../shared/editor-keybinding.service';
import { KeyCode } from '../../../shared/keycode-enum';
@@ -34,32 +36,32 @@ const ReconnectingWebSocket = require('reconnecting-websocket');
})
export class MonacoComponent implements OnInit, OnChanges {
private _options: any;
-
+
@Input()
get options(): any { return this._options; }
set options(options: any) {
- if (!options) {return;}
+ if (!options) { return; }
this._options = options;
if (this.editor) {
if (options.theme) {
this.editorControl._setDefaultTheme(options.theme);
this.editorControl.setTheme(options.theme);
}
-
+
this.editor.updateOptions(options);
} else {
this.log.debug("Editor options passed prior to editor init. Cached.");
}
};
-
+
@Input() editorFile;
@Input() compareDataset;
@ViewChild('monacoEditor', { static: true })
monacoEditorRef: ElementRef;
private editor: any;
private monacoConfig: MonacoConfig;
- private showEditor: boolean;
- private showDiffViewer: boolean;
+ public showEditor: boolean;
+ public showDiffViewer: boolean;
private keyBindingSub: Subscription = new Subscription();
constructor(
@@ -71,28 +73,28 @@ export class MonacoComponent implements OnInit, OnChanges {
@Inject(Angular2InjectionTokens.LOGGER) private log: ZLUX.ComponentLogger,
@Inject(Angular2InjectionTokens.PLUGIN_DEFINITION) private pluginDefinition: ZLUX.ContainerPluginDefinition,
@Inject(Angular2InjectionTokens.VIEWPORT_EVENTS) private viewportEvents: Angular2PluginViewportEvents) {
- this.keyBindingSub.add(this.appKeyboard.keydownEvent.subscribe((event) => {
- if (event.which === KeyCode.KEY_V) {
- this.editorControl.toggleDiffViewer.next();
- }
- }));
+ this.keyBindingSub.add(this.appKeyboard.keydownEvent.subscribe((event) => {
+ if (event.which === KeyCode.KEY_V) {
+ this.editorControl.toggleDiffViewer.next('');
+ }
+ }));
}
ngOnInit() {
this.monacoConfig = new MonacoConfig();
let options = this._options ? Object.assign({}, this._options) : {};
const hasModel = !!options.model;
-
+
if (hasModel) {
const model = monaco.editor.getModel(options.model.uri || '');
- if(model) {
+ if (model) {
options.model = model;
options.model.setValue('');
} else {
options.model = monaco.editor.createModel(options.model.value, options.model.language, options.model.uri);
}
}
- this.log.debug("New editor with options=",options);
+ this.log.debug("New editor with options=", options);
let editor = monaco.editor.create(this.monacoEditorRef.nativeElement, options);
if (options.theme) {
this.editorControl._setDefaultTheme(options.theme);
@@ -103,34 +105,34 @@ export class MonacoComponent implements OnInit, OnChanges {
this.editor = editor;
this.monacoConfig.onLoad();
-
+
this.onMonacoInit(editor);
monaco.editor.remeasureFonts();
this.showEditor = true;
- this.editorControl.toggleDiffViewer.subscribe(() =>{
+ this.editorControl.toggleDiffViewer.subscribe(() => {
this.toggleDiffViewer();
});
- this.editorControl.enableDiffViewer.subscribe(() =>{
+ this.editorControl.enableDiffViewer.subscribe(() => {
this.showEditor = !this.monacoService.spawnDiffViewer();
this.showDiffViewer = !this.showEditor;
});
-
- this.editorControl.refreshLayout.subscribe(() =>{
+
+ this.editorControl.refreshLayout.subscribe(() => {
setTimeout(() => this.editor.layout(), 1);
});
this.editor.onContextMenu((e: any) => {
- if(e.target.type === 3){ //if right click is on top of the line numbers
+ if (e.target.type === 3) { //if right click is on top of the line numbers
this.viewportEvents.spawnContextMenu(e.event.browserEvent.clientX, e.event.browserEvent.clientY, [
{
text: 'Copy permalink',
- action: () => this.copyPermalink(e)
+ action: () => this.copyPermalink(e)
},
{
text: 'Copy line',
- action: () => this.copyLine(e)
+ action: () => this.copyLine(e)
}
], true)
}
@@ -152,7 +154,7 @@ export class MonacoComponent implements OnInit, OnChanges {
changes[input].currentValue['reload'],
changes[input].currentValue['line']);
//TODO: This is a workaround to instruct the editor to remeasure its container when switching from diff-viewer to code-editor
- if(this.showDiffViewer) {
+ if (this.showDiffViewer) {
setTimeout(() => this.editor.layout(), 1);
}
this.showEditor = true;
@@ -161,59 +163,59 @@ export class MonacoComponent implements OnInit, OnChanges {
}
}
-
+
onMonacoInit(editor) {
this.editorControl.editor.next(editor);
this.keyBinds(editor);
- this.viewportEvents.resized.subscribe(()=> {
+ this.viewportEvents.resized.subscribe(() => {
editor.layout()
});
- /* disable for now...
- this.editorControl.connToLS.subscribe((lang) => {
- this.connectToLanguageServer(lang);
- });
- this.editorControl.disFromLS.subscribe((lang) => {
- this.closeLanguageServer(lang);
- });
-
- this.connectToLanguageServer();
- */
+ /* disable for now...
+ this.editorControl.connToLS.subscribe((lang) => {
+ this.connectToLanguageServer(lang);
+ });
+ this.editorControl.disFromLS.subscribe((lang) => {
+ this.closeLanguageServer(lang);
+ });
+
+ this.connectToLanguageServer();
+ */
}
keyBinds(editor: any) {
let self = this;
//editor.addAction({
- // An unique identifier of the contributed action.
- //id: 'save-all',
+ // An unique identifier of the contributed action.
+ //id: 'save-all',
- // A label of the action that will be presented to the user.
- //label: 'Save All',
+ // A label of the action that will be presented to the user.
+ //label: 'Save All',
- // An optional array of keybindings for the action.
- //keybindings: [
- // tslint:disable-next-line:no-bitwise
- //monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S
- // chord
- // tslint:disable-next-line:no-bitwise
- // monaco.KeyMod.chord(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S, monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_M)
- //],
+ // An optional array of keybindings for the action.
+ //keybindings: [
+ // tslint:disable-next-line:no-bitwise
+ //monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S
+ // chord
+ // tslint:disable-next-line:no-bitwise
+ // monaco.KeyMod.chord(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S, monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_M)
+ //],
- // A precondition for this action.
- //precondition: null,
+ // A precondition for this action.
+ //precondition: null,
- // A rule to evaluate on top of the precondition in order to dispatch the keybindings.
- //keybindingContext: null,
+ // A rule to evaluate on top of the precondition in order to dispatch the keybindings.
+ //keybindingContext: null,
- //contextMenuGroupId: 'file',
+ //contextMenuGroupId: 'file',
- //contextMenuOrder: 1.1,
+ //contextMenuOrder: 1.1,
- // Method that will be executed when the action is triggered.
- // @param editor The editor instance is passed in as a convenience
- //run: function (ed) {
- //self.editorControl.saveAllFile.emit();
- //return null;
- //}
+ // Method that will be executed when the action is triggered.
+ // @param editor The editor instance is passed in as a convenience
+ //run: function (ed) {
+ //self.editorControl.saveAllFile.emit();
+ //return null;
+ //}
//});
editor.addAction({
// An unique identifier of the contributed action.
@@ -225,7 +227,7 @@ export class MonacoComponent implements OnInit, OnChanges {
// An optional array of keybindings for the action.
keybindings: [
// tslint:disable-next-line:no-bitwise
- monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S
+ monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS
// chord
// tslint:disable-next-line:no-bitwise
// monaco.KeyMod.chord(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_S, monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_M)
@@ -250,35 +252,35 @@ export class MonacoComponent implements OnInit, OnChanges {
});
}
- copyPermalink(event: any){
- const lines = event.target.position.lineNumber;
- const activeFile = this.editorControl.fetchActiveFile();
- let filePath = '';
- let link = '';
- if(activeFile.model.isDataset){
- filePath = activeFile.model.path;
- link = `${window.location.origin}${window.location.pathname}?pluginId=${this.pluginDefinition.getBasePlugin().getIdentifier()}:data:${encodeURIComponent(`{"type":"openDataset","name":"${filePath}","lines":"${lines}","toggleTree":true}`)}`;
- } else {
- filePath = activeFile.model.path + "/" + activeFile.model.name;
- link = `${window.location.origin}${window.location.pathname}?pluginId=${this.pluginDefinition.getBasePlugin().getIdentifier()}:data:${encodeURIComponent(`{"type":"openFile","name":"${filePath}","lines":"${lines}","toggleTree":true}`)}`;
- }
- navigator.clipboard.writeText(link).then(() => {
- this.log.debug("Permalink copied to clipboard");
- }).catch((error) => {
- console.error("Failed to copy permalink Error: " + error);
- this.snackBar.open("Failed to copy permalink. Error: " + error, 'Dismiss', { duration: MessageDuration.Short, panelClass: 'center' });
- });
+ copyPermalink(event: any) {
+ const lines = event.target.position.lineNumber;
+ const activeFile = this.editorControl.fetchActiveFile();
+ let filePath = '';
+ let link = '';
+ if (activeFile.model.isDataset) {
+ filePath = activeFile.model.path;
+ link = `${window.location.origin}${window.location.pathname}?pluginId=${this.pluginDefinition.getBasePlugin().getIdentifier()}:data:${encodeURIComponent(`{"type":"openDataset","name":"${filePath}","lines":"${lines}","toggleTree":true}`)}`;
+ } else {
+ filePath = activeFile.model.path + "/" + activeFile.model.name;
+ link = `${window.location.origin}${window.location.pathname}?pluginId=${this.pluginDefinition.getBasePlugin().getIdentifier()}:data:${encodeURIComponent(`{"type":"openFile","name":"${filePath}","lines":"${lines}","toggleTree":true}`)}`;
+ }
+ navigator.clipboard.writeText(link).then(() => {
+ this.log.debug("Permalink copied to clipboard");
+ }).catch((error) => {
+ console.error("Failed to copy permalink Error: " + error);
+ this.snackBar.open("Failed to copy permalink. Error: " + error, 'Dismiss', { duration: MessageDuration.Short, panelClass: 'center' });
+ });
}
- copyLine(event: any){
- const lines = event.target.position.lineNumber;
- const lineContent = this.editor.getModel().getLineContent(lines);
- navigator.clipboard.writeText(lineContent).then(() => {
- this.log.debug("Line copied to clipboard");
- }).catch((error) => {
- console.error("Failed to copy line. Error: " + error);
- this.snackBar.open("Failed to copy line. Error: " + error, 'Dismiss', { duration: MessageDuration.Short, panelClass: 'center' });
- });
+ copyLine(event: any) {
+ const lines = event.target.position.lineNumber;
+ const lineContent = this.editor.getModel().getLineContent(lines);
+ navigator.clipboard.writeText(lineContent).then(() => {
+ this.log.debug("Line copied to clipboard");
+ }).catch((error) => {
+ console.error("Failed to copy line. Error: " + error);
+ this.snackBar.open("Failed to copy line. Error: " + error, 'Dismiss', { duration: MessageDuration.Short, panelClass: 'center' });
+ });
}
saveFile() {
@@ -287,26 +289,26 @@ export class MonacoComponent implements OnInit, OnChanges {
let sub = this.monacoService.saveFile(fileContext, directory).subscribe(() => sub.unsubscribe());
}
- connectToLanguageServer(lang?: string) {
- let languages = this.languageService.getSettings().endpoint;
- let connExist = this.languageService.connections.map(x => x.name);
-
- for (let language in languages) {
- if (lang) {
- if (lang === language && connExist.indexOf(language) < 0) {
- this.listenTo(language);
- } else {
- this.log.warn(`${language} server already started!`);
- }
- } else {
- if (connExist.indexOf(language) < 0) {
- this.listenTo(language);
- } else {
- this.log.warn(`${language} server already started!`);
- }
- }
- }
- }
+ // connectToLanguageServer(lang?: string) {
+ // let languages = this.languageService.getSettings().endpoint;
+ // let connExist = this.languageService.connections.map(x => x.name);
+
+ // for (let language in languages) {
+ // if (lang) {
+ // if (lang === language && connExist.indexOf(language) < 0) {
+ // this.listenTo(language);
+ // } else {
+ // this.log.warn(`${language} server already started!`);
+ // }
+ // } else {
+ // if (connExist.indexOf(language) < 0) {
+ // this.listenTo(language);
+ // } else {
+ // this.log.warn(`${language} server already started!`);
+ // }
+ // }
+ // }
+ // }
closeLanguageServer(lang?: string) {
this.languageService.connections
@@ -324,63 +326,63 @@ export class MonacoComponent implements OnInit, OnChanges {
});
}
- listenTo(lang: string) {
- const langUrl = this.createUrl(lang);
- const langWebSocket = this.createWebSocket(langUrl);
- const langService = createMonacoServices(this.editorControl.editor.getValue());
-
- this.log.info(`Connecting to ${lang} server`);
-
- listen({
- webSocket: langWebSocket,
- onConnection: connection => {
- // create and start the language client
- const languageClient = this.createLanguageClient(lang, connection, langService);
- const disposable = languageClient.start();
- connection.onClose(() => disposable.dispose());
- connection.onDispose(() => disposable.dispose());
- this.languageService.addConnection(lang, connection);
- }
- });
- }
+ // listenTo(lang: string) {
+ // const langUrl = this.createUrl(lang);
+ // const langWebSocket = this.createWebSocket(langUrl);
+ // const langService = createMonacoServices(this.editorControl.editor.getValue());
+
+ // this.log.info(`Connecting to ${lang} server`);
+
+ // listen({
+ // webSocket: langWebSocket,
+ // onConnection: (connection: any) => {
+ // // create and start the language client
+ // const languageClient = this.createLanguageClient(lang, connection, langService);
+ // const disposable = languageClient.start();
+ // connection.onClose(() => disposable.dispose());
+ // connection.onDispose(() => disposable.dispose());
+ // this.languageService.addConnection(lang, connection);
+ // }
+ // });
+ // }
createUrl(language: string): string {
return this.languageService.getLanguageUrl(language);
}
- createLanguageClient(language: string, connection: MessageConnection, services: BaseLanguageClient.IServices): BaseLanguageClient {
- return new BaseLanguageClient({
- name: `${language} language client`,
- clientOptions: {
- // use a language id as a document selector
- documentSelector: [language],
- // disable the default error handler
- errorHandler: {
- error: () => ErrorAction.Continue,
- closed: () => CloseAction.DoNotRestart
- }
- },
- services,
- // create a language client connection from the JSON RPC connection on demand
- connectionProvider: {
- get: (errorHandler, closeHandler) => {
- return Promise.resolve(createConnection(connection, errorHandler, closeHandler));
- }
- }
- });
- }
-
- createWebSocket(wsUrl: string): WebSocket {
- const socketOptions = {
- maxReconnectionDelay: 10000,
- minReconnectionDelay: 1000,
- reconnectionDelayGrowFactor: 1.3,
- connectionTimeout: 10000,
- maxRetries: 20,
- debug: false
- };
- return new ReconnectingWebSocket(wsUrl, undefined, socketOptions);
- }
+ // createLanguageClient(language: string, connection: MessageConnection, services: BaseLanguageClient.IServices): BaseLanguageClient {
+ // return new BaseLanguageClient({
+ // name: `${language} language client`,
+ // clientOptions: {
+ // // use a language id as a document selector
+ // documentSelector: [language],
+ // // disable the default error handler
+ // errorHandler: {
+ // error: () => ErrorAction.Continue,
+ // closed: () => CloseAction.DoNotRestart
+ // }
+ // },
+ // services,
+ // // create a language client connection from the JSON RPC connection on demand
+ // connectionProvider: {
+ // get: (errorHandler, closeHandler) => {
+ // return Promise.resolve(createConnection(connection, errorHandler, closeHandler));
+ // }
+ // }
+ // });
+ // }
+
+ // createWebSocket(wsUrl: string): WebSocket {
+ // const socketOptions = {
+ // maxReconnectionDelay: 10000,
+ // minReconnectionDelay: 1000,
+ // reconnectionDelayGrowFactor: 1.3,
+ // connectionTimeout: 10000,
+ // maxRetries: 20,
+ // debug: false
+ // };
+ // return new ReconnectingWebSocket(wsUrl, undefined, socketOptions);
+ // }
toggleDiffViewer(): void {
if (this.showDiffViewer) {
diff --git a/webClient/src/app/editor/code-editor/monaco/monaco.config.ts b/webClient/src/app/editor/code-editor/monaco/monaco.config.ts
index ff006885..e87944e3 100644
--- a/webClient/src/app/editor/code-editor/monaco/monaco.config.ts
+++ b/webClient/src/app/editor/code-editor/monaco/monaco.config.ts
@@ -13,7 +13,7 @@ import { EditorServiceInstance } from '../../../shared/editor-control/editor-con
import { EditorService } from '../../editor.service';
import { Subscription } from 'rxjs';
-import * as monaco from 'monaco-editor'
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
import { BPXPRM_HILITE } from './hiliters/bpxprm';
import { HLASM_HILITE } from './hiliters/hlasm';
diff --git a/webClient/src/app/editor/code-editor/monaco/monaco.service.ts b/webClient/src/app/editor/code-editor/monaco/monaco.service.ts
index 86d61aaf..1206bf03 100644
--- a/webClient/src/app/editor/code-editor/monaco/monaco.service.ts
+++ b/webClient/src/app/editor/code-editor/monaco/monaco.service.ts
@@ -22,7 +22,7 @@ import { ConfirmAction } from '../../../shared/dialog/confirm-action/confirm-act
import { TagComponent } from '../../../shared/dialog/tag/tag.component';
import { SnackBarService } from '../../../shared/snack-bar.service';
import { MessageDuration } from '../../../shared/message-duration';
-import * as monaco from 'monaco-editor';
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
import { finalize, map, switchMap, tap } from 'rxjs/operators';
import { of, Subject, Observable } from 'rxjs';
import { LoadingStatus } from '../loading-status';
@@ -39,7 +39,7 @@ export class MonacoService implements OnDestroy {
private currentFileContents: ProjectContext;
private diffEditor;
private fileSaveListener;
-
+
constructor(
@Inject(Angular2InjectionTokens.LOGGER) private log: ZLUX.ComponentLogger,
private http: HttpService,
@@ -70,7 +70,7 @@ export class MonacoService implements OnDestroy {
});
let self = this; // Monaco bug: editor.addAction only works on the left-hand side of the Diff viewer
- this.fileSaveListener = function(e) { // Pure JS, Ctrl-S solution instead...
+ this.fileSaveListener = function (e) { // Pure JS, Ctrl-S solution instead...
if (e.key === 's' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
e.preventDefault();
let fileContext = self.editorControl.fetchActiveFile();
@@ -82,7 +82,7 @@ export class MonacoService implements OnDestroy {
//this.editorControl.saveAllFile.subscribe(() => {
- //this.saveAllFile();
+ //this.saveAllFile();
//});
}
@@ -92,7 +92,7 @@ export class MonacoService implements OnDestroy {
getFileRequestObservable(fileNode: ProjectContext, reload: boolean, line?: number) {
if (!reload) {
- return of({contents: fileNode.model.contents, etag: fileNode.model.etag});
+ return of({ contents: fileNode.model.contents, etag: fileNode.model.etag });
}
let requestUrl: string;
let filePath = ['/', '\\'].indexOf(fileNode.model.path.substring(0, 1)) > -1 ? fileNode.model.path.substring(1) : fileNode.model.path;
@@ -100,8 +100,8 @@ export class MonacoService implements OnDestroy {
requestUrl = ZoweZLUX.uriBroker.datasetContentsUri(filePath);
} else {
requestUrl = ZoweZLUX.uriBroker.unixFileUri('contents',
- filePath+'/'+fileNode.model.fileName,
- { responseType: 'b64' });
+ filePath + '/' + fileNode.model.fileName,
+ { responseType: 'b64' });
}
const headers = new HttpHeaders({
'Content-Type': 'application/json',
@@ -172,7 +172,7 @@ export class MonacoService implements OnDestroy {
*/
openFile(fileNode: ProjectContext, reload: boolean, line?: number) {
this.editorControl.openFileList.subscribe((list: ProjectContext[]) => {
- if(list.length === 1) {
+ if (list.length === 1) {
this.editorControl.saveCursorPosition = false;
}
});
@@ -241,7 +241,7 @@ export class MonacoService implements OnDestroy {
this.currentFileContents = currentFileContent;
}
}
-
+
setMonacoModel(fileNode: ProjectContext, file: { contents: string, etag: string, language: string }, makeActiveModel?: boolean): Observable {
return new Observable((obs) => {
const coreSubscriber = this.editorControl.editorCore
@@ -285,16 +285,16 @@ export class MonacoService implements OnDestroy {
newModel.onDidChangeContent((e: any) => {
this.fileContentChangeHandler(e, fileNode, newModel);
});
- const subscriber = this.editorControl.editor.subscribe((value)=> {
+ const subscriber = this.editorControl.editor.subscribe((value) => {
if (value) {
value.setModel(newModel);
- if (subscriber){subscriber.unsubscribe();}
+ if (subscriber) { subscriber.unsubscribe(); }
obs.next();
}
});
}
});
- if (coreSubscriber) {coreSubscriber.unsubscribe();}
+ if (coreSubscriber) { coreSubscriber.unsubscribe(); }
}
});
});
@@ -303,7 +303,7 @@ export class MonacoService implements OnDestroy {
spawnDiffViewer(): boolean {
if (!this.previousFileContents || !this.currentFileContents) {
this.snackBar.open(`Open at least two files to compare selections.`,
- 'Close', { duration: MessageDuration.Medium, panelClass: 'center' });
+ 'Close', { duration: MessageDuration.Medium, panelClass: 'center' });
return false;
}
@@ -312,13 +312,13 @@ export class MonacoService implements OnDestroy {
if (!previousModel) {
this.snackBar.open(`Open at least two files to compare selections.`,
- 'Close', { duration: MessageDuration.Medium, panelClass: 'center' });
+ 'Close', { duration: MessageDuration.Medium, panelClass: 'center' });
return false;
}
let currentModel;
- if(this.editorControl.compareDataset) {
+ if (this.editorControl.compareDataset) {
currentModel = monaco.editor.createModel(this.currentFileContents.model.contents);
} else {
currentModel = _editor.getModel(this.generateUri(this.currentFileContents.model));
@@ -331,7 +331,7 @@ export class MonacoService implements OnDestroy {
originalEditable: true
});
}
-
+
// TODO: Need to figure out how to better re-render Diff viewer with resizing
diffViewElem.style.display = 'none';
diffViewElem.style.display = 'block';
@@ -340,11 +340,22 @@ export class MonacoService implements OnDestroy {
modified: currentModel
});
- // Going to use monaco.editor instead of our own, so we don't inherit half-working Ctrl+S
- var navi = monaco.editor.createDiffNavigator(this.diffEditor, {
- followsCaret: true, // resets the navigator state when the user selects something in the editor
- ignoreCharChanges: true // jump from line to line
+ // Navigate to first diff
+ this.diffEditor.onDidUpdateDiff(() => {
+ const changes = this.diffEditor.getLineChanges();
+ if (!changes || changes.length === 0) {
+ return;
+ }
+
+ let change = changes[0];
+ this.diffEditor.revealLinesInCenter(change.modifiedStartLineNumber, change.modifiedEndLineNumber);
});
+
+ // Going to use monaco.editor instead of our own, so we don't inherit half-working Ctrl+S
+ // var navi = monaco.editor.createDiffNavigator(this.diffEditor, {
+ // followsCaret: true, // resets the navigator state when the user selects something in the editor
+ // ignoreCharChanges: true // jump from line to line
+ // });
return true;
}
@@ -378,14 +389,14 @@ export class MonacoService implements OnDestroy {
}
}
- confirmAction(title: any, warningMessage: any): Observable {
+ confirmAction(title: any, warningMessage: any): Observable {
var response = new Subject();
const dialogRef = this.dialog.open(ConfirmAction, {
maxWidth: '400px',
data: {
- title: title,
- warningMessage: warningMessage,
- }
+ title: title,
+ warningMessage: warningMessage,
+ }
});
return dialogRef.afterClosed();
}
@@ -403,7 +414,7 @@ export class MonacoService implements OnDestroy {
}
return canBeISO;
}
-
+
saveFile(fileContext: ProjectContext, fileDirectory?: string, saveAs?: boolean): Observable {
return new Observable((obs) => {
if (fileContext.model.isDataset) {
@@ -421,8 +432,10 @@ export class MonacoService implements OnDestroy {
*/
let saveRef = this.dialog.open(SaveToComponent, {
width: '500px',
- data: { canBeISO: x,
- fileName: fileContext.model.fileName, ...(fileDirectory && {fileDirectory: fileDirectory}) }
+ data: {
+ canBeISO: x,
+ fileName: fileContext.model.fileName, ...(fileDirectory && { fileDirectory: fileDirectory })
+ }
});
saveRef.afterClosed().subscribe(result => {
// Check if file already exists at destination
@@ -430,7 +443,7 @@ export class MonacoService implements OnDestroy {
const title = `"${result.fileName}" already exists. Do you want to replace it?`;
const warningMessage = 'Replacing it will overwrite its current contents';
let response = this.confirmAction(title, warningMessage).subscribe(response => {
- if(response == true) {
+ if (response == true) {
// when user selects to overwite the file
if (result) {
this.editorControl.saveBuffer(fileContext, result).subscribe(() => obs.next('Save'));
@@ -441,15 +454,15 @@ export class MonacoService implements OnDestroy {
}
});
}, error => {
- if(error.status == 404) {// if file does not exist at destination, then try to save it
+ if (error.status == 404) {// if file does not exist at destination, then try to save it
if (result) {
this.editorControl.saveBuffer(fileContext, result).subscribe(() => obs.next('Save'));
}
- } else{
+ } else {
this.snackBar.open(`Failed to verify if ${result.directory + '/' + result.fileName} already exists: . Error code=${error.status}`,
- 'Close', { duration: MessageDuration.Medium, panelClass: 'center' });
+ 'Close', { duration: MessageDuration.Medium, panelClass: 'center' });
}
- });
+ });
});
}
@@ -457,8 +470,7 @@ export class MonacoService implements OnDestroy {
* has already been set inside of USS via
* chtag.
*/
- else
- {
+ else {
this.editorControl.getFileMetadata(fileContext.model.path + '/' + fileContext.model.name).subscribe(r => {
fileContext.model.encoding = r.ccsid;
if (r.ccsid && r.ccsid != 0) {
@@ -471,8 +483,10 @@ export class MonacoService implements OnDestroy {
let x = this.preSaveCheck(fileContext);
let saveRef = this.dialog.open(TagComponent, {
width: '500px',
- data: { canBeISO: x,
- fileName: fileContext.model.fileName }
+ data: {
+ canBeISO: x,
+ fileName: fileContext.model.fileName
+ }
});
saveRef.afterClosed().subscribe(result => {
if (result) {
@@ -483,12 +497,12 @@ export class MonacoService implements OnDestroy {
});
}
}, error => {
- if(error.status === 404){
- let fileInfo: any = {fileName:fileContext.name, directory:fileContext.model.path, encoding:this.editorControl.getStringEncoding(fileContext.model.encoding) };
+ if (error.status === 404) {
+ let fileInfo: any = { fileName: fileContext.name, directory: fileContext.model.path, encoding: this.editorControl.getStringEncoding(fileContext.model.encoding) };
this.editorControl.saveBuffer(fileContext, fileInfo).subscribe(() => obs.next('Save'));
- } else{
- this.snackBar.open(`Problem accessing file: ${fileContext.model.path}/${fileContext.model.name}. Status: ${error.status}`,
- 'Close', { duration: MessageDuration.Long, panelClass: 'center' });
+ } else {
+ this.snackBar.open(`Problem accessing file: ${fileContext.model.path}/${fileContext.model.name}. Status: ${error.status}`,
+ 'Close', { duration: MessageDuration.Long, panelClass: 'center' });
}
});
}
@@ -497,34 +511,34 @@ export class MonacoService implements OnDestroy {
}
//saveAllFile() {
- //let unsavedFile = this.editorControl.openFileList.getValue().filter((file: ProjectContext) => file.changed);
- // if (unsavedFile[0]) {
- // let sub = this.saveFile(unsavedFile[0]).subscribe(() => {
- // sub.unsubscribe();
- // this.saveAllFile();
- // });
- // }
- //for (let file of unsavedFile) {
- //let sub = this.saveFile(file).subscribe(() => {
- //sub.unsubscribe();
- //});
- //}
+ //let unsavedFile = this.editorControl.openFileList.getValue().filter((file: ProjectContext) => file.changed);
+ // if (unsavedFile[0]) {
+ // let sub = this.saveFile(unsavedFile[0]).subscribe(() => {
+ // sub.unsubscribe();
+ // this.saveAllFile();
+ // });
+ // }
+ //for (let file of unsavedFile) {
+ //let sub = this.saveFile(file).subscribe(() => {
+ //sub.unsubscribe();
+ //});
+ //}
//}
- promptToSave(file: ProjectContext): Promise{
+ promptToSave(file: ProjectContext): Promise {
return new Promise((resolve, reject) => {
- if(file.changed) {
+ if (file.changed) {
const title = 'Do you want to save the changes you made to \'' + file.name + '\'\?';
const warningMessage = 'Your changes will be lost if you don\'t save them.';
let response = this.confirmAction(title, warningMessage).subscribe(response => {
- if(response == true) {
+ if (response == true) {
// when user selects to save the file and close it
let sub = this.saveFile(file, file.model.path || this.editorControl.activeDirectory).subscribe((res) => {
resolve(res);
});
} else if (response != false && response != true) {
// when user selects to cancel then do not close any file
- resolve('Cancel');
+ resolve('Cancel');
} else {
// when user selects not to save the file and close it
resolve('DontSave');
@@ -537,9 +551,9 @@ export class MonacoService implements OnDestroy {
}
generateUri(editorFile: ProjectStructure): string {
- if(editorFile.isDataset){
+ if (editorFile.isDataset) {
return `inmemory://${editorFile.path.toLowerCase()}`;
- } else{
+ } else {
return `inmemory://${editorFile.name.toLowerCase()}/${editorFile.id}`;
}
}
@@ -565,7 +579,7 @@ export class MonacoService implements OnDestroy {
cleanDecoration() {
let editorValue = this.editorControl.editor.getValue();
- let decorationIds=[];
+ let decorationIds = [];
editorValue.getModel().getAllDecorations().forEach((decoration) => {
decorationIds.push(decoration.id);
});
diff --git a/webClient/src/app/editor/editor.module.ts b/webClient/src/app/editor/editor.module.ts
index 4f6e2ff8..4ad3fec8 100644
--- a/webClient/src/app/editor/editor.module.ts
+++ b/webClient/src/app/editor/editor.module.ts
@@ -9,8 +9,8 @@
Copyright Contributors to the Zowe Project.
*/
import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
import { MatSnackBarModule } from '@angular/material/snack-bar';
import { MatIconModule } from '@angular/material/icon';
import { MatDialogModule } from '@angular/material/dialog';
@@ -19,11 +19,9 @@ import { MatInputModule } from '@angular/material/input';
import { MatExpansionModule } from '@angular/material/expansion';
import { EditorComponent } from './editor.component';
import { EditorService } from './editor.service';
-// import { EditorRoutingModule } from './editor-routing.module';
import { FrameComponent } from './frame/frame.component';
import { ProjectTreeComponent } from './project-tree/project-tree.component';
-import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
-import { FileTreeModule } from '@zowe/zlux-angular-file-tree/src/plugin';
+import { ZluxFileTreeModule } from 'zlux-angular-file-tree';
import { CodeEditorModule } from './code-editor/code-editor.module';
@NgModule({
@@ -36,13 +34,15 @@ import { CodeEditorModule } from './code-editor/code-editor.module';
MatExpansionModule,
MatSnackBarModule,
MatInputModule,
- FileTreeModule,
- // EditorRoutingModule,
- PerfectScrollbarModule,
+ ZluxFileTreeModule,
CodeEditorModule,
],
providers: [EditorService],
- declarations: [EditorComponent, FrameComponent, ProjectTreeComponent],
+ declarations: [
+ EditorComponent,
+ FrameComponent,
+ ProjectTreeComponent
+ ],
exports: [EditorComponent],
})
export class EditorModule { }
diff --git a/webClient/src/app/editor/frame/frame.component.ts b/webClient/src/app/editor/frame/frame.component.ts
index baef54f6..96a3085b 100644
--- a/webClient/src/app/editor/frame/frame.component.ts
+++ b/webClient/src/app/editor/frame/frame.component.ts
@@ -26,7 +26,7 @@ import { Angular2InjectionTokens, Angular2PluginWindowActions } from 'pluginlib/
@Component({
selector: 'app-frame',
templateUrl: './frame.component.html',
- styleUrls: ['./frame.component.scss', '../../../styles.scss']
+ styleUrls: ['./frame.component.scss']
})
export class FrameComponent implements OnInit, OnDestroy {
@@ -40,9 +40,9 @@ export class FrameComponent implements OnInit, OnDestroy {
private fileResultList = [];
private contentResultList: LineMapping[] = [];
private cantSearch = true;
- private showExplorer = true;
+ showExplorer = true;
private keyBindingSub: Subscription = new Subscription();
- private activityBar = [
+ activityBar = [
{
name: 'Explorer',
active: true,
@@ -78,14 +78,14 @@ export class FrameComponent implements OnInit, OnDestroy {
this.editorControl.openProject.subscribe(() => {
this.cantSearch = false;
});
- this.editorControl.toggleTree.subscribe(() =>{
+ this.editorControl.toggleTree.subscribe(() => {
this.toggleTree();
});
-
+
this.keyBindingSub.add(this.appKeyboard.keydownEvent.subscribe((event) => {
if (event.which === KeyCode.KEY_B) {
- this.editorControl.toggleTree.next();;
+ this.editorControl.toggleTree.next('');
event.stopImmediatePropagation();
event.preventDefault();
}
@@ -204,10 +204,10 @@ export class FrameComponent implements OnInit, OnDestroy {
this.monacoService.cleanDecoration();
}
}
-
- toggleTree(){
- this.showExplorer=!this.showExplorer;
- this.editorControl.refreshLayout.next();
+
+ toggleTree() {
+ this.showExplorer = !this.showExplorer;
+ this.editorControl.refreshLayout.next('');
}
}
diff --git a/webClient/src/app/editor/project-tree/project-tree.component.ts b/webClient/src/app/editor/project-tree/project-tree.component.ts
index 3047cdcf..04a1d7dd 100644
--- a/webClient/src/app/editor/project-tree/project-tree.component.ts
+++ b/webClient/src/app/editor/project-tree/project-tree.component.ts
@@ -10,7 +10,7 @@
*/
import { Component, ViewChild, Inject } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
-import { TreeNode } from 'angular-tree-component';
+import { TreeNode } from '@circlon/angular-tree-component';
import { OpenProjectComponent } from '../../shared/dialog/open-project/open-project.component';
import { OpenFolderComponent } from '../../shared/dialog/open-folder/open-folder.component';
import { HttpService } from '../../shared/http/http.service';
@@ -22,12 +22,12 @@ import { UtilsService } from '../../shared/utils.service';
import { DataAdapterService } from '../../shared/http/http.data.adapter.service';
import { SnackBarService } from '../../shared/snack-bar.service';
import { Angular2InjectionTokens } from 'pluginlib/inject-resources';
-import { FileTreeComponent as ZluxFileTreeComponent } from '@zowe/zlux-angular-file-tree/src/plugin';
+import { ZluxFileTreeComponent } from 'zlux-angular-file-tree';
@Component({
selector: 'app-project-tree',
templateUrl: './project-tree.component.html',
- styleUrls: ['./project-tree.component.scss', '../../../styles.scss'],
+ styleUrls: ['./project-tree.component.scss'],
})
export class ProjectTreeComponent {
@@ -63,8 +63,8 @@ export class ProjectTreeComponent {
// convert path to adjust url. If path is start with '/' then remove it.
let targetPath = ['/', '\\'].indexOf(node.data.path.substring(0, 1)) > -1 ? node.data.path.substring(1) : node.data.path;
let requestUrl: string = ZoweZLUX.uriBroker.unixFileUri('contents',
- `${targetPath}/${node.data.fileName}`);
-
+ `${targetPath}/${node.data.fileName}`);
+
return this.httpService.get(requestUrl).toPromise().then((dirList: any) => {
let fileStructure = this.dataAdapter.convertDirectoryList(dirList);
return fileStructure.map(f => {
@@ -92,7 +92,7 @@ export class ProjectTreeComponent {
@Inject(Angular2InjectionTokens.PLUGIN_DEFINITION) private pluginDefinition: ZLUX.ContainerPluginDefinition) {
}
- ngOnInit(){
+ ngOnInit() {
this.editorControl.projectNode.subscribe((nodes) => {
this.nodes = nodes;
});
@@ -128,12 +128,12 @@ export class ProjectTreeComponent {
this.editorControl.initProjectContext(projectName, this.nodes);
});
}
- });
+ });
}
- ngAfterViewInit(){
+ ngAfterViewInit() {
this.editorControl.openDirectory.subscribe(dirName => {
- if(dirName) {
+ if (dirName) {
if (dirName.startsWith('/')) {
this.editorControl.activeDirectory = dirName;
this.fileExplorer.updateDirectory(dirName);
@@ -156,24 +156,24 @@ export class ProjectTreeComponent {
if (dirName == dsName) {
let periodPos = dirName.lastIndexOf('.');
if (periodPos >= 0) {
- if(this.fileExplorer) this.fileExplorer.updateDSList(dirName.substring(0,periodPos+1)+'**');
+ if (this.fileExplorer) this.fileExplorer.updateDSList(dirName.substring(0, periodPos + 1) + '**');
} else {
- if(this.fileExplorer) this.fileExplorer.updateDSList(dirName);
+ if (this.fileExplorer) this.fileExplorer.updateDSList(dirName);
}
} else {
isMember = true;
dsMemberName = this.utils.getDatasetMemberName(dirName);
- if(this.fileExplorer) this.fileExplorer.updateDSList(dsName);
+ if (this.fileExplorer) this.fileExplorer.updateDSList(dsName);
}
let requestUrl = ZoweZLUX.uriBroker.datasetMetadataUri(encodeURIComponent(dsName.toUpperCase()), 'true', undefined, true);
this.httpService.get(requestUrl)
.subscribe((response: any) => {
this.nodes = isMember ? this.dataAdapter.convertDatasetMemberList(response) : this.dataAdapter.convertDatasetList(response);
this.editorControl.setProjectNode(this.nodes);
- if(isMember){
- this.editorControl.openBuffer('',this.nodes.find(item => item.name === dsMemberName), selectedLines).subscribe(x=> {this.log.debug('Dataset Member opened')});
- } else{
- this.editorControl.openBuffer('',this.nodes[0], selectedLines).subscribe(x=> {this.log.debug('Dataset opened')});
+ if (isMember) {
+ this.editorControl.openBuffer('', this.nodes.find(item => item.name === dsMemberName), selectedLines).subscribe(x => { this.log.debug('Dataset Member opened') });
+ } else {
+ this.editorControl.openBuffer('', this.nodes[0], selectedLines).subscribe(x => { this.log.debug('Dataset opened') });
}
}, e => {
// TODO
@@ -201,7 +201,7 @@ export class ProjectTreeComponent {
});
}
- onNodeClick($event: any){
+ onNodeClick($event: any) {
if ($event.directory == false) {
//let nodeData: ProjectStructure = new ProjectStructure();
const nodeData: ProjectStructure = {
@@ -212,18 +212,18 @@ export class ProjectTreeComponent {
isDataset: false,
name: $event.name,
path: $event.path.substring(0, $event.path.length - $event.name.length - 1)
- };
-
+ };
+
this.editorControl.openBuffer('', nodeData).subscribe(x => {
this.log.debug(`File loaded through File Explorer.`);
this.editorControl.checkForAndSetReadOnlyMode(x.model);
});
- } else if($event.data.isDataset){
+ } else if ($event.data.isDataset) {
let data: ProjectStructure = ($event.data as ProjectStructure);
- if($event.type == 'file'){
+ if ($event.type == 'file') {
this.editorControl.openBuffer('', (data)).subscribe(x => {
this.log.debug(`Dataset loaded through File Explorer.`);
- if(x) {
+ if (x) {
this.editorControl.checkForAndSetReadOnlyMode(x.model);
}
});
@@ -231,37 +231,37 @@ export class ProjectTreeComponent {
}
}
- onOpenInNewTab($event: any){
- if ($event.data === 'File'){
+ onOpenInNewTab($event: any) {
+ if ($event.data === 'File') {
const baseURI = `${window.location.origin}${window.location.pathname}`;
const newWindow = window.open(`${baseURI}?pluginId=${this.pluginDefinition.getBasePlugin().getIdentifier()}:data:${encodeURIComponent(`{"type":"openFile","name":"${$event.path}","toggleTree":true}`)}`, '_blank');
newWindow.focus();
- } else{
+ } else {
const baseURI = `${window.location.origin}${window.location.pathname}`;
const newWindow = window.open(`${baseURI}?pluginId=${this.pluginDefinition.getBasePlugin().getIdentifier()}:data:${encodeURIComponent(`{"type":"openDataset","name":"${$event.data.path}","toggleTree":true}`)}`, '_blank');
newWindow.focus();
}
-}
+ }
-onDeleteClick($event: any){
- if($event.data === 'File'){
- // USS File
- for (const file of this.editorControl._openFileList.getValue()) {
- if (file.model.fileName === $event.name && file.model.path === $event.path.substring(0,$event.path.lastIndexOf("/")) ) {
- this.editorControl.closeFileHandler(file);
- break;
+ onDeleteClick($event: any) {
+ if ($event.data === 'File') {
+ // USS File
+ for (const file of this.editorControl._openFileList.getValue()) {
+ if (file.model.fileName === $event.name && file.model.path === $event.path.substring(0, $event.path.lastIndexOf("/"))) {
+ this.editorControl.closeFileHandler(file);
+ break;
+ }
}
- }
- } else{
- // Dataset
- for (const file of this.editorControl._openFileList.getValue()) {
- if (file.model.name === $event.data.name && file.model.path === $event.data.path ) {
- this.editorControl.closeFileHandler(file);
- break;
+ } else {
+ // Dataset
+ for (const file of this.editorControl._openFileList.getValue()) {
+ if (file.model.name === $event.data.name && file.model.path === $event.data.path) {
+ this.editorControl.closeFileHandler(file);
+ break;
+ }
}
}
}
-}
onPathChanged($event: any) {
this.editorControl.activeDirectory = $event;
@@ -301,7 +301,7 @@ onDeleteClick($event: any){
if (!$event.node.data.children && !$event.node.data.hasChildren) {
const nodeData: ProjectStructure = $event.node.data;
this.editorControl.openBuffer('', nodeData).subscribe(x => {
- this.log.debug(`NodeData=`,nodeData);
+ this.log.debug(`NodeData=`, nodeData);
this.log.debug(`file loaded through project explorer.`);
});
// this.editorControl.openFileEmitter.emit(nodeData);
diff --git a/webClient/src/app/include-external-css.component.ts b/webClient/src/app/include-external-css.component.ts
new file mode 100644
index 00000000..22c7fc8b
--- /dev/null
+++ b/webClient/src/app/include-external-css.component.ts
@@ -0,0 +1,20 @@
+import { Component, ViewEncapsulation } from "@angular/core";
+
+@Component({
+ standalone: true,
+ selector: 'include-external-css',
+ template: ``,
+ styleUrls: [
+ "../../node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+ "../../node_modules/material-icons/iconfont/material-icons.scss",
+ "../../node_modules/monaco-editor/min/vs/editor/editor.main.css",
+ "../styles/global.css",
+ "../styles.scss"
+ ],
+ encapsulation: ViewEncapsulation.None
+})
+export class IncludeExternalCssComponent {
+ // No index.html files at prod level to import the css. Plugin will be rendered inside zowe and accessed by appmodule and appcomponent so index.html will not be in picture
+ // ViewEncapsulation.None will make sure to keep the css as it is. Will not scoped out
+ // Mentioned in the component so will be a part of main.js
+}
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/confirm-action/confirm-action-component.html b/webClient/src/app/shared/dialog/confirm-action/confirm-action-component.html
index 80ef62ad..df2af4c8 100644
--- a/webClient/src/app/shared/dialog/confirm-action/confirm-action-component.html
+++ b/webClient/src/app/shared/dialog/confirm-action/confirm-action-component.html
@@ -8,18 +8,22 @@
Copyright Contributors to the Zowe Project.
-->
-
-{{data.title}}
+
+
+
{{data.title}}
+
+
+
Warning: {{data.warningMessage}}
+ Warning: {{data.warningMessage}}
-
-
-
+
+
-
-
-Delete File
+
Absolute File Path (ex. /u/000/doc1):
-
-
-
+
-
-
+ -->
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/delete-file/delete-file.component.ts b/webClient/src/app/shared/dialog/delete-file/delete-file.component.ts
index b3cc2f7e..490267de 100644
--- a/webClient/src/app/shared/dialog/delete-file/delete-file.component.ts
+++ b/webClient/src/app/shared/dialog/delete-file/delete-file.component.ts
@@ -12,13 +12,12 @@ import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-delete-file',
- templateUrl: './delete-file.component.html',
- styleUrls: ['../../../../styles.scss']
+ templateUrl: './delete-file.component.html'
})
export class DeleteFileComponent implements OnInit {
- private value = '';
- private FileName_Pattern = /^([^\x00-\x1F!"$'\(\)*,\/:;<>\?\[\\\]\{\|\}\x7F\s]+)\.([a-zA-Z0-9]*)$/;
+ value = '';
+ FileName_Pattern = /^([^\x00-\x1F!"$'\(\)*,\/:;<>\?\[\\\]\{\|\}\x7F\s]+)\.([a-zA-Z0-9]*)$/;
constructor() { }
diff --git a/webClient/src/app/shared/dialog/dialog.module.ts b/webClient/src/app/shared/dialog/dialog.module.ts
index 2a8da666..b68a4130 100644
--- a/webClient/src/app/shared/dialog/dialog.module.ts
+++ b/webClient/src/app/shared/dialog/dialog.module.ts
@@ -54,19 +54,7 @@ import { MatButtonModule } from '@angular/material/button';
TagComponent,
OverwriteDatasetComponent,
],
- providers: [HttpService],
- entryComponents: [
- OpenProjectComponent,
- OpenDatasetComponent,
- OpenFolderComponent,
- DeleteFileComponent,
- NewFileComponent,
- SaveToComponent,
- ConfirmAction,
- LanguageServerComponent,
- TagComponent,
- OverwriteDatasetComponent,
- ]
+ providers: [HttpService]
})
export class DialogModule { }
diff --git a/webClient/src/app/shared/dialog/language-server/language-server.component.html b/webClient/src/app/shared/dialog/language-server/language-server.component.html
index 57e2022e..386d4512 100644
--- a/webClient/src/app/shared/dialog/language-server/language-server.component.html
+++ b/webClient/src/app/shared/dialog/language-server/language-server.component.html
@@ -1,4 +1,3 @@
-
-
-Language Server Setting
+
+
+
Language Server Setting
+
+
+
Language Server Setting
SPDX-License-Identifier: EPL-2.0
Copyright Contributors to the Zowe Project.
--->
+-->
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/language-server/language-server.component.ts b/webClient/src/app/shared/dialog/language-server/language-server.component.ts
index 8df7798a..68eef166 100644
--- a/webClient/src/app/shared/dialog/language-server/language-server.component.ts
+++ b/webClient/src/app/shared/dialog/language-server/language-server.component.ts
@@ -13,11 +13,10 @@ import { LanguageServerService } from '../../language-server/language-server.ser
@Component({
selector: 'app-language-server',
- templateUrl: './language-server.component.html',
- styleUrls: ['../../../../styles.scss']
+ templateUrl: './language-server.component.html'
})
export class LanguageServerComponent implements OnInit {
- private settings = {
+ settings = {
config: '',
enable: true,
};
diff --git a/webClient/src/app/shared/dialog/new-file/new-file.component.html b/webClient/src/app/shared/dialog/new-file/new-file.component.html
index af60951f..dcc0dd37 100644
--- a/webClient/src/app/shared/dialog/new-file/new-file.component.html
+++ b/webClient/src/app/shared/dialog/new-file/new-file.component.html
@@ -1,36 +1,43 @@
+
-
-New File
+
File Name:
- Name
+
-
-
+
-
+ -->
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/new-file/new-file.component.ts b/webClient/src/app/shared/dialog/new-file/new-file.component.ts
index 40784463..0b658ea1 100644
--- a/webClient/src/app/shared/dialog/new-file/new-file.component.ts
+++ b/webClient/src/app/shared/dialog/new-file/new-file.component.ts
@@ -12,13 +12,12 @@ import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-new-file',
- templateUrl: './new-file.component.html',
- styleUrls: ['../../../../styles.scss']
+ templateUrl: './new-file.component.html'
})
export class NewFileComponent implements OnInit {
- private value = '';
- private FileName_Pattern = /^([^\x00-\x1F!"$'\(\)*,\/:;<>\?\[\\\]\{\|\}\x7F\s]+)\.([a-zA-Z0-9]*)$/;
+ value = '';
+ FileName_Pattern = /^([^\x00-\x1F!"$'\(\)*,\/:;<>\?\[\\\]\{\|\}\x7F\s]+)\.([a-zA-Z0-9]*)$/;
constructor() { }
diff --git a/webClient/src/app/shared/dialog/open-dataset/open-dataset.component.html b/webClient/src/app/shared/dialog/open-dataset/open-dataset.component.html
index c020a0d8..886265b5 100644
--- a/webClient/src/app/shared/dialog/open-dataset/open-dataset.component.html
+++ b/webClient/src/app/shared/dialog/open-dataset/open-dataset.component.html
@@ -1,35 +1,42 @@
+
-
-Open Dataset
+
-
-
-
+ Dataset
+
+ @if (value) {
+
+ }
-
+
-
+
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/open-dataset/open-dataset.component.ts b/webClient/src/app/shared/dialog/open-dataset/open-dataset.component.ts
index 656d85ee..d2c34f8e 100644
--- a/webClient/src/app/shared/dialog/open-dataset/open-dataset.component.ts
+++ b/webClient/src/app/shared/dialog/open-dataset/open-dataset.component.ts
@@ -15,13 +15,12 @@ import { ENDPOINTS } from '../../../../environments/environment';
@Component({
selector: 'app-open-dataset',
- templateUrl: './open-dataset.component.html',
- styleUrls: ['../../../../styles.scss']
+ templateUrl: './open-dataset.component.html'
})
export class OpenDatasetComponent implements OnInit {
- private fetching = false;
- private value = '';
+ fetching = false;
+ value = '';
constructor(private http: HttpService, private dialogRef: MatDialogRef) { }
diff --git a/webClient/src/app/shared/dialog/open-folder/open-folder.component.html b/webClient/src/app/shared/dialog/open-folder/open-folder.component.html
index 47afe7a4..aacb3090 100644
--- a/webClient/src/app/shared/dialog/open-folder/open-folder.component.html
+++ b/webClient/src/app/shared/dialog/open-folder/open-folder.component.html
@@ -1,34 +1,41 @@
+
-
-Open Directory
+
-
-
+ Directory
+
+ @if (value) {
+
+ }
-
+
-
+
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/open-folder/open-folder.component.ts b/webClient/src/app/shared/dialog/open-folder/open-folder.component.ts
index a7412867..cf2cf625 100644
--- a/webClient/src/app/shared/dialog/open-folder/open-folder.component.ts
+++ b/webClient/src/app/shared/dialog/open-folder/open-folder.component.ts
@@ -15,13 +15,12 @@ import { ENDPOINTS } from '../../../../environments/environment';
@Component({
selector: 'app-open-folder',
- templateUrl: './open-folder.component.html',
- styleUrls: ['../../../../styles.scss']
+ templateUrl: './open-folder.component.html'
})
export class OpenFolderComponent implements OnInit {
- private fetching = false;
- private value = '/';
+ fetching = false;
+ value = '/';
constructor(private http: HttpService, private dialogRef: MatDialogRef) { }
diff --git a/webClient/src/app/shared/dialog/open-project/open-project.component.html b/webClient/src/app/shared/dialog/open-project/open-project.component.html
index ffdab811..bd3381c3 100644
--- a/webClient/src/app/shared/dialog/open-project/open-project.component.html
+++ b/webClient/src/app/shared/dialog/open-project/open-project.component.html
@@ -1,36 +1,42 @@
+
-
-Open Project
+
Choose a project:
-
+ @for (project of projectList; track project) {
+
{{ project.name }}
+ }
-
+
-
+
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/open-project/open-project.component.ts b/webClient/src/app/shared/dialog/open-project/open-project.component.ts
index a0159aa7..aaab601b 100644
--- a/webClient/src/app/shared/dialog/open-project/open-project.component.ts
+++ b/webClient/src/app/shared/dialog/open-project/open-project.component.ts
@@ -15,13 +15,12 @@ import { ENDPOINTS } from '../../../../environments/environment';
import { ProjectDef } from '../../model/project';
@Component({
selector: 'app-open-project',
- templateUrl: './open-project.component.html',
- styleUrls: ['../../../../styles.scss']
+ templateUrl: './open-project.component.html'
})
export class OpenProjectComponent implements OnInit {
- private projectList: ProjectDef[] = [];
- private selected: ProjectDef;
- private fetching = false;
+ projectList: ProjectDef[] = [];
+ selected: ProjectDef;
+ fetching = false;
constructor(private http: HttpService, private dialogRef: MatDialogRef) { }
diff --git a/webClient/src/app/shared/dialog/overwrite-dataset/overwrite-dataset.component.html b/webClient/src/app/shared/dialog/overwrite-dataset/overwrite-dataset.component.html
index 80de637a..fcd7bd9a 100644
--- a/webClient/src/app/shared/dialog/overwrite-dataset/overwrite-dataset.component.html
+++ b/webClient/src/app/shared/dialog/overwrite-dataset/overwrite-dataset.component.html
@@ -1,4 +1,3 @@
-
-
+
@@ -28,4 +28,4 @@ E-tag Mismatch
SPDX-License-Identifier: EPL-2.0
Copyright Contributors to the Zowe Project.
--->
+-->
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/overwrite-dataset/overwrite-dataset.component.ts b/webClient/src/app/shared/dialog/overwrite-dataset/overwrite-dataset.component.ts
index 3d055b89..c5d6d56b 100644
--- a/webClient/src/app/shared/dialog/overwrite-dataset/overwrite-dataset.component.ts
+++ b/webClient/src/app/shared/dialog/overwrite-dataset/overwrite-dataset.component.ts
@@ -13,14 +13,12 @@ import { MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'app-overwrite-dataset',
- templateUrl: './overwrite-dataset.component.html',
- styleUrls: ['../../../../styles.scss']
+ templateUrl: './overwrite-dataset.component.html'
})
export class OverwriteDatasetComponent{
-
- private force: string;
- private compare: string;
- private datasetName: string;
+ force: string;
+ compare: string;
+ datasetName: string;
constructor(@Inject(MAT_DIALOG_DATA) public data: any) {
this.force = 'force';
diff --git a/webClient/src/app/shared/dialog/save-to/save-to.component.html b/webClient/src/app/shared/dialog/save-to/save-to.component.html
index fa01587e..8077871f 100644
--- a/webClient/src/app/shared/dialog/save-to/save-to.component.html
+++ b/webClient/src/app/shared/dialog/save-to/save-to.component.html
@@ -1,45 +1,51 @@
+
-
-Save As
+
-
-
+
+ File Name
-
-
+
+ Directory
-
-
-
-
- {{option}}
+
+ Encoding
+
+ @for (option of options; track option) {
+
+ {{option}}
+ }
-
+
-
+
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/save-to/save-to.component.ts b/webClient/src/app/shared/dialog/save-to/save-to.component.ts
index 532a2a4b..830ea264 100644
--- a/webClient/src/app/shared/dialog/save-to/save-to.component.ts
+++ b/webClient/src/app/shared/dialog/save-to/save-to.component.ts
@@ -8,29 +8,28 @@
Copyright Contributors to the Zowe Project.
*/
-import { Component, OnInit, Inject } from '@angular/core';
+import { Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'app-save-to',
- templateUrl: './save-to.component.html',
- styleUrls: ['../../../../styles.scss']
+ templateUrl: './save-to.component.html'
})
export class SaveToComponent {
- private results = {
+ results = {
directory: '',
fileName: '',
encoding: '',
};
-
- private options: string[];
+
+ options: string[];
constructor(@Inject(MAT_DIALOG_DATA) public data: any) {
if (this.data.canBeISO === false) {
this.options = ['UTF-8'];
}
else {
- this.options = ['UTF-8','ISO-8859-1','IBM-1047'];
+ this.options = ['UTF-8', 'ISO-8859-1', 'IBM-1047'];
}
if (this.data.fileName) {
this.results.fileName = this.data.fileName;
@@ -39,9 +38,6 @@ export class SaveToComponent {
this.results.directory = this.data.fileDirectory;
}
}
-
- ngOnInit() {
- }
}
/*
diff --git a/webClient/src/app/shared/dialog/tag/tag.component.html b/webClient/src/app/shared/dialog/tag/tag.component.html
index 42f96cc0..ac50c822 100644
--- a/webClient/src/app/shared/dialog/tag/tag.component.html
+++ b/webClient/src/app/shared/dialog/tag/tag.component.html
@@ -1,36 +1,39 @@
+
-
-Untagged File Found
+
+
+
Untagged File Found
+
{{data.fileName}} is currently untagged. Please select a tag for it in USS.
Encoding:
-
- {{option}}
+ @for (option of options; track option) {
+
+ {{option}}
+ }
-
+
+
+SPDX-License-Identifier: EPL-2.0
+
+Copyright Contributors to the Zowe Project.
+-->
\ No newline at end of file
diff --git a/webClient/src/app/shared/dialog/tag/tag.component.ts b/webClient/src/app/shared/dialog/tag/tag.component.ts
index 37f10f6e..2016fe01 100644
--- a/webClient/src/app/shared/dialog/tag/tag.component.ts
+++ b/webClient/src/app/shared/dialog/tag/tag.component.ts
@@ -13,25 +13,24 @@ import { MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'app-tag',
- templateUrl: './tag.component.html',
- styleUrls: ['../../../../styles.scss']
+ templateUrl: './tag.component.html'
})
export class TagComponent {
- private results = {
+ results = {
encoding: '',
};
-
- private options: string[];
+
+ options: string[];
constructor(@Inject(MAT_DIALOG_DATA) public data: any) {
if (this.data.canBeISO === false) {
this.options = ['UTF-8'];
}
else {
- this.options = ['UTF-8','ISO-8859-1','IBM-1047'];
+ this.options = ['UTF-8', 'ISO-8859-1', 'IBM-1047'];
}
}
-
+
ngOnInit() {
}
}
diff --git a/webClient/src/app/shared/editor-control/editor-control.service.ts b/webClient/src/app/shared/editor-control/editor-control.service.ts
index 347f99b2..ed3a5787 100644
--- a/webClient/src/app/shared/editor-control/editor-control.service.ts
+++ b/webClient/src/app/shared/editor-control/editor-control.service.ts
@@ -25,7 +25,7 @@ import { MatDialog } from '@angular/material/dialog';
import { Angular2InjectionTokens } from 'pluginlib/inject-resources';
import { MessageDuration } from "../message-duration";
import { OverwriteDatasetComponent } from '../../shared/dialog/overwrite-dataset/overwrite-dataset.component';
-import * as monaco from 'monaco-editor'
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
import { HttpHeaders, HttpParams } from '@angular/common/http';
import { map } from 'rxjs/operators';
@@ -747,7 +747,7 @@ export class EditorControlService implements ZLUX.IEditor, ZLUX.IEditorMultiBuff
this.closeFileHandler(fileContext);
this.closeFile.next(fileContext);
this.openBuffer('', updatedFileContext.model);
- this.refreshLayout.next();
+ this.refreshLayout.next('');
acceptChangeSub.unsubscribe();
overwriteSub.unsubscribe();
})
@@ -1280,7 +1280,7 @@ export class EditorControlService implements ZLUX.IEditor, ZLUX.IEditorMultiBuff
}
} else {
for (let lang of languages) {
- if (lang.extensions.indexOf(`.${bufferExt}`) > -1) {
+ if (lang?.extensions?.indexOf(`.${bufferExt}`) > -1) {
results.push(lang.id);
break;
}
diff --git a/webClient/src/app/shared/shared.module.ts b/webClient/src/app/shared/shared.module.ts
index 1b5b15bf..609b30be 100644
--- a/webClient/src/app/shared/shared.module.ts
+++ b/webClient/src/app/shared/shared.module.ts
@@ -28,7 +28,16 @@ import { EditorKeybindingService } from './editor-keybinding.service';
MatSnackBarModule,
],
declarations: [],
- providers: [HttpService, DataAdapterService, UtilsService, ConfigService, EditorControlService, SnackBarService, LanguageServerService, EditorKeybindingService],
+ providers: [
+ HttpService,
+ DataAdapterService,
+ UtilsService,
+ ConfigService,
+ EditorControlService,
+ SnackBarService,
+ LanguageServerService,
+ EditorKeybindingService
+ ]
})
export class SharedModule { }
diff --git a/webClient/src/index.html b/webClient/src/index.html
index 152f6fe5..981348a8 100644
--- a/webClient/src/index.html
+++ b/webClient/src/index.html
@@ -1,4 +1,3 @@
-
+-->
\ No newline at end of file
diff --git a/webClient/src/plugin.ts b/webClient/src/plugin.ts
index 5bf7c289..88fdecdb 100644
--- a/webClient/src/plugin.ts
+++ b/webClient/src/plugin.ts
@@ -13,9 +13,6 @@
export { AppModule as pluginModule } from './app/app.module';
export { AppComponent as pluginComponent } from './app/app.component';
-import 'style-loader!./styles/global.css';
-
-
/*
This program and the accompanying materials are
made available under the terms of the Eclipse Public License v2.0 which accompanies
diff --git a/webClient/src/polyfills.ts b/webClient/src/polyfills.ts
index cef85db9..3bb26de0 100644
--- a/webClient/src/polyfills.ts
+++ b/webClient/src/polyfills.ts
@@ -1,127 +1,127 @@
-/*
- This program and the accompanying materials are
- made available under the terms of the Eclipse Public License v2.0 which accompanies
- this distribution, and is available at https://www.eclipse.org/legal/epl-v20.html
+// /*
+// This program and the accompanying materials are
+// made available under the terms of the Eclipse Public License v2.0 which accompanies
+// this distribution, and is available at https://www.eclipse.org/legal/epl-v20.html
- SPDX-License-Identifier: EPL-2.0
+// SPDX-License-Identifier: EPL-2.0
- Copyright Contributors to the Zowe Project.
-*/
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
- * file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/weak-map';
-// import 'core-js/es6/set';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following for the Reflect API. */
-// import 'core-js/es6/reflect';
-
-
-/** Evergreen browsers require these. **/
-// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-import 'core-js/es7/reflect';
-
-
-/**
- * Required to support Web Animations `@angular/platform-browser/animations`.
- * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
- **/
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- */
-
- // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
-
- /*
- * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- * with the following flag, it will bypass `zone.js` patch for IE/Edge
- */
-// (window as any).__Zone_enable_cross_context_check = true;
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js/dist/zone'; // Included with Angular CLI.
-
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
-Promise.all = function (values: any): Promise {
- let resolve: (v: any) => void;
- let reject: (v: any) => void;
- let promise = new this((res, rej) => {
- resolve = res;
- reject = rej;
- });
- let count = 0;
- let index = 0;
- const resolvedValues: any[] = [];
- for (let value of values) {
- if (!(value && value.then)) {
- value = this.resolve(value);
- }
- value.then(
- ((index) => (value: any) => {
- resolvedValues[index] = value;
- count--;
- if (!count) {
- resolve(resolvedValues);
- }
- })(index),
- reject);
- count++;
- index++;
- }
- if (!count) resolve(resolvedValues);
- return promise;
-}
-/*
- This program and the accompanying materials are
- made available under the terms of the Eclipse Public License v2.0 which accompanies
- this distribution, and is available at https://www.eclipse.org/legal/epl-v20.html
+// Copyright Contributors to the Zowe Project.
+// */
+// /**
+// * This file includes polyfills needed by Angular and is loaded before the app.
+// * You can add your own extra polyfills to this file.
+// *
+// * This file is divided into 2 sections:
+// * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+// * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
+// * file.
+// *
+// * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+// * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+// * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+// *
+// * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
+// */
+
+// /***************************************************************************************************
+// * BROWSER POLYFILLS
+// */
+
+// /** IE9, IE10 and IE11 requires all of the following polyfills. **/
+// // import 'core-js/es6/symbol';
+// // import 'core-js/es6/object';
+// // import 'core-js/es6/function';
+// // import 'core-js/es6/parse-int';
+// // import 'core-js/es6/parse-float';
+// // import 'core-js/es6/number';
+// // import 'core-js/es6/math';
+// // import 'core-js/es6/string';
+// // import 'core-js/es6/date';
+// // import 'core-js/es6/array';
+// // import 'core-js/es6/regexp';
+// // import 'core-js/es6/map';
+// // import 'core-js/es6/weak-map';
+// // import 'core-js/es6/set';
+
+// /** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// // import 'classlist.js'; // Run `npm install --save classlist.js`.
+
+// /** IE10 and IE11 requires the following for the Reflect API. */
+// // import 'core-js/es6/reflect';
+
+
+// /** Evergreen browsers require these. **/
+// // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
+// import 'core-js/es7/reflect';
+
+
+// /**
+// * Required to support Web Animations `@angular/platform-browser/animations`.
+// * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
+// **/
+// // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
+
+// /**
+// * By default, zone.js will patch all possible macroTask and DomEvents
+// * user can disable parts of macroTask/DomEvents patch by setting following flags
+// */
+
+// // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+// // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+// // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+
+// /*
+// * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+// * with the following flag, it will bypass `zone.js` patch for IE/Edge
+// */
+// // (window as any).__Zone_enable_cross_context_check = true;
+
+// /***************************************************************************************************
+// * Zone JS is required by default for Angular itself.
+// */
+// import 'zone.js/dist/zone'; // Included with Angular CLI.
+
+
+
+// /***************************************************************************************************
+// * APPLICATION IMPORTS
+// */
+// Promise.all = function (values: any): Promise {
+// let resolve: (v: any) => void;
+// let reject: (v: any) => void;
+// let promise = new this((res, rej) => {
+// resolve = res;
+// reject = rej;
+// });
+// let count = 0;
+// let index = 0;
+// const resolvedValues: any[] = [];
+// for (let value of values) {
+// if (!(value && value.then)) {
+// value = this.resolve(value);
+// }
+// value.then(
+// ((index) => (value: any) => {
+// resolvedValues[index] = value;
+// count--;
+// if (!count) {
+// resolve(resolvedValues);
+// }
+// })(index),
+// reject);
+// count++;
+// index++;
+// }
+// if (!count) resolve(resolvedValues);
+// return promise;
+// }
+// /*
+// This program and the accompanying materials are
+// made available under the terms of the Eclipse Public License v2.0 which accompanies
+// this distribution, and is available at https://www.eclipse.org/legal/epl-v20.html
- SPDX-License-Identifier: EPL-2.0
+// SPDX-License-Identifier: EPL-2.0
- Copyright Contributors to the Zowe Project.
-*/
+// Copyright Contributors to the Zowe Project.
+// */
diff --git a/webClient/src/styles.scss b/webClient/src/styles.scss
index 696f6313..3c3067ec 100644
--- a/webClient/src/styles.scss
+++ b/webClient/src/styles.scss
@@ -8,2181 +8,70 @@
Copyright Contributors to the Zowe Project.
*/
-/* You can add global styles to this file, and also import other style files.
+ /* You can add global styles to this file, and also import other style files.
* DO NOT use this file when deploying a plugin for MVD. This file will not be
* loaded inside the desktop. */
-
-/*
- This program and the accompanying materials are
- made available under the terms of the Eclipse Public License v2.0 which accompanies
- this distribution, and is available at https://www.eclipse.org/legal/epl-v20.html
-
- SPDX-License-Identifier: EPL-2.0
-
- Copyright Contributors to the Zowe Project.
-*/
-/* */
-
-/* fallback */
-
-@font-face {
- font-family: 'Material Icons';
- font-style: normal;
- font-weight: 400;
- src: url(https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
-}
-
-.material-icons {
- font-family: 'Material Icons';
- font-weight: normal;
- font-style: normal;
- font-size: 24px;
- line-height: 1;
- letter-spacing: normal;
- text-transform: none;
- display: inline-block;
- white-space: nowrap;
- word-wrap: normal;
- direction: ltr;
- -webkit-font-feature-settings: 'liga';
- -webkit-font-smoothing: antialiased;
-}
-
-/* */
-
-.mat-elevation-z0 {
- box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z1 {
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z2 {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z3 {
- box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z4 {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z5 {
- box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z6 {
- box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z7 {
- box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z8 {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z9 {
- box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z10 {
- box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z11 {
- box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z12 {
- box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z13 {
- box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z14 {
- box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z15 {
- box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z16 {
- box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z17 {
- box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z18 {
- box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z19 {
- box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z20 {
- box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z21 {
- box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z22 {
- box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z23 {
- box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z24 {
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
-}
-
-.mat-h1,
-.mat-headline,
-.mat-typography h1 {
- font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 16px
-}
-
-.mat-h2,
-.mat-title,
-.mat-typography h2 {
- font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 16px
-}
-
-.mat-h3,
-.mat-subheading-2,
-.mat-typography h3 {
- font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 16px
-}
-
-.mat-h4,
-.mat-subheading-1,
-.mat-typography h4 {
- font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 16px
-}
-
-.mat-h5,
-.mat-typography h5 {
- font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 12px
-}
-
-.mat-h6,
-.mat-typography h6 {
- font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 12px
-}
-
-.mat-body-2,
-.mat-body-strong {
- font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-body,
-.mat-body-1,
-.mat-typography {
- font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-body p,
-.mat-body-1 p,
-.mat-typography p {
- margin: 0 0 12px
-}
-
-.mat-caption,
-.mat-small {
- font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-display-4,
-.mat-typography .mat-display-4 {
- font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 56px;
- letter-spacing: -.05em
-}
-
-.mat-display-3,
-.mat-typography .mat-display-3 {
- font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 64px;
- letter-spacing: -.02em
-}
-
-.mat-display-2,
-.mat-typography .mat-display-2 {
- font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 64px;
- letter-spacing: -.005em
-}
-
-.mat-display-1,
-.mat-typography .mat-display-1 {
- font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 64px
-}
-
-.mat-button,
-.mat-fab,
-.mat-flat-button,
-.mat-icon-button,
-.mat-mini-fab,
-.mat-raised-button,
-.mat-stroked-button {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-button-toggle {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-card {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-card-title {
- font-size: 24px;
- font-weight: 400
-}
-
-.mat-card-content,
-.mat-card-header .mat-card-title,
-.mat-card-subtitle {
- font-size: 14px
-}
-
-.mat-checkbox {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-checkbox-layout .mat-checkbox-label {
- line-height: 24px
-}
-
-.mat-chip {
- font-size: 13px;
- line-height: 18px
-}
-
-.mat-chip .mat-chip-remove.mat-icon {
- font-size: 18px
-}
-
-.mat-table {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-header-cell {
- font-size: 12px;
- font-weight: 500
-}
-
-.mat-cell {
- font-size: 14px
-}
-
-.mat-calendar {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-calendar-body {
- font-size: 13px
-}
-
-.mat-calendar-body-label,
-.mat-calendar-period-button {
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-calendar-table-header th {
- font-size: 11px;
- font-weight: 400
-}
-
-.mat-dialog-title {
- font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-expansion-panel-header {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 15px;
- font-weight: 400
-}
-
-.mat-expansion-panel-content {
- font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-form-field {
- font-size: inherit;
- font-weight: 400;
- line-height: 1.125;
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-form-field-wrapper {
- padding-bottom: 1.25em
-}
-
-.mat-form-field-prefix .mat-icon,
-.mat-form-field-suffix .mat-icon {
- font-size: 150%;
- line-height: 1.125
-}
-
-.mat-form-field-prefix .mat-icon-button,
-.mat-form-field-suffix .mat-icon-button {
- height: 1.5em;
- width: 1.5em
-}
-
-.mat-form-field-prefix .mat-icon-button .mat-icon,
-.mat-form-field-suffix .mat-icon-button .mat-icon {
- height: 1.125em;
- line-height: 1.125
-}
-
-.mat-form-field-infix {
- padding: .4375em 0;
- border-top: .84375em solid transparent
-}
-
-.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
-.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
- transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
- -ms-transform: translateY(-1.28125em) scale(.75);
- width: 133.33333%
-}
-
-.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
- transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
- -ms-transform: translateY(-1.28124em) scale(.75);
- width: 133.33334%
-}
-
-.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
- transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
- -ms-transform: translateY(-1.28123em) scale(.75);
- width: 133.33335%
-}
-
-.mat-form-field-label-wrapper {
- top: -.84375em;
- padding-top: .84375em
-}
-
-.mat-form-field-label {
- top: 1.28125em
-}
-
-.mat-form-field-underline {
- bottom: 1.25em
-}
-
-.mat-form-field-subscript-wrapper {
- font-size: 75%;
- margin-top: .54167em;
- top: calc(100% - 1.66667em)
-}
-
-.mat-grid-tile-footer,
-.mat-grid-tile-header {
- font-size: 14px
-}
-
-.mat-grid-tile-footer .mat-line,
-.mat-grid-tile-header .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-grid-tile-footer .mat-line:nth-child(n+2),
-.mat-grid-tile-header .mat-line:nth-child(n+2) {
- font-size: 12px
-}
-
-input.mat-input-element {
- margin-top: -.0625em
-}
-
-.mat-menu-item {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 16px;
- font-weight: 400
-}
-
-.mat-paginator,
-.mat-paginator-page-size .mat-select-trigger {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 12px
-}
-
-.mat-radio-button {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-select {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-select-trigger {
- height: 1.125em
-}
-
-.mat-slide-toggle-content {
- font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-slider-thumb-label-text {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 12px;
- font-weight: 500
-}
-
-.mat-stepper-horizontal,
-.mat-stepper-vertical {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-step-label {
- font-size: 14px;
- font-weight: 400
-}
-
-.mat-step-label-selected {
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-tab-group {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-tab-label,
-.mat-tab-link {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-toolbar,
-.mat-toolbar h1,
-.mat-toolbar h2,
-.mat-toolbar h3,
-.mat-toolbar h4,
-.mat-toolbar h5,
-.mat-toolbar h6 {
- font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
- margin: 0
-}
-
-.mat-tooltip {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 10px;
- padding-top: 6px;
- padding-bottom: 6px
-}
-
-.mat-tooltip-handset {
- font-size: 14px;
- padding-top: 9px;
- padding-bottom: 9px
-}
-
-.mat-list-item {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-list-option {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-list .mat-list-item,
-.mat-nav-list .mat-list-item,
-.mat-selection-list .mat-list-item {
- font-size: 16px
-}
-
-.mat-list .mat-list-item .mat-line,
-.mat-nav-list .mat-list-item .mat-line,
-.mat-selection-list .mat-list-item .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-list .mat-list-item .mat-line:nth-child(n+2),
-.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),
-.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
- font-size: 14px
-}
-
-.mat-list .mat-list-option,
-.mat-nav-list .mat-list-option,
-.mat-selection-list .mat-list-option {
- font-size: 16px
-}
-
-.mat-list .mat-list-option .mat-line,
-.mat-nav-list .mat-list-option .mat-line,
-.mat-selection-list .mat-list-option .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-list .mat-list-option .mat-line:nth-child(n+2),
-.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),
-.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
- font-size: 14px
-}
-
-.mat-list .mat-subheader,
-.mat-nav-list .mat-subheader,
-.mat-selection-list .mat-subheader {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-list[dense] .mat-list-item,
-.mat-nav-list[dense] .mat-list-item,
-.mat-selection-list[dense] .mat-list-item {
- font-size: 12px
-}
-
-.mat-list[dense] .mat-list-item .mat-line,
-.mat-nav-list[dense] .mat-list-item .mat-line,
-.mat-selection-list[dense] .mat-list-item .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),
-.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),
-.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
- font-size: 12px
-}
-
-.mat-list[dense] .mat-list-option,
-.mat-nav-list[dense] .mat-list-option,
-.mat-selection-list[dense] .mat-list-option {
- font-size: 12px
-}
-
-.mat-list[dense] .mat-list-option .mat-line,
-.mat-nav-list[dense] .mat-list-option .mat-line,
-.mat-selection-list[dense] .mat-list-option .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),
-.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),
-.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
- font-size: 12px
-}
-
-.mat-list[dense] .mat-subheader,
-.mat-nav-list[dense] .mat-subheader,
-.mat-selection-list[dense] .mat-subheader {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 12px;
- font-weight: 500
-}
-
-.mat-option {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 16px
-}
-
-.mat-optgroup-label {
- font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-simple-snackbar {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 14px
-}
-
-.mat-simple-snackbar-action {
- line-height: 1;
- font-family: inherit;
- font-size: inherit;
- font-weight: 500
-}
-
-.mat-ripple {
- overflow: hidden
-}
-
-@media screen and (-ms-high-contrast:active) {
- .mat-ripple {
- display: none
+ .close-dialog-btn {
+ margin-left: auto;
+ border: none;
+ background: transparent;
+ outline: none;
+ cursor: pointer;
+ padding: 1rem;
}
-}
-
-.mat-ripple.mat-ripple-unbounded {
- overflow: visible
-}
-
-.mat-ripple-element {
- position: absolute;
- border-radius: 50%;
- pointer-events: none;
- transition: opacity, transform 0s cubic-bezier(0, 0, .2, 1);
- transform: scale(0)
-}
-
-.cdk-visually-hidden {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- outline: 0;
- -webkit-appearance: none;
- -moz-appearance: none
-}
-
-.cdk-global-overlay-wrapper,
-.cdk-overlay-container {
- pointer-events: none;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%
-}
-
-.cdk-overlay-container {
- position: fixed;
- z-index: 1000
-}
-
-.cdk-overlay-container:empty {
- display: none
-}
-
-.cdk-global-overlay-wrapper {
- display: flex;
- position: absolute;
- z-index: 1000
-}
-
-.cdk-overlay-pane {
- position: absolute;
- pointer-events: auto;
- box-sizing: border-box;
- z-index: 1000
-}
-
-.cdk-overlay-backdrop {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1000;
- pointer-events: auto;
- -webkit-tap-highlight-color: transparent;
- transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
- opacity: 0
-}
-
-.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
- opacity: 1
-}
-
-.cdk-overlay-dark-backdrop {
- background: rgba(0, 0, 0, .288)
-}
-
-.cdk-overlay-transparent-backdrop,
-.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
- opacity: 0
-}
-
-.cdk-global-scrollblock {
- position: fixed;
- width: 100%;
- overflow-y: scroll
-}
-
-.close-dialog-btn {
- float: right;
- border: none;
- background: transparent;
- outline: none;
-}
-
-.mat-ripple-element {
- background-color: rgba(0, 0, 0, .1)
-}
-
-.mat-option {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-option:focus:not(.mat-option-disabled),
-.mat-option:hover:not(.mat-option-disabled) {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
- color: #3f51b5
-}
-
-.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
- color: #ff4081
-}
-
-.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
- color: #f44336
-}
-
-.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-option.mat-active {
- background: rgba(0, 0, 0, .04);
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-option.mat-option-disabled {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-optgroup-label {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-optgroup-disabled .mat-optgroup-label {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-pseudo-checkbox {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-pseudo-checkbox::after {
- color: #fafafa
-}
-
-.mat-accent .mat-pseudo-checkbox-checked,
-.mat-accent .mat-pseudo-checkbox-indeterminate,
-.mat-pseudo-checkbox-checked,
-.mat-pseudo-checkbox-indeterminate {
- background: #ff4081
-}
-
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
- background: #3f51b5
-}
-
-.mat-warn .mat-pseudo-checkbox-checked,
-.mat-warn .mat-pseudo-checkbox-indeterminate {
- background: #f44336
-}
-
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
-.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
- background: #b0b0b0
-}
-
-.mat-app-background {
- background-color: #fafafa;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-theme-loaded-marker {
- display: none
-}
-
-.mat-autocomplete-panel {
- background: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
- background: #fff
-}
-
-.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-button,
-.mat-icon-button,
-.mat-stroked-button {
- background: 0 0
-}
-
-.mat-button.mat-primary .mat-button-focus-overlay,
-.mat-icon-button.mat-primary .mat-button-focus-overlay,
-.mat-stroked-button.mat-primary .mat-button-focus-overlay {
- background-color: rgba(63, 81, 181, .12)
-}
-
-.mat-button.mat-accent .mat-button-focus-overlay,
-.mat-icon-button.mat-accent .mat-button-focus-overlay,
-.mat-stroked-button.mat-accent .mat-button-focus-overlay {
- background-color: rgba(255, 64, 129, .12)
-}
-
-.mat-button.mat-warn .mat-button-focus-overlay,
-.mat-icon-button.mat-warn .mat-button-focus-overlay,
-.mat-stroked-button.mat-warn .mat-button-focus-overlay {
- background-color: rgba(244, 67, 54, .12)
-}
-
-.mat-button[disabled] .mat-button-focus-overlay,
-.mat-icon-button[disabled] .mat-button-focus-overlay,
-.mat-stroked-button[disabled] .mat-button-focus-overlay {
- background-color: transparent
-}
-
-.mat-button.mat-primary,
-.mat-icon-button.mat-primary,
-.mat-stroked-button.mat-primary {
- color: #3f51b5
-}
-
-.mat-button.mat-accent,
-.mat-icon-button.mat-accent,
-.mat-stroked-button.mat-accent {
- color: #ff4081
-}
-
-.mat-button.mat-warn,
-.mat-icon-button.mat-warn,
-.mat-stroked-button.mat-warn {
- color: #f44336
-}
-
-.mat-button.mat-accent[disabled],
-.mat-button.mat-primary[disabled],
-.mat-button.mat-warn[disabled],
-.mat-button[disabled][disabled],
-.mat-icon-button.mat-accent[disabled],
-.mat-icon-button.mat-primary[disabled],
-.mat-icon-button.mat-warn[disabled],
-.mat-icon-button[disabled][disabled],
-.mat-stroked-button.mat-accent[disabled],
-.mat-stroked-button.mat-primary[disabled],
-.mat-stroked-button.mat-warn[disabled],
-.mat-stroked-button[disabled][disabled] {
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-fab,
-.mat-mini-fab,
-.mat-raised-button {
- color: rgba(0, 0, 0, .87);
- background-color: #fff
-}
-
-.mat-fab.mat-primary,
-.mat-mini-fab.mat-primary,
-.mat-raised-button.mat-primary {
- color: #fff
-}
-
-.mat-fab.mat-accent,
-.mat-mini-fab.mat-accent,
-.mat-raised-button.mat-accent {
- color: #fff
-}
-
-.mat-fab.mat-warn,
-.mat-mini-fab.mat-warn,
-.mat-raised-button.mat-warn {
- color: #fff
-}
-
-.mat-fab.mat-accent[disabled],
-.mat-fab.mat-primary[disabled],
-.mat-fab.mat-warn[disabled],
-.mat-fab[disabled][disabled],
-.mat-mini-fab.mat-accent[disabled],
-.mat-mini-fab.mat-primary[disabled],
-.mat-mini-fab.mat-warn[disabled],
-.mat-mini-fab[disabled][disabled],
-.mat-raised-button.mat-accent[disabled],
-.mat-raised-button.mat-primary[disabled],
-.mat-raised-button.mat-warn[disabled],
-.mat-raised-button[disabled][disabled] {
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-fab.mat-primary,
-.mat-mini-fab.mat-primary,
-.mat-raised-button.mat-primary {
- background-color: #3f51b5
-}
-
-.mat-fab.mat-accent,
-.mat-mini-fab.mat-accent,
-.mat-raised-button.mat-accent {
- background-color: #ff4081
-}
-
-.mat-fab.mat-warn,
-.mat-mini-fab.mat-warn,
-.mat-raised-button.mat-warn {
- background-color: #f44336
-}
-
-.mat-fab.mat-accent[disabled],
-.mat-fab.mat-primary[disabled],
-.mat-fab.mat-warn[disabled],
-.mat-fab[disabled][disabled],
-.mat-mini-fab.mat-accent[disabled],
-.mat-mini-fab.mat-primary[disabled],
-.mat-mini-fab.mat-warn[disabled],
-.mat-mini-fab[disabled][disabled],
-.mat-raised-button.mat-accent[disabled],
-.mat-raised-button.mat-primary[disabled],
-.mat-raised-button.mat-warn[disabled],
-.mat-raised-button[disabled][disabled] {
- background-color: rgba(0, 0, 0, .12)
-}
-
-.mat-fab.mat-primary .mat-ripple-element,
-.mat-mini-fab.mat-primary .mat-ripple-element,
-.mat-raised-button.mat-primary .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-fab.mat-accent .mat-ripple-element,
-.mat-mini-fab.mat-accent .mat-ripple-element,
-.mat-raised-button.mat-accent .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-fab.mat-warn .mat-ripple-element,
-.mat-mini-fab.mat-warn .mat-ripple-element,
-.mat-raised-button.mat-warn .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-button.mat-primary .mat-ripple-element {
- background-color: rgba(63, 81, 181, .1)
-}
-
-.mat-button.mat-accent .mat-ripple-element {
- background-color: rgba(255, 64, 129, .1)
-}
-
-.mat-button.mat-warn .mat-ripple-element {
- background-color: rgba(244, 67, 54, .1)
-}
-
-.mat-flat-button {
- color: rgba(0, 0, 0, .87);
- background-color: #fff
-}
-
-.mat-flat-button.mat-primary {
- color: #fff
-}
-
-.mat-flat-button.mat-accent {
- color: #fff
-}
-
-.mat-flat-button.mat-warn {
- color: #fff
-}
-
-.mat-flat-button.mat-accent[disabled],
-.mat-flat-button.mat-primary[disabled],
-.mat-flat-button.mat-warn[disabled],
-.mat-flat-button[disabled][disabled] {
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-flat-button.mat-primary {
- background-color: #3f51b5
-}
-
-.mat-flat-button.mat-accent {
- background-color: #ff4081
-}
-
-.mat-flat-button.mat-warn {
- background-color: #f44336
-}
-
-.mat-flat-button.mat-accent[disabled],
-.mat-flat-button.mat-primary[disabled],
-.mat-flat-button.mat-warn[disabled],
-.mat-flat-button[disabled][disabled] {
- background-color: rgba(0, 0, 0, .12)
-}
-
-.mat-flat-button.mat-primary .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-flat-button.mat-accent .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-flat-button.mat-warn .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-icon-button.mat-primary .mat-ripple-element {
- background-color: rgba(63, 81, 181, .2)
-}
-
-.mat-icon-button.mat-accent .mat-ripple-element {
- background-color: rgba(255, 64, 129, .2)
-}
-
-.mat-icon-button.mat-warn .mat-ripple-element {
- background-color: rgba(244, 67, 54, .2)
-}
-
-.mat-button-toggle {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
- background-color: rgba(0, 0, 0, .12)
-}
-
-.mat-button-toggle-checked {
- background-color: #e0e0e0;
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-button-toggle-disabled {
- background-color: #eee;
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-button-toggle-disabled.mat-button-toggle-checked {
- background-color: #bdbdbd
-}
-
-.mat-card {
- background: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-card-subtitle {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-checkbox-frame {
- border-color: rgba(0, 0, 0, .54)
-}
-
-.mat-checkbox-checkmark {
- fill: #fafafa
-}
-
-.mat-checkbox-checkmark-path {
- stroke: #fafafa !important
-}
-
-.mat-checkbox-mixedmark {
- background-color: #fafafa
-}
-
-.mat-checkbox-checked.mat-primary .mat-checkbox-background,
-.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
- background-color: #3f51b5
-}
-
-.mat-checkbox-checked.mat-accent .mat-checkbox-background,
-.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
- background-color: #ff4081
-}
-
-.mat-checkbox-checked.mat-warn .mat-checkbox-background,
-.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
- background-color: #f44336
-}
-
-.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
-.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
- background-color: #b0b0b0
-}
-
-.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
- border-color: #b0b0b0
-}
-
-.mat-checkbox-disabled .mat-checkbox-label {
- color: #b0b0b0
-}
-
-.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
- background-color: rgba(63, 81, 181, .26)
-}
-
-.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
- background-color: rgba(255, 64, 129, .26)
-}
-
-.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
- background-color: rgba(244, 67, 54, .26)
-}
-
-.mat-chip:not(.mat-basic-chip) {
- background-color: #e0e0e0;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-chip:not(.mat-basic-chip) .mat-chip-remove {
- color: rgba(0, 0, 0, .87);
- opacity: .4
-}
-
-.mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
- opacity: .54
-}
-.mat-chip.mat-chip-selected.mat-primary {
- background-color: #3f51b5;
- color: #fff
-}
-
-.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
- color: #fff;
- opacity: .4
-}
-
-.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
- opacity: .54
-}
-
-.mat-chip.mat-chip-selected.mat-warn {
- background-color: #f44336;
- color: #fff
-}
-
-.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
- color: #fff;
- opacity: .4
-}
-
-.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
- opacity: .54
-}
-
-.mat-chip.mat-chip-selected.mat-accent {
- background-color: #ff4081;
- color: #fff
-}
-
-.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
- color: #fff;
- opacity: .4
-}
-
-.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
- opacity: .54
-}
-
-.mat-table {
- background: #fff
-}
-
-.mat-header-row,
-.mat-row {
- border-bottom-color: rgba(0, 0, 0, .12)
-}
-
-.mat-header-cell {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-cell {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-datepicker-content {
- background-color: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-calendar-arrow {
- border-top-color: rgba(0, 0, 0, .54)
-}
-
-.mat-calendar-next-button,
-.mat-calendar-previous-button {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-calendar-table-header {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-calendar-table-header-divider::after {
- background: rgba(0, 0, 0, .12)
-}
-
-.mat-calendar-body-label {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-calendar-body-cell-content {
- color: rgba(0, 0, 0, .87);
- border-color: transparent
-}
-
-.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
- color: rgba(0, 0, 0, .38)
-}
-
-.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
-.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
-:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
- background-color: rgba(0, 0, 0, .04)
-}
-
-.mat-calendar-body-selected {
- background-color: #3f51b5;
- color: #fff
-}
-
-.mat-calendar-body-disabled>.mat-calendar-body-selected {
- background-color: rgba(63, 81, 181, .4)
-}
-
-.mat-calendar-body-today:not(.mat-calendar-body-selected) {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-calendar-body-today.mat-calendar-body-selected {
- box-shadow: inset 0 0 0 1px #fff
-}
-
-.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) {
- border-color: rgba(0, 0, 0, .18)
-}
-
-.mat-datepicker-toggle-active {
- color: #3f51b5
-}
-
-.mat-dialog-container {
- background: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-dialog-content label {
- float: left;
- width: 120px;
- padding-top: 20px;
-}
-
-.mat-divider {
- border-top-color: rgba(0, 0, 0, .12)
-}
-
-.mat-divider-vertical {
- border-right-color: rgba(0, 0, 0, .12)
-}
-
-.mat-expansion-panel {
- background: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-action-row {
- border-top-color: rgba(0, 0, 0, .12)
-}
-
-.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,
-.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,
-.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-expansion-panel-header-title {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-expansion-indicator::after,
-.mat-expansion-panel-header-description {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-expansion-panel-header[aria-disabled=true] {
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
-.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
- color: inherit
-}
-
-.mat-form-field-label {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-hint {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-focused .mat-form-field-label {
- color: #3f51b5
-}
-
-.mat-focused .mat-form-field-label.mat-accent {
- color: #ff4081
-}
-
-.mat-focused .mat-form-field-label.mat-warn {
- color: #f44336
-}
-
-.mat-focused .mat-form-field-required-marker {
- color: #ff4081
-}
-
-.mat-form-field-underline {
- background-color: rgba(0, 0, 0, .42)
-}
-
-.mat-form-field-disabled .mat-form-field-underline {
- background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
- background-size: 4px 1px;
- background-repeat: repeat-x
-}
-
-.mat-form-field-ripple {
- background-color: #3f51b5
-}
-
-.mat-form-field-ripple.mat-accent {
- background-color: #ff4081
-}
-
-.mat-form-field-ripple.mat-warn {
- background-color: #f44336
-}
-
-.mat-form-field-invalid .mat-form-field-label {
- color: #f44336
-}
-
-.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
-.mat-form-field-invalid .mat-form-field-label.mat-accent {
- color: #f44336
-}
-
-.mat-form-field-invalid .mat-form-field-ripple {
- background-color: #f44336
-}
-
-.mat-error {
- color: #f44336
-}
-
-.mat-icon.mat-primary {
- color: #3f51b5
-}
-
-.mat-icon.mat-accent {
- color: #ff4081
-}
-
-.mat-icon.mat-warn {
- color: #f44336
-}
-
-.mat-input-element:disabled {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-input-element {
- caret-color: #3f51b5
-}
-
-.mat-input-element::placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-input-element::-moz-placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-input-element::-webkit-input-placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-input-element:-ms-input-placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-accent .mat-input-element {
- caret-color: #ff4081
-}
-
-.mat-form-field-invalid .mat-input-element,
-.mat-warn .mat-input-element {
- caret-color: #f44336
-}
-
-.mat-list .mat-list-item,
-.mat-nav-list .mat-list-item,
-.mat-selection-list .mat-list-item {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-list .mat-list-option,
-.mat-nav-list .mat-list-option,
-.mat-selection-list .mat-list-option {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-list .mat-subheader,
-.mat-nav-list .mat-subheader,
-.mat-selection-list .mat-subheader {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-list-item-disabled {
- background-color: #eee
-}
-
-.mat-list-option.mat-list-item-focus,
-.mat-list-option:hover,
-.mat-nav-list .mat-list-item.mat-list-item-focus,
-.mat-nav-list .mat-list-item:hover {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-menu-panel {
- background: #fff
-}
-
-.mat-menu-item {
- background: 0 0;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-menu-item[disabled] {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-menu-item .mat-icon:not([color]),
-.mat-menu-item-submenu-trigger::after {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-menu-item-highlighted:not([disabled]),
-.mat-menu-item.cdk-keyboard-focused:not([disabled]),
-.mat-menu-item.cdk-program-focused:not([disabled]),
-.mat-menu-item:hover:not([disabled]) {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-paginator {
- background: #fff
-}
-
-.mat-paginator,
-.mat-paginator-page-size .mat-select-trigger {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-paginator-decrement,
-.mat-paginator-increment {
- border-top: 2px solid rgba(0, 0, 0, .54);
- border-right: 2px solid rgba(0, 0, 0, .54)
-}
-
-.mat-paginator-first,
-.mat-paginator-last {
- border-top: 2px solid rgba(0, 0, 0, .54)
-}
-
-.mat-icon-button[disabled] .mat-paginator-decrement,
-.mat-icon-button[disabled] .mat-paginator-first,
-.mat-icon-button[disabled] .mat-paginator-increment,
-.mat-icon-button[disabled] .mat-paginator-last {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-progress-bar-background {
- fill: #c5cae9
-}
-
-.mat-progress-bar-buffer {
- background-color: #c5cae9
-}
-
-.mat-progress-bar-fill::after {
- background-color: #3f51b5
-}
-
-.mat-progress-bar.mat-accent .mat-progress-bar-background {
- fill: #ff80ab
-}
-
-.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
- background-color: #ff80ab
-}
-
-.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
- background-color: #ff4081
-}
-
-.mat-progress-bar.mat-warn .mat-progress-bar-background {
- fill: #ffcdd2
-}
-
-.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
- background-color: #ffcdd2
-}
-
-.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
- background-color: #f44336
-}
-
-.mat-progress-spinner circle,
-.mat-spinner circle {
- stroke: #3f51b5
-}
-
-.mat-progress-spinner.mat-accent circle,
-.mat-spinner.mat-accent circle {
- stroke: #ff4081
-}
-
-.mat-progress-spinner.mat-warn circle,
-.mat-spinner.mat-warn circle {
- stroke: #f44336
-}
-
-.mat-radio-outer-circle {
- border-color: rgba(0, 0, 0, .54)
-}
-
-.mat-radio-disabled .mat-radio-outer-circle {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-radio-disabled .mat-radio-inner-circle,
-.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
- background-color: rgba(0, 0, 0, .38)
-}
-
-.mat-radio-disabled .mat-radio-label-content {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
- border-color: #3f51b5
-}
-
-.mat-radio-button.mat-primary .mat-radio-inner-circle {
- background-color: #3f51b5
-}
-
-.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
- background-color: rgba(63, 81, 181, .26)
-}
-
-.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
- border-color: #ff4081
-}
-
-.mat-radio-button.mat-accent .mat-radio-inner-circle {
- background-color: #ff4081
-}
-
-.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
- background-color: rgba(255, 64, 129, .26)
-}
-
-.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
- border-color: #f44336
-}
-
-.mat-radio-button.mat-warn .mat-radio-inner-circle {
- background-color: #f44336
-}
-
-.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
- background-color: rgba(244, 67, 54, .26)
-}
-
-.mat-select-content,
-.mat-select-panel-done-animating {
- background: #fff
-}
-
-.mat-select-value {
- color: white !important;
-}
-
-.mat-select-placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-select-disabled .mat-select-value {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-select-arrow {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
- background: rgba(0, 0, 0, .12)
-}
-
-.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
- color: #3f51b5
-}
-
-.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
- color: #ff4081
-}
-
-.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
- color: #f44336
-}
-
-.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
- color: #f44336
-}
-
-.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-drawer-container {
- background-color: #fafafa;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-drawer {
- background-color: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-drawer.mat-drawer-push {
- background-color: #fff
-}
-
-.mat-drawer-backdrop.mat-drawer-shown {
- background-color: rgba(0, 0, 0, .6)
-}
-
-.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
- background-color: #e91e63
-}
-
-.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
- background-color: rgba(233, 30, 99, .5)
-}
-
-.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
- background-color: rgba(0, 0, 0, .06)
-}
-
-.mat-slide-toggle .mat-ripple-element {
- background-color: rgba(233, 30, 99, .12)
-}
-
-.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
- background-color: #3f51b5
-}
-
-.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
- background-color: rgba(63, 81, 181, .5)
-}
-
-.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
- background-color: rgba(0, 0, 0, .06)
-}
-
-.mat-slide-toggle.mat-primary .mat-ripple-element {
- background-color: rgba(63, 81, 181, .12)
-}
-
-.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
- background-color: #f44336
-}
-
-.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
- background-color: rgba(244, 67, 54, .5)
-}
-
-.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
- background-color: rgba(0, 0, 0, .06)
-}
-
-.mat-slide-toggle.mat-warn .mat-ripple-element {
- background-color: rgba(244, 67, 54, .12)
-}
-
-.mat-disabled .mat-slide-toggle-thumb {
- background-color: #bdbdbd
-}
-
-.mat-disabled .mat-slide-toggle-bar {
- background-color: rgba(0, 0, 0, .1)
-}
-
-.mat-slide-toggle-thumb {
- background-color: #fafafa
-}
-
-.mat-slide-toggle-bar {
- background-color: rgba(0, 0, 0, .38)
-}
-
-.mat-slider-track-background {
- background-color: rgba(0, 0, 0, .26)
-}
-
-.mat-primary .mat-slider-thumb,
-.mat-primary .mat-slider-thumb-label,
-.mat-primary .mat-slider-track-fill {
- background-color: #3f51b5
-}
-
-.mat-primary .mat-slider-thumb-label-text {
- color: #fff
-}
-
-.mat-accent .mat-slider-thumb,
-.mat-accent .mat-slider-thumb-label,
-.mat-accent .mat-slider-track-fill {
- background-color: #ff4081
-}
-
-.mat-accent .mat-slider-thumb-label-text {
- color: #fff
-}
-
-.mat-warn .mat-slider-thumb,
-.mat-warn .mat-slider-thumb-label,
-.mat-warn .mat-slider-track-fill {
- background-color: #f44336
-}
-
-.mat-warn .mat-slider-thumb-label-text {
- color: #fff
-}
-
-.mat-slider-focus-ring {
- background-color: rgba(255, 64, 129, .2)
-}
-
-.cdk-focused .mat-slider-track-background,
-.mat-slider:hover .mat-slider-track-background {
- background-color: rgba(0, 0, 0, .38)
-}
-
-.mat-slider-disabled .mat-slider-thumb,
-.mat-slider-disabled .mat-slider-track-background,
-.mat-slider-disabled .mat-slider-track-fill {
- background-color: rgba(0, 0, 0, .26)
-}
-
-.mat-slider-disabled:hover .mat-slider-track-background {
- background-color: rgba(0, 0, 0, .26)
-}
-
-.mat-slider-min-value .mat-slider-focus-ring {
- background-color: rgba(0, 0, 0, .12)
-}
-
-.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
-.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
- background-color: rgba(0, 0, 0, .87)
-}
-
-.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
-.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
- background-color: rgba(0, 0, 0, .26)
-}
-
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
- border-color: rgba(0, 0, 0, .26);
- background-color: transparent
-}
-
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
- border-color: rgba(0, 0, 0, .26)
-}
-
-.mat-slider-has-ticks .mat-slider-wrapper::after {
- border-color: rgba(0, 0, 0, .7)
-}
-
-.mat-slider-horizontal .mat-slider-ticks {
- background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
- background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
-}
-
-.mat-slider-vertical .mat-slider-ticks {
- background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
-}
-
-.mat-step-header.cdk-keyboard-focused,
-.mat-step-header.cdk-program-focused,
-.mat-step-header:hover {
- background-color: rgba(0, 0, 0, .04)
-}
-
-.mat-step-header .mat-step-label,
-.mat-step-header .mat-step-optional {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-step-header .mat-step-icon {
- background-color: #3f51b5;
- color: #fff
-}
-
-.mat-step-header .mat-step-icon-not-touched {
- background-color: rgba(0, 0, 0, .38);
- color: #fff
-}
-
-.mat-step-header .mat-step-label.mat-step-label-active {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-stepper-horizontal,
-.mat-stepper-vertical {
- background-color: #fff
-}
-
-.mat-stepper-vertical-line::before {
- border-left-color: rgba(0, 0, 0, .12)
-}
-
-.mat-stepper-horizontal-line {
- border-top-color: rgba(0, 0, 0, .12)
-}
-
-.mat-tab-header,
-.mat-tab-nav-bar {
- border-bottom: 1px solid rgba(0, 0, 0, .12)
-}
-
-.mat-tab-group-inverted-header .mat-tab-header,
-.mat-tab-group-inverted-header .mat-tab-nav-bar {
- border-top: 1px solid rgba(0, 0, 0, .12);
- border-bottom: none
-}
-
-.mat-tab-label,
-.mat-tab-link {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-tab-label.mat-tab-disabled,
-.mat-tab-link.mat-tab-disabled {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-tab-header-pagination-chevron {
- border-color: rgba(0, 0, 0, .87)
-}
-
-.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-tab-group[class*=mat-background-] .mat-tab-header,
-.mat-tab-nav-bar[class*=mat-background-] {
- border-bottom: none;
- border-top: none
-}
-
-.mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(197, 202, 233, .3)
-}
-
-.mat-tab-group.mat-primary .mat-ink-bar,
-.mat-tab-nav-bar.mat-primary .mat-ink-bar {
- background-color: #3f51b5
-}
-
-.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
-.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
- background-color: #fff
-}
-
-.mat-tab-group.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(255, 128, 171, .3)
-}
-
-.mat-tab-group.mat-accent .mat-ink-bar,
-.mat-tab-nav-bar.mat-accent .mat-ink-bar {
- background-color: #ff4081
-}
-
-.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
-.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
- background-color: #fff
-}
-
-.mat-tab-group.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(255, 205, 210, .3)
-}
-
-.mat-tab-group.mat-warn .mat-ink-bar,
-.mat-tab-nav-bar.mat-warn .mat-ink-bar {
- background-color: #f44336
-}
-
-.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
-.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
- background-color: #fff
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(197, 202, 233, .3)
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-header,
-.mat-tab-group.mat-background-primary .mat-tab-links,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
- background-color: #3f51b5
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-label,
-.mat-tab-group.mat-background-primary .mat-tab-link,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
- color: #fff
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
-.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
- color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
- border-color: #fff
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
- border-color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-primary .mat-ripple-element,
-.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
- background-color: rgba(255, 255, 255, .12)
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(255, 128, 171, .3)
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-header,
-.mat-tab-group.mat-background-accent .mat-tab-links,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
- background-color: #ff4081
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-label,
-.mat-tab-group.mat-background-accent .mat-tab-link,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
- color: #fff
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
-.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
- color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
- border-color: #fff
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
- border-color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-accent .mat-ripple-element,
-.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
- background-color: rgba(255, 255, 255, .12)
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(255, 205, 210, .3)
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-header,
-.mat-tab-group.mat-background-warn .mat-tab-links,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
- background-color: #f44336
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-label,
-.mat-tab-group.mat-background-warn .mat-tab-link,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
- color: #fff
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
-.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
- color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
- border-color: #fff
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
- border-color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-warn .mat-ripple-element,
-.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
- background-color: rgba(255, 255, 255, .12)
-}
-
-.mat-toolbar {
- background: #f5f5f5;
- color: rgba(0, 0, 0, .87)
-}
+ .mat-simple-snackbar-action button {
+ color: #3f51b5;
+ }
-.mat-toolbar.mat-primary {
- background: #3f51b5;
- color: #fff
-}
+ mat-dialog-actions {
+ display: flex;
+ justify-content: flex-end !important;
+ }
-.mat-toolbar.mat-accent {
- background: #ff4081;
- color: #fff
-}
+ ul {
+ padding-left: 0px !important;
+ }
-.mat-toolbar.mat-warn {
- background: #f44336;
- color: #fff
-}
+ .d-flex {
+ display: flex;
+ }
-.mat-tooltip {
- background: rgba(97, 97, 97, .9)
-}
+ .flex-align-items-start {
+ align-items: flex-start;
+ }
-.mat-snack-bar-container {
- background: #323232;
- color: #fff
-}
+ .flex-justify-content-end {
+ justify-content: flex-end !important;
+ }
-.mat-simple-snackbar-action {
- color: #ff4081
-}
+ .w-100 {
+ width: 100%;
+ }
-/* over write mat style */
+ .mdc-text-field--filled:not(.mdc-text-field--disabled),
+ .mat-focused {
+ background-color: #fff !important;
+ }
-.mat-simple-snackbar-action button {
- color: #3f51b5;
-}
+ .mat-mdc-form-field-focus-overlay,
+ .mdc-text-field--focused,
+ .mat-mdc-text-field-wrapper:hover {
+ background-color: #fff !important;
+ }
-mat-dialog-actions {
- justify-content: flex-end;
-}
+ .mat-mdc-form-field-infix {
+ padding-top: 8px !important;
+ padding-bottom: 8px !important;
+ min-height: 30px !important;
+ }
-/*
- This program and the accompanying materials are
- made available under the terms of the Eclipse Public License v2.0 which accompanies
- this distribution, and is available at https://www.eclipse.org/legal/epl-v20.html
-
- SPDX-License-Identifier: EPL-2.0
-
- Copyright Contributors to the Zowe Project.
-*/
+ .mdc-text-field {
+ padding: 0px 8px !important;
+ }
-/*
+ /*
This program and the accompanying materials are
made available under the terms of the Eclipse Public License v2.0 which accompanies
this distribution, and is available at https://www.eclipse.org/legal/epl-v20.html
@@ -2190,5 +79,4 @@ mat-dialog-actions {
SPDX-License-Identifier: EPL-2.0
Copyright Contributors to the Zowe Project.
-*/
-
+*/
\ No newline at end of file
diff --git a/webClient/src/styles/global.css b/webClient/src/styles/global.css
index ac708cc3..eb0a67e8 100644
--- a/webClient/src/styles/global.css
+++ b/webClient/src/styles/global.css
@@ -1,4 +1,3 @@
-
/*
This program and the accompanying materials are
made available under the terms of the Eclipse Public License v2.0 which accompanies
@@ -35,2114 +34,9 @@
-webkit-font-smoothing: antialiased;
}
-/* */
-
-.mat-elevation-z0 {
- box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z1 {
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z2 {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z3 {
- box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z4 {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z5 {
- box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z6 {
- box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z7 {
- box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z8 {
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z9 {
- box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z10 {
- box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z11 {
- box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z12 {
- box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z13 {
- box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z14 {
- box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z15 {
- box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z16 {
- box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z17 {
- box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z18 {
- box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z19 {
- box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z20 {
- box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z21 {
- box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z22 {
- box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z23 {
- box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
-}
-
-.mat-elevation-z24 {
- box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
-}
-
-.mat-h1,
-.mat-headline,
-.mat-typography h1 {
- font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 16px
-}
-
-.mat-h2,
-.mat-title,
-.mat-typography h2 {
- font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 16px
-}
-
-.mat-h3,
-.mat-subheading-2,
-.mat-typography h3 {
- font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 16px
-}
-
-.mat-h4,
-.mat-subheading-1,
-.mat-typography h4 {
- font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 16px
-}
-
-.mat-h5,
-.mat-typography h5 {
- font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 12px
-}
-
-.mat-h6,
-.mat-typography h6 {
- font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 12px
-}
-
-.mat-body-2,
-.mat-body-strong {
- font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-body,
-.mat-body-1,
-.mat-typography {
- font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-body p,
-.mat-body-1 p,
-.mat-typography p {
- margin: 0 0 12px
-}
-
-.mat-caption,
-.mat-small {
- font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-display-4,
-.mat-typography .mat-display-4 {
- font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 56px;
- letter-spacing: -.05em
-}
-
-.mat-display-3,
-.mat-typography .mat-display-3 {
- font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 64px;
- letter-spacing: -.02em
-}
-
-.mat-display-2,
-.mat-typography .mat-display-2 {
- font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 64px;
- letter-spacing: -.005em
-}
-
-.mat-display-1,
-.mat-typography .mat-display-1 {
- font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
- margin: 0 0 64px
-}
-
-.mat-button,
-.mat-fab,
-.mat-flat-button,
-.mat-icon-button,
-.mat-mini-fab,
-.mat-raised-button,
-.mat-stroked-button {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-button-toggle {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-card {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-card-title {
- font-size: 24px;
- font-weight: 400
-}
-
-.mat-card-content,
-.mat-card-header .mat-card-title,
-.mat-card-subtitle {
- font-size: 14px
-}
-
-.mat-checkbox {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-checkbox-layout .mat-checkbox-label {
- line-height: 24px
-}
-
-.mat-chip {
- font-size: 13px;
- line-height: 18px
-}
-
-.mat-chip .mat-chip-remove.mat-icon {
- font-size: 18px
-}
-
-.mat-table {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-header-cell {
- font-size: 12px;
- font-weight: 500
-}
-
-.mat-cell {
- font-size: 14px
-}
-
-.mat-calendar {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-calendar-body {
- font-size: 13px
-}
-
-.mat-calendar-body-label,
-.mat-calendar-period-button {
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-calendar-table-header th {
- font-size: 11px;
- font-weight: 400
-}
-
-.mat-dialog-title {
- font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-expansion-panel-header {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 15px;
- font-weight: 400
-}
-
-.mat-expansion-panel-content {
- font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-form-field {
- font-size: inherit;
- font-weight: 400;
- line-height: 1.125;
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-form-field-wrapper {
- padding-bottom: 1.25em
-}
-
-.mat-form-field-prefix .mat-icon,
-.mat-form-field-suffix .mat-icon {
- font-size: 150%;
- line-height: 1.125
-}
-
-.mat-form-field-prefix .mat-icon-button,
-.mat-form-field-suffix .mat-icon-button {
- height: 1.5em;
- width: 1.5em
-}
-
-.mat-form-field-prefix .mat-icon-button .mat-icon,
-.mat-form-field-suffix .mat-icon-button .mat-icon {
- height: 1.125em;
- line-height: 1.125
-}
-
-.mat-form-field-infix {
- padding: .4375em 0;
- border-top: .84375em solid transparent
-}
-
-.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
-.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
- transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
- -ms-transform: translateY(-1.28125em) scale(.75);
- width: 133.33333%
-}
-
-.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
- transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
- -ms-transform: translateY(-1.28124em) scale(.75);
- width: 133.33334%
-}
-
-.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
- transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
- -ms-transform: translateY(-1.28123em) scale(.75);
- width: 133.33335%
-}
-
-.mat-form-field-label-wrapper {
- top: -.84375em;
- padding-top: .84375em
-}
-
-.mat-form-field-label {
- top: 1.28125em
-}
-
-.mat-form-field-underline {
- bottom: 1.25em
-}
-
-.mat-form-field-subscript-wrapper {
- font-size: 75%;
- margin-top: .54167em;
- top: calc(100% - 1.66667em)
-}
-
-.mat-grid-tile-footer,
-.mat-grid-tile-header {
- font-size: 14px
-}
-
-.mat-grid-tile-footer .mat-line,
-.mat-grid-tile-header .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-grid-tile-footer .mat-line:nth-child(n+2),
-.mat-grid-tile-header .mat-line:nth-child(n+2) {
- font-size: 12px
-}
-
-input.mat-input-element {
- margin-top: -.0625em
-}
-
-.mat-menu-item {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 16px;
- font-weight: 400
-}
-
-.mat-paginator,
-.mat-paginator-page-size .mat-select-trigger {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 12px
-}
-
-.mat-radio-button {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-select {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-select-trigger {
- height: 1.125em
-}
-
-.mat-slide-toggle-content {
- font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-slider-thumb-label-text {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 12px;
- font-weight: 500
-}
-
-.mat-stepper-horizontal,
-.mat-stepper-vertical {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-step-label {
- font-size: 14px;
- font-weight: 400
-}
-
-.mat-step-label-selected {
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-tab-group {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-tab-label,
-.mat-tab-link {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-toolbar,
-.mat-toolbar h1,
-.mat-toolbar h2,
-.mat-toolbar h3,
-.mat-toolbar h4,
-.mat-toolbar h5,
-.mat-toolbar h6 {
- font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
- margin: 0
-}
-
-.mat-tooltip {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 10px;
- padding-top: 6px;
- padding-bottom: 6px
-}
-
-.mat-tooltip-handset {
- font-size: 14px;
- padding-top: 9px;
- padding-bottom: 9px
-}
-
-.mat-list-item {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-list-option {
- font-family: Roboto, "Helvetica Neue", sans-serif
-}
-
-.mat-list .mat-list-item,
-.mat-nav-list .mat-list-item,
-.mat-selection-list .mat-list-item {
- font-size: 16px
-}
-
-.mat-list .mat-list-item .mat-line,
-.mat-nav-list .mat-list-item .mat-line,
-.mat-selection-list .mat-list-item .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-list .mat-list-item .mat-line:nth-child(n+2),
-.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),
-.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
- font-size: 14px
-}
-
-.mat-list .mat-list-option,
-.mat-nav-list .mat-list-option,
-.mat-selection-list .mat-list-option {
- font-size: 16px
-}
-
-.mat-list .mat-list-option .mat-line,
-.mat-nav-list .mat-list-option .mat-line,
-.mat-selection-list .mat-list-option .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-list .mat-list-option .mat-line:nth-child(n+2),
-.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),
-.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
- font-size: 14px
-}
-
-.mat-list .mat-subheader,
-.mat-nav-list .mat-subheader,
-.mat-selection-list .mat-subheader {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 14px;
- font-weight: 500
-}
-
-.mat-list[dense] .mat-list-item,
-.mat-nav-list[dense] .mat-list-item,
-.mat-selection-list[dense] .mat-list-item {
- font-size: 12px
-}
-
-.mat-list[dense] .mat-list-item .mat-line,
-.mat-nav-list[dense] .mat-list-item .mat-line,
-.mat-selection-list[dense] .mat-list-item .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),
-.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),
-.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
- font-size: 12px
-}
-
-.mat-list[dense] .mat-list-option,
-.mat-nav-list[dense] .mat-list-option,
-.mat-selection-list[dense] .mat-list-option {
- font-size: 12px
-}
-
-.mat-list[dense] .mat-list-option .mat-line,
-.mat-nav-list[dense] .mat-list-option .mat-line,
-.mat-selection-list[dense] .mat-list-option .mat-line {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
- box-sizing: border-box
-}
-
-.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),
-.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),
-.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
- font-size: 12px
-}
-
-.mat-list[dense] .mat-subheader,
-.mat-nav-list[dense] .mat-subheader,
-.mat-selection-list[dense] .mat-subheader {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 12px;
- font-weight: 500
-}
-
-.mat-option {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 16px
-}
-
-.mat-optgroup-label {
- font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
-}
-.mat-simple-snackbar {
- font-family: Roboto, "Helvetica Neue", sans-serif;
- font-size: 14px
-}
-
-.mat-simple-snackbar-action {
- line-height: 1;
- font-family: inherit;
- font-size: inherit;
- font-weight: 500
-}
-
-.mat-ripple {
- overflow: hidden
-}
-
-@media screen and (-ms-high-contrast:active) {
- .mat-ripple {
- display: none
- }
-}
-
-.mat-ripple.mat-ripple-unbounded {
- overflow: visible
-}
-
-.mat-ripple-element {
- position: absolute;
- border-radius: 50%;
- pointer-events: none;
- transition: opacity, transform 0s cubic-bezier(0, 0, .2, 1);
- transform: scale(0)
-}
-
-.cdk-visually-hidden {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- outline: 0;
- -webkit-appearance: none;
- -moz-appearance: none
-}
-
-.cdk-global-overlay-wrapper,
-.cdk-overlay-container {
- pointer-events: none;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%
-}
-
-.cdk-overlay-container {
- position: fixed;
- z-index: 1000
-}
-
-.cdk-overlay-container:empty {
- display: none
-}
-
-.cdk-global-overlay-wrapper {
- /* display: flex; removed since this was messing up the snackbar from the notification manager */
- position: absolute;
- z-index: 1000
-}
-
-.cdk-overlay-pane {
- position: absolute;
- pointer-events: auto;
- box-sizing: border-box;
- z-index: 1000
-}
-
-.cdk-overlay-backdrop {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1000;
- pointer-events: auto;
- -webkit-tap-highlight-color: transparent;
- transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
- opacity: 0
-}
-
-.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
- opacity: 1
-}
-
-.cdk-overlay-dark-backdrop {
- background: rgba(0, 0, 0, .288)
-}
-
-.cdk-overlay-transparent-backdrop,
-.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
- opacity: 0
-}
-
-.cdk-global-scrollblock {
- position: fixed;
- width: 100%;
- overflow-y: scroll
-}
-
-.mat-ripple-element {
- background-color: rgba(0, 0, 0, .1)
-}
-
-.mat-option {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-option:focus:not(.mat-option-disabled),
-.mat-option:hover:not(.mat-option-disabled) {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
- color: #3f51b5
-}
-
-.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
- color: #ff4081
-}
-
-.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
- color: #f44336
-}
-
-.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-option.mat-active {
- background: rgba(0, 0, 0, .04);
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-option.mat-option-disabled {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-optgroup-label {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-optgroup-disabled .mat-optgroup-label {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-pseudo-checkbox {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-pseudo-checkbox::after {
- color: #fafafa
-}
-
-.mat-accent .mat-pseudo-checkbox-checked,
-.mat-accent .mat-pseudo-checkbox-indeterminate,
-.mat-pseudo-checkbox-checked,
-.mat-pseudo-checkbox-indeterminate {
- background: #ff4081
-}
-
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
- background: #3f51b5
-}
-
-.mat-warn .mat-pseudo-checkbox-checked,
-.mat-warn .mat-pseudo-checkbox-indeterminate {
- background: #f44336
-}
-
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
-.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
- background: #b0b0b0
-}
-
-.mat-app-background {
- background-color: #fafafa;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-theme-loaded-marker {
- display: none
-}
-
-.mat-autocomplete-panel {
- background: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
- background: #fff
-}
-
-.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-button,
-.mat-icon-button,
-.mat-stroked-button {
- background: 0 0
-}
-
-.mat-button.mat-primary .mat-button-focus-overlay,
-.mat-icon-button.mat-primary .mat-button-focus-overlay,
-.mat-stroked-button.mat-primary .mat-button-focus-overlay {
- background-color: rgba(63, 81, 181, .12)
-}
-
-.mat-button.mat-accent .mat-button-focus-overlay,
-.mat-icon-button.mat-accent .mat-button-focus-overlay,
-.mat-stroked-button.mat-accent .mat-button-focus-overlay {
- background-color: rgba(255, 64, 129, .12)
-}
-
-.mat-button.mat-warn .mat-button-focus-overlay,
-.mat-icon-button.mat-warn .mat-button-focus-overlay,
-.mat-stroked-button.mat-warn .mat-button-focus-overlay {
- background-color: rgba(244, 67, 54, .12)
-}
-
-.mat-button[disabled] .mat-button-focus-overlay,
-.mat-icon-button[disabled] .mat-button-focus-overlay,
-.mat-stroked-button[disabled] .mat-button-focus-overlay {
- background-color: transparent
-}
-
-.mat-button.mat-primary,
-.mat-icon-button.mat-primary,
-.mat-stroked-button.mat-primary {
- color: #3f51b5
-}
-
-.mat-button.mat-accent,
-.mat-icon-button.mat-accent,
-.mat-stroked-button.mat-accent {
- color: #ff4081
-}
-
-.mat-button.mat-warn,
-.mat-icon-button.mat-warn,
-.mat-stroked-button.mat-warn {
- color: #f44336
-}
-
-.mat-button.mat-accent[disabled],
-.mat-button.mat-primary[disabled],
-.mat-button.mat-warn[disabled],
-.mat-button[disabled][disabled],
-.mat-icon-button.mat-accent[disabled],
-.mat-icon-button.mat-primary[disabled],
-.mat-icon-button.mat-warn[disabled],
-.mat-icon-button[disabled][disabled],
-.mat-stroked-button.mat-accent[disabled],
-.mat-stroked-button.mat-primary[disabled],
-.mat-stroked-button.mat-warn[disabled],
-.mat-stroked-button[disabled][disabled] {
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-fab,
-.mat-mini-fab,
-.mat-raised-button {
- color: rgba(0, 0, 0, .87);
- background-color: #fff
-}
-
-.mat-fab.mat-primary,
-.mat-mini-fab.mat-primary,
-.mat-raised-button.mat-primary {
- color: #fff
-}
-
-.mat-fab.mat-accent,
-.mat-mini-fab.mat-accent,
-.mat-raised-button.mat-accent {
- color: #fff
-}
-
-.mat-fab.mat-warn,
-.mat-mini-fab.mat-warn,
-.mat-raised-button.mat-warn {
- color: #fff
-}
-
-.mat-fab.mat-accent[disabled],
-.mat-fab.mat-primary[disabled],
-.mat-fab.mat-warn[disabled],
-.mat-fab[disabled][disabled],
-.mat-mini-fab.mat-accent[disabled],
-.mat-mini-fab.mat-primary[disabled],
-.mat-mini-fab.mat-warn[disabled],
-.mat-mini-fab[disabled][disabled],
-.mat-raised-button.mat-accent[disabled],
-.mat-raised-button.mat-primary[disabled],
-.mat-raised-button.mat-warn[disabled],
-.mat-raised-button[disabled][disabled] {
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-fab.mat-primary,
-.mat-mini-fab.mat-primary,
-.mat-raised-button.mat-primary {
- background-color: #3f51b5
-}
-
-.mat-fab.mat-accent,
-.mat-mini-fab.mat-accent,
-.mat-raised-button.mat-accent {
- background-color: #ff4081
-}
-
-.mat-fab.mat-warn,
-.mat-mini-fab.mat-warn,
-.mat-raised-button.mat-warn {
- background-color: #f44336
-}
-
-.mat-fab.mat-accent[disabled],
-.mat-fab.mat-primary[disabled],
-.mat-fab.mat-warn[disabled],
-.mat-fab[disabled][disabled],
-.mat-mini-fab.mat-accent[disabled],
-.mat-mini-fab.mat-primary[disabled],
-.mat-mini-fab.mat-warn[disabled],
-.mat-mini-fab[disabled][disabled],
-.mat-raised-button.mat-accent[disabled],
-.mat-raised-button.mat-primary[disabled],
-.mat-raised-button.mat-warn[disabled],
-.mat-raised-button[disabled][disabled] {
- background-color: rgba(0, 0, 0, .12)
-}
-
-.mat-fab.mat-primary .mat-ripple-element,
-.mat-mini-fab.mat-primary .mat-ripple-element,
-.mat-raised-button.mat-primary .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-fab.mat-accent .mat-ripple-element,
-.mat-mini-fab.mat-accent .mat-ripple-element,
-.mat-raised-button.mat-accent .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-fab.mat-warn .mat-ripple-element,
-.mat-mini-fab.mat-warn .mat-ripple-element,
-.mat-raised-button.mat-warn .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-button.mat-primary .mat-ripple-element {
- background-color: rgba(63, 81, 181, .1)
-}
-
-.mat-button.mat-accent .mat-ripple-element {
- background-color: rgba(255, 64, 129, .1)
-}
-
-.mat-button.mat-warn .mat-ripple-element {
- background-color: rgba(244, 67, 54, .1)
-}
-
-.mat-flat-button {
- color: rgba(0, 0, 0, .87);
- background-color: #fff
-}
-
-.mat-flat-button.mat-primary {
- color: #fff
-}
-
-.mat-flat-button.mat-accent {
- color: #fff
-}
-
-.mat-flat-button.mat-warn {
- color: #fff
-}
-
-.mat-flat-button.mat-accent[disabled],
-.mat-flat-button.mat-primary[disabled],
-.mat-flat-button.mat-warn[disabled],
-.mat-flat-button[disabled][disabled] {
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-flat-button.mat-primary {
- background-color: #3f51b5
-}
-
-.mat-flat-button.mat-accent {
- background-color: #ff4081
-}
-
-.mat-flat-button.mat-warn {
- background-color: #f44336
-}
-
-.mat-flat-button.mat-accent[disabled],
-.mat-flat-button.mat-primary[disabled],
-.mat-flat-button.mat-warn[disabled],
-.mat-flat-button[disabled][disabled] {
- background-color: rgba(0, 0, 0, .12)
-}
-
-.mat-flat-button.mat-primary .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-flat-button.mat-accent .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-flat-button.mat-warn .mat-ripple-element {
- background-color: rgba(255, 255, 255, .2)
-}
-
-.mat-icon-button.mat-primary .mat-ripple-element {
- background-color: rgba(63, 81, 181, .2)
-}
-
-.mat-icon-button.mat-accent .mat-ripple-element {
- background-color: rgba(255, 64, 129, .2)
-}
-
-.mat-icon-button.mat-warn .mat-ripple-element {
- background-color: rgba(244, 67, 54, .2)
-}
-
-.mat-button-toggle {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
- background-color: rgba(0, 0, 0, .12)
-}
-
-.mat-button-toggle-checked {
- background-color: #e0e0e0;
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-button-toggle-disabled {
- background-color: #eee;
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-button-toggle-disabled.mat-button-toggle-checked {
- background-color: #bdbdbd
-}
-
-.mat-card {
- background: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-card-subtitle {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-checkbox-frame {
- border-color: rgba(0, 0, 0, .54)
-}
-
-.mat-checkbox-checkmark {
- fill: #fafafa
-}
-
-.mat-checkbox-checkmark-path {
- stroke: #fafafa !important
-}
-
-.mat-checkbox-mixedmark {
- background-color: #fafafa
-}
-
-.mat-checkbox-checked.mat-primary .mat-checkbox-background,
-.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
- background-color: #3f51b5
-}
-
-.mat-checkbox-checked.mat-accent .mat-checkbox-background,
-.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
- background-color: #ff4081
-}
-
-.mat-checkbox-checked.mat-warn .mat-checkbox-background,
-.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
- background-color: #f44336
-}
-
-.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
-.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
- background-color: #b0b0b0
-}
-
-.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
- border-color: #b0b0b0
-}
-
-.mat-checkbox-disabled .mat-checkbox-label {
- color: #b0b0b0
-}
-
-.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
- background-color: rgba(63, 81, 181, .26)
-}
-
-.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
- background-color: rgba(255, 64, 129, .26)
-}
-
-.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
- background-color: rgba(244, 67, 54, .26)
-}
-
-.mat-chip:not(.mat-basic-chip) {
- background-color: #e0e0e0;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-chip:not(.mat-basic-chip) .mat-chip-remove {
- color: rgba(0, 0, 0, .87);
- opacity: .4
-}
-
-.mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
- opacity: .54
-}
-
-.mat-chip.mat-chip-selected.mat-primary {
- background-color: #3f51b5;
- color: #fff
-}
-
-.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
- color: #fff;
- opacity: .4
-}
-
-.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
- opacity: .54
-}
-
-.mat-chip.mat-chip-selected.mat-warn {
- background-color: #f44336;
- color: #fff
-}
-
-.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
- color: #fff;
- opacity: .4
-}
-
-.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
- opacity: .54
-}
-
-.mat-chip.mat-chip-selected.mat-accent {
- background-color: #ff4081;
- color: #fff
-}
-
-.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
- color: #fff;
- opacity: .4
-}
-
-.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
- opacity: .54
-}
-
-.mat-table {
- background: #fff
-}
-
-.mat-header-row,
-.mat-row {
- border-bottom-color: rgba(0, 0, 0, .12)
-}
-
-.mat-header-cell {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-cell {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-datepicker-content {
- background-color: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-calendar-arrow {
- border-top-color: rgba(0, 0, 0, .54)
-}
-
-.mat-calendar-next-button,
-.mat-calendar-previous-button {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-calendar-table-header {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-calendar-table-header-divider::after {
- background: rgba(0, 0, 0, .12)
-}
-
-.mat-calendar-body-label {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-calendar-body-cell-content {
- color: rgba(0, 0, 0, .87);
- border-color: transparent
-}
-
-.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
- color: rgba(0, 0, 0, .38)
-}
-
-.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
-.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
-:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
- background-color: rgba(0, 0, 0, .04)
-}
-
-.mat-calendar-body-selected {
- background-color: #3f51b5;
- color: #fff
-}
-
-.mat-calendar-body-disabled>.mat-calendar-body-selected {
- background-color: rgba(63, 81, 181, .4)
-}
-
-.mat-calendar-body-today:not(.mat-calendar-body-selected) {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-calendar-body-today.mat-calendar-body-selected {
- box-shadow: inset 0 0 0 1px #fff
-}
-
-.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) {
- border-color: rgba(0, 0, 0, .18)
-}
-
-.mat-datepicker-toggle-active {
- color: #3f51b5
-}
-
-.mat-dialog-container {
- background: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-divider {
- border-top-color: rgba(0, 0, 0, .12)
-}
-
-.mat-divider-vertical {
- border-right-color: rgba(0, 0, 0, .12)
-}
-
-.mat-expansion-panel {
- background: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-action-row {
- border-top-color: rgba(0, 0, 0, .12)
-}
-
-.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,
-.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,
-.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-expansion-panel-header-title {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-expansion-indicator::after,
-.mat-expansion-panel-header-description {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-expansion-panel-header[aria-disabled=true] {
- color: rgba(0, 0, 0, .26)
-}
-
-.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
-.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
- color: inherit
-}
-
-.mat-form-field-label {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-hint {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-focused .mat-form-field-label {
- color: #3f51b5
-}
-
-.mat-focused .mat-form-field-label.mat-accent {
- color: #ff4081
-}
-
-.mat-focused .mat-form-field-label.mat-warn {
- color: #f44336
-}
-
-.mat-focused .mat-form-field-required-marker {
- color: #ff4081
-}
-
-.mat-form-field-underline {
- background-color: rgba(0, 0, 0, .42)
-}
-
-.mat-form-field-disabled .mat-form-field-underline {
- background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
- background-size: 4px 1px;
- background-repeat: repeat-x
-}
-
-.mat-form-field-ripple {
- background-color: #3f51b5
-}
-
-.mat-form-field-ripple.mat-accent {
- background-color: #ff4081
-}
-
-.mat-form-field-ripple.mat-warn {
- background-color: #f44336
-}
-
-.mat-form-field-invalid .mat-form-field-label {
- color: #f44336
-}
-
-.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
-.mat-form-field-invalid .mat-form-field-label.mat-accent {
- color: #f44336
-}
-
-.mat-form-field-invalid .mat-form-field-ripple {
- background-color: #f44336
-}
-
-.mat-error {
- color: #f44336
-}
-
-.mat-icon.mat-primary {
- color: #3f51b5
-}
-
-.mat-icon.mat-accent {
- color: #ff4081
-}
-
-.mat-icon.mat-warn {
- color: #f44336
-}
-
-.mat-input-element:disabled {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-input-element {
- caret-color: #3f51b5
-}
-
-.mat-input-element::placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-input-element::-moz-placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-input-element::-webkit-input-placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-input-element:-ms-input-placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-accent .mat-input-element {
- caret-color: #ff4081
-}
-
-.mat-form-field-invalid .mat-input-element,
-.mat-warn .mat-input-element {
- caret-color: #f44336
-}
-
-.mat-list .mat-list-item,
-.mat-nav-list .mat-list-item,
-.mat-selection-list .mat-list-item {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-list .mat-list-option,
-.mat-nav-list .mat-list-option,
-.mat-selection-list .mat-list-option {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-list .mat-subheader,
-.mat-nav-list .mat-subheader,
-.mat-selection-list .mat-subheader {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-list-item-disabled {
- background-color: #eee
-}
-
-.mat-list-option.mat-list-item-focus,
-.mat-list-option:hover,
-.mat-nav-list .mat-list-item.mat-list-item-focus,
-.mat-nav-list .mat-list-item:hover {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-menu-panel {
- background: #fff
-}
-
-.mat-menu-item {
- background: 0 0;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-menu-item[disabled] {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-menu-item .mat-icon:not([color]),
-.mat-menu-item-submenu-trigger::after {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-menu-item-highlighted:not([disabled]),
-.mat-menu-item.cdk-keyboard-focused:not([disabled]),
-.mat-menu-item.cdk-program-focused:not([disabled]),
-.mat-menu-item:hover:not([disabled]) {
- background: rgba(0, 0, 0, .04)
-}
-
-.mat-paginator {
- background: #fff
-}
-
-.mat-paginator,
-.mat-paginator-page-size .mat-select-trigger {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-paginator-decrement,
-.mat-paginator-increment {
- border-top: 2px solid rgba(0, 0, 0, .54);
- border-right: 2px solid rgba(0, 0, 0, .54)
-}
-
-.mat-paginator-first,
-.mat-paginator-last {
- border-top: 2px solid rgba(0, 0, 0, .54)
-}
-
-.mat-icon-button[disabled] .mat-paginator-decrement,
-.mat-icon-button[disabled] .mat-paginator-first,
-.mat-icon-button[disabled] .mat-paginator-increment,
-.mat-icon-button[disabled] .mat-paginator-last {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-progress-bar-background {
- fill: #c5cae9
-}
-
-.mat-progress-bar-buffer {
- background-color: #c5cae9
-}
-
-.mat-progress-bar-fill::after {
- background-color: #3f51b5
-}
-
-.mat-progress-bar.mat-accent .mat-progress-bar-background {
- fill: #ff80ab
-}
-
-.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
- background-color: #ff80ab
-}
-
-.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
- background-color: #ff4081
-}
-
-.mat-progress-bar.mat-warn .mat-progress-bar-background {
- fill: #ffcdd2
-}
-
-.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
- background-color: #ffcdd2
-}
-
-.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
- background-color: #f44336
-}
-
-.mat-progress-spinner circle,
-.mat-spinner circle {
- stroke: #3f51b5
-}
-
-.mat-progress-spinner.mat-accent circle,
-.mat-spinner.mat-accent circle {
- stroke: #ff4081
-}
-
-.mat-progress-spinner.mat-warn circle,
-.mat-spinner.mat-warn circle {
- stroke: #f44336
-}
-
-.mat-radio-outer-circle {
- border-color: rgba(0, 0, 0, .54)
-}
-
-.mat-radio-disabled .mat-radio-outer-circle {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-radio-disabled .mat-radio-inner-circle,
-.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
- background-color: rgba(0, 0, 0, .38)
-}
-
-.mat-radio-disabled .mat-radio-label-content {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
- border-color: #3f51b5
-}
-
-.mat-radio-button.mat-primary .mat-radio-inner-circle {
- background-color: #3f51b5
-}
-
-.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
- background-color: rgba(63, 81, 181, .26)
-}
-
-.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
- border-color: #ff4081
-}
-
-.mat-radio-button.mat-accent .mat-radio-inner-circle {
- background-color: #ff4081
-}
-
-.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
- background-color: rgba(255, 64, 129, .26)
-}
-
-.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
- border-color: #f44336
-}
-
-.mat-radio-button.mat-warn .mat-radio-inner-circle {
- background-color: #f44336
-}
-
-.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
- background-color: rgba(244, 67, 54, .26)
-}
-
-.mat-select-content,
-.mat-select-panel-done-animating {
- background: #fff
-}
-
-.mat-select-value {
- color: white !important;
-}
-
-.select-encoding .mat-select-value{
- color: rgb(0, 0, 0) !important;
-}
-.mat-select-placeholder {
- color: rgba(0, 0, 0, .42)
-}
-
-.mat-select-disabled .mat-select-value {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-select-arrow {
- color: rgba(0, 0, 0, .54)
-}
-
-.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
- background: rgba(0, 0, 0, .12)
-}
-
-.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
- color: #3f51b5
-}
-
-.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
- color: #ff4081
-}
-
-.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
- color: #f44336
-}
-
-.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
- color: #f44336
-}
-
-.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-drawer-container {
- background-color: #fafafa;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-drawer {
- background-color: #fff;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-drawer.mat-drawer-push {
- background-color: #fff
-}
-
-.mat-drawer-backdrop.mat-drawer-shown {
- background-color: rgba(0, 0, 0, .6)
-}
-
-.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
- background-color: #e91e63
-}
-
-.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
- background-color: rgba(233, 30, 99, .5)
-}
-
-.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
- background-color: rgba(0, 0, 0, .06)
-}
-
-.mat-slide-toggle .mat-ripple-element {
- background-color: rgba(233, 30, 99, .12)
-}
-
-.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
- background-color: #3f51b5
-}
-
-.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
- background-color: rgba(63, 81, 181, .5)
-}
-
-.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
- background-color: rgba(0, 0, 0, .06)
-}
-
-.mat-slide-toggle.mat-primary .mat-ripple-element {
- background-color: rgba(63, 81, 181, .12)
-}
-
-.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
- background-color: #f44336
-}
-
-.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
- background-color: rgba(244, 67, 54, .5)
-}
-
-.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
- background-color: rgba(0, 0, 0, .06)
-}
-
-.mat-slide-toggle.mat-warn .mat-ripple-element {
- background-color: rgba(244, 67, 54, .12)
-}
-
-.mat-disabled .mat-slide-toggle-thumb {
- background-color: #bdbdbd
-}
-
-.mat-disabled .mat-slide-toggle-bar {
- background-color: rgba(0, 0, 0, .1)
-}
-
-.mat-slide-toggle-thumb {
- background-color: #fafafa
-}
-
-.mat-slide-toggle-bar {
- background-color: rgba(0, 0, 0, .38)
-}
-
-.mat-slider-track-background {
- background-color: rgba(0, 0, 0, .26)
-}
-
-.mat-primary .mat-slider-thumb,
-.mat-primary .mat-slider-thumb-label,
-.mat-primary .mat-slider-track-fill {
- background-color: #3f51b5
-}
-
-.mat-primary .mat-slider-thumb-label-text {
- color: #fff
-}
-
-.mat-accent .mat-slider-thumb,
-.mat-accent .mat-slider-thumb-label,
-.mat-accent .mat-slider-track-fill {
- background-color: #ff4081
-}
-
-.mat-accent .mat-slider-thumb-label-text {
- color: #fff
-}
-
-.mat-warn .mat-slider-thumb,
-.mat-warn .mat-slider-thumb-label,
-.mat-warn .mat-slider-track-fill {
- background-color: #f44336
-}
-
-.mat-warn .mat-slider-thumb-label-text {
- color: #fff
-}
-
-.mat-slider-focus-ring {
- background-color: rgba(255, 64, 129, .2)
-}
-
-.cdk-focused .mat-slider-track-background,
-.mat-slider:hover .mat-slider-track-background {
- background-color: rgba(0, 0, 0, .38)
-}
-
-.mat-slider-disabled .mat-slider-thumb,
-.mat-slider-disabled .mat-slider-track-background,
-.mat-slider-disabled .mat-slider-track-fill {
- background-color: rgba(0, 0, 0, .26)
-}
-
-.mat-slider-disabled:hover .mat-slider-track-background {
- background-color: rgba(0, 0, 0, .26)
-}
-
-.mat-slider-min-value .mat-slider-focus-ring {
- background-color: rgba(0, 0, 0, .12)
-}
-
-.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
-.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
- background-color: rgba(0, 0, 0, .87)
-}
-
-.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
-.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
- background-color: rgba(0, 0, 0, .26)
-}
-
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
- border-color: rgba(0, 0, 0, .26);
- background-color: transparent
-}
-
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
- border-color: rgba(0, 0, 0, .26)
-}
-
-.mat-slider-has-ticks .mat-slider-wrapper::after {
- border-color: rgba(0, 0, 0, .7)
-}
-
-.mat-slider-horizontal .mat-slider-ticks {
- background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
- background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
-}
-
-.mat-slider-vertical .mat-slider-ticks {
- background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
-}
-
-.mat-step-header.cdk-keyboard-focused,
-.mat-step-header.cdk-program-focused,
-.mat-step-header:hover {
- background-color: rgba(0, 0, 0, .04)
-}
-
-.mat-step-header .mat-step-label,
-.mat-step-header .mat-step-optional {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-step-header .mat-step-icon {
- background-color: #3f51b5;
- color: #fff
-}
-
-.mat-step-header .mat-step-icon-not-touched {
- background-color: rgba(0, 0, 0, .38);
- color: #fff
-}
-
-.mat-step-header .mat-step-label.mat-step-label-active {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-stepper-horizontal,
-.mat-stepper-vertical {
- background-color: #fff
-}
-
-.mat-stepper-vertical-line::before {
- border-left-color: rgba(0, 0, 0, .12)
-}
-
-.mat-stepper-horizontal-line {
- border-top-color: rgba(0, 0, 0, .12)
-}
-
-.mat-tab-header,
-.mat-tab-nav-bar {
- border-bottom: 1px solid rgba(0, 0, 0, .12)
-}
-
-.mat-tab-group-inverted-header .mat-tab-header,
-.mat-tab-group-inverted-header .mat-tab-nav-bar {
- border-top: 1px solid rgba(0, 0, 0, .12);
- border-bottom: none
-}
-
-.mat-tab-label,
-.mat-tab-link {
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-tab-label.mat-tab-disabled,
-.mat-tab-link.mat-tab-disabled {
- color: rgba(0, 0, 0, .38)
-}
-
-.mat-tab-header-pagination-chevron {
- border-color: rgba(0, 0, 0, .87)
-}
-
-.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
- border-color: rgba(0, 0, 0, .38)
-}
-
-.mat-tab-group[class*=mat-background-] .mat-tab-header,
-.mat-tab-nav-bar[class*=mat-background-] {
- border-bottom: none;
- border-top: none
-}
-
-.mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(197, 202, 233, .3)
-}
-
-.mat-tab-group.mat-primary .mat-ink-bar,
-.mat-tab-nav-bar.mat-primary .mat-ink-bar {
- background-color: #3f51b5
-}
-
-.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
-.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
- background-color: #fff
-}
-
-.mat-tab-group.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(255, 128, 171, .3)
-}
-
-.mat-tab-group.mat-accent .mat-ink-bar,
-.mat-tab-nav-bar.mat-accent .mat-ink-bar {
- background-color: #ff4081
-}
-
-.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
-.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
- background-color: #fff
-}
-
-.mat-tab-group.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(255, 205, 210, .3)
-}
-
-.mat-tab-group.mat-warn .mat-ink-bar,
-.mat-tab-nav-bar.mat-warn .mat-ink-bar {
- background-color: #f44336
-}
-
-.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
-.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
- background-color: #fff
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(197, 202, 233, .3)
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-header,
-.mat-tab-group.mat-background-primary .mat-tab-links,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
- background-color: #3f51b5
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-label,
-.mat-tab-group.mat-background-primary .mat-tab-link,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
- color: #fff
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
-.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
- color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
- border-color: #fff
-}
-
-.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
- border-color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-primary .mat-ripple-element,
-.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
- background-color: rgba(255, 255, 255, .12)
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(255, 128, 171, .3)
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-header,
-.mat-tab-group.mat-background-accent .mat-tab-links,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
- background-color: #ff4081
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-label,
-.mat-tab-group.mat-background-accent .mat-tab-link,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
- color: #fff
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
-.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
- color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
- border-color: #fff
-}
-
-.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
- border-color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-accent .mat-ripple-element,
-.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
- background-color: rgba(255, 255, 255, .12)
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-group.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus {
- background-color: rgba(255, 205, 210, .3)
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-header,
-.mat-tab-group.mat-background-warn .mat-tab-links,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
- background-color: #f44336
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-label,
-.mat-tab-group.mat-background-warn .mat-tab-link,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
- color: #fff
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
-.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
- color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
- border-color: #fff
-}
-
-.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
- border-color: rgba(255, 255, 255, .4)
-}
-
-.mat-tab-group.mat-background-warn .mat-ripple-element,
-.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
- background-color: rgba(255, 255, 255, .12)
-}
-
-.mat-toolbar {
- background: #f5f5f5;
- color: rgba(0, 0, 0, .87)
-}
-
-.mat-toolbar.mat-primary {
- background: #3f51b5;
- color: #fff
-}
-
-.mat-toolbar.mat-accent {
- background: #ff4081;
- color: #fff
-}
-
-.mat-toolbar.mat-warn {
- background: #f44336;
- color: #fff
-}
-
-.mat-tooltip {
- background: rgba(97, 97, 97, .9)
-}
-
-.mat-snack-bar-container {
- background: #323232;
- color: #fff
-}
-
-.mat-simple-snackbar-action {
- color: #ff4081
-}
-
-
-/* over write mat style */
-
-.mat-simple-snackbar-action button {
- color: #3f51b5;
+.mat-simple-snackbar-action button {
+ color: #3f51b5;
}
/*
@@ -2153,4 +47,4 @@ input.mat-input-element {
SPDX-License-Identifier: EPL-2.0
Copyright Contributors to the Zowe Project.
-*/
+*/
\ No newline at end of file
diff --git a/webClient/src/typings.d.ts b/webClient/src/typings.d.ts
index 20d37154..0c0c1bdf 100644
--- a/webClient/src/typings.d.ts
+++ b/webClient/src/typings.d.ts
@@ -8,12 +8,12 @@
Copyright Contributors to the Zowe Project.
*/
-///
-/* SystemJS module definition */
-declare var module: NodeModule;
-interface NodeModule {
- id: string;
-}
+// ///
+// /* SystemJS module definition */
+// declare var module: NodeModule;
+// interface NodeModule {
+// id: string;
+// }
/*
This program and the accompanying materials are
diff --git a/webClient/tsconfig.json b/webClient/tsconfig.json
index 7fd2d39d..03b22c69 100644
--- a/webClient/tsconfig.json
+++ b/webClient/tsconfig.json
@@ -1,11 +1,16 @@
{
"extends": "../../zlux-app-manager/virtual-desktop/plugin-config/tsconfig.base.json",
"include": [
- "src/**/*.ts",
- "../../zlux-platform/interface/src/mvd-hosting.d.ts"
+ "src/**/*.ts"
],
"exclude": [
"test.ts",
"**/*.spec.ts"
- ]
-}
+ ],
+ "compilerOptions": {
+ "skipLibCheck": true
+ },
+ "angularCompilerOptions": {
+ "enableIvy": true
+ }
+}
\ No newline at end of file
diff --git a/webClient/webpack.build.config.js b/webClient/webpack.build.config.js
index a7c6b63a..da60c52a 100644
--- a/webClient/webpack.build.config.js
+++ b/webClient/webpack.build.config.js
@@ -9,87 +9,107 @@
Copyright Contributors to the Zowe Project.
*/
-var path = require('path');
-var webpackConfig = require('webpack-config');
-var CopyWebpackPlugin = require('copy-webpack-plugin');
+const path = require('path');
+const webpack = require("webpack");
+const webpackConfig = require('webpack-config');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
const CompressionPlugin = require('compression-webpack-plugin');
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
+const AotPlugin = require('@ngtools/webpack').AngularWebpackPlugin;
if (process.env.MVD_DESKTOP_DIR == null) {
throw new Error('You must specify MVD_DESKTOP_DIR in your environment');
}
+
const pubPath = "../../../plugins/org.zowe.editor/web/";
-process.env.ASSET_PATH=pubPath;
+process.env.ASSET_PATH = pubPath;
-var config = {
- 'entry': {
- 'main': path.resolve(__dirname, './src/plugin.ts'),
+const config = {
+ entry: {
+ main: path.resolve(__dirname, './src/plugin.ts'),
},
- 'output': {
- 'path': path.resolve(__dirname, '../web'),
- 'filename': '[name].js',
+ output: {
+ path: path.resolve(__dirname, '../web'),
+ filename: '[name].js',
publicPath: pubPath
},
- 'module': {
- 'rules': [{
+ resolve: {
+ alias: {
+ '~': path.resolve(__dirname, './node_modules/'),
+ },
+ fallback: {
+ "path": false,
+ "os": false,
+ "crypto": false,
+ "stream": false,
+ "vm": false,
+ "net": false
+ }
+ },
+ module: {
+ rules: [
+ {
+ test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/,
+ use: ['@ngtools/webpack']
+ },
+ {
test: /\.svg$/,
loader: 'svg-inline-loader'
},
{
- test: /\.scss$/,
- 'use': [
- 'exports-loader?module.exports.toString()',
+ test: /\.scss/,
+ use: [
+ 'raw-loader',
{
- 'loader': 'css-loader',
- 'options': {
- 'sourceMap': false
- }
- },
- {
- 'loader': 'sass-loader',
- 'options': {
- 'implementation': require('sass')
+ loader: 'sass-loader',
+ options: {
+ implementation: require('sass')
}
}
]
- }, {
- test: /\.ttf$/,
- use: ['file-loader']
- }
- ],
- },
- "node": {
- "net": "empty"
- },
- 'plugins': [
- new CopyWebpackPlugin([{
- from: path.resolve(__dirname, './src/assets'),
- to: path.resolve('../web/assets')
},
{
- from: path.resolve(__dirname, './src/mock'),
- to: path.resolve('../web/mock')
- },
- {
- from: path.resolve(__dirname, './node_modules/monaco-editor/min/vs/editor/editor.main.css'),
- to: path.resolve('../web/assets/monaco/editor/editor.main.css')
- },
- {
- from: path.resolve(__dirname, './node_modules/monaco-editor/min/vs/base'),
- to: path.resolve('../web/assets/monaco/base')
+ test: [/\.js?$/, /\.ts?$/, /\.jsx?$/, /\.tsx?$/],
+ enforce: 'pre',
+ exclude: /node_modules/,
+ use: ['source-map-loader'],
}
- ]),
+ ],
+ },
+ plugins: [
+ new CopyWebpackPlugin({
+ patterns: [
+ {
+ from: path.resolve(__dirname, './src/mock'),
+ to: path.resolve('../web/mock')
+ },
+ {
+ from: path.resolve(__dirname, './node_modules/monaco-editor/min/vs/base'),
+ to: path.resolve('../web/assets/monaco/base')
+ },
+ {
+ from: path.resolve(__dirname, './src/assets'),
+ to: path.resolve('../web/assets')
+ }
+ ]
+ }),
+ new webpack.ProvidePlugin({
+ Buffer: ['buffer', 'Buffer'],
+ }),
new CompressionPlugin({
- threshold: 50000,
+ threshold: 500000,
minRatio: 0.8
+ }),
+ new MonacoWebpackPlugin({ publicPath: pubPath }),
+ new AotPlugin({
+ tsConfigPath: './tsconfig.json',
+ entryModule: './webClient/src/app/app.module.ts#AppModule'
})
- , new MonacoWebpackPlugin({publicPath: pubPath})
]
};
-
module.exports = new webpackConfig.Config()
- .extend(path.resolve(process.env.MVD_DESKTOP_DIR, 'plugin-config/webpack.base.js'))
+ .extend(path.resolve(process.env.MVD_DESKTOP_DIR, 'plugin-config/webpack5.base.js'))
.merge(config);
/*