zarebin-player-library 1.0.24 → 1.0.26

package/dist/zarebin-player-library.css

@@ -10627,50 +10627,50 @@
   }
 }.animate__slideOutUp {
   animation-name: slideOutUp;
-}* {
-    box-sizing: border-box !important;
-    -webkit-tap-highlight-color: transparent;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-}.dvh {
-    height: 100vh;
-}@supports (height: 100dvh) {
-    .dvh {
-        height: 100dvh !important;
-    }
-}#video-player-container {
-    padding: 0;
-    margin: 0;
-    font-family:
-        "IranYekanFaMobile",
-        -apple-system,
-        BlinkMacSystemFont,
-        Segoe UI,
-        Roboto,
-        Oxygen,
-        Ubuntu,
-        Cantarell,
-        Fira Sans,
-        Droid Sans,
-        Helvetica Neue,
-        sans-serif !important;
-    direction: rtl;
-    touch-action: pan-y;
-    max-height: 100dvh;
-    overflow-x: hidden;
-}@media print {
-    #video-player-container {
-        print-color-adjust: exact;
-        -webkit-print-color-adjust: exact;
-    }
-}::-webkit-outer-spin-button,
-::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-            appearance: none;
-}a {
-    color: inherit;
-    text-decoration: none;
+}* {
+    box-sizing: border-box !important;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+}.dvh {
+    height: 100vh;
+}@supports (height: 100dvh) {
+    .dvh {
+        height: 100dvh !important;
+    }
+}#video-player-container {
+    padding: 0;
+    margin: 0;
+    font-family:
+        "IranYekanFaMobile",
+        -apple-system,
+        BlinkMacSystemFont,
+        Segoe UI,
+        Roboto,
+        Oxygen,
+        Ubuntu,
+        Cantarell,
+        Fira Sans,
+        Droid Sans,
+        Helvetica Neue,
+        sans-serif !important;
+    direction: rtl;
+    touch-action: pan-y;
+    max-height: 100dvh;
+    overflow-x: hidden;
+}@media print {
+    #video-player-container {
+        print-color-adjust: exact;
+        -webkit-print-color-adjust: exact;
+    }
+}::-webkit-outer-spin-button,
+::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+            appearance: none;
+}a {
+    color: inherit;
+    text-decoration: none;
 }*, ::before, ::after{
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;

package/dist/zarebin-player-library.js

@@ -22566,10 +22566,13 @@ var Popover = forwardRef(({ children, status, onClose, type, classNames, parentC
 		videoElementSizeInfo,
 		isComplexPortrait
 	}), shallowEqual);
-	const [showPopover] = useState(status);
+	const [showPopover, setShowPopover] = useState(status);
 	const [maxHeight, setMaxHeight] = useState(0);
 	const [maxHeightOnTouchMove, setMaxHeightOnTouchMove] = useState(0);
 	const [zIndexOnCatchUp, setZIndexOnCatchUp] = useState(0);
+	useEffect(() => {
+		setShowPopover(status);
+	}, [status]);
 	useEffect(() => {
 		if (conditions(ConditionName.isComplexPortrait) && status) setMaxHeight(window.innerHeight - videoElementSizeInfo.bottom);
 	}, [status]);
@@ -66323,10 +66326,10 @@ var Speed = () => {
 				onMouseOver: () => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true),
 				onMouseLeave: () => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)
 			}),
-			showTooltip && /* @__PURE__ */ jsxs(Suspense, { children: [" ", /* @__PURE__ */ jsx(ControllbarTooltip, {
+			showTooltip && /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(ControllbarTooltip, {
 				title: `${translate().playBackSpeed} (s)`,
 				className: "!pl-right-[-38px]"
-			})] }),
+			}) }),
 			/* @__PURE__ */ jsx(Popover, {
 				classNames: `pl-p-[14px] pl-overflow-hidden pl-p-3 !pl-bg-white dark:!pl-bg-dark-13 ${!conditions(ConditionName.isComplexPortrait) && "pl-mb-[33px] pl-right-0"} ${conditions(ConditionName.isFullMobilePortrait) && "!pl-w-screen"} ${conditions(ConditionName.isMiniPlayer) && !conditions(ConditionName.isFullMobilePortrait) ? `!pl-fixed pl-rounded-r-none pl-w-[200px] !pl-mb-0` : "pl-w-[285px]"}`,
 				animation: conditions(ConditionName.isMiniPlayer) && !conditions(ConditionName.isFullMobilePortrait) ? speedPopover ? "animate__fadeInRight" : "animate__fadeOutRight" : void 0,
@@ -81895,7 +81898,7 @@ var VideoPlayer = ({ params }) => {
 		theme: conditions(ConditionName.isDarkMode) ? "dark" : "light"
 	}), /* @__PURE__ */ jsx("div", {
 		id: "video-player-container",
-		className: "pl-w-full pl-h-full pl-text-black dark:pl-text-white",
+		className: "pl-h-full pl-w-full pl-text-black dark:pl-text-white",
 		children: element
 	})] });
 };