aptechka 0.88.16 → 0.88.18

package/lib/video/index.cjs

@@ -1 +1 @@
-"use strict";var __defProp=Object.defineProperty;var __typeError=msg=>{throw TypeError(msg)};var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __accessCheck=(obj,member,msg)=>member.has(obj)||__typeError("Cannot "+msg);var __privateGet=(obj,member,getter)=>(__accessCheck(obj,member,"read from private field"),getter?getter.call(obj):member.get(obj)),__privateAdd=(obj,member,value)=>member.has(obj)?__typeError("Cannot add the same private member more than once"):member instanceof WeakSet?member.add(obj):member.set(obj,value),__privateSet=(obj,member,value,setter)=>(__accessCheck(obj,member,"write to private field"),setter?setter.call(obj,value):member.set(obj,value),value);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const SourceElement=require("../SourceElement-CKXnMFuT.cjs");require("../window-resizer/index.cjs");require("../Store-BkYJHJp5.cjs");const intersector_index=require("../index-Cz5-98rw.cjs"),events=require("../events-UlGk63iC.cjs");require("construct-style-sheets-polyfill");var _progress,_needToPlay,_clickElement,_checkReady,_clickListener;const _VideoElement=class _VideoElement extends SourceElement.SourceElement{constructor(){super(...arguments);__privateAdd(this,_progress,0);__privateAdd(this,_needToPlay,!1);__privateAdd(this,_clickElement,this);__privateAdd(this,_checkReady,__name(()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const newProgress=this.consumerElement.readyState/4;newProgress!==__privateGet(this,_progress)&&events.dispatchEvent(this,"videoReadyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:__privateGet(this,_progress)}}),newProgress>__privateGet(this,_progress)&&__privateSet(this,_progress,newProgress),this.consumerElement.readyState===4&&(intersector_index.ticker.unsubscribe(__privateGet(this,_checkReady)),__privateGet(this,_needToPlay)&&this.sourceManager.current&&this.consumerElement.play())},"#checkReady"));__privateAdd(this,_clickListener,__name(()=>{this.hasAttribute("click-controls")&&(this.consumerElement.paused?this.consumerElement.play():this.hasAttribute("controls")||this.consumerElement.pause())},"#clickListener"))}connectedCallback(){super.connectedCallback();const clickControlsSelector=this.getAttribute("click-controls");clickControlsSelector&&(clickControlsSelector==="parent"?__privateSet(this,_clickElement,this.parentElement):__privateSet(this,_clickElement,document.querySelector(clickControlsSelector)||this)),this.addEventListener("sourceCapture",()=>{__privateSet(this,_needToPlay,!1),this.hasAttribute("capture-autoplay")&&(this.sourceManager.current?this.consumerElement.play():__privateSet(this,_needToPlay,!0)),intersector_index.ticker.subscribe(__privateGet(this,_checkReady))}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&this.consumerElement.pause(),this.hasAttribute("release-pause")&&this.consumerElement.pause(),this.hasAttribute("release-stop")&&(this.consumerElement.pause(),this.consumerElement.currentTime=0),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0),this.hasAttribute("reload-source")&&this.classList.remove("state-0","state-1","state-2","state-3","state-4")}),__privateGet(this,_clickElement).addEventListener("click",__privateGet(this,_clickListener))}disconnectedCallback(){super.disconnectedCallback(),intersector_index.ticker.unsubscribe(__privateGet(this,_checkReady)),__privateSet(this,_progress,0),__privateGet(this,_clickElement).removeEventListener("click",__privateGet(this,_clickListener))}createConsumer(){return document.createElement("video")}consumeSource(url){this.consumerElement.src=url||"",url&&this.hasAttribute("volume")&&(this.consumerElement.volume=parseFloat(this.getAttribute("volume")||"1"))}};_progress=new WeakMap,_needToPlay=new WeakMap,_clickElement=new WeakMap,_checkReady=new WeakMap,_clickListener=new WeakMap,__name(_VideoElement,"VideoElement");let VideoElement=_VideoElement;intersector_index.isBrowser&&!customElements.get("e-video")&&customElements.define("e-video",VideoElement);exports.VideoElement=VideoElement;
+"use strict";var __defProp=Object.defineProperty;var __typeError=msg=>{throw TypeError(msg)};var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __accessCheck=(obj,member,msg)=>member.has(obj)||__typeError("Cannot "+msg);var __privateGet=(obj,member,getter)=>(__accessCheck(obj,member,"read from private field"),getter?getter.call(obj):member.get(obj)),__privateAdd=(obj,member,value)=>member.has(obj)?__typeError("Cannot add the same private member more than once"):member instanceof WeakSet?member.add(obj):member.set(obj,value),__privateSet=(obj,member,value,setter)=>(__accessCheck(obj,member,"write to private field"),setter?setter.call(obj,value):member.set(obj,value),value);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Viewport=require("../Viewport-DwPeXyM2.cjs"),SourceElement=require("../SourceElement-CKXnMFuT.cjs");require("../window-resizer/index.cjs");require("../Store-BkYJHJp5.cjs");const intersector_index=require("../index-Cz5-98rw.cjs"),events=require("../events-UlGk63iC.cjs");require("construct-style-sheets-polyfill");var _progress,_needToPlay,_clickElement,_isFullScreen,_checkReady,_clickListener,_playListener,_pauseListener,_fullscreenEndListener,_fullscreenChangeListener;const _VideoElement=class _VideoElement extends SourceElement.SourceElement{constructor(){super(...arguments);__privateAdd(this,_progress,0);__privateAdd(this,_needToPlay,!1);__privateAdd(this,_clickElement,this);__privateAdd(this,_isFullScreen,!1);__privateAdd(this,_checkReady,__name(()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const newProgress=this.consumerElement.readyState/4;newProgress!==__privateGet(this,_progress)&&events.dispatchEvent(this,"videoReadyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:__privateGet(this,_progress)}}),newProgress>__privateGet(this,_progress)&&__privateSet(this,_progress,newProgress),this.consumerElement.readyState===4&&(intersector_index.ticker.unsubscribe(__privateGet(this,_checkReady)),__privateGet(this,_needToPlay)&&this.sourceManager.current&&this.consumerElement.play())},"#checkReady"));__privateAdd(this,_clickListener,__name(()=>{__privateGet(this,_isFullScreen)||this.hasAttribute("click-controls")&&(this.consumerElement.paused?this.consumerElement.play():this.hasAttribute("controls")||this.consumerElement.pause())},"#clickListener"));__privateAdd(this,_playListener,__name(()=>{const fullscreenAttr=this.getAttribute("fullscreen"),hasPlaysinline=this.hasAttribute("playsinline");let shouldEnterFullscreen=!1;fullscreenAttr==="mobile"?shouldEnterFullscreen=Viewport.device.isMobile&&!(Viewport.device.isApple&&hasPlaysinline):fullscreenAttr!==null&&(shouldEnterFullscreen=!(Viewport.device.isApple&&hasPlaysinline)),shouldEnterFullscreen&&this.consumerElement.requestFullscreen().then(()=>{__privateSet(this,_isFullScreen,!0)}).catch(err=>{console.log("Fullscreen request failed:",err)})},"#playListener"));__privateAdd(this,_pauseListener,__name(()=>{__privateGet(this,_isFullScreen)&&this.hasAttribute("fullscreen")&&this.hasAttribute("exit-fullscreen-when-paused")&&(__privateSet(this,_isFullScreen,!1),document.exitFullscreen().catch(err=>{console.log("Exit fullscreen failed:",err)}))},"#pauseListener"));__privateAdd(this,_fullscreenEndListener,__name(()=>{__privateSet(this,_isFullScreen,!1)},"#fullscreenEndListener"));__privateAdd(this,_fullscreenChangeListener,__name(()=>{__privateSet(this,_isFullScreen,!!document.fullscreenElement),!__privateGet(this,_isFullScreen)&&this.hasAttribute("pause-on-exit-fullscreen")&&this.consumerElement.pause()},"#fullscreenChangeListener"))}connectedCallback(){super.connectedCallback();const clickControlsSelector=this.getAttribute("click-controls");clickControlsSelector&&(clickControlsSelector==="parent"?__privateSet(this,_clickElement,this.parentElement):__privateSet(this,_clickElement,document.querySelector(clickControlsSelector)||this)),this.addEventListener("sourceCapture",()=>{__privateSet(this,_needToPlay,!1),this.hasAttribute("capture-autoplay")&&(this.sourceManager.current?this.consumerElement.play():__privateSet(this,_needToPlay,!0)),intersector_index.ticker.subscribe(__privateGet(this,_checkReady))}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&this.consumerElement.pause(),this.hasAttribute("release-pause")&&this.consumerElement.pause(),this.hasAttribute("release-stop")&&(this.consumerElement.pause(),this.consumerElement.currentTime=0),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0),this.hasAttribute("reload-source")&&this.classList.remove("state-0","state-1","state-2","state-3","state-4")}),__privateGet(this,_clickElement).addEventListener("click",__privateGet(this,_clickListener)),this.consumerElement.addEventListener("play",__privateGet(this,_playListener)),this.consumerElement.addEventListener("pause",__privateGet(this,_pauseListener)),this.consumerElement.addEventListener("webkitendfullscreen",__privateGet(this,_fullscreenEndListener)),this.consumerElement.addEventListener("webkitendfullscreen",__privateGet(this,_fullscreenEndListener)),document.addEventListener("fullscreenchange",__privateGet(this,_fullscreenChangeListener))}disconnectedCallback(){super.disconnectedCallback(),intersector_index.ticker.unsubscribe(__privateGet(this,_checkReady)),__privateSet(this,_progress,0),__privateGet(this,_clickElement).removeEventListener("click",__privateGet(this,_clickListener)),this.consumerElement.removeEventListener("play",__privateGet(this,_playListener)),this.consumerElement.removeEventListener("pause",__privateGet(this,_pauseListener)),this.consumerElement.removeEventListener("webkitendfullscreen",__privateGet(this,_fullscreenEndListener)),document.removeEventListener("fullscreenchange",__privateGet(this,_fullscreenChangeListener))}createConsumer(){const video=document.createElement("video");return this.hasAttribute("playsinline")&&(video.setAttribute("playsinline",""),video.setAttribute("webkit-playsinline","")),this.hasAttribute("controls")?video.setAttribute("controls",""):video.removeAttribute("controls"),video}consumeSource(url){this.consumerElement.src=url||"",url&&this.hasAttribute("volume")&&(this.consumerElement.volume=parseFloat(this.getAttribute("volume")||"1"))}};_progress=new WeakMap,_needToPlay=new WeakMap,_clickElement=new WeakMap,_isFullScreen=new WeakMap,_checkReady=new WeakMap,_clickListener=new WeakMap,_playListener=new WeakMap,_pauseListener=new WeakMap,_fullscreenEndListener=new WeakMap,_fullscreenChangeListener=new WeakMap,__name(_VideoElement,"VideoElement");let VideoElement=_VideoElement;intersector_index.isBrowser&&!customElements.get("e-video")&&customElements.define("e-video",VideoElement);exports.VideoElement=VideoElement;

package/lib/video/index.js

@@ -5,19 +5,21 @@ var __typeError = (msg) => {
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)), __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value), __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { d as device } from "../Viewport-9ZphaP_o.js";
 import { a as SourceElement } from "../SourceElement-BDWn81gs.js";
 import "../window-resizer/index.js";
 import "../Store-DhT9WSHd.js";
 import { i as isBrowser, t as ticker } from "../index-uJboZXlu.js";
 import { d as dispatchEvent } from "../events-Ds-TuvYW.js";
 import "construct-style-sheets-polyfill";
-var _progress, _needToPlay, _clickElement, _checkReady, _clickListener;
+var _progress, _needToPlay, _clickElement, _isFullScreen, _checkReady, _clickListener, _playListener, _pauseListener, _fullscreenEndListener, _fullscreenChangeListener;
 const _VideoElement = class _VideoElement extends SourceElement {
   constructor() {
     super(...arguments);
     __privateAdd(this, _progress, 0);
     __privateAdd(this, _needToPlay, !1);
     __privateAdd(this, _clickElement, this);
+    __privateAdd(this, _isFullScreen, !1);
     __privateAdd(this, _checkReady, /* @__PURE__ */ __name(() => {
       this.classList.add(`state-${this.consumerElement.readyState}`);
       const newProgress = this.consumerElement.readyState / 4;
@@ -29,8 +31,28 @@ const _VideoElement = class _VideoElement extends SourceElement {
       }), newProgress > __privateGet(this, _progress) && __privateSet(this, _progress, newProgress), this.consumerElement.readyState === 4 && (ticker.unsubscribe(__privateGet(this, _checkReady)), __privateGet(this, _needToPlay) && this.sourceManager.current && this.consumerElement.play());
     }, "#checkReady"));
     __privateAdd(this, _clickListener, /* @__PURE__ */ __name(() => {
-      this.hasAttribute("click-controls") && (this.consumerElement.paused ? this.consumerElement.play() : this.hasAttribute("controls") || this.consumerElement.pause());
+      __privateGet(this, _isFullScreen) || this.hasAttribute("click-controls") && (this.consumerElement.paused ? this.consumerElement.play() : this.hasAttribute("controls") || this.consumerElement.pause());
     }, "#clickListener"));
+    __privateAdd(this, _playListener, /* @__PURE__ */ __name(() => {
+      const fullscreenAttr = this.getAttribute("fullscreen"), hasPlaysinline = this.hasAttribute("playsinline");
+      let shouldEnterFullscreen = !1;
+      fullscreenAttr === "mobile" ? shouldEnterFullscreen = device.isMobile && !(device.isApple && hasPlaysinline) : fullscreenAttr !== null && (shouldEnterFullscreen = !(device.isApple && hasPlaysinline)), shouldEnterFullscreen && this.consumerElement.requestFullscreen().then(() => {
+        __privateSet(this, _isFullScreen, !0);
+      }).catch((err) => {
+        console.log("Fullscreen request failed:", err);
+      });
+    }, "#playListener"));
+    __privateAdd(this, _pauseListener, /* @__PURE__ */ __name(() => {
+      __privateGet(this, _isFullScreen) && this.hasAttribute("fullscreen") && this.hasAttribute("exit-fullscreen-when-paused") && (__privateSet(this, _isFullScreen, !1), document.exitFullscreen().catch((err) => {
+        console.log("Exit fullscreen failed:", err);
+      }));
+    }, "#pauseListener"));
+    __privateAdd(this, _fullscreenEndListener, /* @__PURE__ */ __name(() => {
+      __privateSet(this, _isFullScreen, !1);
+    }, "#fullscreenEndListener"));
+    __privateAdd(this, _fullscreenChangeListener, /* @__PURE__ */ __name(() => {
+      __privateSet(this, _isFullScreen, !!document.fullscreenElement), !__privateGet(this, _isFullScreen) && this.hasAttribute("pause-on-exit-fullscreen") && this.consumerElement.pause();
+    }, "#fullscreenChangeListener"));
   }
   connectedCallback() {
     super.connectedCallback();
@@ -45,13 +67,29 @@ const _VideoElement = class _VideoElement extends SourceElement {
         "state-3",
         "state-4"
       );
-    }), __privateGet(this, _clickElement).addEventListener("click", __privateGet(this, _clickListener));
+    }), __privateGet(this, _clickElement).addEventListener("click", __privateGet(this, _clickListener)), this.consumerElement.addEventListener("play", __privateGet(this, _playListener)), this.consumerElement.addEventListener("pause", __privateGet(this, _pauseListener)), this.consumerElement.addEventListener(
+      "webkitendfullscreen",
+      __privateGet(this, _fullscreenEndListener)
+    ), this.consumerElement.addEventListener(
+      "webkitendfullscreen",
+      __privateGet(this, _fullscreenEndListener)
+    ), document.addEventListener(
+      "fullscreenchange",
+      __privateGet(this, _fullscreenChangeListener)
+    );
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), ticker.unsubscribe(__privateGet(this, _checkReady)), __privateSet(this, _progress, 0), __privateGet(this, _clickElement).removeEventListener("click", __privateGet(this, _clickListener));
+    super.disconnectedCallback(), ticker.unsubscribe(__privateGet(this, _checkReady)), __privateSet(this, _progress, 0), __privateGet(this, _clickElement).removeEventListener("click", __privateGet(this, _clickListener)), this.consumerElement.removeEventListener("play", __privateGet(this, _playListener)), this.consumerElement.removeEventListener("pause", __privateGet(this, _pauseListener)), this.consumerElement.removeEventListener(
+      "webkitendfullscreen",
+      __privateGet(this, _fullscreenEndListener)
+    ), document.removeEventListener(
+      "fullscreenchange",
+      __privateGet(this, _fullscreenChangeListener)
+    );
   }
   createConsumer() {
-    return document.createElement("video");
+    const video = document.createElement("video");
+    return this.hasAttribute("playsinline") && (video.setAttribute("playsinline", ""), video.setAttribute("webkit-playsinline", "")), this.hasAttribute("controls") ? video.setAttribute("controls", "") : video.removeAttribute("controls"), video;
   }
   consumeSource(url) {
     this.consumerElement.src = url || "", url && this.hasAttribute("volume") && (this.consumerElement.volume = parseFloat(
@@ -59,7 +97,7 @@ const _VideoElement = class _VideoElement extends SourceElement {
     ));
   }
 };
-_progress = new WeakMap(), _needToPlay = new WeakMap(), _clickElement = new WeakMap(), _checkReady = new WeakMap(), _clickListener = new WeakMap(), __name(_VideoElement, "VideoElement");
+_progress = new WeakMap(), _needToPlay = new WeakMap(), _clickElement = new WeakMap(), _isFullScreen = new WeakMap(), _checkReady = new WeakMap(), _clickListener = new WeakMap(), _playListener = new WeakMap(), _pauseListener = new WeakMap(), _fullscreenEndListener = new WeakMap(), _fullscreenChangeListener = new WeakMap(), __name(_VideoElement, "VideoElement");
 let VideoElement = _VideoElement;
 isBrowser && !customElements.get("e-video") && customElements.define("e-video", VideoElement);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.88.16",
+  "version": "0.88.18",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"