@mediapipe/control_utils - npm Package Compare versions

Comparing version 0.6.1629159505 to 0.6.1657298653

control_utils.js

@@ -6,51 +6,56 @@ (function(){/*
 */
-'use strict';function aa(a){var b=0;return function(){return b<a.length?{done:!1,value:a[b++]}:{done:!0}}}var p="function"==typeof Object.defineProperties?Object.defineProperty:function(a,b,c){if(a==Array.prototype||a==Object.prototype)return a;a[b]=c.value;return a};
-function ba(a){a=["object"==typeof globalThis&&globalThis,a,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var b=0;b<a.length;++b){var c=a[b];if(c&&c.Math==Math)return c}throw Error("Cannot find global object");}var r=ba(this);function t(a,b){if(b)a:{var c=r;a=a.split(".");for(var d=0;d<a.length-1;d++){var f=a[d];if(!(f in c))break a;c=c[f]}a=a[a.length-1];d=c[a];b=b(d);b!=d&&null!=b&&p(c,a,{configurable:!0,writable:!0,value:b})}}
-t("Symbol",function(a){function b(g){if(this instanceof b)throw new TypeError("Symbol is not a constructor");return new c(d+(g||"")+"_"+f++,g)}function c(g,e){this.g=g;p(this,"description",{configurable:!0,writable:!0,value:e})}if(a)return a;c.prototype.toString=function(){return this.g};var d="jscomp_symbol_"+(1E9*Math.random()>>>0)+"_",f=0;return b});
-t("Symbol.iterator",function(a){if(a)return a;a=Symbol("Symbol.iterator");for(var b="Array Int8Array Uint8Array Uint8ClampedArray Int16Array Uint16Array Int32Array Uint32Array Float32Array Float64Array".split(" "),c=0;c<b.length;c++){var d=r[b[c]];"function"===typeof d&&"function"!=typeof d.prototype[a]&&p(d.prototype,a,{configurable:!0,writable:!0,value:function(){return ca(aa(this))}})}return a});function ca(a){a={next:a};a[Symbol.iterator]=function(){return this};return a}
-function v(a){var b="undefined"!=typeof Symbol&&Symbol.iterator&&a[Symbol.iterator];return b?b.call(a):{next:aa(a)}}function w(a){if(!(a instanceof Array)){a=v(a);for(var b,c=[];!(b=a.next()).done;)c.push(b.value);a=c}return a}var da="function"==typeof Object.create?Object.create:function(a){function b(){}b.prototype=a;return new b},x;
-if("function"==typeof Object.setPrototypeOf)x=Object.setPrototypeOf;else{var y;a:{var ea={a:!0},fa={};try{fa.__proto__=ea;y=fa.a;break a}catch(a){}y=!1}x=y?function(a,b){a.__proto__=b;if(a.__proto__!==b)throw new TypeError(a+" is not extensible");return a}:null}var z=x;function B(){this.j=!1;this.h=null;this.l=void 0;this.g=1;this.o=0;this.i=null}function C(a){if(a.j)throw new TypeError("Generator is already running");a.j=!0}B.prototype.m=function(a){this.l=a};
-function D(a,b){a.i={L:b,M:!0};a.g=a.o}B.prototype.return=function(a){this.i={return:a};this.g=this.o};function F(a,b,c){a.g=c;return{value:b}}function ha(a){this.g=new B;this.h=a}function ia(a,b){C(a.g);var c=a.g.h;if(c)return G(a,"return"in c?c["return"]:function(d){return{value:d,done:!0}},b,a.g.return);a.g.return(b);return H(a)}
-function G(a,b,c,d){try{var f=b.call(a.g.h,c);if(!(f instanceof Object))throw new TypeError("Iterator result "+f+" is not an object");if(!f.done)return a.g.j=!1,f;var g=f.value}catch(e){return a.g.h=null,D(a.g,e),H(a)}a.g.h=null;d.call(a.g,g);return H(a)}function H(a){for(;a.g.g;)try{var b=a.h(a.g);if(b)return a.g.j=!1,{value:b.value,done:!1}}catch(c){a.g.l=void 0,D(a.g,c)}a.g.j=!1;if(a.g.i){b=a.g.i;a.g.i=null;if(b.M)throw b.L;return{value:b.return,done:!0}}return{value:void 0,done:!0}}
-function ja(a){this.next=function(b){C(a.g);a.g.h?b=G(a,a.g.h.next,b,a.g.m):(a.g.m(b),b=H(a));return b};this.throw=function(b){C(a.g);a.g.h?b=G(a,a.g.h["throw"],b,a.g.m):(D(a.g,b),b=H(a));return b};this.return=function(b){return ia(a,b)};this[Symbol.iterator]=function(){return this}}function I(a,b){b=new ja(new ha(b));z&&a.prototype&&z(b,a.prototype);return b}
-var ka="function"==typeof Object.assign?Object.assign:function(a,b){for(var c=1;c<arguments.length;c++){var d=arguments[c];if(d)for(var f in d)Object.prototype.hasOwnProperty.call(d,f)&&(a[f]=d[f])}return a};t("Object.assign",function(a){return a||ka});
-t("Promise",function(a){function b(e){this.h=0;this.i=void 0;this.g=[];this.o=!1;var h=this.j();try{e(h.resolve,h.reject)}catch(k){h.reject(k)}}function c(){this.g=null}function d(e){return e instanceof b?e:new b(function(h){h(e)})}if(a)return a;c.prototype.h=function(e){if(null==this.g){this.g=[];var h=this;this.i(function(){h.l()})}this.g.push(e)};var f=r.setTimeout;c.prototype.i=function(e){f(e,0)};c.prototype.l=function(){for(;this.g&&this.g.length;){var e=this.g;this.g=[];for(var h=0;h<e.length;++h){var k=
-e[h];e[h]=null;try{k()}catch(l){this.j(l)}}}this.g=null};c.prototype.j=function(e){this.i(function(){throw e;})};b.prototype.j=function(){function e(l){return function(n){k||(k=!0,l.call(h,n))}}var h=this,k=!1;return{resolve:e(this.G),reject:e(this.l)}};b.prototype.G=function(e){if(e===this)this.l(new TypeError("A Promise cannot resolve to itself"));else if(e instanceof b)this.I(e);else{a:switch(typeof e){case "object":var h=null!=e;break a;case "function":h=!0;break a;default:h=!1}h?this.F(e):this.m(e)}};
-b.prototype.F=function(e){var h=void 0;try{h=e.then}catch(k){this.l(k);return}"function"==typeof h?this.J(h,e):this.m(e)};b.prototype.l=function(e){this.u(2,e)};b.prototype.m=function(e){this.u(1,e)};b.prototype.u=function(e,h){if(0!=this.h)throw Error("Cannot settle("+e+", "+h+"): Promise already settled in state"+this.h);this.h=e;this.i=h;2===this.h&&this.H();this.A()};b.prototype.H=function(){var e=this;f(function(){if(e.D()){var h=r.console;"undefined"!==typeof h&&h.error(e.i)}},1)};b.prototype.D=
-function(){if(this.o)return!1;var e=r.CustomEvent,h=r.Event,k=r.dispatchEvent;if("undefined"===typeof k)return!0;"function"===typeof e?e=new e("unhandledrejection",{cancelable:!0}):"function"===typeof h?e=new h("unhandledrejection",{cancelable:!0}):(e=r.document.createEvent("CustomEvent"),e.initCustomEvent("unhandledrejection",!1,!0,e));e.promise=this;e.reason=this.i;return k(e)};b.prototype.A=function(){if(null!=this.g){for(var e=0;e<this.g.length;++e)g.h(this.g[e]);this.g=null}};var g=new c;b.prototype.I=
-function(e){var h=this.j();e.v(h.resolve,h.reject)};b.prototype.J=function(e,h){var k=this.j();try{e.call(h,k.resolve,k.reject)}catch(l){k.reject(l)}};b.prototype.then=function(e,h){function k(m,q){return"function"==typeof m?function(E){try{l(m(E))}catch(A){n(A)}}:q}var l,n,u=new b(function(m,q){l=m;n=q});this.v(k(e,l),k(h,n));return u};b.prototype.catch=function(e){return this.then(void 0,e)};b.prototype.v=function(e,h){function k(){switch(l.h){case 1:e(l.i);break;case 2:h(l.i);break;default:throw Error("Unexpected state: "+
-l.h);}}var l=this;null==this.g?g.h(k):this.g.push(k);this.o=!0};b.resolve=d;b.reject=function(e){return new b(function(h,k){k(e)})};b.race=function(e){return new b(function(h,k){for(var l=v(e),n=l.next();!n.done;n=l.next())d(n.value).v(h,k)})};b.all=function(e){var h=v(e),k=h.next();return k.done?d([]):new b(function(l,n){function u(E){return function(A){m[E]=A;q--;0==q&&l(m)}}var m=[],q=0;do m.push(void 0),q++,d(k.value).v(u(m.length-1),n),k=h.next();while(!k.done)})};return b});
-t("Array.from",function(a){return a?a:function(b,c,d){c=null!=c?c:function(h){return h};var f=[],g="undefined"!=typeof Symbol&&Symbol.iterator&&b[Symbol.iterator];if("function"==typeof g){b=g.call(b);for(var e=0;!(g=b.next()).done;)f.push(c.call(d,g.value,e++))}else for(g=b.length,e=0;e<g;e++)f.push(c.call(d,b[e],e));return f}});
-t("Array.prototype.fill",function(a){return a?a:function(b,c,d){var f=this.length||0;0>c&&(c=Math.max(0,f+c));if(null==d||d>f)d=f;d=Number(d);0>d&&(d=Math.max(0,f+d));for(c=Number(c||0);c<d;c++)this[c]=b;return this}});function J(a){return a?a:Array.prototype.fill}t("Int8Array.prototype.fill",J);t("Uint8Array.prototype.fill",J);t("Uint8ClampedArray.prototype.fill",J);t("Int16Array.prototype.fill",J);t("Uint16Array.prototype.fill",J);t("Int32Array.prototype.fill",J);
-t("Uint32Array.prototype.fill",J);t("Float32Array.prototype.fill",J);t("Float64Array.prototype.fill",J);function la(a,b){a instanceof String&&(a+="");var c=0,d=!1,f={next:function(){if(!d&&c<a.length){var g=c++;return{value:b(g,a[g]),done:!1}}d=!0;return{done:!0,value:void 0}}};f[Symbol.iterator]=function(){return f};return f}t("Array.prototype.keys",function(a){return a?a:function(){return la(this,function(b){return b})}});
-t("Object.values",function(a){return a?a:function(b){var c=[],d;for(d in b)Object.prototype.hasOwnProperty.call(b,d)&&c.push(b[d]);return c}});var ma=this||self;function K(a,b){a=a.split(".");var c=ma;a[0]in c||"undefined"==typeof c.execScript||c.execScript("var "+a[0]);for(var d;a.length&&(d=a.shift());)a.length||void 0===b?c[d]&&c[d]!==Object.prototype[d]?c=c[d]:c=c[d]={}:c[d]=b};function L(a,b){var c=void 0;return new (c||(c=Promise))(function(d,f){function g(k){try{h(b.next(k))}catch(l){f(l)}}function e(k){try{h(b["throw"](k))}catch(l){f(l)}}function h(k){k.done?d(k.value):(new c(function(l){l(k.value)})).then(g,e)}h((b=b.apply(a,void 0)).next())})};var na={};function M(a,b){if(b!==na)throw Error("Bad secret");this.g=a}function N(){}M.prototype=da(N.prototype);M.prototype.constructor=M;if(z)z(M,N);else for(var O in N)if("prototype"!=O)if(Object.defineProperties){var oa=Object.getOwnPropertyDescriptor(N,O);oa&&Object.defineProperty(M,O,oa)}else M[O]=N[O];M.prototype.toString=function(){return this.g};function P(a,b,c){a=document.createElement(a);b&&a.classList.add(b);if(c)for(b=v(c),c=b.next();!c.done;c=b.next())a.appendChild(c.value);return a}function Q(a,b){return P("div",a,b)}function R(a,b){return P("span",a,b)}function S(a){var b=P("img","",void 0);b.src=a||"";return b};function pa(a,b){var c=this;this.g=a;this.i={};var d,f=Q("dropdown-wrapper",[d=Q("dropdown",[Q("dropdown-trigger",[this.h=R(),Q("arrow")]),this.options=Q("dropdown-options")])]);f.onclick=function(){a.C&&a.C();d.classList.toggle("open");d.g=function(){a.B&&a.B()}};for(var g={},e=v(a.options),h=e.next();!h.done;g={s:g.s},h=e.next())g.s=h.value,h=void 0,this.options.appendChild(h=R("dropdown-option")),this.i[g.s.value]=h,h.textContent=g.s.name,g.s.prefix&&h.prepend(g.s.prefix),h.setAttribute("data-value",
-g.s.value),h.onclick=function(k){return function(){T(c,k.s.value)}}(g);window.addEventListener("click",function(k){d.contains(k.target)||d.classList.remove("open")});b.appendChild(f)}function T(a,b){for(var c=v(a.g.options),d=c.next();!d.done;d=c.next()){d=d.value;var f=a.i[d.value];if(d.value===b&&!f.classList.contains("selected"))return(b=a.options.querySelector(".selected"))&&b.classList.remove("selected"),f.classList.add("selected"),a.h.textContent=f.textContent,a.g.onclick(d),!0}return!1}
-function qa(a,b){var c=a.options.querySelector(".selected");c&&(c.classList.remove("selected"),a.h.textContent=void 0===b?"":b)};function U(a){this.g=a}
-U.prototype.create=function(a,b,c){var d=this,f=c.appendChild(document.createElement("div"));f.classList.add("control-panel-entry");f.classList.add("control-panel-slider");c=f.appendChild(document.createElement("span"));c.classList.add("label");c.textContent=this.g.title;c=new pa({options:this.g.options.map(function(g){return Object.assign(Object.assign({},g),{data:null})}),C:function(){f.style.zIndex="1000"},onclick:function(g){b[d.g.field]=g.value;a();if(d.g.onselectionchanged)d.g.onselectionchanged(g)},B:function(){f.style.zIndex=
-"100"}},f);0<this.g.options.length&&T(c,this.g.options[0].value)};U.prototype.update=function(){};function V(){this.i=this.counter=0;this.g=Array.from({length:10}).fill(0)}
-V.prototype.create=function(a,b,c){b=c.appendChild(document.createElement("div"));b.classList.add("control-panel-entry");b.classList.add("control-panel-fps");a=b.appendChild(document.createElement("canvas"));this.h=b.appendChild(document.createElement("div"));this.h.classList.add("fps-text");c=b.appendChild(document.createElement("div"));c.classList.add("fps-30");c.textContent="30";b=b.appendChild(document.createElement("div"));b.classList.add("fps-60");b.textContent="60";a.width=100;a.height=100;
-this.j=a.getContext("2d");ra(this,0)};V.prototype.update=function(){};V.prototype.tick=function(){var a=Math.floor(performance.now()/1E3);1<=a-this.i&&(ra(this,this.counter),this.i=a,this.counter=0);++this.counter};
-function ra(a,b){a.g.shift();a.g.push(b);var c=a.j;c.fillStyle="green";c.clearRect(0,0,c.canvas.width,c.canvas.height);for(var d=0;10>d;++d){var f=Math.min(100,Math.max(0,a.g[d]));c.fillRect(10*d+1,100-f+1,8,f)}c.setLineDash([2,2]);c.strokeStyle="#a0a0a0a0";c.lineWidth=2;c.beginPath();c.moveTo(0,30);c.lineTo(100,30);c.stroke();c.beginPath();c.moveTo(0,60);c.lineTo(100,60);c.stroke();a.h.textContent=b.toFixed(0)+" fps"};function W(a){this.g=a}
-W.prototype.create=function(a,b,c){var d=this;this.options=b;b=this.g;c=c.appendChild(document.createElement("div"));c.classList.add("control-panel-entry");c.classList.add("control-panel-slider");var f=c.appendChild(document.createElement("span"));f.classList.add("label");(this.h=c.appendChild(document.createElement("span"))).classList.add("callout");var g=this.i=c.appendChild(document.createElement("input"));g.classList.add("value");g.type="range";b.range?(g.min=""+b.range[0],g.max=""+b.range[1],
-g.step=void 0===b.step?"any":""+b.step):b.discrete&&(g.min="0",g.max=""+(Object.keys(b.discrete).length-1),g.step="1");g.oninput=function(){sa(d,Number(g.value))};g.onchange=function(){var e=Number(g.value);d.g.discrete&&(e=Object.keys(d.g.discrete)[e],Array.isArray(d.g.discrete)&&(e=Number(e)));d.options[d.g.field]=e;a()};f.textContent=b.title};
-W.prototype.update=function(){var a=this.options[this.g.field];a=this.g.discrete&&!Array.isArray(this.g.discrete)?Object.keys(this.g.discrete).indexOf(a):a;this.i.value=""+a;sa(this,a)};function sa(a,b){b=a.g.discrete?Object.values(a.g.discrete)[b]:b;a.h.textContent=""+b};var ta={facingMode:"user",width:640,height:480},ua={allowVideo:!0,allowImage:!0,examples:{videos:[],images:[]}};function X(a){return"https://fonts.gstatic.com/s/i/googlematerialicons/"+a+"/v8/white-24dp/1x/gm_"+a+"_white_24dp.png"}function Y(a){this.l=[];this.A=0;this.j=!1;this.g=Object.assign(Object.assign({},ua),a);this.g.cameraOptions=Object.assign(Object.assign({},this.g.cameraOptions||{}),ta)}
-function va(a){return L(a,function c(){var d,f,g,e,h;return I(c,function(k){if(1==k.g)return F(k,navigator.mediaDevices.getUserMedia({video:!0}),2);if(3!=k.g)return F(k,navigator.mediaDevices.enumerateDevices(),3);d=k.l;f=[];g=v(d);for(e=g.next();!e.done;e=g.next())h=e.value,""!==h.label&&"videoinput"===h.kind&&f.push({label:h.label,deviceId:h.deviceId});return k.return(f)})})}function Z(a){window.requestAnimationFrame(function(){a.tick()})}
-Y.prototype.tick=function(){var a=this,b=null;this.j&&(this.video.paused||this.video.currentTime===this.A||(this.m||(wa(this,this.video.currentTime/this.video.duration),this.i.time.textContent=xa(this.video.currentTime)),this.A=this.video.currentTime,b=this.g.onFrame?this.g.onFrame(this.video,{width:this.video.videoWidth,height:this.video.videoHeight}):null),b?b.then(function(){Z(a)}):Z(this))};function ya(a,b){a.video.srcObject=b;a.video.onloadedmetadata=function(){a.video.play();a.j=!0;Z(a)}}
-function za(a){return L(a,function c(){var d=this,f,g,e,h;return I(c,function(k){d.i.parent.style.display="none";d.j=!1;if(d.m){f=d.m.getTracks();g=v(f);for(e=g.next();!e.done;e=g.next())h=e.value,h.stop();d.m=void 0}k.g=0})})}
-function Aa(a){return L(a,function c(){var d=this,f,g,e,h;return I(c,function(k){if(1==k.g)return f=d,F(k,va(d),2);g=k.l.map(function(l){return{label:l.label,type:"webcam",N:l,start:function(){return Ba(f,l)}}});e=d.g.examples.videos.map(function(l){return{label:l.name,type:"video",video:f.video,start:function(){Ca(f,l.src)}}});h=d.g.examples.images.map(function(l){return{label:l.name,type:"image",image:f.h,start:function(){Da(f,l.src)}}});return k.return([].concat(w(g),w(e),w(h)))})})}
-function Ea(a,b){return L(a,function d(){var f=this;return I(d,function(g){1==g.g?g=F(g,za(f),2):3!=g.g?f.g.onSourceChanged?g=F(g,f.g.onSourceChanged(b.label,b.type),3):(g.g=3,g=void 0):g=F(g,b.start(),0);return g})})}function Fa(a,b){return L(a,function d(){var f=this;return I(d,function(g){f.g&&f.g.onFrame?g=F(g,f.g.onFrame(b,{width:b.naturalWidth,height:b.naturalHeight}),0):(g.g=0,g=void 0);return g})})}
-function Ga(a){return L(a,function c(){var d=this;return I(c,function(f){if(1==f.g){if(!d.g||!d.g.onFrame){f.g=0;return}d.i.parent.style.display="flex";wa(d,0);return F(f,d.video.play(),3)}d.D();d.j=!0;Z(d);f.g=0})})}
-function Ba(a,b){return L(a,function d(){var f=this,g,e;return I(d,function(h){g=f;e=Object.assign({video:{deviceId:b.deviceId}},f.g.cameraOptions?{facingMode:f.g.cameraOptions.facingMode,width:f.g.cameraOptions.width,height:f.g.cameraOptions.height}:{});return h.return(navigator.mediaDevices.getUserMedia(e).then(function(k){g.m=k;ya(g,k)}).catch(function(k){console.error("Failed to acquire camera feed: "+k);alert("Failed to acquire camera feed: "+k);throw k;}))})})}
-function Ha(a,b){a.o=new pa({options:a.l.map(function(c){var d=void 0;"image"===c.type?d=S("https://fonts.gstatic.com/s/i/googlematerialicons/image/v12/gm_grey-24dp/1x/gm_image_gm_grey_24dp.png"):"video"===c.type&&(d=S("https://fonts.gstatic.com/s/i/googlematerialicons/videocam/v12/gm_grey-24dp/1x/gm_videocam_gm_grey_24dp.png"));return{name:c.label,value:c.label,data:c,prefix:d}}),onclick:function(c){a.i.parent.style.display="none";c.data.start()},C:function(){a.u.style.zIndex="2000"},B:function(){a.u.style.zIndex=
-"100"}},b)}
-function Ia(a,b){var c=b.appendChild(document.createElement("input"));c.type="file";c.style.display="none";b.appendChild(R("file-selection",[b=Q("",[S(X("file_upload"))])]));b.onclick=function(){c.click()};c.onchange=function(){return L(a,function f(){var g,e,h,k,l=this;return I(f,function(n){if((g=c.files)&&0<g.length){e=g[0].type.toLowerCase();h=e.substring(0,e.indexOf("/"));var u=g[0];var m=u.type.match(/^([^;]+)(?:;\w+=(?:\w+|"[\w;,= ]+"))*$/i);if(2!==(null===m||void 0===m?void 0:m.length)||!(/^image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp|x-icon)$/i.test(m[1])||
-/^video\/(?:mpeg|mp4|ogg|webm|x-matroska|quicktime|x-ms-wmv)$/i.test(m[1])||/^audio\/(?:3gpp2|3gpp|aac|L16|midi|mp3|mp4|mpeg|oga|ogg|opus|x-m4a|x-matroska|x-wav|wav|webm)$/i.test(m[1])))throw Error("unsafe blob MIME type: "+u.type);if(URL&&URL.createObjectURL)u=new M(URL.createObjectURL(u),na);else throw Error("cannot find createObjectURL");k=u.toString();"image"===h?(qa(l.o,g[0].name),Da(l,k)):"video"===h&&Ca(l,k)}n.g=0})})}}
-function Da(a,b){a.h.onload=function(){return L(a,function d(){var f=this,g;return I(d,function(e){g=f;f.g.onFrame?e=F(e,Ea(f,{label:"file",type:"image",image:f.h,start:function(){return L(g,function k(){var l=this;return I(k,function(n){return F(n,Fa(l,l.h),0)})})}}),0):(e.g=0,e=void 0);return e})})};a.h.src=b}
-function Ca(a,b){a.video.onloadedmetadata=function(){return L(a,function d(){var f=this,g;return I(d,function(e){g=f;f.video.loop=!0;f.g.onFrame?e=F(e,Ea(f,{label:"file",type:"video",video:f.video,start:function(){return Ga(g)}}),0):(e.g=0,e=void 0);return e})})};a.video.srcObject=null;a.video.src=b}
-Y.prototype.create=function(a,b,c){var d=this,f=this.u=c.appendChild(document.createElement("div"));f.classList.add("control-panel-entry");f.classList.add("control-panel-source-picker");var g=Q("source-selection");f.append(g);Aa(this).then(function(e){d.l=e;Ha(d,g);Ia(d,g);e=g.appendChild(document.createElement("div"));e.classList.add("inputs");d.video=e.appendChild(document.createElement("video"));d.video.setAttribute("crossorigin","anonymous");d.video.setAttribute("playsinline","true");d.h=e.appendChild(document.createElement("img"));
-d.h.setAttribute("crossorigin","anonymous");Ja(d,f);0<d.l.length&&(e=d.l[0],T(d.o,e.label)||qa(d.o),e.start())})};
-function Ja(a,b){var c=X("pause"),d=X("play_arrow"),f,g,e,h;b.append(e=Q("video-controls",[h=S(c),g=Q("video-track"),f=Q("video-slider-ball"),b=R("video-time")]));a.i={parent:e,K:f,track:g,time:b};b.textContent="00:00";f.style.display="inline-block";f.onmousedown=function(k){function l(){k.preventDefault();document.removeEventListener("mousemove",n);u||a.video.play();document.removeEventListener("mouseup",l)}function n(m){k.preventDefault();var q=e.getBoundingClientRect(),E=f.getBoundingClientRect(),
-A=g.getBoundingClientRect();m=m.clientX-q.left-E.width/2;q=A.left-q.left;m<q?m=q:m>q+A.width&&(m=q+A.width);f.style.left=m+"px";a.video.currentTime=(m-q)/A.width*a.video.duration}k.preventDefault();var u=a.video.paused;a.video.pause();document.addEventListener("mousemove",n);document.addEventListener("mouseup",l)};h.onclick=function(){a.video.paused?(a.video.play(),h.src=c):(a.video.pause(),h.src=d)};a.D=function(){a.video.paused&&(h.src=d);h.src=c}}
-function wa(a,b){var c=a.i.K,d=a.i.track.getBoundingClientRect();a=a.i.parent.getBoundingClientRect();c.style.left=d.left-a.left+d.width*b+"px"}function xa(a){var b=Math.floor(a%60).toString();b=1===b.length?"0"+b:b;a=Math.floor(a/60).toString();a=1===a.length?"0"+a:a;return a+":"+b}Y.prototype.update=function(){if(this.h&&!this.j&&this.g.onFrame)this.g.onFrame(this.h,{width:this.h.naturalWidth,height:this.h.naturalHeight})};function Ka(a){this.g=a}Ka.prototype.create=function(a,b,c){a=c.appendChild(document.createElement("div"));a.classList.add("control-panel-entry");a.classList.add("control-panel-text");a.textContent=this.g.title};Ka.prototype.update=function(){};function La(a){this.h=a}La.prototype.create=function(a,b,c){var d=this;this.i=a;this.options=b;this.g=c.appendChild(document.createElement("div"));this.g.classList.add("control-panel-entry");this.g.classList.add("control-panel-toggle");this.g.onclick=function(){d.options[d.h.field]=!d.options[d.h.field];d.i()};a=this.g.appendChild(document.createElement("span"));a.classList.add("label");this.value=this.g.appendChild(document.createElement("span"));this.value.classList.add("value");a.textContent=this.h.title};
-La.prototype.update=function(){this.options[this.h.field]?(this.value.textContent="Yes",this.g.classList.add("yes"),this.g.classList.remove("no")):(this.value.textContent="No",this.g.classList.add("no"),this.g.classList.remove("yes"))};function Ma(a,b){this.parent=a;this.options=b;this.g=[];this.h=this.parent.appendChild(document.createElement("div"));this.h.classList.add("control-panel")}Ma.prototype.add=function(a){var b=this;a=v(a);for(var c=a.next();!c.done;c=a.next())c=c.value,this.g.push(c),c.create(function(){Na(b)},this.options,this.h);Na(this);return this};Ma.prototype.on=function(a){this.i=a;Na(this);return this};function Na(a){for(var b=v(a.g),c=b.next();!c.done;c=b.next())c.value.update();a.i&&a.i(a.options)}
-K("ControlPanel",Ma);K("Slider",W);K("StaticText",Ka);K("Toggle",La);K("SourcePicker",Y);K("FPS",V);K("DropDownControl",U);}).call(this);
+'use strict';function n(a){var b=0;return function(){return b<a.length?{done:!1,value:a[b++]}:{done:!0}}}var t="function"==typeof Object.defineProperties?Object.defineProperty:function(a,b,c){if(a==Array.prototype||a==Object.prototype)return a;a[b]=c.value;return a};
+function aa(a){a=["object"==typeof globalThis&&globalThis,a,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var b=0;b<a.length;++b){var c=a[b];if(c&&c.Math==Math)return c}throw Error("Cannot find global object");}var u=aa(this);function v(a,b){if(b)a:{var c=u;a=a.split(".");for(var d=0;d<a.length-1;d++){var f=a[d];if(!(f in c))break a;c=c[f]}a=a[a.length-1];d=c[a];b=b(d);b!=d&&null!=b&&t(c,a,{configurable:!0,writable:!0,value:b})}}
+v("Symbol",function(a){function b(g){if(this instanceof b)throw new TypeError("Symbol is not a constructor");return new c(d+(g||"")+"_"+f++,g)}function c(g,e){this.g=g;t(this,"description",{configurable:!0,writable:!0,value:e})}if(a)return a;c.prototype.toString=function(){return this.g};var d="jscomp_symbol_"+(1E9*Math.random()>>>0)+"_",f=0;return b});
+v("Symbol.iterator",function(a){if(a)return a;a=Symbol("Symbol.iterator");for(var b="Array Int8Array Uint8Array Uint8ClampedArray Int16Array Uint16Array Int32Array Uint32Array Float32Array Float64Array".split(" "),c=0;c<b.length;c++){var d=u[b[c]];"function"===typeof d&&"function"!=typeof d.prototype[a]&&t(d.prototype,a,{configurable:!0,writable:!0,value:function(){return ba(n(this))}})}return a});function ba(a){a={next:a};a[Symbol.iterator]=function(){return this};return a}
+function w(a){var b="undefined"!=typeof Symbol&&Symbol.iterator&&a[Symbol.iterator];return b?b.call(a):{next:n(a)}}function x(a){if(!(a instanceof Array)){a=w(a);for(var b,c=[];!(b=a.next()).done;)c.push(b.value);a=c}return a}var ca="function"==typeof Object.assign?Object.assign:function(a,b){for(var c=1;c<arguments.length;c++){var d=arguments[c];if(d)for(var f in d)Object.prototype.hasOwnProperty.call(d,f)&&(a[f]=d[f])}return a};v("Object.assign",function(a){return a||ca});
+function y(){this.l=!1;this.h=null;this.i=void 0;this.g=1;this.o=0;this.j=null}function A(a){if(a.l)throw new TypeError("Generator is already running");a.l=!0}y.prototype.m=function(a){this.i=a};function B(a,b){a.j={L:b,M:!0};a.g=a.o}y.prototype.return=function(a){this.j={return:a};this.g=this.o};function D(a,b,c){a.g=c;return{value:b}}function da(a){this.g=new y;this.h=a}
+function ea(a,b){A(a.g);var c=a.g.h;if(c)return E(a,"return"in c?c["return"]:function(d){return{value:d,done:!0}},b,a.g.return);a.g.return(b);return F(a)}function E(a,b,c,d){try{var f=b.call(a.g.h,c);if(!(f instanceof Object))throw new TypeError("Iterator result "+f+" is not an object");if(!f.done)return a.g.l=!1,f;var g=f.value}catch(e){return a.g.h=null,B(a.g,e),F(a)}a.g.h=null;d.call(a.g,g);return F(a)}
+function F(a){for(;a.g.g;)try{var b=a.h(a.g);if(b)return a.g.l=!1,{value:b.value,done:!1}}catch(c){a.g.i=void 0,B(a.g,c)}a.g.l=!1;if(a.g.j){b=a.g.j;a.g.j=null;if(b.M)throw b.L;return{value:b.return,done:!0}}return{value:void 0,done:!0}}
+function fa(a){this.next=function(b){A(a.g);a.g.h?b=E(a,a.g.h.next,b,a.g.m):(a.g.m(b),b=F(a));return b};this.throw=function(b){A(a.g);a.g.h?b=E(a,a.g.h["throw"],b,a.g.m):(B(a.g,b),b=F(a));return b};this.return=function(b){return ea(a,b)};this[Symbol.iterator]=function(){return this}}function ha(a){function b(d){return a.next(d)}function c(d){return a.throw(d)}return new Promise(function(d,f){function g(e){e.done?d(e.value):Promise.resolve(e.value).then(b,c).then(g,f)}g(a.next())})}
+function G(a){return ha(new fa(new da(a)))}
+v("Promise",function(a){function b(e){this.h=0;this.i=void 0;this.g=[];this.o=!1;var h=this.j();try{e(h.resolve,h.reject)}catch(k){h.reject(k)}}function c(){this.g=null}function d(e){return e instanceof b?e:new b(function(h){h(e)})}if(a)return a;c.prototype.h=function(e){if(null==this.g){this.g=[];var h=this;this.i(function(){h.l()})}this.g.push(e)};var f=u.setTimeout;c.prototype.i=function(e){f(e,0)};c.prototype.l=function(){for(;this.g&&this.g.length;){var e=this.g;this.g=[];for(var h=0;h<e.length;++h){var k=
+e[h];e[h]=null;try{k()}catch(l){this.j(l)}}}this.g=null};c.prototype.j=function(e){this.i(function(){throw e;})};b.prototype.j=function(){function e(l){return function(m){k||(k=!0,l.call(h,m))}}var h=this,k=!1;return{resolve:e(this.G),reject:e(this.l)}};b.prototype.G=function(e){if(e===this)this.l(new TypeError("A Promise cannot resolve to itself"));else if(e instanceof b)this.I(e);else{a:switch(typeof e){case "object":var h=null!=e;break a;case "function":h=!0;break a;default:h=!1}h?this.F(e):this.m(e)}};
+b.prototype.F=function(e){var h=void 0;try{h=e.then}catch(k){this.l(k);return}"function"==typeof h?this.J(h,e):this.m(e)};b.prototype.l=function(e){this.u(2,e)};b.prototype.m=function(e){this.u(1,e)};b.prototype.u=function(e,h){if(0!=this.h)throw Error("Cannot settle("+e+", "+h+"): Promise already settled in state"+this.h);this.h=e;this.i=h;2===this.h&&this.H();this.A()};b.prototype.H=function(){var e=this;f(function(){if(e.D()){var h=u.console;"undefined"!==typeof h&&h.error(e.i)}},1)};b.prototype.D=
+function(){if(this.o)return!1;var e=u.CustomEvent,h=u.Event,k=u.dispatchEvent;if("undefined"===typeof k)return!0;"function"===typeof e?e=new e("unhandledrejection",{cancelable:!0}):"function"===typeof h?e=new h("unhandledrejection",{cancelable:!0}):(e=u.document.createEvent("CustomEvent"),e.initCustomEvent("unhandledrejection",!1,!0,e));e.promise=this;e.reason=this.i;return k(e)};b.prototype.A=function(){if(null!=this.g){for(var e=0;e<this.g.length;++e)g.h(this.g[e]);this.g=null}};var g=new c;b.prototype.I=
+function(e){var h=this.j();e.v(h.resolve,h.reject)};b.prototype.J=function(e,h){var k=this.j();try{e.call(h,k.resolve,k.reject)}catch(l){k.reject(l)}};b.prototype.then=function(e,h){function k(p,q){return"function"==typeof p?function(C){try{l(p(C))}catch(z){m(z)}}:q}var l,m,r=new b(function(p,q){l=p;m=q});this.v(k(e,l),k(h,m));return r};b.prototype.catch=function(e){return this.then(void 0,e)};b.prototype.v=function(e,h){function k(){switch(l.h){case 1:e(l.i);break;case 2:h(l.i);break;default:throw Error("Unexpected state: "+
+l.h);}}var l=this;null==this.g?g.h(k):this.g.push(k);this.o=!0};b.resolve=d;b.reject=function(e){return new b(function(h,k){k(e)})};b.race=function(e){return new b(function(h,k){for(var l=w(e),m=l.next();!m.done;m=l.next())d(m.value).v(h,k)})};b.all=function(e){var h=w(e),k=h.next();return k.done?d([]):new b(function(l,m){function r(C){return function(z){p[C]=z;q--;0==q&&l(p)}}var p=[],q=0;do p.push(void 0),q++,d(k.value).v(r(p.length-1),m),k=h.next();while(!k.done)})};return b});
+v("Array.prototype.find",function(a){return a?a:function(b,c){a:{var d=this;d instanceof String&&(d=String(d));for(var f=d.length,g=0;g<f;g++){var e=d[g];if(b.call(c,e,g,d)){b=e;break a}}b=void 0}return b}});function ia(a,b){a instanceof String&&(a+="");var c=0,d=!1,f={next:function(){if(!d&&c<a.length){var g=c++;return{value:b(g,a[g]),done:!1}}d=!0;return{done:!0,value:void 0}}};f[Symbol.iterator]=function(){return f};return f}
+v("Array.from",function(a){return a?a:function(b,c,d){c=null!=c?c:function(h){return h};var f=[],g="undefined"!=typeof Symbol&&Symbol.iterator&&b[Symbol.iterator];if("function"==typeof g){b=g.call(b);for(var e=0;!(g=b.next()).done;)f.push(c.call(d,g.value,e++))}else for(g=b.length,e=0;e<g;e++)f.push(c.call(d,b[e],e));return f}});
+v("Array.prototype.fill",function(a){return a?a:function(b,c,d){var f=this.length||0;0>c&&(c=Math.max(0,f+c));if(null==d||d>f)d=f;d=Number(d);0>d&&(d=Math.max(0,f+d));for(c=Number(c||0);c<d;c++)this[c]=b;return this}});function H(a){return a?a:Array.prototype.fill}v("Int8Array.prototype.fill",H);v("Uint8Array.prototype.fill",H);v("Uint8ClampedArray.prototype.fill",H);v("Int16Array.prototype.fill",H);v("Uint16Array.prototype.fill",H);v("Int32Array.prototype.fill",H);
+v("Uint32Array.prototype.fill",H);v("Float32Array.prototype.fill",H);v("Float64Array.prototype.fill",H);v("Array.prototype.keys",function(a){return a?a:function(){return ia(this,function(b){return b})}});v("Object.values",function(a){return a?a:function(b){var c=[],d;for(d in b)Object.prototype.hasOwnProperty.call(b,d)&&c.push(b[d]);return c}});var ja=this||self;
+function I(a,b){a=a.split(".");var c=ja;a[0]in c||"undefined"==typeof c.execScript||c.execScript("var "+a[0]);for(var d;a.length&&(d=a.shift());)a.length||void 0===b?c[d]&&c[d]!==Object.prototype[d]?c=c[d]:c=c[d]={}:c[d]=b};/*
+
+ SPDX-License-Identifier: Apache-2.0
+*/
+function J(a){this.g=ka===ka?a:""}J.prototype.toString=function(){return this.g.toString()};var ka={};function K(a,b,c){a=document.createElement(a);b&&a.classList.add(b);if(c)for(b=w(c),c=b.next();!c.done;c=b.next())a.appendChild(c.value);return a}function L(a,b){return K("div",a,b)}function M(a,b){return K("span",a,b)}function N(a){var b=K("img","");b.src=a||"";return b};function la(a,b){var c=this;this.g=a;this.i={};var d,f=L("dropdown-wrapper",[d=L("dropdown",[L("dropdown-trigger",[this.h=M(),L("arrow")]),this.options=L("dropdown-options")])]);f.onclick=function(){a.C&&a.C();d.classList.toggle("open");d.g=function(){a.B&&a.B()}};for(var g={},e=w(a.options),h=e.next();!h.done;g={s:g.s},h=e.next())g.s=h.value,h=void 0,this.options.appendChild(h=M("dropdown-option")),this.i[g.s.value]=h,h.textContent=g.s.name,g.s.prefix&&h.prepend(g.s.prefix),h.setAttribute("data-value",
+g.s.value),h.onclick=function(k){return function(){O(c,k.s.value)}}(g);window.addEventListener("click",function(k){d.contains(k.target)||d.classList.remove("open")});b.appendChild(f)}function O(a,b){for(var c=w(a.g.options),d=c.next();!d.done;d=c.next()){d=d.value;var f=a.i[d.value];if(d.value===b&&!f.classList.contains("selected"))return(b=a.options.querySelector(".selected"))&&b.classList.remove("selected"),f.classList.add("selected"),a.h.textContent=f.textContent,a.g.onclick(d),!0}return!1}
+function P(a,b){var c=a.options.querySelector(".selected");c&&(c.classList.remove("selected"),a.h.textContent=void 0===b?"":b)};function Q(a){this.g=a}
+Q.prototype.create=function(a,b,c){var d=this,f=c.appendChild(document.createElement("div"));f.classList.add("control-panel-entry");f.classList.add("control-panel-slider");c=f.appendChild(document.createElement("span"));c.classList.add("label");c.textContent=this.g.title;c=new la({options:this.g.options.map(function(g){return Object.assign({},g,{data:null})}),C:function(){f.style.zIndex="1000"},onclick:function(g){b[d.g.field]=g.value;a();if(d.g.onselectionchanged)d.g.onselectionchanged(g)},B:function(){f.style.zIndex=
+"100"}},f);0<this.g.options.length&&O(c,this.g.options[0].value)};Q.prototype.update=function(){};function R(){this.i=this.counter=0;this.g=Array.from({length:10}).fill(0)}
+R.prototype.create=function(a,b,c){b=c.appendChild(document.createElement("div"));b.classList.add("control-panel-entry");b.classList.add("control-panel-fps");a=b.appendChild(document.createElement("canvas"));this.h=b.appendChild(document.createElement("div"));this.h.classList.add("fps-text");c=b.appendChild(document.createElement("div"));c.classList.add("fps-30");c.textContent="30";b=b.appendChild(document.createElement("div"));b.classList.add("fps-60");b.textContent="60";a.width=100;a.height=100;
+this.j=a.getContext("2d");ma(this,0)};R.prototype.update=function(){};R.prototype.tick=function(){var a=Math.floor(performance.now()/1E3);1<=a-this.i&&(ma(this,this.counter),this.i=a,this.counter=0);++this.counter};
+function ma(a,b){a.g.shift();a.g.push(b);var c=a.j;c.fillStyle="green";c.clearRect(0,0,c.canvas.width,c.canvas.height);for(var d=0;10>d;++d){var f=Math.min(100,Math.max(0,a.g[d]));c.fillRect(10*d+1,100-f+1,8,f)}c.setLineDash([2,2]);c.strokeStyle="#a0a0a0a0";c.lineWidth=2;c.beginPath();c.moveTo(0,30);c.lineTo(100,30);c.stroke();c.beginPath();c.moveTo(0,60);c.lineTo(100,60);c.stroke();a.h.textContent=b.toFixed(0)+" fps"};function S(a){this.g=a}
+S.prototype.create=function(a,b,c){var d=this;this.options=b;b=this.g;c=c.appendChild(document.createElement("div"));c.classList.add("control-panel-entry");c.classList.add("control-panel-slider");var f=c.appendChild(document.createElement("span"));f.classList.add("label");(this.h=c.appendChild(document.createElement("span"))).classList.add("callout");var g=this.i=c.appendChild(document.createElement("input"));g.classList.add("value");g.type="range";b.range?(g.min=""+b.range[0],g.max=""+b.range[1],
+g.step=void 0===b.step?"any":""+b.step):b.discrete&&(g.min="0",g.max=""+(Object.keys(b.discrete).length-1),g.step="1");g.oninput=function(){na(d,Number(g.value))};g.onchange=function(){var e=Number(g.value);d.g.discrete&&(e=Object.keys(d.g.discrete)[e],Array.isArray(d.g.discrete)&&(e=Number(e)));d.options[d.g.field]=e;a()};f.textContent=b.title};
+S.prototype.update=function(){var a=this.options[this.g.field];a=this.g.discrete&&!Array.isArray(this.g.discrete)?Object.keys(this.g.discrete).indexOf(a):a;this.i.value=""+a;na(this,a)};function na(a,b){b=a.g.discrete?Object.values(a.g.discrete)[b]:b;a.h.textContent=""+b};var oa={facingMode:"user",width:640,height:480},pa={allowVideo:!0,allowImage:!0,examples:{videos:[],images:[]}};function T(a){return"https://fonts.gstatic.com/s/i/googlematerialicons/"+a+"/v8/white-24dp/1x/gm_"+a+"_white_24dp.png"}function U(a){this.j=[];this.A=0;this.l=!1;this.g=Object.assign({},pa,a);this.g.cameraOptions=Object.assign({},oa,a.cameraOptions||{});console.log("config",this.g,a)}
+function qa(){var a,b,c,d,f,g;return G(function(e){if(1==e.g)return D(e,navigator.mediaDevices.enumerateDevices(),2);if(4!=e.g)return a=e.i,b=a.filter(function(h){return"videoinput"===h.kind&&h.label}),b.length?(e.g=0,e=void 0):e=D(e,navigator.mediaDevices.getUserMedia({video:!0}),4),e;c=e.i;d=w(c.getTracks());for(f=d.next();!f.done;f=d.next())g=f.value,g.stop();e.g=0})}
+function ra(){var a,b,c,d,f;return G(function(g){if(1==g.g)return D(g,qa(),2);if(3!=g.g)return D(g,navigator.mediaDevices.enumerateDevices(),3);a=g.i;b=[];c=w(a);for(d=c.next();!d.done;d=c.next())f=d.value,""!==f.label&&"videoinput"===f.kind&&b.push({label:f.label,deviceId:f.deviceId});return g.return(b)})}function V(a){window.requestAnimationFrame(function(){a.tick()})}
+U.prototype.tick=function(){var a=this,b=null;this.l&&(this.video.paused||this.video.currentTime===this.A||(this.m||(sa(this,this.video.currentTime/this.video.duration),this.i.time.textContent=ta(this.video.currentTime)),this.A=this.video.currentTime,b=this.g.onFrame?this.g.onFrame(this.video,{width:this.video.videoWidth,height:this.video.videoHeight}):null),b?b.then(function(){V(a)}):V(this))};function ua(a,b){a.video.srcObject=b;a.video.onloadedmetadata=function(){a.video.play();a.l=!0;V(a)}}
+function va(a){var b,c,d,f;return G(function(g){a.i.parent.style.display="none";a.l=!1;if(a.m){b=a.m.getTracks();c=w(b);for(d=c.next();!d.done;d=c.next())f=d.value,f.stop();a.m=void 0}g.g=0})}
+function wa(a){var b,c,d,f,g,e,h,k,l;return G(function(m){if(1==m.g)return D(m,ra(),2);b=m.i.map(function(r){return{label:r.label,type:"webcam",N:r,start:function(){return xa(a,r)}}});f=null==(c=a.g.examples)?void 0:null==(d=c.videos)?void 0:d.map(function(r){return{label:r.name,type:"video",video:a.video,start:function(){ya(a,r.src)}}});h=null==(g=a.g.examples)?void 0:null==(e=g.images)?void 0:e.map(function(r){return{label:r.name,type:"image",image:a.h,start:function(){za(a,r.src)}}});return m.return([].concat(x(b),
+x(null!=(k=f)?k:[]),x(null!=(l=h)?l:[])))})}function Aa(a,b){var c,d;return G(function(f){return 1==f.g?D(f,va(a),2):3!=f.g?D(f,null==(d=(c=a.g).onSourceChanged)?void 0:d.call(c,b.label,b.type),3):D(f,b.start(),0)})}function Ba(a,b){var c,d;return G(function(f){return D(f,null==(d=(c=a.g).onFrame)?void 0:d.call(c,b,{width:b.naturalWidth,height:b.naturalHeight}),0)})}
+function Ca(a){return G(function(b){if(1==b.g)return a.i.parent.style.display="flex",sa(a,0),D(b,a.video.play(),2);a.D();a.l=!0;V(a);b.g=0})}function xa(a,b){var c,d;return G(function(f){d={video:Object.assign({},{deviceId:b.deviceId},null!=(c=a.g.cameraOptions)?c:{})};return f.return(navigator.mediaDevices.getUserMedia(d).then(function(g){a.m=g;ua(a,g)}).catch(function(g){console.error("Failed to acquire camera feed: "+g);alert("Failed to acquire camera feed: "+g);throw g;}))})}
+function Da(a,b){a.o=new la({options:a.j.map(function(c){var d=void 0;"image"===c.type?d=N("https://fonts.gstatic.com/s/i/googlematerialicons/image/v12/gm_grey-24dp/1x/gm_image_gm_grey_24dp.png"):"video"===c.type&&(d=N("https://fonts.gstatic.com/s/i/googlematerialicons/videocam/v12/gm_grey-24dp/1x/gm_videocam_gm_grey_24dp.png"));return{name:c.label,value:c.label,data:c,prefix:d}}),onclick:function(c){a.i.parent.style.display="none";c=c.data;c.start();window.localStorage.setItem("SOURCE_PICKER_LAST_SOURCE",
+c.label)},C:function(){a.u.style.zIndex="2000"},B:function(){a.u.style.zIndex="100"}},b)}
+function Ea(a,b){var c=b.appendChild(document.createElement("input"));c.type="file";c.style.display="none";b.appendChild(M("file-selection",[b=L("",[N(T("file_upload"))])]));b.onclick=function(){c.click()};c.onchange=function(){var d,f,g,e,h,k;return G(function(l){d=c.files;if(null==(f=d)?0:f.length){g=d[0];e=g.type.toLowerCase();h=e.substring(0,e.indexOf("/"));var m=g.type.match(/^([^;]+)(?:;\w+=(?:\w+|"[\w;,= ]+"))*$/i);if(2!==(null==m?void 0:m.length)||!(/^image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp|x-icon|heic|heif)$/i.test(m[1])||
+/^video\/(?:mpeg|mp4|ogg|webm|x-matroska|quicktime|x-ms-wmv)$/i.test(m[1])||/^audio\/(?:3gpp2|3gpp|aac|L16|midi|mp3|mp4|mpeg|oga|ogg|opus|x-m4a|x-matroska|x-wav|wav|webm)$/i.test(m[1])))throw Error("");k=(new J(URL.createObjectURL(g))).toString();"image"===h?(P(a.o,g.name),za(a,k)):"video"===h&&(P(a.o,g.name),ya(a,k))}l.g=0})}}
+function za(a,b){a.h.onload=function(){return G(function(c){a.g.onFrame?c=D(c,Aa(a,{label:"file",type:"image",image:a.h,start:function(){return G(function(d){return D(d,Ba(a,a.h),0)})}}),0):(c.g=0,c=void 0);return c})};a.h.src=b}function ya(a,b){a.video.onloadedmetadata=function(){return G(function(c){a.video.loop=!0;a.g?c=D(c,Aa(a,{label:"file",type:"video",video:a.video,start:function(){return Ca(a)}}),0):(c.g=0,c=void 0);return c})};a.video.srcObject=null;a.video.src=b}
+function Fa(a,b){O(a.o,b.label)||P(a.o)}function Ga(a){var b=window.localStorage.getItem("SOURCE_PICKER_LAST_SOURCE"),c=a.j.find(function(d){return d.label===b});c?Fa(a,c):0<a.j.length&&Fa(a,a.j[0])}
+U.prototype.create=function(a,b,c){var d=this,f=this.u=c.appendChild(document.createElement("div"));f.classList.add("control-panel-entry");f.classList.add("control-panel-source-picker");var g=L("source-selection");f.append(g);wa(this).then(function(e){d.j=e;Da(d,g);Ea(d,g);e=g.appendChild(document.createElement("div"));e.classList.add("inputs");d.video=e.appendChild(document.createElement("video"));d.video.setAttribute("crossorigin","anonymous");d.video.setAttribute("playsinline","true");d.h=e.appendChild(document.createElement("img"));
+d.h.setAttribute("crossorigin","anonymous");var h,k;null==(k=(h=d.g).onVideoElementCreated)||k.call(h,d.video);Ha(d,f);Ga(d)})};
+function Ha(a,b){var c=T("pause"),d=T("play_arrow"),f,g,e,h;b.append(e=L("video-controls",[h=N(c),g=L("video-track"),f=L("video-slider-ball"),b=M("video-time")]));a.i={parent:e,K:f,track:g,time:b};b.textContent="00:00";f.style.display="inline-block";f.onmousedown=function(k){function l(){k.preventDefault();document.removeEventListener("mousemove",m);r||a.video.play();document.removeEventListener("mouseup",l)}function m(p){k.preventDefault();var q=e.getBoundingClientRect(),C=f.getBoundingClientRect(),
+z=g.getBoundingClientRect();p=p.clientX-q.left-C.width/2;q=z.left-q.left;p<q?p=q:p>q+z.width&&(p=q+z.width);f.style.left=p+"px";a.video.currentTime=(p-q)/z.width*a.video.duration}k.preventDefault();var r=a.video.paused;a.video.pause();document.addEventListener("mousemove",m);document.addEventListener("mouseup",l)};h.onclick=function(){a.video.paused?(a.video.play(),h.src=c):(a.video.pause(),h.src=d)};a.D=function(){a.video.paused&&(h.src=d);h.src=c}}
+function sa(a,b){var c=a.i.K,d=a.i.track.getBoundingClientRect();a=a.i.parent.getBoundingClientRect();c.style.left=d.left-a.left+d.width*b+"px"}function ta(a){var b=Math.floor(a%60).toString();b=1===b.length?"0"+b:b;a=Math.floor(a/60).toString();a=1===a.length?"0"+a:a;return a+":"+b}U.prototype.update=function(){if(this.h&&!this.l&&this.g.onFrame)this.g.onFrame(this.h,{width:this.h.naturalWidth,height:this.h.naturalHeight})};function W(a){this.g=a}W.prototype.create=function(a,b,c){a=c.appendChild(document.createElement("div"));a.classList.add("control-panel-entry");a.classList.add("control-panel-text");a.textContent=this.g.title};W.prototype.update=function(){};function X(a){this.h=a}X.prototype.create=function(a,b,c){var d=this;this.i=a;this.options=b;this.g=c.appendChild(document.createElement("div"));this.g.classList.add("control-panel-entry");this.g.classList.add("control-panel-toggle");this.g.onclick=function(){d.options[d.h.field]=!d.options[d.h.field];d.i()};a=this.g.appendChild(document.createElement("span"));a.classList.add("label");this.value=this.g.appendChild(document.createElement("span"));this.value.classList.add("value");a.textContent=this.h.title};
+X.prototype.update=function(){this.options[this.h.field]?(this.value.textContent="Yes",this.g.classList.add("yes"),this.g.classList.remove("no")):(this.value.textContent="No",this.g.classList.add("no"),this.g.classList.remove("yes"))};function Y(a,b){this.parent=a;this.options=b;this.g=[];this.h=this.parent.appendChild(document.createElement("div"));this.h.classList.add("control-panel")}Y.prototype.add=function(a){var b=this;a=w(a);for(var c=a.next();!c.done;c=a.next())c=c.value,this.g.push(c),c.create(function(){Z(b)},this.options,this.h);Z(this);return this};Y.prototype.on=function(a){this.i=a;Z(this);return this};function Z(a){for(var b=w(a.g),c=b.next();!c.done;c=b.next())c.value.update();a.i&&a.i(a.options)}
+I("ControlPanel",Y);I("Slider",S);I("StaticText",W);I("Toggle",X);I("SourcePicker",U);I("FPS",R);I("DropDownControl",Q);}).call(this);

index.d.ts

@@ -121,3 +121,2 @@ /**
 export interface CameraOptions {
-  onFrame: () => Promise<void>| null;
   facingMode?: 'user'|'environment';
@@ -128,3 +127,6 @@ width?: number;
 
-interface NamedSource {
+/**
+ * Specifies video or image source.
+ */
+export declare interface NamedSource {
   name: string;
@@ -138,4 +140,4 @@ src: string;
 interface ExampleOptions {
-  videos: NamedSource[];
-  images: NamedSource[];
+  videos?: NamedSource[];
+  images?: NamedSource[];
 }
@@ -158,2 +160,3 @@
   onFrame?: (image: InputImage, size: Rectangle) => Promise<void>| null;
+  onVideoElementCreated?: (video: HTMLVideoElement) => Promise<void>| void;
   onSourceChanged?: (name: string, type: SourceType) => Promise<void>| void;
@@ -160,0 +163,0 @@ examples?: ExampleOptions;

package.json

 {
   "name": "@mediapipe/control_utils",
-  "version": "0.6.1629159505",
+  "version": "0.6.1657298653",
   "description": "Mediapipe Simple Control Panel",
@@ -5,0 +5,0 @@ "main": "control_utils.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

313

increased by1.29%

Worsened metrics

Total package byte prevSize

32692

decreased by-1.01%

Number of medium maintenance alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes