evmux-app-framework 0.0.97 → 0.0.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.test_holder_root[data-v-
|
|
1
|
+
:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.test_holder_root[data-v-313ad8e1]{padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.test_holder_main[data-v-313ad8e1]{display:flex;gap:16px;align-items:stretch}.video_editor_wr[data-v-313ad8e1]{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#dcdce5;border-radius:15px;padding:40px 30px;position:relative;overflow:hidden;min-height:500px}.scene_canvas[data-v-313ad8e1]{width:100%;max-width:1920px;aspect-ratio:16 / 9;background-color:#1e222b;border-radius:4px;overflow:hidden;position:relative;box-shadow:0 4px 24px #00000026}.scene_iframe[data-v-313ad8e1]{width:100%;height:100%;border:none;display:block}.settings_sidebar[data-v-313ad8e1]{flex:0 0 330px;width:330px;background-color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:15px;border:1px solid #e6e6ef}.settings_iframe[data-v-313ad8e1]{width:100%;height:100%;border:none;flex:1}.apps_fast_access_wr{display:flex;padding:6px 0}.apps_fast_access_btn{flex:0 0 30px;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;position:relative;cursor:pointer;padding-bottom:1px;background-color:#fff;color:#676777;border:1px solid #e6e6ef}.apps_fast_access_btn svg{width:22px;height:22px}.apps_fast_access_btn svg polygon,.apps_fast_access_btn svg path,.apps_fast_access_btn svg circle{fill:#676777}.apps_fast_access_btn.uiColor{color:#fff!important;border-color:transparent}.apps_fast_access_btn.uiColor svg polygon,.apps_fast_access_btn.uiColor svg path,.apps_fast_access_btn.uiColor svg circle{fill:#fff!important}.apps_fast_access_btn+.apps_fast_access_btn{margin-left:10px}.apps_fast_access_btn:hover{background-color:#f0f0f7;color:#676777}.apps_fast_access_btn.uiColor:hover{filter:brightness(.9)}.apps_fast_access_btn:hover .apps_fast_access_btn_drop{display:block}.apps_fast_access_btn_drop{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%);display:none;z-index:50;border-radius:12px;padding:6px;border:1px solid #e6e6ef;background-color:#fff;box-shadow:0 20px 18px #00000012}.apps_fast_access_btn_drop:before{content:"";display:block;position:absolute;top:-11px;left:0;height:12px;width:100%}.apps_fast_access_btn_drop_btn{min-width:120px;display:flex;align-items:center;height:32px;font-weight:400;font-size:13px;line-height:18px;padding:0 10px;white-space:nowrap;cursor:pointer;border-radius:8px;color:#676778;margin-bottom:2px}.apps_fast_access_btn_drop_btn:last-child{margin-bottom:0}.apps_fast_access_btn_drop_btn:hover{background-color:#f5f5fa}.apps_fast_access_btn_drop_btn.uiColor{color:#fff}.apps_fast_access_btn_drop_btn.uiColor:hover{filter:brightness(.9)}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* pinia v2.1.6
|
|
3
3
|
* (c) 2023 Eduardo San Martin Morote
|
|
4
4
|
* @license MIT
|
|
5
|
-
*/const nc=Symbol();var rr;(function(e){e.direct="direct",e.patchObject="patch object",e.patchFunction="patch function"})(rr||(rr={}));function sc(){const e=zi(!0),t=e.run(()=>Nt({}));let n=[],s=[];const r=hs({install(i){r._a=i,i.provide(nc,r),i.config.globalProperties.$pinia=r,s.forEach(o=>n.push(o)),s=[]},use(i){return!this._a&&!tc?s.push(i):n.push(i),this},_p:n,_a:null,_e:e,_s:new Map,state:t});return r}function rc(){let e=null,t=null;return[new Promise((s,r)=>{e=s,t=r}),e,t]}function ir(){var e,t,n;for(e="",n=0;n<32;n++)(n==8||n==12||n==16||n==20)&&(e=e+"-"),t=Math.floor(Math.random()*16).toString(16).toUpperCase(),e=e+t;return e.toLowerCase()}class Zn{constructor(){this.subscribers={}}init(){}publish(t,n){Array.isArray(this.subscribers[t])&&this.subscribers[t].forEach(s=>{try{s(t,n)}catch(r){console.error(r)}})}subscribe(t,n){return Array.isArray(this.subscribers[t])||(this.subscribers[t]=[]),this.subscribers[t].indexOf(n)>=0?()=>this.unsubscribe(t,n):(this.subscribers[t].push(n),()=>this.unsubscribe(t,n))}unsubscribe(t,n){if(!Array.isArray(this.subscribers[t])||this.subscribers[t].indexOf(n)<0)return!1;this.subscribers[t]=this.subscribers[t].filter(s=>s!==n)}}class ic{constructor(){this._requests={},this._messagesEventHandlers=new Zn,window.onmessage=this.onPostMessage.bind(this)}static respondForPromiseBasedRequest(t,n,s="*",r){if(s=="null"&&(s="*"),t.promisedBased){let i={requestGuid:t.requestGuid,response:r};n.postMessage(JSON.stringify(i),"*")}}async sendRequestAsync(t,n=null){let s=ir(),[r,i,o]=rc();return this._requests[s]={prom:r,resolve:i,reject:o},t.requestGuid=s,t.promisedBased=!0,n=n||window.parent,n.postMessage(JSON.stringify(t),"*"),r}sendRequest(t,n=null){let s=ir();t.requestGuid=s,n=n||window.parent,n.postMessage(JSON.stringify(t),"*")}onPostMessage(t){try{let n=t&&JSON.parse(t.data);if(n.requestName=="EvEvent")this._messagesEventHandlers.publish(n.eventName,n.data);else if(n.requestGuid&&this._requests[n.requestGuid]){let s=this._requests[n.requestGuid];return delete this._requests[n.requestGuid],s.resolve(n)}}catch{}}unregisterFromEvents(){}}class oc{constructor(){this._userApps={},this._userAppInstances={}}updateUserAppData(t,n,s=!1){!s||!this._userApps[t]?this._userApps[t]=n:this._userApps[t]={...this._userApps[t],...n}}updateUserAppInstance(t,n,s=!1){!s||!this._userAppInstances[t]?this._userAppInstances[t]=n:this._userAppInstances[t]={...this._userAppInstances[t],...n}}updateUserAppInstanceSettings(t,n){this._userAppInstances[t]||(this._userAppInstances[t]={},console.warn("app not exist when update")),this._userAppInstances[t].settings=n}getUserAppDataByAppId(t){return this._userApps[t]}getUserAppInstanceById(t,n=!1){let s=this._userAppInstances[t];return s&&n&&(s.appData=this.getUserAppDataByAppId(s.userAppId)),s}}let dn=new oc;class $e{constructor(){}canHandleRequest(t){return!1}async handleRequest(t){return this[t.request](t)}}class lc extends $e{constructor(){super()}canHandleRequest(t){return["getComments"].includes(t.request)}async handleRequest(t){return window.mockComments||[{id:"1fsdf",title:"Sample comment",text:"Comments will appear here once the broadcast starts.",pic:"https://evmuxstatic.s3-eu-west-1.amazonaws.com/AVATAR_EXAMPLE_FREE.jpg",style:"comment",enabled:!0,created_time:new Date(Date.now()-1e3*60),sn:"fb",flags:{sample:!0,star:!1,shown:!1}}]}}class cc extends $e{constructor(){super()}canHandleRequest(t){return[U.createNewLayer,U.removeSizeCatcher,U.listScenes,U.switchScene,U.updateLayer,U.getLayerDisplayableName].includes(t.request)}async createNewLayer(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}async removeSizeCatcher(t){return!0}async updateLayer(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}async getLayerDisplayableName(t){return window.mockLayerName||"A Mock Layer Name"}async listScenes(t){return window.mockScenes||[{id:497,idx:497,order:0,name:"New Scene",stingerData:{idx:null,time:null,muted:!1,speed:1,volume:100,transitionName:null,transitionDuration:0},backgroundColor:null,overWriteBackgroundColor:!1,layers:[{idx:"e9fe6623-4332-447c-bb1a-ccfe9f794bb3",type:"userapp",name:"TESTAPP",opacity:100,bounds:{x:1280,y:720},pos:{rot:0,top:8.397612310554674,left:13.50375337545383,right:19.829579957879496,bottom:24.93572102277865},crop:{top:0,left:0,right:0,bottom:0},data:{adaptive:!1,aspect:!0,borderRadius:0,userAppInstanceId:"4d532c22-363e-4028-824d-7b029f100916",userAppId:"ce5d32b3-7d6c-4e43-be02-4903d6b49acd",fixedSize:!0,fixedSizeWidth:1280,fixedSizeHeight:720,verticalStreaming:{pos:{rot:0,top:35.052083333333336,left:2.7777777777777777,right:2.7777777777777857,bottom:35.05208333333333},crop:{top:0,left:0,right:0,bottom:0},borderRadius:0,aspect:!0,bounds:{x:1020,y:574},customBounds:{x:1020,y:574},locked:!1,hidden:!1,fixedSizeWidth:1020,fixedSizeHeight:574}},order:0}],thumbnail:{landscape:"https://files.evmux.com/6/scenes/sc_tmb_4971715842178.jpg?Expires=1715885379&Signature=ORHKomQH7iaugP~fHJFYBgZfwoG2lyQOMORSbRld378vCvudJ5gFapWdQNfE~j97UOKuon0uwZ1F741k2YU3qWIFNklDdqU6zuJgxaDTHPM~~TvG9p-Nl0g4BBzGvlyR-JZbUCbpWtg9DczFnQbeFbWynHFdIOGwwh2OQYXuAHlW0v1UDuOnjGRU87XvZ~ReSCW844TuhaPCBPXoMiSt0MHDC-zk~ggmpb7~eQMPjTF5znOdcDB0DdRJ8j~7EYNCFGYGesErpPqH5kOMRLCwmjmvQ4gFJMkNEfPBGdQclanYiSw5iL7KsOErCUtS447euT7wDnRT1N1wgL0LYgJDdQ__&Key-Pair-Id=APKAJQZJ2AA6OYF4WJHA",portrait:null}}]}async switchScene(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}}const Ne={settingsUpdated:"settingsUpdated",viewerCountChanged:"viewerCountChanged",keystroke:"keystroke",comments:"comments",appMessaging:"appMessaging",externalAppMessaging:"externalAppMessaging",fastActionButton:"fastActionButton",doubleClickOnWidget:"doubleClickOnWidget",widgetOnFocus:"widgetGotFocus",widgetOnBlur:"widgetOnBlur",studioParamsUpdated:"studioParamsUpdated",signalingEvent:"signalingEvent"};class uc extends $e{constructor(){super()}canHandleRequest(t){return[U.raiseExternalAppMessagingEvent,U.setFastActionButtons,U.openSideBarSettings,U.isSudioMode].includes(t.request)}async raiseExternalAppMessagingEvent(t){return _t._raiseEventForSpecificUserAppInstance(t.data.targetUserAppInstanceId,Ne.externalAppMessaging,t.data.data),null}async setFastActionButtons(t){return _t._eventHandler.publish("fastActionButtonsUpdated",t),!0}async openSideBarSettings(){return!0}async isSudioMode(){return!0}async handleRequest(t){return this[t.request](t)}}function ge(e=0,t=100){return e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e}class ac extends $e{constructor(){super()}canHandleRequest(t){return["getStatistics"].includes(t.request)}async getStatistics(t){return window.mockStatistics||[{viewers:null,type:"linkedinProfile"},{viewers:ge(),type:"twitterProfile",statistics:null,last_subscribers:null},{viewers:ge(),type:"twitchProfile",statistics:{channel:{subscribers:ge()}},last_subscribers:null},{viewers:ge(),type:"evmuxPlayer",statistics:null,last_subscribers:null},{viewers:ge(),type:"youtubeChannel",statistics:{viewCount:ge(),likeCount:ge(),dislikeCount:ge(),favoriteCount:ge(),commentCount:ge()},lastSubscribers:[{name:"Eran Eluz",thumbs:{default:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s88-c-k-c0x00ffffff-no-rj"},medium:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s240-c-k-c0x00ffffff-no-rj"},high:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s800-c-k-c0x00ffffff-no-rj"}}},{name:"Roman Arinenko",thumbs:{default:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s88-c-k-c0x00ffffff-no-rj"},medium:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s240-c-k-c0x00ffffff-no-rj"},high:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s800-c-k-c0x00ffffff-no-rj"}}}]},{viewers:ge(),type:"facebookProfile",statistics:{total_reactions:ge()}}]}}class fc extends $e{constructor(){super()}canHandleRequest(t){return[U.displayDateTimePicker,U.displayScenePicker,U.displayRichTextEditor,U.displayToast,U.displayLayerSelector,U.displayGalleryPicker,U.displayInputs].includes(t.request)}async displayDateTimePicker(t){return{value:window.mockDateTime||new Date().getTime(),dateTimeKey:"result"}}async displayLayerSelector(t){return window.mockLayer}async displayGalleryPicker(t){return window.mockGalleryResult}async displayInputs(t){return window.mockInputs||{type:"string",min:0,max:256,value:"Input Text Here",myId:"example"}}async displayScenePicker(t){return{value:window.mockScene||"simple"}}async displayRichTextEditor(t){return{value:window.mockRichText||"<b>This is a test</b> "+new Date().getTime()}}async displayToast(t){return{value:window.mockToast||{text:"This is a toast",type:"info",uniqCode:"123"}}}}class dc extends $e{constructor(){super()}canHandleRequest(t){return[U.getStudioParams,U.getSoundRtc,U.signal].includes(t.request)}async getStudioParams(t){return window.mockStudioParams||{antiScaleValue:1,antiScaleValue2:1}}async signal(t){return null}async getSoundRtc(t){return"webrtc-mock-channel"}}class pc extends $e{constructor(){super()}canHandleRequest(t){return[U.logError,U.logInfo,U.logWarning].includes(t.request)}async handleRequest(t){return this[t.request.toLowerCase().replace("log","")](t)}async error(t){return console.error(t.data),!0}async info(t){return console.info(t.data),!0}async warning(t){return console.warn(t.data),!0}}class hc extends $e{constructor(){super()}canHandleRequest(t){return[U.listAssets].includes(t.request)}async listAssets(t){return{value:window.mockAssets||[]}}}class gc extends $e{constructor(){super()}canHandleRequest(t){return[U.createStream,U.accountPlanCapabilities,U.upgradePopup].includes(t.request)}async createStream(t){return{value:window.mockStream||{}}}async accountPlanCapabilities(t){return{value:window.mockAccountPlanCapabilities||{}}}async upgradePopup(t){return{value:null}}}const U={updateSettings:"updateSettings",getSettings:"getSettings",startLoad:"startLoad",loaded:"loaded",registerEvent:"registerEvent",unregisterEvent:"unregisterEvent",EvEvent:"EvEvent",raiseAppMessagingEvent:"raiseAppMessagingEvent",raiseExternalAppMessagingEvent:"raiseExternalAppMessagingEvent",raiseFastAccessButtonEvent:"raiseFastAccessButtonEvent",setFastActionButtons:"setFastActionButtons",createNewLayer:"createNewLayer",listScenes:"listScenes",updateLayer:"updateLayer",switchScene:"switchScene",removeSizeCatcher:"removeSizeCatcher",openSideBarSettings:"openSideBarSettings",displayDateTimePicker:"displayDateTimePicker",displayScenePicker:"displayScenePicker",displayRichTextEditor:"displayRichTextEditor",displayToast:"displayToast",displayLayerSelector:"displayLayerSelector",displayGalleryPicker:"displayGalleryPicker",isSudioMode:"isSudioMode",getStudioParams:"getStudioParams",getSoundRtc:"getSoundRtc",signal:"signal",logError:"logError",logWarning:"logWarning",logInfo:"logInfo",getLayerDisplayableName:"getLayerDisplayableName",listAssets:"listAssets",createStream:"createStream",displayInputs:"displayInputs",accountPlanCapabilities:"accountPlanCapabilities",upgradePopup:"upgradePopup"};let kt=(e,t,n)=>({requestName:e,eventName:t,data:n});class mc{constructor(){this._userAppInstances={},this._messagesEventHandlers=new Zn,this._eventHandler=new Zn,this._requestHandlers=[]}init(t){window.onmessage=this.onPostMessage.bind(this),this.initRequestHandlerProjectSpecific(t)}initRequestHandlerProjectSpecific(t){this._requestHandlers.push(new lc(t)),this._requestHandlers.push(new cc(t)),this._requestHandlers.push(new uc(t)),this._requestHandlers.push(new ac(t)),this._requestHandlers.push(new fc(t)),this._requestHandlers.push(new dc(t)),this._requestHandlers.push(new pc(t)),this._requestHandlers.push(new hc(t)),this._requestHandlers.push(new gc(t))}_sendPostMessageToUsrAppInstancesComponents(t,n,s=null){let r=JSON.stringify(n);for(const[i,o]of Object.entries(this._userAppInstances[t].instances))s!=i&&o.window.postMessage(r,"*")}_raiseEventForSpecificUserAppInstance(t,n,s,r=null){let i=this._userAppInstances[t];if(i&&i.events&&i.events[n]){let o=kt("EvEvent",n,s);this._sendPostMessageToUsrAppInstancesComponents(t,o,r)}}raiseEvent(t,n){for(const[s,r]of Object.entries(this._userAppInstances))this._raiseEventForSpecificUserAppInstance(s,t,n)}getAppSettingsForAppInstanceId(t){return dn.getUserAppInstanceById(t)}_makeSureAppInstanceExist(t){this._userAppInstances[t]=this._userAppInstances[t]||{},this._userAppInstances[t].instances=this._userAppInstances[t].instances||{},this._userAppInstances[t].events=this._userAppInstances[t].events||{}}updateAndNotifyAppInstancesOnSettingsUpdate(t,n,s){if(dn.updateUserAppInstanceSettings(t,n),this._userAppInstances[t]&&this._userAppInstances[t].events[Ne.settingsUpdated]){let r=kt("EvEvent",Ne.settingsUpdated,n);this._sendPostMessageToUsrAppInstancesComponents(t,r,s)}}updateAppsAboutStudioParams(t){let n=kt("EvEvent",Ne.studioParamsUpdated,t);Object.keys(this._userAppInstances).forEach(s=>{this._userAppInstances[s].events[Ne.studioParamsUpdated]&&this._sendPostMessageToUsrAppInstancesComponents(s,n,null)})}signalApp(t,n){let s=this._userAppInstances[t];if(s&&s.events[Ne.signalingEvent]){let r=kt("EvEvent",Ne.signalingEvent,n);this._sendPostMessageToUsrAppInstancesComponents(t,r,null)}}async onPostMessage(t){let n={};try{typeof t.data=="string"||t.data instanceof String?n=JSON.parse(t.data):n=t.data}catch{}let s=null;if(n.request==U.updateSettings)this._userAppInstances[n.userAppInstanceId]&&this.updateSettingsAndPublish(n);else if(n.request==U.raiseAppMessagingEvent)this._userAppInstances[n.userAppInstanceId]&&(this._raiseEventForSpecificUserAppInstance(n.userAppInstanceId,Ne.appMessaging,n.data,n.componentId),this._eventHandler.publish("updateEverywhere",n));else if(n.request==U.getSettings)this._userAppInstances[n.userAppInstanceId]&&(kt("EvMessage","settings",n.data),s=(await dn.getUserAppInstanceById(n.userAppInstanceId,!1)).settings);else if(n.request==U.startLoad)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].instances[n.componentId]={window:t.source};else if(n.request==U.loaded)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].instances[n.componentId]={window:t.source},this._eventHandler.publish("appComponentLoaded",n),s=this.getAppSettingsForAppInstanceId(n.userAppInstanceId);else if(n.request==U.registerEvent)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].events[n.data.eventName]=!0;else if(n.request==U.unregisterEvent)this._makeSureAppInstanceExist(n.userAppInstanceId),delete this._userAppInstances[n.userAppInstanceId].events[n.data.eventName];else for(let r=0;r<this._requestHandlers.length;r++)if(this._requestHandlers[r].canHandleRequest(n)){s=await this._requestHandlers[r].handleRequest(n);break}n.promisedBased&&ic.respondForPromiseBasedRequest(n,t.source,t.origin,s)}updateSettingsAndPublish(t){this._eventHandler.publish("updateSettings",t),this._eventHandler.publish("updateEverywhere",t),this.updateAndNotifyAppInstancesOnSettingsUpdate(t.userAppInstanceId,t.data,t.componentId)}onUserAppComponentUnload(t,n){this._userAppInstances[t]&&this._userAppInstances[t].instances[n]&&(delete this._userAppInstances[t].instances[n],Object.keys(this._userAppInstances[t].instances).length==0&&delete this._userAppInstances[t])}}const _t=new mc;const _c=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},yc={class:"test_holder_root"},bc={class:"test_holder_main"},vc={class:"settings_sidebar light"},wc={class:"video_editor_wr"},Ac={key:0,class:"apps_fast_access_wr"},Ec=["title","innerHTML"],xc=["title"],Pc=["innerHTML"],Ic={class:"apps_fast_access_btn_drop"},Rc=["onClick"],Sc={class:"scene_canvas"},Cc={__name:"TestHolder",setup(e){_t.init();let t=window.userAppInstanceId||"914155de-633a-476b-957a-6a7a9e01d6e9",n=window.componentId||"b893da10-5cec-4f11-876c-716addbad4ae",s=window.baseAppSettings||{};dn.updateUserAppInstance(t,{id:t,settings:s});const r=Nt(null),i=Nt(null),o=Nt(null);_t._eventHandler.subscribe("fastActionButtonsUpdated",(l,f)=>{var b;const d=f.data.buttonsArray||[];if(!d.length){o.value=null;return}const g=d.length===1&&((b=d[0])==null?void 0:b.uiColor)||null;o.value={componentId:f.componentId,userAppInstanceId:f.userAppInstanceId,buttons:d,group:f.data.parameters||{},uiColor:g}});function c(l,f){let d={fastAccessButton:f,userAppInstanceId:l.userAppInstanceId,componentId:l.componentId};_t._raiseEventForSpecificUserAppInstance(l.userAppInstanceId,Ne.fastActionButton,d),_t._eventHandler.publish("updateEverywhere",{request:U.raiseFastAccessButtonEvent,data:d})}return ii(()=>{r.value.src=`widget.html?appInstanceId=${t}&compId=${n}`,i.value.src=`settings.html?appInstanceId=${t}&compId=settings_${n}&styleVersion=light`}),(l,f)=>{var d,h;return nt(),pt("div",yc,[Oe("div",bc,[Oe("div",vc,[Oe("iframe",{ref_key:"settingsIframe",ref:i,allow:"clipboard-write",class:"settings_iframe"},null,512)]),Oe("div",wc,[o.value?(nt(),pt("div",Ac,[o.value.buttons.length===1?(nt(),pt("div",{key:0,class:Wt(["apps_fast_access_btn",[o.value.uiColor?"uiColor":""]]),style:zt({backgroundColor:o.value.uiColor||""}),title:o.value.buttons[0].buttonText,onClick:f[0]||(f[0]=g=>c(o.value,o.value.buttons[0])),innerHTML:o.value.buttons[0].icon||((d=o.value.group.groupName)==null?void 0:d.slice(0,1))||"?"},null,14,Ec)):(nt(),pt("div",{key:1,class:"apps_fast_access_btn",title:o.value.group.groupName||"Actions"},[Oe("div",{innerHTML:o.value.group.groupIcon||((h=o.value.group.groupName)==null?void 0:h.slice(0,1))||"?",style:{display:"flex","align-items":"center","justify-content":"center"}},null,8,Pc),Oe("div",Ic,[(nt(!0),pt(Te,null,Xo(o.value.buttons,g=>(nt(),pt("div",{class:Wt(["apps_fast_access_btn_drop_btn",[g.uiColor?"uiColor":""]]),key:g.buttonId,style:zt({backgroundColor:g.uiColor||""}),onClick:b=>c(o.value,g)},Ki(g.buttonText.length>19?g.buttonText.slice(0,19)+"...":g.buttonText),15,Rc))),128))])],8,xc))])):wl("",!0),Oe("div",Sc,[Oe("iframe",{ref_key:"wudgetIframe",ref:r,class:"scene_iframe"},null,512)])])])])}}},Oc=_c(Cc,[["__scopeId","data-v-f0a7a08c"]]);/*!
|
|
5
|
+
*/const nc=Symbol();var rr;(function(e){e.direct="direct",e.patchObject="patch object",e.patchFunction="patch function"})(rr||(rr={}));function sc(){const e=zi(!0),t=e.run(()=>Nt({}));let n=[],s=[];const r=hs({install(i){r._a=i,i.provide(nc,r),i.config.globalProperties.$pinia=r,s.forEach(o=>n.push(o)),s=[]},use(i){return!this._a&&!tc?s.push(i):n.push(i),this},_p:n,_a:null,_e:e,_s:new Map,state:t});return r}function rc(){let e=null,t=null;return[new Promise((s,r)=>{e=s,t=r}),e,t]}function ir(){var e,t,n;for(e="",n=0;n<32;n++)(n==8||n==12||n==16||n==20)&&(e=e+"-"),t=Math.floor(Math.random()*16).toString(16).toUpperCase(),e=e+t;return e.toLowerCase()}class Zn{constructor(){this.subscribers={}}init(){}publish(t,n){Array.isArray(this.subscribers[t])&&this.subscribers[t].forEach(s=>{try{s(t,n)}catch(r){console.error(r)}})}subscribe(t,n){return Array.isArray(this.subscribers[t])||(this.subscribers[t]=[]),this.subscribers[t].indexOf(n)>=0?()=>this.unsubscribe(t,n):(this.subscribers[t].push(n),()=>this.unsubscribe(t,n))}unsubscribe(t,n){if(!Array.isArray(this.subscribers[t])||this.subscribers[t].indexOf(n)<0)return!1;this.subscribers[t]=this.subscribers[t].filter(s=>s!==n)}}class ic{constructor(){this._requests={},this._messagesEventHandlers=new Zn,window.onmessage=this.onPostMessage.bind(this)}static respondForPromiseBasedRequest(t,n,s="*",r){if(s=="null"&&(s="*"),t.promisedBased){let i={requestGuid:t.requestGuid,response:r};n.postMessage(JSON.stringify(i),"*")}}async sendRequestAsync(t,n=null){let s=ir(),[r,i,o]=rc();return this._requests[s]={prom:r,resolve:i,reject:o},t.requestGuid=s,t.promisedBased=!0,n=n||window.parent,n.postMessage(JSON.stringify(t),"*"),r}sendRequest(t,n=null){let s=ir();t.requestGuid=s,n=n||window.parent,n.postMessage(JSON.stringify(t),"*")}onPostMessage(t){try{let n=t&&JSON.parse(t.data);if(n.requestName=="EvEvent")this._messagesEventHandlers.publish(n.eventName,n.data);else if(n.requestGuid&&this._requests[n.requestGuid]){let s=this._requests[n.requestGuid];return delete this._requests[n.requestGuid],s.resolve(n)}}catch{}}unregisterFromEvents(){}}class oc{constructor(){this._userApps={},this._userAppInstances={}}updateUserAppData(t,n,s=!1){!s||!this._userApps[t]?this._userApps[t]=n:this._userApps[t]={...this._userApps[t],...n}}updateUserAppInstance(t,n,s=!1){!s||!this._userAppInstances[t]?this._userAppInstances[t]=n:this._userAppInstances[t]={...this._userAppInstances[t],...n}}updateUserAppInstanceSettings(t,n){this._userAppInstances[t]||(this._userAppInstances[t]={},console.warn("app not exist when update")),this._userAppInstances[t].settings=n}getUserAppDataByAppId(t){return this._userApps[t]}getUserAppInstanceById(t,n=!1){let s=this._userAppInstances[t];return s&&n&&(s.appData=this.getUserAppDataByAppId(s.userAppId)),s}}let dn=new oc;class $e{constructor(){}canHandleRequest(t){return!1}async handleRequest(t){return this[t.request](t)}}class lc extends $e{constructor(){super()}canHandleRequest(t){return["getComments"].includes(t.request)}async handleRequest(t){return window.mockComments||[{id:"1fsdf",title:"Sample comment",text:"Comments will appear here once the broadcast starts.",pic:"https://evmuxstatic.s3-eu-west-1.amazonaws.com/AVATAR_EXAMPLE_FREE.jpg",style:"comment",enabled:!0,created_time:new Date(Date.now()-1e3*60),sn:"fb",flags:{sample:!0,star:!1,shown:!1}}]}}class cc extends $e{constructor(){super()}canHandleRequest(t){return[U.createNewLayer,U.removeSizeCatcher,U.listScenes,U.switchScene,U.updateLayer,U.getLayerDisplayableName].includes(t.request)}async createNewLayer(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}async removeSizeCatcher(t){return!0}async updateLayer(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}async getLayerDisplayableName(t){return window.mockLayerName||"A Mock Layer Name"}async listScenes(t){return window.mockScenes||[{id:497,idx:497,order:0,name:"New Scene",stingerData:{idx:null,time:null,muted:!1,speed:1,volume:100,transitionName:null,transitionDuration:0},backgroundColor:null,overWriteBackgroundColor:!1,layers:[{idx:"e9fe6623-4332-447c-bb1a-ccfe9f794bb3",type:"userapp",name:"TESTAPP",opacity:100,bounds:{x:1280,y:720},pos:{rot:0,top:8.397612310554674,left:13.50375337545383,right:19.829579957879496,bottom:24.93572102277865},crop:{top:0,left:0,right:0,bottom:0},data:{adaptive:!1,aspect:!0,borderRadius:0,userAppInstanceId:"4d532c22-363e-4028-824d-7b029f100916",userAppId:"ce5d32b3-7d6c-4e43-be02-4903d6b49acd",fixedSize:!0,fixedSizeWidth:1280,fixedSizeHeight:720,verticalStreaming:{pos:{rot:0,top:35.052083333333336,left:2.7777777777777777,right:2.7777777777777857,bottom:35.05208333333333},crop:{top:0,left:0,right:0,bottom:0},borderRadius:0,aspect:!0,bounds:{x:1020,y:574},customBounds:{x:1020,y:574},locked:!1,hidden:!1,fixedSizeWidth:1020,fixedSizeHeight:574}},order:0}],thumbnail:{landscape:"https://files.evmux.com/6/scenes/sc_tmb_4971715842178.jpg?Expires=1715885379&Signature=ORHKomQH7iaugP~fHJFYBgZfwoG2lyQOMORSbRld378vCvudJ5gFapWdQNfE~j97UOKuon0uwZ1F741k2YU3qWIFNklDdqU6zuJgxaDTHPM~~TvG9p-Nl0g4BBzGvlyR-JZbUCbpWtg9DczFnQbeFbWynHFdIOGwwh2OQYXuAHlW0v1UDuOnjGRU87XvZ~ReSCW844TuhaPCBPXoMiSt0MHDC-zk~ggmpb7~eQMPjTF5znOdcDB0DdRJ8j~7EYNCFGYGesErpPqH5kOMRLCwmjmvQ4gFJMkNEfPBGdQclanYiSw5iL7KsOErCUtS447euT7wDnRT1N1wgL0LYgJDdQ__&Key-Pair-Id=APKAJQZJ2AA6OYF4WJHA",portrait:null}}]}async switchScene(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}}const Ne={settingsUpdated:"settingsUpdated",viewerCountChanged:"viewerCountChanged",keystroke:"keystroke",comments:"comments",appMessaging:"appMessaging",externalAppMessaging:"externalAppMessaging",fastActionButton:"fastActionButton",doubleClickOnWidget:"doubleClickOnWidget",widgetOnFocus:"widgetGotFocus",widgetOnBlur:"widgetOnBlur",studioParamsUpdated:"studioParamsUpdated",signalingEvent:"signalingEvent"};class uc extends $e{constructor(){super()}canHandleRequest(t){return[U.raiseExternalAppMessagingEvent,U.setFastActionButtons,U.openSideBarSettings,U.isSudioMode].includes(t.request)}async raiseExternalAppMessagingEvent(t){return _t._raiseEventForSpecificUserAppInstance(t.data.targetUserAppInstanceId,Ne.externalAppMessaging,t.data.data),null}async setFastActionButtons(t){return _t._eventHandler.publish("fastActionButtonsUpdated",t),!0}async openSideBarSettings(){return!0}async isSudioMode(){return!0}async handleRequest(t){return this[t.request](t)}}function ge(e=0,t=100){return e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e}class ac extends $e{constructor(){super()}canHandleRequest(t){return["getStatistics"].includes(t.request)}async getStatistics(t){return window.mockStatistics||[{viewers:null,type:"linkedinProfile"},{viewers:ge(),type:"twitterProfile",statistics:null,last_subscribers:null},{viewers:ge(),type:"twitchProfile",statistics:{channel:{subscribers:ge()}},last_subscribers:null},{viewers:ge(),type:"evmuxPlayer",statistics:null,last_subscribers:null},{viewers:ge(),type:"youtubeChannel",statistics:{viewCount:ge(),likeCount:ge(),dislikeCount:ge(),favoriteCount:ge(),commentCount:ge()},lastSubscribers:[{name:"Eran Eluz",thumbs:{default:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s88-c-k-c0x00ffffff-no-rj"},medium:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s240-c-k-c0x00ffffff-no-rj"},high:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s800-c-k-c0x00ffffff-no-rj"}}},{name:"Roman Arinenko",thumbs:{default:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s88-c-k-c0x00ffffff-no-rj"},medium:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s240-c-k-c0x00ffffff-no-rj"},high:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s800-c-k-c0x00ffffff-no-rj"}}}]},{viewers:ge(),type:"facebookProfile",statistics:{total_reactions:ge()}}]}}class fc extends $e{constructor(){super()}canHandleRequest(t){return[U.displayDateTimePicker,U.displayScenePicker,U.displayRichTextEditor,U.displayToast,U.displayLayerSelector,U.displayGalleryPicker,U.displayInputs].includes(t.request)}async displayDateTimePicker(t){return{value:window.mockDateTime||new Date().getTime(),dateTimeKey:"result"}}async displayLayerSelector(t){return window.mockLayer}async displayGalleryPicker(t){return window.mockGalleryResult}async displayInputs(t){return window.mockInputs||{type:"string",min:0,max:256,value:"Input Text Here",myId:"example"}}async displayScenePicker(t){return{value:window.mockScene||"simple"}}async displayRichTextEditor(t){return{value:window.mockRichText||"<b>This is a test</b> "+new Date().getTime()}}async displayToast(t){return{value:window.mockToast||{text:"This is a toast",type:"info",uniqCode:"123"}}}}class dc extends $e{constructor(){super()}canHandleRequest(t){return[U.getStudioParams,U.getSoundRtc,U.signal].includes(t.request)}async getStudioParams(t){return window.mockStudioParams||{antiScaleValue:1,antiScaleValue2:1}}async signal(t){return null}async getSoundRtc(t){return"webrtc-mock-channel"}}class pc extends $e{constructor(){super()}canHandleRequest(t){return[U.logError,U.logInfo,U.logWarning].includes(t.request)}async handleRequest(t){return this[t.request.toLowerCase().replace("log","")](t)}async error(t){return console.error(t.data),!0}async info(t){return console.info(t.data),!0}async warning(t){return console.warn(t.data),!0}}class hc extends $e{constructor(){super()}canHandleRequest(t){return[U.listAssets].includes(t.request)}async listAssets(t){return{value:window.mockAssets||[]}}}class gc extends $e{constructor(){super()}canHandleRequest(t){return[U.createStream,U.accountPlanCapabilities,U.upgradePopup].includes(t.request)}async createStream(t){return{value:window.mockStream||{}}}async accountPlanCapabilities(t){return{value:window.mockAccountPlanCapabilities||{}}}async upgradePopup(t){return{value:null}}}const U={updateSettings:"updateSettings",getSettings:"getSettings",startLoad:"startLoad",loaded:"loaded",registerEvent:"registerEvent",unregisterEvent:"unregisterEvent",EvEvent:"EvEvent",raiseAppMessagingEvent:"raiseAppMessagingEvent",raiseExternalAppMessagingEvent:"raiseExternalAppMessagingEvent",raiseFastAccessButtonEvent:"raiseFastAccessButtonEvent",setFastActionButtons:"setFastActionButtons",createNewLayer:"createNewLayer",listScenes:"listScenes",updateLayer:"updateLayer",switchScene:"switchScene",removeSizeCatcher:"removeSizeCatcher",openSideBarSettings:"openSideBarSettings",displayDateTimePicker:"displayDateTimePicker",displayScenePicker:"displayScenePicker",displayRichTextEditor:"displayRichTextEditor",displayToast:"displayToast",displayLayerSelector:"displayLayerSelector",displayGalleryPicker:"displayGalleryPicker",isSudioMode:"isSudioMode",getStudioParams:"getStudioParams",getSoundRtc:"getSoundRtc",signal:"signal",logError:"logError",logWarning:"logWarning",logInfo:"logInfo",getLayerDisplayableName:"getLayerDisplayableName",listAssets:"listAssets",createStream:"createStream",displayInputs:"displayInputs",accountPlanCapabilities:"accountPlanCapabilities",upgradePopup:"upgradePopup"};let kt=(e,t,n)=>({requestName:e,eventName:t,data:n});class mc{constructor(){this._userAppInstances={},this._messagesEventHandlers=new Zn,this._eventHandler=new Zn,this._requestHandlers=[]}init(t){window.onmessage=this.onPostMessage.bind(this),this.initRequestHandlerProjectSpecific(t)}initRequestHandlerProjectSpecific(t){this._requestHandlers.push(new lc(t)),this._requestHandlers.push(new cc(t)),this._requestHandlers.push(new uc(t)),this._requestHandlers.push(new ac(t)),this._requestHandlers.push(new fc(t)),this._requestHandlers.push(new dc(t)),this._requestHandlers.push(new pc(t)),this._requestHandlers.push(new hc(t)),this._requestHandlers.push(new gc(t))}_sendPostMessageToUsrAppInstancesComponents(t,n,s=null){let r=JSON.stringify(n);for(const[i,o]of Object.entries(this._userAppInstances[t].instances))s!=i&&o.window.postMessage(r,"*")}_raiseEventForSpecificUserAppInstance(t,n,s,r=null){let i=this._userAppInstances[t];if(i&&i.events&&i.events[n]){let o=kt("EvEvent",n,s);this._sendPostMessageToUsrAppInstancesComponents(t,o,r)}}raiseEvent(t,n){for(const[s,r]of Object.entries(this._userAppInstances))this._raiseEventForSpecificUserAppInstance(s,t,n)}getAppSettingsForAppInstanceId(t){return dn.getUserAppInstanceById(t)}_makeSureAppInstanceExist(t){this._userAppInstances[t]=this._userAppInstances[t]||{},this._userAppInstances[t].instances=this._userAppInstances[t].instances||{},this._userAppInstances[t].events=this._userAppInstances[t].events||{}}updateAndNotifyAppInstancesOnSettingsUpdate(t,n,s){if(dn.updateUserAppInstanceSettings(t,n),this._userAppInstances[t]&&this._userAppInstances[t].events[Ne.settingsUpdated]){let r=kt("EvEvent",Ne.settingsUpdated,n);this._sendPostMessageToUsrAppInstancesComponents(t,r,s)}}updateAppsAboutStudioParams(t){let n=kt("EvEvent",Ne.studioParamsUpdated,t);Object.keys(this._userAppInstances).forEach(s=>{this._userAppInstances[s].events[Ne.studioParamsUpdated]&&this._sendPostMessageToUsrAppInstancesComponents(s,n,null)})}signalApp(t,n){let s=this._userAppInstances[t];if(s&&s.events[Ne.signalingEvent]){let r=kt("EvEvent",Ne.signalingEvent,n);this._sendPostMessageToUsrAppInstancesComponents(t,r,null)}}async onPostMessage(t){let n={};try{typeof t.data=="string"||t.data instanceof String?n=JSON.parse(t.data):n=t.data}catch{}let s=null;if(n.request==U.updateSettings)this._userAppInstances[n.userAppInstanceId]&&this.updateSettingsAndPublish(n);else if(n.request==U.raiseAppMessagingEvent)this._userAppInstances[n.userAppInstanceId]&&(this._raiseEventForSpecificUserAppInstance(n.userAppInstanceId,Ne.appMessaging,n.data,n.componentId),this._eventHandler.publish("updateEverywhere",n));else if(n.request==U.getSettings)this._userAppInstances[n.userAppInstanceId]&&(kt("EvMessage","settings",n.data),s=(await dn.getUserAppInstanceById(n.userAppInstanceId,!1)).settings);else if(n.request==U.startLoad)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].instances[n.componentId]={window:t.source};else if(n.request==U.loaded)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].instances[n.componentId]={window:t.source},this._eventHandler.publish("appComponentLoaded",n),s=this.getAppSettingsForAppInstanceId(n.userAppInstanceId);else if(n.request==U.registerEvent)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].events[n.data.eventName]=!0;else if(n.request==U.unregisterEvent)this._makeSureAppInstanceExist(n.userAppInstanceId),delete this._userAppInstances[n.userAppInstanceId].events[n.data.eventName];else for(let r=0;r<this._requestHandlers.length;r++)if(this._requestHandlers[r].canHandleRequest(n)){s=await this._requestHandlers[r].handleRequest(n);break}n.promisedBased&&ic.respondForPromiseBasedRequest(n,t.source,t.origin,s)}updateSettingsAndPublish(t){this._eventHandler.publish("updateSettings",t),this._eventHandler.publish("updateEverywhere",t),this.updateAndNotifyAppInstancesOnSettingsUpdate(t.userAppInstanceId,t.data,t.componentId)}onUserAppComponentUnload(t,n){this._userAppInstances[t]&&this._userAppInstances[t].instances[n]&&(delete this._userAppInstances[t].instances[n],Object.keys(this._userAppInstances[t].instances).length==0&&delete this._userAppInstances[t])}}const _t=new mc;const _c=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},yc={class:"test_holder_root"},bc={class:"test_holder_main"},vc={class:"settings_sidebar light"},wc={class:"video_editor_wr"},Ac={key:0,class:"apps_fast_access_wr"},Ec=["title","innerHTML"],xc=["title"],Pc=["innerHTML"],Ic={class:"apps_fast_access_btn_drop"},Rc=["onClick"],Sc={class:"scene_canvas"},Cc={__name:"TestHolder",setup(e){_t.init();let t=window.userAppInstanceId||"914155de-633a-476b-957a-6a7a9e01d6e9",n=window.componentId||"b893da10-5cec-4f11-876c-716addbad4ae",s=window.baseAppSettings||{};dn.updateUserAppInstance(t,{id:t,settings:s});const r=Nt(null),i=Nt(null),o=Nt(null);_t._eventHandler.subscribe("fastActionButtonsUpdated",(l,f)=>{var b;const d=f.data.buttonsArray||[];if(!d.length){o.value=null;return}const g=d.length===1&&((b=d[0])==null?void 0:b.uiColor)||null;o.value={componentId:f.componentId,userAppInstanceId:f.userAppInstanceId,buttons:d,group:f.data.parameters||{},uiColor:g}});function c(l,f){let d={fastAccessButton:f,userAppInstanceId:l.userAppInstanceId,componentId:l.componentId};_t._raiseEventForSpecificUserAppInstance(l.userAppInstanceId,Ne.fastActionButton,d),_t._eventHandler.publish("updateEverywhere",{request:U.raiseFastAccessButtonEvent,data:d})}return ii(()=>{r.value.src=`widget.html?appInstanceId=${t}&compId=${n}`,i.value.src=`settings.html?appInstanceId=${t}&compId=settings_${n}&styleVersion=light`}),(l,f)=>{var d,h;return nt(),pt("div",yc,[Oe("div",bc,[Oe("div",vc,[Oe("iframe",{ref_key:"settingsIframe",ref:i,allow:"clipboard-write",class:"settings_iframe"},null,512)]),Oe("div",wc,[o.value?(nt(),pt("div",Ac,[o.value.buttons.length===1?(nt(),pt("div",{key:0,class:Wt(["apps_fast_access_btn",[o.value.uiColor?"uiColor":""]]),style:zt({backgroundColor:o.value.uiColor||""}),title:o.value.buttons[0].buttonText,onClick:f[0]||(f[0]=g=>c(o.value,o.value.buttons[0])),innerHTML:o.value.buttons[0].icon||((d=o.value.group.groupName)==null?void 0:d.slice(0,1))||"?"},null,14,Ec)):(nt(),pt("div",{key:1,class:"apps_fast_access_btn",title:o.value.group.groupName||"Actions"},[Oe("div",{innerHTML:o.value.group.groupIcon||((h=o.value.group.groupName)==null?void 0:h.slice(0,1))||"?",style:{display:"flex","align-items":"center","justify-content":"center"}},null,8,Pc),Oe("div",Ic,[(nt(!0),pt(Te,null,Xo(o.value.buttons,g=>(nt(),pt("div",{class:Wt(["apps_fast_access_btn_drop_btn",[g.uiColor?"uiColor":""]]),key:g.buttonId,style:zt({backgroundColor:g.uiColor||""}),onClick:b=>c(o.value,g)},Ki(g.buttonText.length>19?g.buttonText.slice(0,19)+"...":g.buttonText),15,Rc))),128))])],8,xc))])):wl("",!0),Oe("div",Sc,[Oe("iframe",{ref_key:"wudgetIframe",ref:r,class:"scene_iframe"},null,512)])])])])}}},Oc=_c(Cc,[["__scopeId","data-v-313ad8e1"]]);/*!
|
|
6
6
|
* vue-router v4.2.5
|
|
7
7
|
* (c) 2023 Eduardo San Martin Morote
|
|
8
8
|
* @license MIT
|
|
@@ -119,7 +119,7 @@ function raiseCommentsEvent(event) {
|
|
|
119
119
|
}
|
|
120
120
|
.test_holder_main {
|
|
121
121
|
display: flex;
|
|
122
|
-
gap:
|
|
122
|
+
gap: 16px;
|
|
123
123
|
align-items: stretch;
|
|
124
124
|
}
|
|
125
125
|
|
|
@@ -139,7 +139,7 @@ function raiseCommentsEvent(event) {
|
|
|
139
139
|
}
|
|
140
140
|
.scene_canvas {
|
|
141
141
|
width: 100%;
|
|
142
|
-
max-width:
|
|
142
|
+
max-width: 1920px;
|
|
143
143
|
aspect-ratio: 16 / 9;
|
|
144
144
|
background-color: #1E222B;
|
|
145
145
|
border-radius: 4px;
|
|
@@ -163,8 +163,8 @@ function raiseCommentsEvent(event) {
|
|
|
163
163
|
flex-direction: column;
|
|
164
164
|
position: relative;
|
|
165
165
|
overflow: hidden;
|
|
166
|
-
border-radius:
|
|
167
|
-
border
|
|
166
|
+
border-radius: 15px;
|
|
167
|
+
border: 1px solid #e6e6ef;
|
|
168
168
|
}
|
|
169
169
|
.settings_iframe {
|
|
170
170
|
width: 100%;
|