videomail-client 11.0.5 → 11.0.7

package/dist/esm/index.js

@@ -3,7 +3,6 @@ import superagent from "superagent";
 import defined from "defined";
 import { UAParser } from "ua-parser-js";
 import get_form_data from "get-form-data";
-import hidden_0 from "hidden";
 import { createNanoEvents } from "nanoevents";
 import deepmerge from "deepmerge";
 import document_visibility from "document-visibility";
@@ -3608,7 +3607,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "11.0.5"
+    rE: "11.0.7"
 };
 var VideoType_VideoType = /*#__PURE__*/ function(VideoType) {
     VideoType["WebM"] = "webm";
@@ -3988,10 +3987,20 @@ class Despot {
     }
 }
 const util_Despot = Despot;
+function hideElement(element) {
+    if (!element) return;
+    element.style.setProperty("display", "none", "important");
+}
+const html_hideElement = hideElement;
 function isNotButton(element) {
     return "BUTTON" !== element.tagName && "submit" !== element.getAttribute("type");
 }
 const html_isNotButton = isNotButton;
+function showElement(element) {
+    if (!element) return;
+    element.style.removeProperty("display");
+}
+const html_showElement = showElement;
 const REGEX = /[ ,]+/u;
 function trimEmail(email) {
     return email.replace(REGEX, "");
@@ -4094,8 +4103,8 @@ class Form extends util_Despot {
         else formControl.removeAttribute("disabled");
     }
     hideAll() {
-        for (const formElement of this.formElement.elements)hidden_0(formElement, true);
-        if (!this.formElement.classList.contains(this.options.selectors.containerClass)) hidden_0(this.formElement, true);
+        for (const formElement of this.formElement.elements)html_hideElement(formElement);
+        if (!this.formElement.classList.contains(this.options.selectors.containerClass)) html_hideElement(this.formElement);
     }
     isRegisteredFormField(formElement) {
         const formElementName = formElement.getAttribute("name");
@@ -4179,7 +4188,7 @@ class Form extends util_Despot {
     }
     hideSubmitButton() {
         const submitButton = this.findSubmitButton();
-        hidden_0(submitButton, true);
+        html_hideElement(submitButton);
     }
     unload() {
         this.options.logger.debug("Form: unload()");
@@ -4238,10 +4247,10 @@ class Form extends util_Despot {
         return this.formElement.querySelector("[type='submit']");
     }
     hide() {
-        hidden_0(this.formElement, true);
+        html_hideElement(this.formElement);
     }
     show() {
-        hidden_0(this.formElement, false);
+        html_showElement(this.formElement);
     }
 }
 const wrappers_form = Form;
@@ -4632,7 +4641,7 @@ function getOuterWidth_getOuterWidth(element) {
     return outerWidth;
 }
 const getOuterWidth = getOuterWidth_getOuterWidth;
-function limitWidth_limitWidth(element, options, width) {
+function limitWidth(element, options, width) {
     let limitedWidth;
     const outerWidth = getOuterWidth(element);
     limitedWidth = width && "number" == typeof width ? outerWidth > 0 && outerWidth < width ? outerWidth : width : outerWidth;
@@ -4642,18 +4651,13 @@ function limitWidth_limitWidth(element, options, width) {
     });
     return limitedWidth;
 }
-const limitWidth = limitWidth_limitWidth;
+const dimensions_limitWidth = limitWidth;
 function disableElement(element) {
     if (!element) return;
     if ("INPUT" === element.tagName || "BUTTON" === element.tagName) element.setAttribute("disabled", "true");
     else element.classList.add("disabled");
 }
 const html_disableElement = disableElement;
-function hideElement(element) {
-    if (!element) return;
-    hidden_0(element, true);
-}
-const html_hideElement = hideElement;
 function adjustButton(buttonElement, show, type, disabled) {
     if (disabled) html_disableElement(buttonElement);
     if (type) buttonElement.type = type;
@@ -4669,14 +4673,10 @@ function enableElement(element) {
 const html_enableElement = enableElement;
 function isShown(element) {
     if (!element) return false;
-    return !hidden_0(element);
+    const display = element.style.getPropertyValue("display");
+    return !display.includes("none");
 }
 const html_isShown = isShown;
-function showElement(element) {
-    if (!element) return;
-    hidden_0(element, false);
-}
-const html_showElement = showElement;
 class Buttons extends util_Despot {
     container;
     buttonsElement;
@@ -5074,6 +5074,12 @@ class Buttons extends util_Despot {
     }
 }
 const buttons = Buttons;
+function isHidden_isHidden(element) {
+    if (!element) return true;
+    const display = element.style.getPropertyValue("display");
+    return display.includes("none");
+}
+const isHidden = isHidden_isHidden;
 class Countdown {
     visuals;
     options;
@@ -5127,7 +5133,7 @@ class Countdown {
         }
     }
     show() {
-        hidden_0(this.countdownElement, false);
+        html_showElement(this.countdownElement);
     }
     isCountingDown() {
         return Boolean(this.intervalId);
@@ -5138,7 +5144,7 @@ class Countdown {
         this.intervalId = void 0;
     }
     hide() {
-        hidden_0(this.countdownElement, true);
+        html_hideElement(this.countdownElement);
         this.unload();
     }
 }
@@ -5178,10 +5184,10 @@ class FacingMode extends util_Despot {
         this.initEvents();
     }
     hide() {
-        hidden_0(this.facingModeElement, true);
+        html_hideElement(this.facingModeElement);
     }
     show() {
-        hidden_0(this.facingModeElement, false);
+        html_showElement(this.facingModeElement);
     }
 }
 const facingMode = FacingMode;
@@ -5226,10 +5232,10 @@ class PausedNote {
         }
     }
     hide() {
-        hidden_0(this.pausedBlockElement, true);
+        html_hideElement(this.pausedBlockElement);
     }
     show() {
-        hidden_0(this.pausedBlockElement, false);
+        html_showElement(this.pausedBlockElement);
     }
 }
 const pausedNote = PausedNote;
@@ -5261,10 +5267,10 @@ class RecordNote {
         this.recordNoteElement?.classList.add("nigh");
     }
     hide() {
-        hidden_0(this.recordNoteElement, true);
+        html_hideElement(this.recordNoteElement);
     }
     show() {
-        hidden_0(this.recordNoteElement, false);
+        html_showElement(this.recordNoteElement);
     }
 }
 const recorder_recordNote = RecordNote;
@@ -5338,12 +5344,12 @@ class RecordTimer {
         if (this.recordTimerElement) this.recordTimerElement.innerHTML = `${mins}:${util_pad(secs)}`;
     }
     hide() {
-        hidden_0(this.recordTimerElement, true);
+        html_hideElement(this.recordTimerElement);
     }
     show() {
         this.recordTimerElement?.classList.remove("near");
         this.recordTimerElement?.classList.remove("nigh");
-        hidden_0(this.recordTimerElement, false);
+        html_showElement(this.recordTimerElement);
     }
     getSecondsRecorded() {
         if (void 0 === this.countdown) return this.getSecondsRecorded();
@@ -5583,7 +5589,7 @@ class Notifier extends util_Despot {
         }
     }
     show() {
-        if (this.notifyElement) hidden_0(this.notifyElement, false);
+        html_showElement(this.notifyElement);
     }
     runEntertainment() {
         if (this.options.notifier.entertain) {
@@ -5631,7 +5637,7 @@ class Notifier extends util_Despot {
             this.messageElement.innerHTML = (problem ? "&#x2639; " : "") + message;
         } else this.options.logger.warn("There is no message element for displaying a message");
         else this.options.logger.warn("Not going to update notifierMessage element because message is empty");
-        hidden_0(this.messageElement, false);
+        html_showElement(this.messageElement);
     }
     setExplanation(explanation) {
         this.options.logger.debug(`Notifier: setExplanation(${explanation})`);
@@ -5642,7 +5648,7 @@ class Notifier extends util_Despot {
             else this.options.logger.warn(`Unable to show explanation because notifyElement is empty: ${explanation}`);
         }
         this.explanationElement.innerHTML = explanation;
-        hidden_0(this.explanationElement, false);
+        html_showElement(this.explanationElement);
     }
     build() {
         this.options.logger.debug("Notifier: build()");
@@ -5657,15 +5663,15 @@ class Notifier extends util_Despot {
         this.built = true;
     }
     hideMessage() {
-        if (this.getMessageElement()) hidden_0(this.messageElement, true);
+        html_hideElement(this.getMessageElement());
     }
     hideExplanation() {
-        if (this.explanationElement) hidden_0(this.explanationElement, true);
+        html_hideElement(this.explanationElement);
     }
     hide() {
         this.cancelEntertainment();
         if (this.notifyElement) {
-            hidden_0(this.notifyElement, true);
+            html_hideElement(this.notifyElement);
             this.notifyElement.classList.remove("blocking");
         }
         this.hideMessage();
@@ -5673,7 +5679,7 @@ class Notifier extends util_Despot {
     }
     isVisible() {
         if (!this.built) return false;
-        return this.notifyElement && !hidden_0(this.notifyElement);
+        return this.notifyElement && !isHidden(this.notifyElement);
     }
     isBuilt() {
         return this.built;
@@ -5744,7 +5750,7 @@ function calculateHeight(responsive, videoWidth, options, target, ratio, element
         message: `Unable to calculate height for target ${target} when width is less than 1 (= ${width}) and responsive mode is set to ${responsive}`,
         options
     });
-    if (responsive && element) width = limitWidth(element, options, width);
+    if (responsive && element) width = dimensions_limitWidth(element, options, width);
     const chosenRatio = ratio ?? getRatio(options, void 0, videoWidth);
     const height = Math.round(width * chosenRatio);
     if (Number.isInteger(height) && height < 1) throw error_createError({
@@ -6272,7 +6278,7 @@ class Recorder extends util_Despot {
         this.writeStream(audioBuffer);
     }
     show() {
-        if (this.recorderElement) hidden_0(this.recorderElement, false);
+        html_showElement(this.recorderElement);
     }
     onUserMediaReady(params) {
         try {
@@ -6656,7 +6662,7 @@ class Recorder extends util_Despot {
         return this.visuals.isNotifying();
     }
     isHidden() {
-        return !this.recorderElement || hidden_0(this.recorderElement);
+        return !this.recorderElement || isHidden(this.recorderElement);
     }
     writeCommand(command, args, cb) {
         if (this.connected) {
@@ -7046,7 +7052,7 @@ class Recorder extends util_Despot {
     }
     hide() {
         if (!this.isHidden()) {
-            if (this.recorderElement) hidden_0(this.recorderElement, true);
+            if (this.recorderElement) html_hideElement(this.recorderElement);
             this.clearUserMediaTimeout();
             this.clearRetryTimeout();
         }
@@ -7190,9 +7196,9 @@ class Replay extends util_Despot {
         const hasMedia = Boolean(this.videomail?.webm) || Boolean(this.videomail?.mp4) || Boolean(this.videomail?.poster);
         if (hasMedia) this.correctDimensions(true, videomailWidth ?? this.replayElement.videoWidth, videomailHeight ?? this.replayElement.videoHeight);
         if (playerOnly) {
-            if (hasMedia) hidden_0(this.replayElement, false);
-        } else hidden_0(this.replayElement, false);
-        if (playerOnly) hidden_0(this.replayElement.parentNode, false);
+            if (hasMedia) html_showElement(this.replayElement);
+        } else html_showElement(this.replayElement);
+        if (playerOnly) html_showElement(this.replayElement.parentElement);
         else this.visuals.show();
         if (hasAudio) this.replayElement.setAttribute("volume", "1");
         else if (!isAudioEnabled(this.options)) this.replayElement.setAttribute("muted", "true");
@@ -7339,15 +7345,15 @@ class Replay extends util_Despot {
         });
     }
     hide() {
-        if (this.isStandalone()) hidden_0(this.visuals, true);
+        if (this.isStandalone()) this.visuals.hide();
         else if (this.replayElement) {
-            hidden_0(this.replayElement, true);
-            hidden_0(this.replayElement.parentNode, true);
+            html_hideElement(this.replayElement);
+            html_hideElement(this.replayElement.parentElement);
         }
     }
     isShown() {
         if (!this.replayElement) return false;
-        return !hidden_0(this.replayElement) && !this.visuals.isHidden();
+        return !isHidden(this.replayElement) && !this.visuals.isHidden();
     }
     getVisuals() {
         return this.visuals;
@@ -7550,16 +7556,16 @@ class Visuals extends util_Despot {
     }
     hide() {
         if (this.visualsElement) {
-            hidden_0(this.visualsElement, true);
+            html_hideElement(this.visualsElement);
             this.emit("HIDE");
         }
     }
     isHidden() {
         if (!this.built) return true;
-        if (this.visualsElement) return hidden_0(this.visualsElement);
+        return isHidden(this.visualsElement);
     }
     showVisuals() {
-        hidden_0(this.visualsElement, false);
+        html_showElement(this.visualsElement);
     }
     show(params) {
         if (!params?.playerOnly) if (this.isReplayShown()) {
@@ -7787,7 +7793,7 @@ class Container extends util_Despot {
         this.endWaiting();
     }
     hideMySelf() {
-        hidden_0(this.containerElement, true);
+        html_hideElement(this.containerElement);
     }
     async submitVideomail(formInputs, method) {
         const videomailFormData = this.form?.transformFormData(formInputs);
@@ -7806,7 +7812,7 @@ class Container extends util_Despot {
     }
     limitWidth(width) {
         if (!this.containerElement) return;
-        return limitWidth(this.containerElement, this.options, width);
+        return dimensions_limitWidth(this.containerElement, this.options, width);
     }
     limitHeight(height) {
         return dimensions_limitHeight(height, this.options, "containers limitHeight fn");
@@ -7860,7 +7866,7 @@ class Container extends util_Despot {
             message: "No container element exists.",
             options: this.options
         });
-        hidden_0(this.containerElement, false);
+        html_showElement(this.containerElement);
         this.visuals.show(params);
         if (!this.hasError) {
             const paused = this.isPaused();

package/dist/esm/util/html/isHidden.d.ts

@@ -0,0 +1,2 @@
+declare function isHidden(element?: HTMLElement | null): boolean;
+export default isHidden;

package/dist/esm/wrappers/form.d.ts

@@ -213,7 +213,7 @@ declare class Form extends Despot {
     private stopListeningToSubmitEvents;
     doTheSubmit(e?: any): Promise<boolean>;
     getInvalidElement(): Element | null;
-    findSubmitButton(): Element | null;
+    findSubmitButton(): HTMLButtonElement | null;
     hide(): void;
     show(): void;
 }

package/dist/esm/wrappers/visuals.d.ts

@@ -46,7 +46,7 @@ declare class Visuals extends Despot {
     isPaused(): boolean | undefined;
     error(err: VideomailError): void;
     hide(): void;
-    isHidden(): any;
+    isHidden(): boolean;
     showVisuals(): void;
     show(params?: ShowParams): void;
     showReplayOnly(): void;