mirror of https://github.com/OpenVidu/openvidu.git
ov-components: Updated to Angular 15
parent
2adbdd9160
commit
0db1eda057
File diff suppressed because it is too large
Load Diff
|
@ -1,15 +1,15 @@
|
||||||
{
|
{
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@angular/animations": "14.2.10",
|
"@angular/animations": "15.2.10",
|
||||||
"@angular/cdk": "14.2.7",
|
"@angular/cdk": "15.2.9",
|
||||||
"@angular/common": "14.2.10",
|
"@angular/common": "15.2.10",
|
||||||
"@angular/core": "14.2.10",
|
"@angular/core": "15.2.10",
|
||||||
"@angular/flex-layout": "14.0.0-beta.41",
|
"@angular/flex-layout": "15.0.0-beta.42",
|
||||||
"@angular/forms": "14.2.10",
|
"@angular/forms": "15.2.10",
|
||||||
"@angular/material": "14.2.7",
|
"@angular/material": "15.2.9",
|
||||||
"@angular/platform-browser": "14.2.10",
|
"@angular/platform-browser": "15.2.10",
|
||||||
"@angular/platform-browser-dynamic": "14.2.10",
|
"@angular/platform-browser-dynamic": "15.2.10",
|
||||||
"@angular/router": "14.2.10",
|
"@angular/router": "15.2.10",
|
||||||
"autolinker": "4.0.0",
|
"autolinker": "4.0.0",
|
||||||
"openvidu-browser": "2.29.1",
|
"openvidu-browser": "2.29.1",
|
||||||
"rxjs": "7.5.7",
|
"rxjs": "7.5.7",
|
||||||
|
@ -17,16 +17,16 @@
|
||||||
"zone.js": "0.11.4"
|
"zone.js": "0.11.4"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@angular-devkit/build-angular": "14.2.10",
|
"@angular-devkit/build-angular": "15.2.11",
|
||||||
"@angular/cli": "14.2.10",
|
"@angular/cli": "15.2.11",
|
||||||
"@angular/compiler": "14.2.10",
|
"@angular/compiler": "15.2.10",
|
||||||
"@angular/compiler-cli": "14.2.10",
|
"@angular/compiler-cli": "15.2.10",
|
||||||
"@angular/elements": "14.2.10",
|
"@angular/elements": "15.2.10",
|
||||||
"@compodoc/compodoc": "^1.1.19",
|
"@compodoc/compodoc": "^1.1.19",
|
||||||
"@types/chai": "4.3.0",
|
"@types/chai": "4.3.0",
|
||||||
"@types/mocha": "9.1.0",
|
"@types/mocha": "9.1.0",
|
||||||
"@types/node": "16.11.6",
|
"@types/node": "20.12.12",
|
||||||
"@types/selenium-webdriver": "4.1.22",
|
"@types/selenium-webdriver": "4.1.5",
|
||||||
"@types/ws": "8.5.4",
|
"@types/ws": "8.5.4",
|
||||||
"chai": "4.3.6",
|
"chai": "4.3.6",
|
||||||
"chromedriver": "122.0.5",
|
"chromedriver": "122.0.5",
|
||||||
|
@ -46,8 +46,8 @@
|
||||||
"karma-mocha-reporter": "2.2.5",
|
"karma-mocha-reporter": "2.2.5",
|
||||||
"karma-notify-reporter": "1.3.0",
|
"karma-notify-reporter": "1.3.0",
|
||||||
"mocha": "9.2.2",
|
"mocha": "9.2.2",
|
||||||
"ng-packagr": "14.2.2",
|
"ng-packagr": "15.2.2",
|
||||||
"selenium-webdriver": "4.18.1",
|
"selenium-webdriver": "4.5.0",
|
||||||
"ts-node": "10.4.0",
|
"ts-node": "10.4.0",
|
||||||
"tslint": "6.1.3",
|
"tslint": "6.1.3",
|
||||||
"typescript": "4.8.4",
|
"typescript": "4.8.4",
|
||||||
|
@ -79,4 +79,4 @@
|
||||||
"webcomponent:serve-testapp": "npx http-server ./e2e/webcomponent-app/ && echo http://localhost:8080/?OV_URL=https://localhost:4443&OV_SECRET=MY_SECRET&prejoin=false"
|
"webcomponent:serve-testapp": "npx http-server ./e2e/webcomponent-app/ && echo http://localhost:8080/?OV_URL=https://localhost:4443&OV_SECRET=MY_SECRET&prejoin=false"
|
||||||
},
|
},
|
||||||
"version": "2.29.3"
|
"version": "2.29.3"
|
||||||
}
|
}
|
|
@ -4,12 +4,12 @@
|
||||||
},
|
},
|
||||||
"name": "openvidu-angular",
|
"name": "openvidu-angular",
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"@angular/animations": "^14.0.0",
|
"@angular/animations": "^15.0.0",
|
||||||
"@angular/common": "^14.0.0",
|
"@angular/common": "^15.0.0",
|
||||||
"@angular/core": "^14.0.0",
|
"@angular/core": "^15.0.0",
|
||||||
"@angular/flex-layout": "^14.0.0-beta.40",
|
"@angular/flex-layout": "^15.0.0-beta.42",
|
||||||
"@angular/forms": "^14.0.0",
|
"@angular/forms": "^15.0.0",
|
||||||
"@angular/material": "^14.0.0",
|
"@angular/material": "^15.0.0",
|
||||||
"autolinker": "^4.0.0",
|
"autolinker": "^4.0.0",
|
||||||
"buffer": "^6.0.3",
|
"buffer": "^6.0.3",
|
||||||
"openvidu-browser": "2.29.1"
|
"openvidu-browser": "2.29.1"
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import { Component } from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
import { MatDialogRef } from '@angular/material/dialog';
|
import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @internal
|
* @internal
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import { Component, Inject } from '@angular/core';
|
import { Component, Inject } from '@angular/core';
|
||||||
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
|
import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
|
||||||
import { DialogData } from '../../models/dialog.model';
|
import { DialogData } from '../../models/dialog.model';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import { Component, Inject } from '@angular/core';
|
import { Component, Inject } from '@angular/core';
|
||||||
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
|
import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
|
||||||
import { DialogData } from '../../models/dialog.model';
|
import { DialogData } from '../../models/dialog.model';
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import { Component, Inject } from '@angular/core';
|
import { Component, Inject } from '@angular/core';
|
||||||
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
|
import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
|
||||||
import { RecordingDialogData } from '../../models/dialog.model';
|
import { RecordingDialogData } from '../../models/dialog.model';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -79,7 +79,7 @@ export class SessionComponent implements OnInit, OnDestroy {
|
||||||
protected readonly SIDENAV_WIDTH_LIMIT_MODE = 790;
|
protected readonly SIDENAV_WIDTH_LIMIT_MODE = 790;
|
||||||
protected menuSubscription: Subscription;
|
protected menuSubscription: Subscription;
|
||||||
protected layoutWidthSubscription: Subscription;
|
protected layoutWidthSubscription: Subscription;
|
||||||
protected updateLayoutInterval: NodeJS.Timer;
|
protected updateLayoutInterval: NodeJS.Timeout;
|
||||||
private captionLanguageSubscription: Subscription;
|
private captionLanguageSubscription: Subscription;
|
||||||
protected log: ILogger;
|
protected log: ILogger;
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
import { AfterViewInit, Component, OnInit, Output, ViewChild, EventEmitter, OnDestroy } from '@angular/core';
|
import { AfterViewInit, Component, OnInit, Output, ViewChild, EventEmitter, OnDestroy } from '@angular/core';
|
||||||
import { MatMenuTrigger } from '@angular/material/menu';
|
import { MatLegacyMenuTrigger as MatMenuTrigger } from '@angular/material/legacy-menu';
|
||||||
import { MatSelect } from '@angular/material/select';
|
import { MatLegacySelect as MatSelect } from '@angular/material/legacy-select';
|
||||||
import { StorageService } from '../../../services/storage/storage.service';
|
import { StorageService } from '../../../services/storage/storage.service';
|
||||||
import { TranslateService } from '../../../services/translate/translate.service';
|
import { TranslateService } from '../../../services/translate/translate.service';
|
||||||
import { LangOption } from '../../../models/lang.model';
|
import { LangOption } from '../../../models/lang.model';
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
import { animate, style, transition, trigger } from '@angular/animations';
|
import { animate, style, transition, trigger } from '@angular/animations';
|
||||||
import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
|
import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
|
||||||
import { MatMenuPanel, MatMenuTrigger } from '@angular/material/menu';
|
import { MatLegacyMenuPanel as MatMenuPanel, MatLegacyMenuTrigger as MatMenuTrigger } from '@angular/material/legacy-menu';
|
||||||
import { PublisherProperties } from 'openvidu-browser';
|
import { PublisherProperties } from 'openvidu-browser';
|
||||||
import { Subscription } from 'rxjs';
|
import { Subscription } from 'rxjs';
|
||||||
import { VideoSizeIcon } from '../../models/icon.model';
|
import { VideoSizeIcon } from '../../models/icon.model';
|
||||||
|
|
|
@ -18,7 +18,7 @@ import { DocumentService } from '../../services/document/document.service';
|
||||||
import { PanelService } from '../../services/panel/panel.service';
|
import { PanelService } from '../../services/panel/panel.service';
|
||||||
|
|
||||||
import { MediaChange } from '@angular/flex-layout';
|
import { MediaChange } from '@angular/flex-layout';
|
||||||
import { MatMenuTrigger } from '@angular/material/menu';
|
import { MatLegacyMenuTrigger as MatMenuTrigger } from '@angular/material/legacy-menu';
|
||||||
import { Session } from 'openvidu-browser';
|
import { Session } from 'openvidu-browser';
|
||||||
import {
|
import {
|
||||||
ToolbarAdditionalButtonsDirective,
|
ToolbarAdditionalButtonsDirective,
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import { MatSnackBarConfig } from '@angular/material/snack-bar';
|
import { MatLegacySnackBarConfig as MatSnackBarConfig } from '@angular/material/legacy-snack-bar';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @internal
|
* @internal
|
||||||
|
|
|
@ -1,25 +1,25 @@
|
||||||
import { MatBadgeModule } from '@angular/material/badge';
|
import { MatBadgeModule } from '@angular/material/badge';
|
||||||
import { MatButtonModule } from '@angular/material/button';
|
import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
|
||||||
import { MatCardModule } from '@angular/material/card';
|
import { MatLegacyCardModule as MatCardModule } from '@angular/material/legacy-card';
|
||||||
import { MatOptionModule } from '@angular/material/core';
|
import { MatLegacyOptionModule as MatOptionModule } from '@angular/material/legacy-core';
|
||||||
import { MatDialogModule } from '@angular/material/dialog';
|
import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
|
||||||
import { MatFormFieldModule } from '@angular/material/form-field';
|
import { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';
|
||||||
import { MatGridListModule } from '@angular/material/grid-list';
|
import { MatGridListModule } from '@angular/material/grid-list';
|
||||||
import { MatIconModule } from '@angular/material/icon';
|
import { MatIconModule } from '@angular/material/icon';
|
||||||
import { MatInputModule } from '@angular/material/input';
|
import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
|
||||||
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
|
||||||
import { MatSnackBarModule } from '@angular/material/snack-bar';
|
import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
|
||||||
import { MatSelectModule } from '@angular/material/select';
|
import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
|
||||||
import { MatSidenavModule } from '@angular/material/sidenav';
|
import { MatSidenavModule } from '@angular/material/sidenav';
|
||||||
import { MatSliderModule } from '@angular/material/slider';
|
import { MatLegacySliderModule as MatSliderModule } from '@angular/material/legacy-slider';
|
||||||
import { MatToolbarModule } from '@angular/material/toolbar';
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
||||||
import { MatTooltipModule } from '@angular/material/tooltip';
|
import { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip';
|
||||||
import { FlexLayoutModule } from '@angular/flex-layout';
|
import { FlexLayoutModule } from '@angular/flex-layout';
|
||||||
import { MatMenuModule } from '@angular/material/menu';
|
import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
|
||||||
import { MatListModule } from '@angular/material/list';
|
import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
|
||||||
import { MatDividerModule } from '@angular/material/divider';
|
import { MatDividerModule } from '@angular/material/divider';
|
||||||
import { MatExpansionModule } from '@angular/material/expansion';
|
import { MatExpansionModule } from '@angular/material/expansion';
|
||||||
import {MatSlideToggleModule} from '@angular/material/slide-toggle';
|
import {MatLegacySlideToggleModule as MatSlideToggleModule} from '@angular/material/legacy-slide-toggle';
|
||||||
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
||||||
import { NgModule } from '@angular/core';
|
import { NgModule } from '@angular/core';
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
import { TestBed } from '@angular/core/testing';
|
import { TestBed } from '@angular/core/testing';
|
||||||
import { MatDialog } from '@angular/material/dialog';
|
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
|
||||||
import { MatSnackBarModule } from '@angular/material/snack-bar';
|
import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
|
||||||
|
|
||||||
import { ActionService } from './action.service';
|
import { ActionService } from './action.service';
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
import { Injectable } from '@angular/core';
|
import { Injectable } from '@angular/core';
|
||||||
import { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
|
import { MatLegacyDialog as MatDialog, MatLegacyDialogConfig as MatDialogConfig, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
|
||||||
import { MatSnackBar } from '@angular/material/snack-bar';
|
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
|
||||||
import { Subscription } from 'rxjs';
|
import { Subscription } from 'rxjs';
|
||||||
import { DeleteDialogComponent } from '../../components/dialogs/delete-recording.component';
|
import { DeleteDialogComponent } from '../../components/dialogs/delete-recording.component';
|
||||||
import { DialogTemplateComponent } from '../../components/dialogs/dialog.component';
|
import { DialogTemplateComponent } from '../../components/dialogs/dialog.component';
|
||||||
|
|
|
@ -12,7 +12,7 @@ export class BroadcastingService {
|
||||||
broadcastingStatusObs: Observable<{ status: BroadcastingStatus; time?: Date } | undefined>;
|
broadcastingStatusObs: Observable<{ status: BroadcastingStatus; time?: Date } | undefined>;
|
||||||
|
|
||||||
private broadcastingTime: Date | undefined;
|
private broadcastingTime: Date | undefined;
|
||||||
private broadcastingTimeInterval: NodeJS.Timer;
|
private broadcastingTimeInterval: NodeJS.Timeout;
|
||||||
private broadcastingStatus = <BehaviorSubject<{ status: BroadcastingStatus; time?: Date } | undefined>>new BehaviorSubject(undefined);
|
private broadcastingStatus = <BehaviorSubject<{ status: BroadcastingStatus; time?: Date } | undefined>>new BehaviorSubject(undefined);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -18,7 +18,7 @@ export class RecordingService {
|
||||||
*/
|
*/
|
||||||
forceUpdateRecordingsObs: Subject<void> = new Subject();
|
forceUpdateRecordingsObs: Subject<void> = new Subject();
|
||||||
private recordingTime: Date | undefined;
|
private recordingTime: Date | undefined;
|
||||||
private recordingTimeInterval: NodeJS.Timer;
|
private recordingTimeInterval: NodeJS.Timeout;
|
||||||
private currentRecording: RecordingInfo = { status: RecordingStatus.STOPPED };
|
private currentRecording: RecordingInfo = { status: RecordingStatus.STOPPED };
|
||||||
private recordingStatus = <BehaviorSubject<{ info: RecordingInfo; time?: Date } | undefined>>new BehaviorSubject(undefined);
|
private recordingStatus = <BehaviorSubject<{ info: RecordingInfo; time?: Date } | undefined>>new BehaviorSubject(undefined);
|
||||||
private baseUrl = '/' + (!!window.location.pathname.split('/')[1] ? window.location.pathname.split('/')[1] + '/' : '');
|
private baseUrl = '/' + (!!window.location.pathname.split('/')[1] ? window.location.pathname.split('/')[1] + '/' : '');
|
||||||
|
|
|
@ -8,20 +8,8 @@ import {
|
||||||
platformBrowserDynamicTesting
|
platformBrowserDynamicTesting
|
||||||
} from '@angular/platform-browser-dynamic/testing';
|
} from '@angular/platform-browser-dynamic/testing';
|
||||||
|
|
||||||
declare const require: {
|
|
||||||
context(path: string, deep?: boolean, filter?: RegExp): {
|
|
||||||
keys(): string[];
|
|
||||||
<T>(id: string): T;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
// First, initialize the Angular testing environment.
|
// First, initialize the Angular testing environment.
|
||||||
getTestBed().initTestEnvironment(
|
getTestBed().initTestEnvironment(
|
||||||
BrowserDynamicTestingModule,
|
BrowserDynamicTestingModule,
|
||||||
platformBrowserDynamicTesting(),
|
platformBrowserDynamicTesting(),
|
||||||
);
|
);
|
||||||
|
|
||||||
// Then we find all the tests.
|
|
||||||
const context = require.context('./', true, /\.spec\.ts$/);
|
|
||||||
// And load the modules.
|
|
||||||
context.keys().map(context);
|
|
||||||
|
|
|
@ -4,7 +4,6 @@
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"outDir": "../../dist/openvidu-angular",
|
"outDir": "../../dist/openvidu-angular",
|
||||||
"module": "esnext",
|
"module": "esnext",
|
||||||
"target": "ES2020",
|
|
||||||
"moduleResolution": "node",
|
"moduleResolution": "node",
|
||||||
"lib": ["ES2020", "dom"],
|
"lib": ["ES2020", "dom"],
|
||||||
"emitDecoratorMetadata": true,
|
"emitDecoratorMetadata": true,
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
import { NgModule } from '@angular/core';
|
import { NgModule } from '@angular/core';
|
||||||
import { MatCheckboxModule } from '@angular/material/checkbox';
|
import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
|
||||||
import { BrowserModule } from '@angular/platform-browser';
|
import { BrowserModule } from '@angular/platform-browser';
|
||||||
|
|
||||||
import { MatButtonModule } from '@angular/material/button';
|
import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
|
||||||
import { MatIconModule } from '@angular/material/icon';
|
import { MatIconModule } from '@angular/material/icon';
|
||||||
import { MatMenuModule } from '@angular/material/menu';
|
import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
|
||||||
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
||||||
import { AppComponent } from './app.component';
|
import { AppComponent } from './app.component';
|
||||||
import { AppRoutingModule } from './app.routing.module';
|
import { AppRoutingModule } from './app.routing.module';
|
||||||
|
|
|
@ -6,7 +6,16 @@
|
||||||
// Include the common styles for Angular Material. We include this here so that you only
|
// Include the common styles for Angular Material. We include this here so that you only
|
||||||
// have to load a single css file for Angular Material in your app.
|
// have to load a single css file for Angular Material in your app.
|
||||||
// Be sure that you only ever include this mixin once!
|
// Be sure that you only ever include this mixin once!
|
||||||
@include mat.core();
|
// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
|
||||||
|
// The following line adds:
|
||||||
|
// 1. Default typography styles for all components
|
||||||
|
// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1)
|
||||||
|
// If you specify typography styles for the components you use elsewhere, you should delete this line.
|
||||||
|
// If you don't need the default component typographies but still want the hierarchy styles,
|
||||||
|
// you can delete this line and instead use:
|
||||||
|
// `@include mat.legacy-typography-hierarchy(mat.define-legacy-typography-config());`
|
||||||
|
@include mat.all-legacy-component-typographies();
|
||||||
|
@include mat.legacy-core();
|
||||||
|
|
||||||
// Define the palettes for your theme using the Material Design palettes available in palette.scss
|
// Define the palettes for your theme using the Material Design palettes available in palette.scss
|
||||||
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
|
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
|
||||||
|
@ -32,7 +41,7 @@ $openvidu-components-theme: mat.define-light-theme(
|
||||||
// Include theme styles for core and each component used in your app.
|
// Include theme styles for core and each component used in your app.
|
||||||
// Alternatively, you can import and @include the theme mixins for each component
|
// Alternatively, you can import and @include the theme mixins for each component
|
||||||
// that you are using.
|
// that you are using.
|
||||||
@include mat.all-component-themes($openvidu-components-theme);
|
@include mat.all-legacy-component-themes($openvidu-components-theme);
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Material Icons';
|
font-family: 'Material Icons';
|
||||||
|
|
|
@ -9,7 +9,16 @@
|
||||||
// Include the common styles for Angular Material. We include this here so that you only
|
// Include the common styles for Angular Material. We include this here so that you only
|
||||||
// have to load a single css file for Angular Material in your app.
|
// have to load a single css file for Angular Material in your app.
|
||||||
// Be sure that you only ever include this mixin once!
|
// Be sure that you only ever include this mixin once!
|
||||||
@include mat.core();
|
// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
|
||||||
|
// The following line adds:
|
||||||
|
// 1. Default typography styles for all components
|
||||||
|
// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1)
|
||||||
|
// If you specify typography styles for the components you use elsewhere, you should delete this line.
|
||||||
|
// If you don't need the default component typographies but still want the hierarchy styles,
|
||||||
|
// you can delete this line and instead use:
|
||||||
|
// `@include mat.legacy-typography-hierarchy(mat.define-legacy-typography-config());`
|
||||||
|
@include mat.all-legacy-component-typographies();
|
||||||
|
@include mat.legacy-core();
|
||||||
|
|
||||||
// Define the palettes for your theme using the Material Design palettes available in palette.scss
|
// Define the palettes for your theme using the Material Design palettes available in palette.scss
|
||||||
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
|
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
|
||||||
|
@ -33,7 +42,7 @@ $openvidu-components-theme: mat.define-light-theme((
|
||||||
// Include theme styles for core and each component used in your app.
|
// Include theme styles for core and each component used in your app.
|
||||||
// Alternatively, you can import and @include the theme mixins for each component
|
// Alternatively, you can import and @include the theme mixins for each component
|
||||||
// that you are using.
|
// that you are using.
|
||||||
@include mat.all-component-themes($openvidu-components-theme);
|
@include mat.all-legacy-component-themes($openvidu-components-theme);
|
||||||
|
|
||||||
|
|
||||||
// Custom openvidu-components styles
|
// Custom openvidu-components styles
|
||||||
|
|
|
@ -7,19 +7,8 @@ import {
|
||||||
platformBrowserDynamicTesting
|
platformBrowserDynamicTesting
|
||||||
} from '@angular/platform-browser-dynamic/testing';
|
} from '@angular/platform-browser-dynamic/testing';
|
||||||
|
|
||||||
declare const require: {
|
|
||||||
context(path: string, deep?: boolean, filter?: RegExp): {
|
|
||||||
keys(): string[];
|
|
||||||
<T>(id: string): T;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
// First, initialize the Angular testing environment.
|
// First, initialize the Angular testing environment.
|
||||||
getTestBed().initTestEnvironment(
|
getTestBed().initTestEnvironment(
|
||||||
BrowserDynamicTestingModule,
|
BrowserDynamicTestingModule,
|
||||||
platformBrowserDynamicTesting()
|
platformBrowserDynamicTesting()
|
||||||
);
|
);
|
||||||
// Then we find all the tests.
|
|
||||||
const context = require.context('./', true, /\.spec\.ts$/);
|
|
||||||
// And load the modules.
|
|
||||||
context.keys().map(context);
|
|
||||||
|
|
Loading…
Reference in New Issue