@latest-thinking/lt-player 1.0.7-c → 1.0.7-d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latest-thinking/lt-player",
-  "version": "1.0.7-c",
+  "version": "1.0.7-d",
   "description": "LT player.",
   "main": "dist/js/lt-player-main.js",
   "module": "dist/js/lt-player-main.js",

package/src/components/addInfo/LTPlayerAddInfoDesktop.ts

@@ -2,7 +2,7 @@ import {LTPLayerAddInfo} from "./LTPlayerAddInfoManager";
 import {additionalInformation} from "../../global/types/ModuleTypes";
 
 export class LTPlayerAddInfoDesktop {
-    set(controller: LTPLayerAddInfo.Controller) {
+    set(controller: LTPLayerAddInfo.Controller, type: string) {
 
         const playerContainer = controller.plyr.elements.container;
         const playerControlsContainer = controller.plyr.elements.controls;
@@ -10,7 +10,6 @@ export class LTPlayerAddInfoDesktop {
         let additionalInfoBodyIn: Element = playerControlsContainer.querySelector('.lt-player__additional-info');
         let instance = controller;
 
-
         const getInfoButtons = (selector: Element): NodeList => {
 
             if (!selector) {
@@ -24,7 +23,7 @@ export class LTPlayerAddInfoDesktop {
         const infoButtonsOut: NodeList = getInfoButtons(additionalInfoBodyOut);
         const infoButtonsIn: NodeList = getInfoButtons(additionalInfoBodyIn);
 
-        if (!infoButtonsOut) {
+        if (type == 'in') {
             buttons = infoButtonsIn;
         } else {
             buttons = infoButtonsOut;

package/src/components/poster/LTPlayerPosterEvents.ts

@@ -91,9 +91,17 @@ export namespace LTPlayerPosterEvents {
             if (posterBody) {
                 posterBody.addEventListener('click', function LTPlayerPosterButtons(event) {
                     event.preventDefault();
+
+                    if((event.target as HTMLInputElement).classList.contains('poster-lt-player-share') ||
+                        (event.target as HTMLInputElement).classList.contains('filter')
+                    ) {
+                        return;
+                    }
+
                     instance.playerControl.desktopEvents.titleLineBreak(instance);
                     instance.playerControl.desktopEvents.playPauseIcon(instance, 'timeupdate');
                     common.poster.reset(instance);
+
                 })
             }
         }

package/src/services/ResizeService.ts

@@ -148,9 +148,7 @@ export class ResizeService {
             this.playerInstance.plyr.elements.container.insertAdjacentHTML("afterend", buttonsTemplate);
             let inserted = this.playerInstance.playerConfig.getPlayerElementContainer().querySelector('.lt-player__additional-info');
             inserted.classList.add('lt-player__additional-info__is_set_out-side');
-            this.playerInstance.plyr.on('ready', () => {
-                deskEvent.set(controller);
-            })
+            deskEvent.set(controller, 'out');
         }
 
         const createAddInfoButtonsInSide = () => {
@@ -166,7 +164,7 @@ export class ResizeService {
                 let inserted = this.playerInstance.playerConfig.getPlayerElementContainer().querySelector('.lt-player__additional-info');
                 inserted.classList.add('lt-player__additional-info__is_set_in-side');
 
-                deskEvent.set(controller);
+                deskEvent.set(controller, 'in');
             } else {
                 this.playerInstance.plyr.on('ready', () => {
 
@@ -176,43 +174,39 @@ export class ResizeService {
                     let inserted = this.playerInstance.playerConfig.getPlayerElementContainer().querySelector('.lt-player__additional-info');
                     inserted.classList.add('lt-player__additional-info__is_set_in-side');
 
-                    deskEvent.set(controller);
+                    deskEvent.set(controller, 'in');
                 })
             }
-
-
-
         }
 
-        if (containerWidth >= 380) {
-
-            if (this.addInfoInSide && containerWidth + 70 <= 380) {
-                return;
-            }
+            if (containerWidth >= 380) {
 
-            if (this.addInfoOutSide) {
-                return;
-            }
+                if (this.addInfoInSide && (containerWidth + 70 <= 380)) {
+                    return;
+                }
 
-            this.addInfoOutSide = true;
-            this.addInfoInSide = false;
+                if (this.addInfoOutSide) {
+                    return;
+                }
 
-            createAddInfoButtonsOutSide();
-        } else {
+                this.addInfoOutSide = true;
+                this.addInfoInSide = false;
 
-            if (this.addInfoOutSide && containerWidth + 70 >= 380) {
-                return;
-            }
+                createAddInfoButtonsOutSide();
+            } else {
 
-            if (this.addInfoInSide) {
-                return;
-            }
+                if (this.addInfoOutSide && (containerWidth + 70 >= 380)) {
+                    return;
+                }
 
-            this.addInfoInSide = true;
-            this.addInfoOutSide = false;
-            createAddInfoButtonsInSide();
-        }
+                if (this.addInfoInSide) {
+                    return;
+                }
 
+                this.addInfoInSide = true;
+                this.addInfoOutSide = false;
+                createAddInfoButtonsInSide();
+            }
     }
 
     protected setDimensions(containerWidth: number, containerHeight: number, defaultData: defaultType) {