@flexem/fc-gui 3.0.0-alpha.16 → 3.0.0-alpha.161

package/elements/vector-graphics/sector-element.d.ts

@@ -1,9 +1,9 @@
-import { ConditionalDynamicDisplayModel } from '../../model';
-import { PermissionChecker } from '../../service';
-import { VariableCommunicator } from '../../communication';
-import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
-import { VariableStore } from '../../config';
-export declare class SectorElement extends ConditionalDynamicDisplayElement {
-    readonly model: ConditionalDynamicDisplayModel;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, signalRAppId: string);
-}
+import { ConditionalDynamicDisplayModel } from '../../model';
+import { PermissionChecker } from '../../service';
+import { VariableCommunicator } from '../../communication';
+import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
+import { VariableStore } from '../../config';
+export declare class SectorElement extends ConditionalDynamicDisplayElement {
+    readonly model: ConditionalDynamicDisplayModel;
+    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, signalRAppId: string);
+}

package/elements/vector-graphics/sector-element.js

@@ -1,6 +1,6 @@
-import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
-export class SectorElement extends ConditionalDynamicDisplayElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
-    }
-}
+import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
+export class SectorElement extends ConditionalDynamicDisplayElement {
+    constructor(element, permissionChecker, variableCommunicator, variableStore, signalRAppId) {
+        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
+    }
+}

package/elements/vector-graphics/straight-line-element.d.ts

@@ -1,12 +1,12 @@
-import { Size, Point } from '../../model';
-import { PermissionChecker } from '../../service';
-import { VariableCommunicator } from '../../communication';
-import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
-import { StraightLineModel } from '../../model/straight-line/straight-line-model';
-import { VariableStore } from '../../config';
-export declare class StraightLineElement extends ConditionalDynamicDisplayElement {
-    readonly model: StraightLineModel;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, signalRAppId: string);
-    getActualSize(): Size;
-    getActualLocation(): Point;
-}
+import { Size, Point } from '../../model';
+import { PermissionChecker } from '../../service';
+import { VariableCommunicator } from '../../communication';
+import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
+import { StraightLineModel } from '../../model/straight-line/straight-line-model';
+import { VariableStore } from '../../config';
+export declare class StraightLineElement extends ConditionalDynamicDisplayElement {
+    readonly model: StraightLineModel;
+    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, signalRAppId: string);
+    getActualSize(): Size;
+    getActualLocation(): Point;
+}

package/elements/vector-graphics/straight-line-element.js

@@ -1,19 +1,19 @@
-import { Size } from '../../model';
-import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
-export class StraightLineElement extends ConditionalDynamicDisplayElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
-    }
-    getActualSize() {
-        const arcPath = Snap(this.$element.find('path')[0]);
-        const b = arcPath.getBBox(true);
-        return new Size(b.width, b.height);
-    }
-    getActualLocation() {
-        const x = this.model.location.x;
-        const y = this.model.location.y;
-        return {
-            x, y
-        };
-    }
-}
+import { Size } from '../../model';
+import { ConditionalDynamicDisplayElement } from '../base/conditional-dynamic-display-element';
+export class StraightLineElement extends ConditionalDynamicDisplayElement {
+    constructor(element, permissionChecker, variableCommunicator, variableStore, signalRAppId) {
+        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
+    }
+    getActualSize() {
+        const arcPath = Snap(this.$element.find('path')[0]);
+        const b = arcPath.getBBox(true);
+        return new Size(b.width, b.height);
+    }
+    getActualLocation() {
+        const x = this.model.location.x;
+        const y = this.model.location.y;
+        return {
+            x, y
+        };
+    }
+}

package/elements/video/video-element.d.ts

@@ -1,27 +1,37 @@
-import { Injector } from '@angular/core';
-import { PermissionChecker } from '../../service';
-import { VariableCommunicator } from '../../communication';
-import { ConditionalDisplayElement } from '../base/conditional-display-element';
-import { VideoModel } from '../../model/video/video.model';
-import { VideoService } from '../../service';
-import { Size } from '../../model';
-import { VariableStore } from '../../config';
-export declare class VideoElement extends ConditionalDisplayElement {
-    private readonly videoService;
-    private readonly guiSize;
-    private readonly svgRootClass;
-    readonly model: VideoModel;
-    private isMobileMode;
-    private readonly localization;
-    private videoId;
-    private isShow;
-    private videoPlayer;
-    constructor(element: HTMLElement, injector: Injector, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, videoService: VideoService, guiSize: Size, svgRootClass: string, signalRAppId: string);
-    dispose(): void;
-    hide(): void;
-    show(): void;
-    private init;
-    private initVideo;
-    private addVideoAddressToolTip;
-    private setAndroidVideo;
-}
+import { Injector } from '@angular/core';
+import { PermissionChecker } from '../../service';
+import { VariableCommunicator } from '../../communication';
+import { ConditionalDisplayElement } from '../base/conditional-display-element';
+import { VideoModel } from '../../model/video/video.model';
+import { VideoService } from '../../service';
+import { Size } from '../../model';
+import { VariableStore } from '../../config';
+export declare class VideoElement extends ConditionalDisplayElement {
+    private readonly videoService;
+    private readonly guiSize;
+    private readonly svgRootClass;
+    readonly model: VideoModel;
+    private isMobileMode;
+    private readonly localization;
+    private videoId;
+    private isShow;
+    private videoPlayer;
+    private refreshTimer;
+    private isFullscreen;
+    private videoUrl;
+    private visibilityChangeHandler;
+    private timeUpdateWatchdog;
+    private lastTimeUpdate;
+    constructor(element: HTMLElement, injector: Injector, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, videoService: VideoService, guiSize: Size, svgRootClass: string, signalRAppId: string);
+    dispose(): void;
+    hide(): void;
+    show(): void;
+    private init;
+    private initVideo;
+    private addVideoAddressToolTip;
+    private setAndroidVideo;
+    private initVisibilityHandler;
+    private startTimeUpdateWatchdog;
+    private clearTimeUpdateWatchdog;
+    private setIosVideo;
+}

package/elements/video/video-element.js

@@ -1,160 +1,258 @@
-import { ConditionalDisplayElement } from '../base/conditional-display-element';
-import { Guid } from '../../utils/guid';
-import { DisplayMode, GlobalSettings } from '../../settings';
-import { TextElementModal } from '../shared/text/text-element';
-import { LOCALIZATION } from '../../localization';
-import { isNil } from 'lodash';
-export class VideoElement extends ConditionalDisplayElement {
-    constructor(element, injector, permissionChecker, variableCommunicator, variableStore, videoService, guiSize, svgRootClass, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
-        this.videoService = videoService;
-        this.guiSize = guiSize;
-        this.svgRootClass = svgRootClass;
-        this.videoId = '';
-        this.isMobileMode = DisplayMode.Mobile === injector.get(GlobalSettings).displayMode;
-        this.localization = injector.get(LOCALIZATION);
-        this.init();
-    }
-    dispose() {
-        if (this.videoPlayer && typeof this.videoPlayer.stop === 'function') {
-            this.videoPlayer.stop();
-        }
-        $('div.' + this.svgRootClass + ' video').each(function () {
-            $(this).remove();
-        });
-    }
-    hide() {
-        super.hide();
-        this.isShow = false;
-        if (!isNil(this.videoId) && this.videoId !== '') {
-            setTimeout(() => {
-                $('#' + this.videoId).hide();
-            }, 0);
-        }
-    }
-    show() {
-        super.show();
-        this.isShow = true;
-        setTimeout(() => {
-            $('#' + this.videoId).show();
-        }, 0);
-    }
-    init() {
-        this.rootElement.selectAll('*').remove();
-        if (!this.model.videoTag) {
-            this.addVideoAddressToolTip(this.localization.unconfiguredVideoAddress);
-            return;
-        }
-        this.videoId = Guid.newGuid().toString('n');
-        this.rootElement.append('rect').attr('id', 'rect' + this.videoId).attr('fill', 'transparent')
-            .attr('width', this.model.size.width)
-            .attr('height', this.model.size.height);
-        this.videoService.getVideoUrl(this.model.videoTag).then(result => {
-            this.initVideo(result.url, result.isMobileType, this.videoId);
-        }).catch(() => {
-            throw new Error('Failure of the videoService');
-        });
-    }
-    initVideo(videoUrl, isMobileType, videoId) {
-        const patt = /https:.+.m3u8/;
-        if (videoUrl.indexOf('http:') !== -1) {
-            videoUrl = videoUrl.replace('http:', 'https:');
-        }
-        if (!patt.test(videoUrl)) {
-            let videoToolTip = this.localization.invalidVideoAddress;
-            if (isNil(videoUrl) || videoUrl === '') {
-                videoToolTip = this.localization.unconfiguredVideoAddress;
-            }
-            this.addVideoAddressToolTip(videoToolTip);
-            return;
-        }
-        const currentRect = this.$element.find('rect#rect' + videoId).first();
-        if (!currentRect.length) {
-            return;
-        }
-        const clientRect = currentRect[0].getBoundingClientRect();
-        const chartWidth = clientRect.width;
-        const chartHeight = clientRect.height;
-        const left = this.model.location.x / this.guiSize.width * $('.' + this.svgRootClass).find('.svg-content').width();
-        const top = this.model.location.y / this.guiSize.height * $('.' + this.svgRootClass).find('.svg-content').height();
-        let videoHtml = `<video scareX="${this.model.location.x / this.guiSize.width}"
-    scareY="${this.model.location.y / this.guiSize.height}" id="${videoId}" src="${videoUrl}" style="
-    position: absolute;top:${top}px;left:${left}px;width:${chartWidth}px;height:${chartHeight}px;object-fit:fill;z-index:0"
-    playsInline webkit-playsinline `;
-        const isAndroid = !!navigator.userAgent.match(/(Android)/i);
-        if (this.isMobileMode) {
-            if (isAndroid) {
-                if (isMobileType) {
-                    videoHtml += ' controls ';
-                }
-                videoHtml += ' autoplay muted></video>';
-            }
-            else {
-                videoHtml += ' controls muted></video>';
-            }
-        }
-        else {
-            videoHtml += ' controls autoplay muted></video>';
-        }
-        $('.' + this.svgRootClass).find('.svg-content').append(videoHtml);
-        if (this.isShow === false) {
-            $('#' + this.videoId).hide();
-        }
-        this.videoPlayer = new EZUIPlayer(videoId);
-        if (isAndroid && !isMobileType) {
-            this.setAndroidVideo(videoId);
-        }
-    }
-    addVideoAddressToolTip(videoToolTip) {
-        const size = this.model.size;
-        this.rootElement.append('image')
-            .attr('width', size.width)
-            .attr('height', size.height)
-            .attr('xlink:href', 'assets/img/video.jpg')
-            .attr('preserveAspectRatio', 'none')
-            .attr('crossorigin', 'anonymous');
-        const font = {
-            isUnderline: false,
-            isBold: false,
-            isItalic: false,
-            fontSize: '16px',
-            fontFamily: 'Microsoft YaHei',
-            color: '#fff',
-            textAlign: 'center'
-        };
-        const textElement = new TextElementModal(videoToolTip, font, size.width, size.height);
-        this.$element.append(textElement.Element);
-    }
-    setAndroidVideo(videoId) {
-        let isFullscreen = false;
-        const videoElement = $('#' + videoId);
-        let preHeight = videoElement.height();
-        let preWidth = videoElement.width();
-        let preTop = videoElement.css('top');
-        let preLeft = videoElement.css('left');
-        videoElement.on('click', () => {
-            if (!isFullscreen) {
-                preHeight = videoElement.height();
-                preWidth = videoElement.width();
-                preTop = videoElement.css('top');
-                preLeft = videoElement.css('left');
-                const width = document.body.clientWidth;
-                const height = width * 9 / 16;
-                videoElement.css('width', width + 'px');
-                videoElement.css('height', height + 'px');
-                videoElement.css('left', '0px');
-                videoElement.css('top', '0px');
-                videoElement.css('z-index', '99');
-                isFullscreen = true;
-            }
-            else {
-                videoElement.css('width', preWidth + 'px');
-                videoElement.css('height', preHeight + 'px');
-                videoElement.css('left', preLeft);
-                videoElement.css('top', preTop);
-                videoElement.css('z-index', '0');
-                isFullscreen = false;
-            }
-        });
-    }
-}
+import { ConditionalDisplayElement } from '../base/conditional-display-element';
+import { Guid } from '../../utils/guid';
+import { DisplayMode, GlobalSettings } from '../../settings';
+import { TextElementModal } from '../shared/text/text-element';
+import { LOCALIZATION } from '../../localization';
+import { isNil } from 'lodash';
+export class VideoElement extends ConditionalDisplayElement {
+    constructor(element, injector, permissionChecker, variableCommunicator, variableStore, videoService, guiSize, svgRootClass, signalRAppId) {
+        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
+        this.videoService = videoService;
+        this.guiSize = guiSize;
+        this.svgRootClass = svgRootClass;
+        this.videoId = '';
+        this.isFullscreen = false;
+        this.lastTimeUpdate = 0;
+        this.isMobileMode = DisplayMode.Mobile === injector.get(GlobalSettings).displayMode;
+        this.localization = injector.get(LOCALIZATION);
+        this.initVisibilityHandler();
+        this.init();
+    }
+    dispose() {
+        if (this.videoPlayer && typeof this.videoPlayer.stop === 'function') {
+            this.videoPlayer.stop();
+        }
+        $('div.' + this.svgRootClass + ' video').each(function () {
+            $(this).remove();
+        });
+        if (this.visibilityChangeHandler) {
+            document.removeEventListener('visibilitychange', this.visibilityChangeHandler);
+        }
+        this.clearTimeUpdateWatchdog();
+    }
+    hide() {
+        super.hide();
+        this.isShow = false;
+        if (!isNil(this.videoId) && this.videoId !== '') {
+            setTimeout(() => {
+                $('#' + this.videoId).hide();
+            }, 0);
+        }
+    }
+    show() {
+        super.show();
+        this.isShow = true;
+        setTimeout(() => {
+            $('#' + this.videoId).show();
+        }, 0);
+    }
+    init() {
+        this.rootElement.selectAll('*').remove();
+        if (!this.model.videoTag) {
+            this.addVideoAddressToolTip(this.localization.unconfiguredVideoAddress);
+            return;
+        }
+        this.videoId = Guid.newGuid().toString('n');
+        this.rootElement.append('rect').attr('id', 'rect' + this.videoId).attr('fill', 'transparent')
+            .attr('width', this.model.size.width)
+            .attr('height', this.model.size.height);
+        this.videoService.getVideoUrl(this.model.videoTag).then(result => {
+            this.videoUrl = result.url;
+            this.initVideo(result.url, this.videoId);
+        }).catch(() => {
+            throw new Error('Failure of the videoService');
+        });
+    }
+    initVideo(videoUrl, videoId) {
+        const patt = /https:.+.m3u8/;
+        if (videoUrl.indexOf('http:') !== -1) {
+            videoUrl = videoUrl.replace('http:', 'https:');
+        }
+        if (!patt.test(videoUrl)) {
+            let videoToolTip = this.localization.invalidVideoAddress;
+            if (isNil(videoUrl) || videoUrl === '') {
+                videoToolTip = this.localization.unconfiguredVideoAddress;
+            }
+            this.addVideoAddressToolTip(videoToolTip);
+            return;
+        }
+        const isAndroid = !!navigator.userAgent.match(/(Android)/i);
+        const isIos = !!navigator.userAgent.match(/(Mac)/i);
+        const currentRect = this.$element.find('rect#rect' + videoId).first();
+        if (!currentRect.length) {
+            return;
+        }
+        const clientRect = currentRect[0].getBoundingClientRect();
+        const chartWidth = clientRect.width;
+        const chartHeight = clientRect.height;
+        const left = this.model.location.x / this.guiSize.width * $('.' + this.svgRootClass).find('.svg-content').width();
+        const top = this.model.location.y / this.guiSize.height * $('.' + this.svgRootClass).find('.svg-content').height();
+        const scareX = this.model.location.x / this.guiSize.width;
+        const scareY = this.model.location.y / this.guiSize.height;
+        if (isIos) {
+            videoUrl = videoUrl + '#t=1';
+        }
+        const preload = isIos ? ' preload=\'metadata\'' : '';
+        let videoHtml = `<video scareX="${scareX}"
+                scareY="${scareY}" id="${videoId}" ${preload} src="${videoUrl}" width="${chartWidth}" height="${chartHeight}"
+                style="position: absolute;top:${top}px;left:${left}px;object-fit:fill;z-index:0;"
+                playsInline webkit-playsinline `;
+        if (this.isMobileMode) {
+            if (isAndroid) {
+                videoHtml += ' muted></video>';
+            }
+            else {
+                videoHtml += ' controls muted></video>';
+            }
+        }
+        else {
+            videoHtml += ' controls autoplay muted></video>';
+        }
+        $('.' + this.svgRootClass).find('.svg-content').append(videoHtml);
+        if (this.isShow === false) {
+            $('#' + this.videoId).hide();
+        }
+        setTimeout(() => {
+            if (isAndroid) {
+                this.setAndroidVideo(videoId);
+            }
+            else if (isIos) {
+                this.setIosVideo(this.videoUrl, videoId);
+            }
+            try {
+                this.videoPlayer = new EZUIPlayer(videoId);
+                if (isAndroid) {
+                    // 确保在 EZUIPlayer 初始化后才调用 play 方法
+                    this.videoPlayer.on('canplay', () => {
+                        this.videoPlayer.play();
+                    });
+                }
+                this.startTimeUpdateWatchdog(videoId);
+            }
+            catch (err) {
+                console.log(err);
+            }
+        }, 1000);
+        const style = document.createElement('style');
+        style.innerHTML = `#${videoId}::-webkit-media-controls-enclosure {
+            display: none;
+        }`;
+        document.head.append();
+    }
+    addVideoAddressToolTip(videoToolTip) {
+        const size = this.model.size;
+        this.rootElement.append('image')
+            .attr('width', size.width)
+            .attr('height', size.height)
+            .attr('xlink:href', 'assets/img/video.jpg')
+            .attr('preserveAspectRatio', 'none')
+            .attr('crossorigin', 'anonymous');
+        const font = {
+            isUnderline: false,
+            isBold: false,
+            isItalic: false,
+            fontSize: '16px',
+            fontFamily: 'Microsoft YaHei',
+            color: '#fff',
+            textAlign: 'center'
+        };
+        const textElement = new TextElementModal(videoToolTip, font, size.width, size.height);
+        this.$element.append(textElement.Element);
+    }
+    setAndroidVideo(videoId) {
+        const videoElement = $('#' + videoId);
+        let preHeight = videoElement.height();
+        let preWidth = videoElement.width();
+        let preTop = videoElement.css('top');
+        let preLeft = videoElement.css('left');
+        const { StatusBar } = window;
+        videoElement.on('click', () => {
+            if (!this.isFullscreen) {
+                if (StatusBar) {
+                    StatusBar.hide();
+                }
+                preHeight = videoElement.height();
+                preWidth = videoElement.width();
+                preTop = videoElement.css('top');
+                preLeft = videoElement.css('left');
+                const width = document.documentElement.clientWidth;
+                const height = document.documentElement.clientHeight;
+                videoElement.css('object-fit', 'contain');
+                videoElement.css('background', '#000000');
+                videoElement.css('width', width + 'px');
+                videoElement.css('height', height + 'px');
+                videoElement.css('left', '0px');
+                videoElement.css('top', '0px');
+                videoElement.css('z-index', '99');
+                videoElement.css('position', 'fixed');
+                this.isFullscreen = true;
+                try {
+                    screen.orientation.lock(screen.orientation.type);
+                }
+                catch (error) {
+                    console.error(error);
+                }
+            }
+            else {
+                videoElement.css('object-fit', 'fill');
+                videoElement.css('width', preWidth + 'px');
+                videoElement.css('height', preHeight + 'px');
+                videoElement.css('left', preLeft);
+                videoElement.css('top', preTop);
+                videoElement.css('z-index', '0');
+                videoElement.css('position', 'absolute');
+                this.isFullscreen = false;
+                try {
+                    if (screen.orientation.type.includes('portrait')) {
+                        StatusBar.show();
+                    }
+                }
+                catch (error) {
+                    console.error(error);
+                }
+            }
+        });
+    }
+    initVisibilityHandler() {
+        this.visibilityChangeHandler = () => {
+            if (!document.hidden && this.videoUrl && this.videoId) {
+                this.initVideo(this.videoUrl, this.videoId);
+            }
+        };
+        document.addEventListener('visibilitychange', this.visibilityChangeHandler);
+    }
+    startTimeUpdateWatchdog(videoId) {
+        this.clearTimeUpdateWatchdog();
+        this.lastTimeUpdate = Date.now();
+        const videoEl = document.getElementById(videoId);
+        if (videoEl && videoEl.tagName === 'VIDEO') {
+            videoEl.addEventListener('timeupdate', () => {
+                this.lastTimeUpdate = Date.now();
+            });
+        }
+        this.timeUpdateWatchdog = setInterval(() => {
+            if (document.hidden)
+                return;
+            if (Date.now() - this.lastTimeUpdate > 30000) {
+                this.initVideo(this.videoUrl, this.videoId);
+            }
+        }, 30000);
+    }
+    clearTimeUpdateWatchdog() {
+        if (this.timeUpdateWatchdog) {
+            clearInterval(this.timeUpdateWatchdog);
+            this.timeUpdateWatchdog = null;
+        }
+    }
+    setIosVideo(videoUrl, videoId) {
+        const video = $('#' + this.videoId);
+        video.on('webkitendfullscreen', () => {
+            video.remove();
+            clearTimeout(this.refreshTimer);
+            this.refreshTimer = null;
+            this.refreshTimer = setTimeout(() => {
+                this.initVideo(videoUrl, videoId);
+            }, 500);
+        });
+    }
+}

package/elements/video/video-element.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"VideoElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-display-element","name":"ConditionalDisplayElement","line":15,"character":34},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":23,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":24,"character":18},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":25,"character":27},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":26,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":27,"character":23},{"__symbolic":"reference","module":"../../service","name":"VideoService","line":28,"character":39},{"__symbolic":"reference","module":"../../model","name":"Size","line":29,"character":34},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"}]}],"dispose":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"initVideo":[{"__symbolic":"method"}],"addVideoAddressToolTip":[{"__symbolic":"method"}],"setAndroidVideo":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"VideoElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-display-element","name":"ConditionalDisplayElement","line":15,"character":34},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":31,"character":18},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":32,"character":27},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":33,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":34,"character":23},{"__symbolic":"reference","module":"../../service","name":"VideoService","line":35,"character":39},{"__symbolic":"reference","module":"../../model","name":"Size","line":36,"character":34},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"}]}],"dispose":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"initVideo":[{"__symbolic":"method"}],"addVideoAddressToolTip":[{"__symbolic":"method"}],"setAndroidVideo":[{"__symbolic":"method"}],"initVisibilityHandler":[{"__symbolic":"method"}],"startTimeUpdateWatchdog":[{"__symbolic":"method"}],"clearTimeUpdateWatchdog":[{"__symbolic":"method"}],"setIosVideo":[{"__symbolic":"method"}]}}}}]