aptechka 0.94.1 → 0.94.2

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),__privateMethod=(obj,member,method)=>(__accessCheck(obj,member,"access private method"),method);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Viewport=require("../Viewport-Blxv_yl_.cjs"),SourceElement=require("../SourceElement-CAukFvLE.cjs");require("../window-resizer/index.cjs");const Store=require("../Store-B96mD8mD.cjs"),ticker_index=require("../index-BoGx2BWX.cjs"),events=require("../events-UlGk63iC.cjs");require("construct-style-sheets-polyfill");var _progress,_needToPlay,_clickElement,_isFullScreen,_checkReady,_clickListener,_playListener,_pauseListener,_fullscreenEndListener,_fullscreenChangeListener,_VideoElement_instances,lockOrientation_fn;const _VideoElement=class _VideoElement extends SourceElement.SourceElement{constructor(){super(...arguments);__privateAdd(this,_VideoElement_instances);__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&&(ticker_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&&(__privateMethod(this,_VideoElement_instances,lockOrientation_fn).call(this),this.consumerElement.requestFullscreen({navigationUI:"show"}).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")&&this.consumerElement.readyState===4&&(__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)),ticker_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(),ticker_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,_VideoElement_instances=new WeakSet,lockOrientation_fn=__name(function(){const isPortrait=window.innerHeight>window.innerWidth;screen.orientation&&"lock"in screen.orientation&&(isPortrait?screen.orientation.lock("portrait").catch(error=>{console.log("Orientation lock failed: ",error)}):screen.orientation.lock("landscape").catch(error=>{console.log("Orientation lock failed: ",error)}))},"#lockOrientation"),__name(_VideoElement,"VideoElement");let VideoElement=_VideoElement;Store.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),__privateMethod=(obj,member,method)=>(__accessCheck(obj,member,"access private method"),method);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Viewport=require("../Viewport-Blxv_yl_.cjs"),SourceElement=require("../SourceElement-CAukFvLE.cjs");require("../window-resizer/index.cjs");const Store=require("../Store-B96mD8mD.cjs"),ticker_index=require("../index-BoGx2BWX.cjs"),events=require("../events-UlGk63iC.cjs");require("construct-style-sheets-polyfill");var _progress,_needToPlay,_clickElement,_isFullScreen,_pointerEnter,_checkReady,_clickListener,_playListener,_pauseListener,_fullscreenEndListener,_fullscreenChangeListener,_VideoElement_instances,lockOrientation_fn,_pointerEnterListener,_pointerLeaveListener;const _VideoElement=class _VideoElement extends SourceElement.SourceElement{constructor(){super(...arguments);__privateAdd(this,_VideoElement_instances);__privateAdd(this,_progress,0);__privateAdd(this,_needToPlay,!1);__privateAdd(this,_clickElement,this);__privateAdd(this,_isFullScreen,!1);__privateAdd(this,_pointerEnter,!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&&(ticker_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&&(__privateMethod(this,_VideoElement_instances,lockOrientation_fn).call(this),this.consumerElement.requestFullscreen({navigationUI:"show"}).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")&&this.consumerElement.readyState===4&&(__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"));__privateAdd(this,_pointerEnterListener,__name(()=>{if(__privateSet(this,_pointerEnter,!0),this.classList.remove("pointer-leave"),this.classList.add("pointer-entered"),this.hasAttribute("pointer-enter-replay")){let media=this.getAttribute("pointer-enter-replay");media=!media||media==="true"?"(min-width: 0px)":media,matchMedia(media).matches&&(this.consumerElement.pause(),this.consumerElement.currentTime=0,requestAnimationFrame(()=>{__privateGet(this,_pointerEnter)&&this.consumerElement.play().then(()=>{__privateGet(this,_pointerEnter)&&this.classList.add("pointer-enter")})}))}},"#pointerEnterListener"));__privateAdd(this,_pointerLeaveListener,__name(()=>{__privateSet(this,_pointerEnter,!1),this.classList.remove("pointer-enter"),this.classList.add("pointer-leave")},"#pointerLeaveListener"))}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)),ticker_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)),this.addEventListener("pointerenter",__privateGet(this,_pointerEnterListener)),this.addEventListener("pointerleave",__privateGet(this,_pointerLeaveListener))}disconnectedCallback(){super.disconnectedCallback(),ticker_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)),this.removeEventListener("pointerenter",__privateGet(this,_pointerEnterListener)),this.removeEventListener("pointerleave",__privateGet(this,_pointerLeaveListener))}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,_pointerEnter=new WeakMap,_checkReady=new WeakMap,_clickListener=new WeakMap,_playListener=new WeakMap,_pauseListener=new WeakMap,_fullscreenEndListener=new WeakMap,_fullscreenChangeListener=new WeakMap,_VideoElement_instances=new WeakSet,lockOrientation_fn=__name(function(){const isPortrait=window.innerHeight>window.innerWidth;screen.orientation&&"lock"in screen.orientation&&(isPortrait?screen.orientation.lock("portrait").catch(error=>{console.log("Orientation lock failed: ",error)}):screen.orientation.lock("landscape").catch(error=>{console.log("Orientation lock failed: ",error)}))},"#lockOrientation"),_pointerEnterListener=new WeakMap,_pointerLeaveListener=new WeakMap,__name(_VideoElement,"VideoElement");let VideoElement=_VideoElement;Store.isBrowser&&!customElements.get("e-video")&&customElements.define("e-video",VideoElement);exports.VideoElement=VideoElement;

package/lib/video/index.js

@@ -12,7 +12,7 @@ import { i as isBrowser } from "../Store-CAGUSjFX.js";
 import { t as ticker } from "../index-DAG0CtYo.js";
 import { d as dispatchEvent } from "../events-Ds-TuvYW.js";
 import "construct-style-sheets-polyfill";
-var _progress, _needToPlay, _clickElement, _isFullScreen, _checkReady, _clickListener, _playListener, _pauseListener, _fullscreenEndListener, _fullscreenChangeListener, _VideoElement_instances, lockOrientation_fn;
+var _progress, _needToPlay, _clickElement, _isFullScreen, _pointerEnter, _checkReady, _clickListener, _playListener, _pauseListener, _fullscreenEndListener, _fullscreenChangeListener, _VideoElement_instances, lockOrientation_fn, _pointerEnterListener, _pointerLeaveListener;
 const _VideoElement = class _VideoElement extends SourceElement {
   constructor() {
     super(...arguments);
@@ -21,6 +21,7 @@ const _VideoElement = class _VideoElement extends SourceElement {
     __privateAdd(this, _needToPlay, !1);
     __privateAdd(this, _clickElement, this);
     __privateAdd(this, _isFullScreen, !1);
+    __privateAdd(this, _pointerEnter, !1);
     __privateAdd(this, _checkReady, /* @__PURE__ */ __name(() => {
       this.classList.add(`state-${this.consumerElement.readyState}`);
       const newProgress = this.consumerElement.readyState / 4;
@@ -54,6 +55,19 @@ const _VideoElement = class _VideoElement extends SourceElement {
     __privateAdd(this, _fullscreenChangeListener, /* @__PURE__ */ __name(() => {
       __privateSet(this, _isFullScreen, !!document.fullscreenElement), !__privateGet(this, _isFullScreen) && this.hasAttribute("pause-on-exit-fullscreen") && this.consumerElement.pause();
     }, "#fullscreenChangeListener"));
+    __privateAdd(this, _pointerEnterListener, /* @__PURE__ */ __name(() => {
+      if (__privateSet(this, _pointerEnter, !0), this.classList.remove("pointer-leave"), this.classList.add("pointer-entered"), this.hasAttribute("pointer-enter-replay")) {
+        let media = this.getAttribute("pointer-enter-replay");
+        media = !media || media === "true" ? "(min-width: 0px)" : media, matchMedia(media).matches && (this.consumerElement.pause(), this.consumerElement.currentTime = 0, requestAnimationFrame(() => {
+          __privateGet(this, _pointerEnter) && this.consumerElement.play().then(() => {
+            __privateGet(this, _pointerEnter) && this.classList.add("pointer-enter");
+          });
+        }));
+      }
+    }, "#pointerEnterListener"));
+    __privateAdd(this, _pointerLeaveListener, /* @__PURE__ */ __name(() => {
+      __privateSet(this, _pointerEnter, !1), this.classList.remove("pointer-enter"), this.classList.add("pointer-leave");
+    }, "#pointerLeaveListener"));
   }
   connectedCallback() {
     super.connectedCallback();
@@ -77,7 +91,7 @@ const _VideoElement = class _VideoElement extends SourceElement {
     ), document.addEventListener(
       "fullscreenchange",
       __privateGet(this, _fullscreenChangeListener)
-    );
+    ), this.addEventListener("pointerenter", __privateGet(this, _pointerEnterListener)), this.addEventListener("pointerleave", __privateGet(this, _pointerLeaveListener));
   }
   disconnectedCallback() {
     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(
@@ -86,7 +100,7 @@ const _VideoElement = class _VideoElement extends SourceElement {
     ), document.removeEventListener(
       "fullscreenchange",
       __privateGet(this, _fullscreenChangeListener)
-    );
+    ), this.removeEventListener("pointerenter", __privateGet(this, _pointerEnterListener)), this.removeEventListener("pointerleave", __privateGet(this, _pointerLeaveListener));
   }
   createConsumer() {
     const video = document.createElement("video");
@@ -98,14 +112,14 @@ const _VideoElement = class _VideoElement extends SourceElement {
     ));
   }
 };
-_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(), _VideoElement_instances = new WeakSet(), lockOrientation_fn = /* @__PURE__ */ __name(function() {
+_progress = new WeakMap(), _needToPlay = new WeakMap(), _clickElement = new WeakMap(), _isFullScreen = new WeakMap(), _pointerEnter = new WeakMap(), _checkReady = new WeakMap(), _clickListener = new WeakMap(), _playListener = new WeakMap(), _pauseListener = new WeakMap(), _fullscreenEndListener = new WeakMap(), _fullscreenChangeListener = new WeakMap(), _VideoElement_instances = new WeakSet(), lockOrientation_fn = /* @__PURE__ */ __name(function() {
   const isPortrait = window.innerHeight > window.innerWidth;
   screen.orientation && "lock" in screen.orientation && (isPortrait ? screen.orientation.lock("portrait").catch((error) => {
     console.log("Orientation lock failed: ", error);
   }) : screen.orientation.lock("landscape").catch((error) => {
     console.log("Orientation lock failed: ", error);
   }));
-}, "#lockOrientation"), __name(_VideoElement, "VideoElement");
+}, "#lockOrientation"), _pointerEnterListener = new WeakMap(), _pointerLeaveListener = 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.94.1",
+  "version": "0.94.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"