@hakit/components/dist/cjs/Cards/CameraCard/players/index.js

A series of components to work with @hakit/core

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../../emotion-react-jsx-runtime.browser.esm-CgJouFLh.cjs"),g=require("../../../../emotion-styled-base.browser.esm-D0rcP917.cjs"),n=require("react"),L=require("@hakit/core");function _(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const b=g.createStyled("video",process.env.NODE_ENV==="production"?{target:"e19y1x090"}:{target:"e19y1x090",label:"Video"})(process.env.NODE_ENV==="production"?{name:"1082qq3",styles:"display:block;width:100%"}:{name:"1082qq3",styles:"display:block;width:100%",toString:_}),p=n.forwardRef(({src:E,type:h,onVideoStateChange:a,...m},f)=>{const r=n.useRef(null);n.useImperativeHandle(f,()=>r.current);const t=n.useCallback(e=>{a&&a(e)},[a]);return n.useEffect(()=>{const e=r.current,s=()=>{t("canplay")},o=()=>{t("canplaythrough")},i=()=>{t("waiting")},d=()=>{t("stalled")},l=()=>{t("loadeddata")},c=()=>{t("play")},u=()=>{t("playing")},v=()=>{t("pause")};return e&&(e.addEventListener("canplay",s),e.addEventListener("canplaythrough",o),e.addEventListener("waiting",i),e.addEventListener("stalled",d),e.addEventListener("loadeddata",l),e.addEventListener("playing",u),e.addEventListener("play",c),e.addEventListener("pause",v)),()=>{e&&(e.removeEventListener("canplay",s),e.removeEventListener("canplaythrough",o),e.removeEventListener("waiting",i),e.removeEventListener("stalled",d),e.removeEventListener("loadeddata",l),e.removeEventListener("playing",u),e.removeEventListener("play",c),e.removeEventListener("pause",v))}},[t]),y.jsxs(b,{ref:r,...m,children:[y.jsx("source",{src:E,type:h}),L.localize("format_description")]})});p.displayName="VideoPlayer";exports.VideoPlayer=p;
//# sourceMappingURL=index.js.map