aboutsummaryrefslogtreecommitdiffstats
path: root/sdc-workflow-designer-ui/src/app/paletx/core/overlay/fullscreen-overlay-container.ts
diff options
context:
space:
mode:
Diffstat (limited to 'sdc-workflow-designer-ui/src/app/paletx/core/overlay/fullscreen-overlay-container.ts')
-rw-r--r--sdc-workflow-designer-ui/src/app/paletx/core/overlay/fullscreen-overlay-container.ts62
1 files changed, 0 insertions, 62 deletions
diff --git a/sdc-workflow-designer-ui/src/app/paletx/core/overlay/fullscreen-overlay-container.ts b/sdc-workflow-designer-ui/src/app/paletx/core/overlay/fullscreen-overlay-container.ts
deleted file mode 100644
index 0eca202d..00000000
--- a/sdc-workflow-designer-ui/src/app/paletx/core/overlay/fullscreen-overlay-container.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * @license
- * Copyright Google Inc. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-/* tslint:disable:array-type member-access variable-name typedef
- only-arrow-functions directive-class-suffix component-class-suffix
- component-selector*/
-import {Injectable} from '@angular/core';
-import {OverlayContainer} from './overlay-container';
-
-/**
- * The FullscreenOverlayContainer is the alternative to OverlayContainer
- * that supports correct displaying of overlay elements in Fullscreen mode
- * https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen
- * It should be provided in the root component that way:
- * providers: [
- * {provide: OverlayContainer, useClass: FullscreenOverlayContainer}
- * ],
- */
-@Injectable()
-export class FullscreenOverlayContainer extends OverlayContainer {
- protected _createContainer(): void {
- super._createContainer();
- this._adjustParentForFullscreenChange();
- this._addFullscreenChangeListener(
- () => this._adjustParentForFullscreenChange());
- }
-
- private _adjustParentForFullscreenChange(): void {
- if (!this._containerElement) {
- return;
- }
- const fullscreenElement = this.getFullscreenElement();
- const parent = fullscreenElement || document.body;
- parent.appendChild(this._containerElement);
- }
-
- private _addFullscreenChangeListener(fn: () => void) {
- if (document.fullscreenEnabled) {
- document.addEventListener('fullscreenchange', fn);
- } else if (document.webkitFullscreenEnabled) {
- document.addEventListener('webkitfullscreenchange', fn);
- } else if ((document as any).mozFullScreenEnabled) {
- document.addEventListener('mozfullscreenchange', fn);
- } else if ((document as any).msFullscreenEnabled) {
- document.addEventListener('MSFullscreenChange', fn);
- }
- }
-
- /**
- * When the page is put into fullscreen mode, a specific element is specified.
- * Only that element and its children are visible when in fullscreen mode.
- */
- getFullscreenElement(): Element {
- return document.fullscreenElement || document.webkitFullscreenElement ||
- (document as any).mozFullScreenElement ||
- (document as any).msFullscreenElement || null;
- }
-}