iobroker.mywebui 1.76.0 → 1.78.0

package/www/dist/frontend/bundle/chunk-RTTBZOQU.js

@@ -1,4 +1,4 @@
-const as=c;(function(S,U){const ar=c,X=S();while(!![]){try{const Y=-parseInt(ar(0x1b0))/0x1+parseInt(ar(0x199))/0x2+-parseInt(ar(0x182))/0x3+parseInt(ar(0x198))/0x4*(-parseInt(ar(0x186))/0x5)+-parseInt(ar(0x147))/0x6*(-parseInt(ar(0x1c2))/0x7)+-parseInt(ar(0x159))/0x8+-parseInt(ar(0x173))/0x9*(-parseInt(ar(0x174))/0xa);if(Y===U)break;else X['push'](X['shift']());}catch(Z){X['push'](X['shift']());}}}(a,0xdc62e));import{a as e,b as h,c as i,d as j,e as l,f as n,g as o,h as p,i as q,j as r,q as t}from'./chunk-JSC66ZLQ.js';import{__decorate as v}from'tslib';import{BaseCustomWebComponentConstructorAppend as z,css as D,cssFromString as E,customElement as G,DomHelper as I,html as J,property as K}from'@gokturk413/base-custom-webcomponent';import{convertCssUnitToPixel as M}from'@gokturk413/web-component-designer/dist/elements/helper/CssUnitConverter.js';import{isFirefox as Q}from'@gokturk413/web-component-designer/dist/elements/helper/Browser.js';import{PropertiesHelper as R}from'@gokturk413/web-component-designer/dist/elements/services/propertiesService/services/PropertiesHelper.js';function a(){const aZ=['connectedCallback','iobrokerWebuiRootUrl','disable','_getDomElements','appendChild','text/html','indexOf','_relativeSignalsPath','offsetWidth','8aZuMaz','1771490qePlnz','querySelectorAll','filter','splice','_loading','_refreshViewSubscription','redirectScreen','_scriptObject','_restoreCachedInititalValues','_resizeObserver','opacity','runtime.html','adoptedStyleSheets','error','catch','_screenName','screenName','screen','replaceSync','refreshView','_editorAnimationsEnabled','log','innerHTML','1739863dAewcz','default','parseFromString','_onEditorAnimationsChanged','0\x200','parseCssBindings','getWebuiObject','screenviewer\x20-\x20','_applyEditorAnimationState','layout','checkScreenAccess','data-visibility-action','uniformToFill','childElementCount','type','action','loadScreenData','race','189EAspJJ','location','_stretchHeight','_stretchWidth','[ScreenViewer]\x20Group\x20visibility\x20check\x20error:','objectsChanged','enabled','attachShadow','translate','iobroker-webui-screen-viewer','pointerEvents','warn','hide','0.5','defineProperty','stretch','284508llxSSe','_useStyleFromScreenForViewer','config','_parseAttributesToProperties','script','-changed','name','[bind-prop\x5c:disable]','_stretchView','dispose','includes','bindingsHelper','_getDomElement','style','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22display:flex;align-items:center;justify-content:center;height:100%;font-family:sans-serif;\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22text-align:center;padding:40px;\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22font-size:48px;margin-bottom:20px;\x22>🔒</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<h2\x20style=\x22margin:0\x200\x2010px\x200;color:#666;\x22>Access\x20Denied</h2>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<p\x20style=\x22color:#999;\x22>You\x20don\x27t\x20have\x20permission\x20to\x20view\x20this\x20screen.</p>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20','opacity\x20.15s\x20ease','ensureGSAP','_editorPauseSheet','11898544mOJMmq','_timeout','⛔\x20[Screen\x20Visibility]\x20Server\x20denied\x20access\x20to:','_stretch','_loadScreen','globalStyle','message','checkVisibility','_root','waitForReady','head','html','<div\x20style=\x22padding:20px;color:red;\x22>Error\x20loading\x20screen:\x20','_iobBindings','_screensChangedSubscription','userName','addEventListener','webui-editor-animations-changed','applyAllBindings','observe','offsetHeight','scriptSystem','href','settings','appShell','dispatchEvent','69894KMWynR','3430MRQFXJ','⚠️\x20[ScreenViewer]\x20Screen\x20object\x20is\x20null\x20for:','stretchWidth','_getRelativeSignalsPath','getElementById','allowed','relativeSignalsPath','objects','none','removeAllChildnodes','createDocumentFragment','stretchHeight','ScreenViewer','height','1446030qbCBag','remove','_navRevealTimer','🔄\x20[ScreenViewer]\x20_loadScreen\x20called\x20for:','544690oqiwvF','_rootShadow','ready','removeBindings','❌\x20[Screen\x20Visibility]\x20Server\x20check\x20failed:','prototype','uniform','[data-visibility-groups]','[Screen\x20Visibility]\x20Backend\x20timeout\x20—\x20fail-open'];a=function(){return aZ;};return a();}var _;window[as(0x157)]=e;function c(b,d){b=b-0x145;const e=a();let f=e[b];return f;}var d=class extends z{static{_=this;}static ['style']=D`
+const as=c;function c(b,d){b=b-0xd4;const e=a();let f=e[b];return f;}(function(S,U){const ar=c,X=S();while(!![]){try{const Y=-parseInt(ar(0x14e))/0x1*(-parseInt(ar(0x13a))/0x2)+parseInt(ar(0xd8))/0x3*(parseInt(ar(0xe5))/0x4)+-parseInt(ar(0x14b))/0x5*(-parseInt(ar(0x123))/0x6)+parseInt(ar(0x150))/0x7+-parseInt(ar(0x117))/0x8*(-parseInt(ar(0x129))/0x9)+parseInt(ar(0x105))/0xa*(parseInt(ar(0xec))/0xb)+-parseInt(ar(0x134))/0xc;if(Y===U)break;else X['push'](X['shift']());}catch(Z){X['push'](X['shift']());}}}(a,0xc39f0));import{a as e,b as h,c as i,d as j,e as l,f as n,g as o,h as p,i as q,j as r,q as t}from'./chunk-JSC66ZLQ.js';import{__decorate as v}from'tslib';import{BaseCustomWebComponentConstructorAppend as z,css as D,cssFromString as E,customElement as G,DomHelper as I,html as J,property as K}from'@gokturk413/base-custom-webcomponent';import{convertCssUnitToPixel as M}from'@gokturk413/web-component-designer/dist/elements/helper/CssUnitConverter.js';import{isFirefox as Q}from'@gokturk413/web-component-designer/dist/elements/helper/Browser.js';import{PropertiesHelper as R}from'@gokturk413/web-component-designer/dist/elements/services/propertiesService/services/PropertiesHelper.js';function a(){const aU=['iobrokerWebuiRootUrl','_resizeObserver','loadScreenData','catch','childElementCount','data-visibility-groups','transformOrigin','_applyEditorAnimationState','dispose','properties','uniform','10hcJiqq','connectedCallback','enabled','3271UNRkYg','splice','10088036aemHSg','screenName','_iobBindings','appShell','<div\x20style=\x22padding:20px;color:red;\x22>Error\x20loading\x20screen:\x20','_rootShadow','_loadScreen','_stretch','_root','📥\x20[ScreenViewer]\x20Getting\x20screen\x20object\x20for:','_stretchWidth','_loading','settings','offsetWidth','getElementById','parseHTMLUnsafe','sendTo','appendChild','querySelectorAll','9033gLsDfX','-changed','disconnectedCallback','getAttribute','_isEditorAnimationsPaused','prototype','html','stretchWidth','log','camelToDashCase','shadowRoot','template','globalStylesheet','152NBdHpy','_navRevealTimer','style','setHTMLUnsafe','layout','type','_restoreCachedInititalValues','22roNxFu','none','defineProperty','parseFromString','redirect','disable','YES','stretch','objectsChanged','read','opacity','🔄\x20[ScreenViewer]\x20Starting\x20to\x20load\x20screen:','text/html','useStyleFromScreenForViewer','_timeout','childNodes','runtime.html','opacity\x20.15s\x20ease','_screenName','styleIfFromScreen','dispatchEvent','iobroker-webui-screen-viewer','[ScreenViewer]\x20Group\x20visibility\x20check\x20error:','removeAllChildnodes','relativeSignalsPath','6973030rPhQZF','_useStyleFromScreenForViewer','waitForReady','head','bindingsHelper','disconnect','*,\x20::before,\x20::after\x20{\x20animation-play-state:\x20paused\x20!important;\x20transition:\x20none\x20!important;\x20}','hidden','includes','❌\x20[ScreenViewer]\x20Error\x20loading\x20screen\x20\x22','_stretchView','_screensChangedSubscription','innerHTML','push','error','_stretchHeight','</div>','[bind-prop\x5c:hidden]','8BrqxtI','namespace','parseCssBindings','observe','name','_onEditorAnimationsChanged','globalStyle','screen','race','scriptSystem','config','[data-visibility-groups]','2826102KGBTjL','hide','redirectScreen','_getDomElement','✅\x20[ScreenViewer]\x20Screen\x20loaded\x20successfully:','width','12806334XOTgPc','⛔\x20[Screen\x20Visibility]\x20Server\x20denied\x20access\x20to:','_scriptObject','split','default','removeBindings','message','querySelector','_editorPauseSheet','error\x20loading\x203d\x20viewer','location','59151420ckUCsZ','iobroker-webui-3dscreen-viewer','adoptedStyleSheets','warn','ready','removeEventListener','254RYRxNI','objects','userName','body','offsetHeight','_relativeSignalsPath'];a=function(){return aU;};return a();}var _;window['ensureGSAP']=e;var d=class extends z{static{_=this;}static ['style']=D`
     :host {
         height: 100%;
         position: relative;
@@ -7,7 +7,7 @@ const as=c;(function(S,U){const ar=c,X=S();while(!![]){try{const Y=-parseInt(ar(
 
     *[node-projects-hide-at-run-time] {
         display: none !important;
-    }`;static ['styleIfFromScreen']=D`
+    }`;static [as(0xff)]=D`
     :host {
         background: transparent;
         border: none;
@@ -18,4 +18,4 @@ const as=c;(function(S,U){const ar=c,X=S();while(!![]){try{const Y=-parseInt(ar(
 
     *[node-projects-hide-at-run-time] {
         display: none !important;
-    }`;static ['template']=J`<div id="root"></div>`;[as(0x166)];[as(0x19d)];['_refreshViewSubscription'];['_screensChangedSubscription'];[as(0x1a0)];['_resizeObserver'];[as(0x161)];[as(0x187)];#e=[];[as(0x15c)];get[as(0x146)](){const at=as;return this[at(0x15c)];}set[as(0x146)](S){const au=as;this[au(0x15c)]!=S&&(this[au(0x15c)]=S,this[au(0x15d)]());}[as(0x1c5)];get['stretchWidth'](){return this['_stretchWidth'];}set[as(0x176)](S){const av=as;this[av(0x1c5)]!=S&&(this[av(0x1c5)]=S,this['_loadScreen']());}[as(0x1c4)];get[as(0x17f)](){const aw=as;return this[aw(0x1c4)];}set[as(0x17f)](S){const ax=as;this['_stretchHeight']!=S&&(this[ax(0x1c4)]=S,this[ax(0x15d)]());}[as(0x196)];get[as(0x17a)](){const ay=as;return this[ay(0x196)];}set['relativeSignalsPath'](S){const az=as;this[az(0x196)]!=S&&(this['_relativeSignalsPath']=S);}[as(0x1a8)];get['screenName'](){const aA=as;return this[aA(0x1a8)];}set[as(0x1a9)](S){const aB=as;this[aB(0x1a8)]!=S&&(this['_screenName']=S,this[aB(0x15d)]());}async['setScreenNameAndLoad'](S){const aC=as;this[aC(0x1a8)]!=S&&(this['_screenName']=S,await this['_loadScreen']());}[as(0x17b)];['_useStyleFromScreenForViewer'];get['useStyleFromScreenForViewer'](){return this['_useStyleFromScreenForViewer'];}set['useStyleFromScreenForViewer'](S){const aD=as;this['_useStyleFromScreenForViewer']!=S&&(this[aD(0x148)]=S,this['_loadScreen']());}constructor(){const aE=as;super(),this[aE(0x161)]=super[aE(0x153)]('root'),this['_rootShadow']=this['_root'][aE(0x1c9)]({'mode':'open'}),this[aE(0x1a1)]();}['_getDomElement'](S){const aF=as;return this['_rootShadow'][aF(0x178)](S);}[as(0x192)](S){const aG=as;return this[aG(0x187)]['querySelectorAll'](S);}[as(0x188)](){const aH=as;this[aH(0x14a)](),this['_screenName']&&this[aH(0x15d)]();}[as(0x189)](){const aI=as;this['_iobBindings']&&this[aI(0x166)]['forEach'](S=>S()),this[aI(0x166)]=null,i(this[aI(0x187)]),l(this[aI(0x187)]);}async[as(0x15d)](){const aJ=as;if(console['log'](aJ(0x185),this['screenName']),this['screenName']&&!this[aJ(0x19d)]){this[aJ(0x19d)]=!0x0,console[aJ(0x1ae)]('🔄\x20[ScreenViewer]\x20Starting\x20to\x20load\x20screen:',this[aJ(0x1a9)]),await t[aJ(0x162)](),this['_loading']=!0x1,this['removeBindings']();try{console['log']('📥\x20[ScreenViewer]\x20Getting\x20screen\x20object\x20for:',this[aJ(0x1a9)]);let S=await t[aJ(0x1b6)](aJ(0x1aa),this['screenName']);console['log']('📥\x20[ScreenViewer]\x20Screen\x20object\x20received:',S?'YES':'NO'),I[aJ(0x17d)](this['_rootShadow']),S?(console[aJ(0x1ae)]('🚀\x20[ScreenViewer]\x20Loading\x20screen\x20data...'),await this['loadScreenData'](S[aJ(0x164)],S[aJ(0x154)],S[aJ(0x14b)],S[aJ(0x170)],S['properties']),console['log']('✅\x20[ScreenViewer]\x20Screen\x20loaded\x20successfully:',this[aJ(0x1a9)])):console[aJ(0x1cd)](aJ(0x175),this[aJ(0x1a9)]);}catch(U){console['error']('❌\x20[ScreenViewer]\x20Error\x20loading\x20screen\x20\x22'+this[aJ(0x1a9)]+'\x22:',U),this['_rootShadow'][aJ(0x1af)]=aJ(0x165)+U[aJ(0x15f)]+'</div>';}}}async[as(0x1c0)](U,X,Y,Z,a0){const aK=as;if(this['screenName'])try{let a6=t[aK(0x168)]||(await t['getCurrentUser']())?.[aK(0x14d)],a7=t['connection']['sendTo'](t['namespace'],aK(0x1ba),{'screenName':this['screenName'],'username':a6,'project':t['currentProject'],'mode':'read','type':'screen'}),a8=new Promise(aa=>setTimeout(()=>aa({'allowed':!0x0,'_timeout':!0x0}),0x1388)),a9=await Promise[aK(0x1c1)]([a7,a8]);if(!a9[aK(0x179)]){if(console[aK(0x1cd)](aK(0x15b),this[aK(0x1a9)]),(a9[aK(0x1bf)]||aK(0x1ce))==='redirect'&&a9[aK(0x19f)]){this['screenName']=a9['redirectScreen'],this['_loadScreen']();return;}this['_rootShadow']['innerHTML']=aK(0x155);return;}a9[aK(0x15a)]?console['warn'](aK(0x18e)):console[aK(0x1ae)]('✅\x20[Screen\x20Visibility]\x20Server\x20granted\x20access\x20to:',this[aK(0x1a9)]);}catch(aa){console[aK(0x1a6)](aK(0x18a),aa);}if(a0)for(let ab in a0){let ac=a0[ab];Object['defineProperty'](this,ab,{'get'(){return this['_'+ab];},'set'(ad){const aL=aK;this['_'+ab]!==ad&&(this['_'+ab]=ad,this[aL(0x172)](new CustomEvent(R['camelToDashCase'](ab)+aL(0x14c),{'detail':{'newValue':ad}})));},'enumerable':!0x0,'configurable':!0x0}),ac['default']&&(this['_'+ab]=ac['default']);}let a1=t[aK(0x149)]?.[aK(0x15e)]??'';this['_stretchView'](Z);let a2=null;if(X)try{let ad=await window[aK(0x171)][aK(0x152)][aK(0x1b5)](X,this,this['relativeSignalsPath'],this);a2=ad[0x0],this[aK(0x166)]=ad[0x1];}catch(ae){console['warn'](ae),a2=E(X);}else this['_iobBindings']=null;a1&&X?this['_rootShadow'][aK(0x1a5)]=[_[aK(0x154)],t['globalStylesheet'],a2]:a1?this['_rootShadow'][aK(0x1a5)]=[_[aK(0x154)],t['globalStylesheet']]:X?this[aK(0x187)]['adoptedStyleSheets']=[_[aK(0x154)],a2]:this[aK(0x187)][aK(0x1a5)]=[_['style']],this['_useStyleFromScreenForViewer']&&(this['shadowRoot']['adoptedStyleSheets']=[_['styleIfFromScreen'],...this[aK(0x187)][aK(0x1a5)]]),p(Z?.[aK(0x1b9)])||(U=q(U));let a3;if(Document['parseHTMLUnsafe']&&!Q)this[aK(0x187)]['setHTMLUnsafe'](U);else{a3=new DOMParser()[aK(0x1b2)](U,aK(0x194),{'includeShadowRoots':!0x0});let af=document[aK(0x17e)]();for(let ag of a3[aK(0x163)]['childNodes'])af['appendChild'](ag);for(let ah of a3['body']['childNodes'])af['appendChild'](ah);this[aK(0x187)][aK(0x193)](af);}try{this['_root']['style']['transition']=aK(0x156),this[aK(0x161)]['style'][aK(0x1a3)]='0',clearTimeout(this['_navRevealTimer']),this[aK(0x184)]=setTimeout(()=>{const aM=aK;try{this[aM(0x161)]['style']['opacity']='1';}catch{}},0x5dc);}catch{}try{o(this['_root'],Z?.[aK(0x1b9)]),p(Z?.[aK(0x1b9)])&&r(this[aK(0x187)],Z[aK(0x1b9)],this['_root']);}catch(ai){console[aK(0x1cd)]('layout\x20apply\x20failed',ai);}let a4=[...this['_rootShadow'][aK(0x19a)](aK(0x18d))];for(let aj of a4){let ak=aj['getAttribute']('data-visibility-groups')?.['split'](',')[aK(0x19b)](am=>am)||[],al=aj['getAttribute'](aK(0x1bb))||'hide';if(ak['length']>0x0)try{let am=await t[aK(0x160)]({'enabled':!0x0,'groups':ak,'action':al});al===aK(0x191)&&!am[aK(0x1c8)]?(aj['style']['pointerEvents']='none',aj[aK(0x154)]['opacity']='0.5'):al!==aK(0x191)&&!am['visible']&&aj[aK(0x183)]();}catch(an){console['error'](aK(0x1c6),an);}}for(let ao of this[aK(0x187)][aK(0x19a)]('[bind-prop\x5c:hidden]'))Object['defineProperty'](ao,'hidden',{'configurable':!0x0,'set'(ap){ao['style']['display']=ap?'none':'';},'get'(){return ao['style']['display']==='none';}});for(let ap of this['_rootShadow']['querySelectorAll'](aK(0x14e)))Object[aK(0x145)](ap,'disable',{'configurable':!0x0,'set'(aq){const aN=aK;ap[aN(0x154)]['pointerEvents']=aq?'none':'',ap['style']['opacity']=aq?aN(0x1cf):'';},'get'(){const aO=aK;return ap['style'][aO(0x1cc)]==='none';}});!customElements['get']('iobroker-webui-3dscreen-viewer')&&this['_rootShadow']['querySelector']('iobroker-webui-3dscreen-viewer')&&importShim(window[aK(0x190)]+'dist/frontend/config/IobrokerWebui3DScreenViewer.js')['catch'](aq=>console['warn']('error\x20loading\x203d\x20viewer',aq)),n(this['_rootShadow']);let a5=window[aK(0x171)]['bindingsHelper'][aK(0x16b)](this[aK(0x187)],this['relativeSignalsPath'],this);if(this[aK(0x166)]?this['_iobBindings']['push'](...a5):this[aK(0x166)]=a5,requestAnimationFrame(()=>requestAnimationFrame(()=>{const aP=aK;try{clearTimeout(this['_navRevealTimer']),this[aP(0x161)][aP(0x154)][aP(0x1a3)]='1';}catch{}})),this[aK(0x1a0)]=await window['appShell'][aK(0x16e)]['assignAllScripts'](aK(0x1b7)+this[aK(0x1a9)],Y,this[aK(0x187)],this,t),this[aK(0x1a0)]?.[aK(0x1b1)]&&!this[aK(0x1a0)]?.[aK(0x18f)]&&(this['_scriptObject']=this['_scriptObject']['default']),this[aK(0x1a0)]?.[aK(0x18f)])try{this[aK(0x1a0)][aK(0x18f)](this,this[aK(0x187)]);}catch(aq){console[aK(0x1a6)]('connectedCallback\x20error\x20for\x20\x22'+this['screenName']+'\x22:',aq);}this['_isEditorAnimationsPaused']()||(h(this['_rootShadow'])[aK(0x1a7)](()=>{}),j(this[aK(0x187)])[aK(0x1a7)](()=>{})),this[aK(0x1b8)](),requestAnimationFrame(()=>requestAnimationFrame(()=>{const aQ=aK;try{clearTimeout(this['_navRevealTimer']),this[aQ(0x161)]['style']['opacity']='1';}catch{}}));}[as(0x14f)](U){const aR=as;let X=this[aR(0x146)]??U?.[aR(0x146)];if(!X||X===aR(0x17c))return;let Y=this[aR(0x1c5)]??M(U['width'],this,'width'),Z=this['_stretchHeight']??M(U[aR(0x181)],this,'height');this[aR(0x161)][aR(0x154)]['width']=Y+'px',this[aR(0x161)]['style']['height']=Z+'px';let a0=this['offsetWidth']/Y,a1=this['offsetHeight']/Z,a2=0x0,a3=0x0;X==aR(0x18c)?a0>a1?(a0=a1,a2=(this[aR(0x197)]-Y*a0)/0x2):(a1=a0,a3=(this[aR(0x16d)]-Z*a1)/0x2):X==aR(0x1bc)&&(a0>a1?(a1=a0,a3=(this['offsetHeight']-Z*a1)/0x2):(a0=a1,a2=(this['offsetWidth']-Y*a0)/0x2)),this['_root']['style']['transformOrigin']=aR(0x1b4),this['_root']['style']['scale']=a0+'\x20'+a1,this['_root'][aR(0x154)][aR(0x1ca)]=a2+'px\x20'+a3+'px',this[aR(0x1a2)]||(this['_resizeObserver']=new ResizeObserver(()=>{const aS=aR;this[aS(0x14f)](U);}),this['_resizeObserver']['observe'](this));}[as(0x177)](){return this['_relativeSignalsPath'];}['_isEditorAnimationsPaused'](){const aT=as;return!window[aT(0x1c3)][aT(0x16f)][aT(0x151)](aT(0x1a4))&&window['appShell']?.['_editorAnimationsEnabled']===!0x0;}[as(0x158)]=null;[as(0x1b8)](){const aU=as;if(window['location']['href']['includes']('runtime.html'))return;window['appShell']?.[aU(0x1ad)]===!0x0?(i(this['_rootShadow']),l(this['_rootShadow']),this[aU(0x158)]||(this['_editorPauseSheet']=new CSSStyleSheet(),this[aU(0x158)][aU(0x1ab)]('*,\x20::before,\x20::after\x20{\x20animation-play-state:\x20paused\x20!important;\x20transition:\x20none\x20!important;\x20}')),this[aU(0x187)]['adoptedStyleSheets'][aU(0x151)](this[aU(0x158)])||(this['_rootShadow']['adoptedStyleSheets']=[...this[aU(0x187)][aU(0x1a5)],this['_editorPauseSheet']])):(this['_editorPauseSheet']&&(this['_rootShadow'][aU(0x1a5)]=this['_rootShadow']['adoptedStyleSheets']['filter'](S=>S!==this[aU(0x158)])),this['_rootShadow'][aU(0x1bd)]>0x0&&(h(this['_rootShadow'])[aU(0x1a7)](()=>{}),j(this['_rootShadow'])[aU(0x1a7)](()=>{})));}['_onEditorAnimationsChanged']=S=>this['_applyEditorAnimationState']();['connectedCallback'](){const aV=as;window['addEventListener']('webui-editor-animations-changed',this[aV(0x1b3)]),this[aV(0x19e)]=t[aV(0x1ac)]['on'](()=>this[aV(0x15d)]()),this[aV(0x167)]=t[aV(0x1c7)]['on'](U=>{const aW=aV;this[aW(0x1a8)]&&U[aW(0x1be)]==aW(0x1aa)&&U['name']===this['_screenName']&&this[aW(0x15d)]();});let S=this[aV(0x1a0)];S?.[aV(0x1b1)]&&!S?.[aV(0x18f)]&&(S=S[aV(0x1b1)]),S?.[aV(0x18f)]&&S['connectedCallback'](this,this[aV(0x187)]);for(let U of this.#e)this[aV(0x169)](U[0x0],U[0x1]);this[aV(0x1a2)]&&this['_resizeObserver'][aV(0x16c)](this);}['disconnectedCallback'](){const aX=as;window['removeEventListener'](aX(0x16a),this[aX(0x1b3)]);for(let S of this.#e)this['removeEventListener'](S[0x0],S[0x1]);this['_refreshViewSubscription']?.['dispose'](),this['_screensChangedSubscription']?.[aX(0x150)](),this[aX(0x1a0)]?.['disconnectedCallback']?.(this,this['_rootShadow']),this['_resizeObserver']&&this['_resizeObserver']['disconnect']();}['_assignEvent'](S,U){let X=[S,U];return this.#e['push'](X),this['addEventListener'](S,U),{'remove':()=>{const aY=c;let Y=this.#e[aY(0x195)](X);this.#e[aY(0x19c)](Y,0x1),this['removeEventListener'](S,U);}};}};v([K()],d['prototype'],as(0x146),null),v([K()],d[as(0x18b)],as(0x176),null),v([K()],d['prototype'],'stretchHeight',null),v([K()],d[as(0x18b)],'relativeSignalsPath',null),v([K()],d['prototype'],'screenName',null),v([K(Boolean)],d['prototype'],'useStyleFromScreenForViewer',null),d=_=v([G(as(0x1cb))],d),window[as(0x180)]=d;export{d as a};
+    }`;static [as(0xe3)]=J`<div id="root"></div>`;[as(0x152)];['_loading'];['_refreshViewSubscription'];[as(0x110)];[as(0x12b)];[as(0x141)];['_root'];['_rootShadow'];#e=[];['_stretch'];get['stretch'](){return this['_stretch'];}set[as(0xf3)](S){const at=as;this[at(0x157)]!=S&&(this[at(0x157)]=S,this[at(0x156)]());}['_stretchWidth'];get['stretchWidth'](){return this['_stretchWidth'];}set[as(0xdf)](S){const au=as;this['_stretchWidth']!=S&&(this[au(0x15a)]=S,this[au(0x156)]());}[as(0x114)];get['stretchHeight'](){return this['_stretchHeight'];}set['stretchHeight'](S){const av=as;this[av(0x114)]!=S&&(this['_stretchHeight']=S,this['_loadScreen']());}['_relativeSignalsPath'];get[as(0x104)](){return this['_relativeSignalsPath'];}set['relativeSignalsPath'](S){const aw=as;this[aw(0x13f)]!=S&&(this['_relativeSignalsPath']=S);}[as(0xfe)];get[as(0x151)](){return this['_screenName'];}set['screenName'](S){this['_screenName']!=S&&(this['_screenName']=S,this['_loadScreen']());}async['setScreenNameAndLoad'](S){this['_screenName']!=S&&(this['_screenName']=S,await this['_loadScreen']());}[as(0x13b)];['_useStyleFromScreenForViewer'];get['useStyleFromScreenForViewer'](){return this['_useStyleFromScreenForViewer'];}set[as(0xf9)](S){const ax=as;this[ax(0x106)]!=S&&(this['_useStyleFromScreenForViewer']=S,this['_loadScreen']());}constructor(){const ay=as;super(),this[ay(0x158)]=super[ay(0x126)]('root'),this[ay(0x155)]=this[ay(0x158)]['attachShadow']({'mode':'open'}),this[ay(0xeb)]();}[as(0x126)](S){const az=as;return this[az(0x155)][az(0x15e)](S);}['_getDomElements'](S){const aA=as;return this[aA(0x155)][aA(0xd7)](S);}[as(0x138)](){this['_parseAttributesToProperties'](),this['_screenName']&&this['_loadScreen']();}[as(0x12e)](){const aB=as;this['_iobBindings']&&this[aB(0x152)]['forEach'](S=>S()),this[aB(0x152)]=null,i(this[aB(0x155)]),l(this['_rootShadow']);}async['_loadScreen'](){const aC=as;if(console['log']('🔄\x20[ScreenViewer]\x20_loadScreen\x20called\x20for:',this['screenName']),this[aC(0x151)]&&!this[aC(0x15b)]){this['_loading']=!0x0,console[aC(0xe0)](aC(0xf7),this[aC(0x151)]),await t[aC(0x107)](),this[aC(0x15b)]=!0x1,this['removeBindings']();try{console['log'](aC(0x159),this['screenName']);let S=await t['getWebuiObject']('screen',this[aC(0x151)]);console['log']('📥\x20[ScreenViewer]\x20Screen\x20object\x20received:',S?aC(0xf2):'NO'),I[aC(0x103)](this[aC(0x155)]),S?(console[aC(0xe0)]('🚀\x20[ScreenViewer]\x20Loading\x20screen\x20data...'),await this['loadScreenData'](S[aC(0xde)],S['style'],S['script'],S[aC(0x15c)],S[aC(0x149)]),console[aC(0xe0)](aC(0x127),this['screenName'])):console[aC(0x137)]('⚠️\x20[ScreenViewer]\x20Screen\x20object\x20is\x20null\x20for:',this['screenName']);}catch(U){console[aC(0x113)](aC(0x10e)+this['screenName']+'\x22:',U),this['_rootShadow'][aC(0x111)]=aC(0x154)+U[aC(0x12f)]+aC(0x115);}}}async[as(0x142)](U,X,Y,Z,a0){const aD=as;if(this[aD(0x151)])try{let a6=t[aD(0x13c)]||(await t['getCurrentUser']())?.[aD(0x11b)],a7=t['connection'][aD(0xd5)](t[aD(0x118)],'checkScreenAccess',{'screenName':this[aD(0x151)],'username':a6,'project':t['currentProject'],'mode':aD(0xf5),'type':aD(0x11e)}),a8=new Promise(aa=>setTimeout(()=>aa({'allowed':!0x0,'_timeout':!0x0}),0x1388)),a9=await Promise[aD(0x11f)]([a7,a8]);if(!a9['allowed']){if(console[aD(0x137)](aD(0x12a),this['screenName']),(a9['action']||'hide')===aD(0xf0)&&a9['redirectScreen']){this['screenName']=a9[aD(0x125)],this['_loadScreen']();return;}this[aD(0x155)][aD(0x111)]='\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22display:flex;align-items:center;justify-content:center;height:100%;font-family:sans-serif;\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22text-align:center;padding:40px;\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<div\x20style=\x22font-size:48px;margin-bottom:20px;\x22>🔒</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<h2\x20style=\x22margin:0\x200\x2010px\x200;color:#666;\x22>Access\x20Denied</h2>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<p\x20style=\x22color:#999;\x22>You\x20don\x27t\x20have\x20permission\x20to\x20view\x20this\x20screen.</p>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</div>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20';return;}a9[aD(0xfa)]?console[aD(0x137)]('[Screen\x20Visibility]\x20Backend\x20timeout\x20—\x20fail-open'):console['log']('✅\x20[Screen\x20Visibility]\x20Server\x20granted\x20access\x20to:',this['screenName']);}catch(aa){console['error']('❌\x20[Screen\x20Visibility]\x20Server\x20check\x20failed:',aa);}if(a0)for(let ab in a0){let ac=a0[ab];Object['defineProperty'](this,ab,{'get'(){return this['_'+ab];},'set'(ad){const aE=aD;this['_'+ab]!==ad&&(this['_'+ab]=ad,this[aE(0x100)](new CustomEvent(R[aE(0xe1)](ab)+aE(0xd9),{'detail':{'newValue':ad}})));},'enumerable':!0x0,'configurable':!0x0}),ac['default']&&(this['_'+ab]=ac['default']);}let a1=t[aD(0x121)]?.[aD(0x11d)]??'';this['_stretchView'](Z);let a2=null;if(X)try{let ad=await window[aD(0x153)]['bindingsHelper'][aD(0x119)](X,this,this[aD(0x104)],this);a2=ad[0x0],this[aD(0x152)]=ad[0x1];}catch(ae){console['warn'](ae),a2=E(X);}else this[aD(0x152)]=null;a1&&X?this[aD(0x155)][aD(0x136)]=[_[aD(0xe7)],t[aD(0xe4)],a2]:a1?this['_rootShadow']['adoptedStyleSheets']=[_[aD(0xe7)],t['globalStylesheet']]:X?this[aD(0x155)]['adoptedStyleSheets']=[_['style'],a2]:this['_rootShadow']['adoptedStyleSheets']=[_[aD(0xe7)]],this[aD(0x106)]&&(this[aD(0xe2)]['adoptedStyleSheets']=[_['styleIfFromScreen'],...this[aD(0x155)]['adoptedStyleSheets']]),p(Z?.['layout'])||(U=q(U));let a3;if(Document[aD(0xd4)]&&!Q)this[aD(0x155)][aD(0xe8)](U);else{a3=new DOMParser()[aD(0xef)](U,aD(0xf8),{'includeShadowRoots':!0x0});let af=document['createDocumentFragment']();for(let ag of a3[aD(0x108)]['childNodes'])af['appendChild'](ag);for(let ah of a3[aD(0x13d)][aD(0xfb)])af['appendChild'](ah);this[aD(0x155)][aD(0xd6)](af);}try{this['_root']['style']['transition']=aD(0xfd),this['_root']['style']['opacity']='0',clearTimeout(this[aD(0xe6)]),this['_navRevealTimer']=setTimeout(()=>{const aF=aD;try{this['_root']['style'][aF(0xf6)]='1';}catch{}},0x5dc);}catch{}try{o(this['_root'],Z?.[aD(0xe9)]),p(Z?.['layout'])&&r(this['_rootShadow'],Z[aD(0xe9)],this[aD(0x158)]);}catch(ai){console['warn']('layout\x20apply\x20failed',ai);}let a4=[...this['_rootShadow'][aD(0xd7)](aD(0x122))];for(let aj of a4){let ak=aj['getAttribute'](aD(0x145))?.[aD(0x12c)](',')['filter'](am=>am)||[],al=aj[aD(0xdb)]('data-visibility-action')||aD(0x124);if(ak['length']>0x0)try{let am=await t['checkVisibility']({'enabled':!0x0,'groups':ak,'action':al});al===aD(0xf1)&&!am[aD(0x14d)]?(aj[aD(0xe7)]['pointerEvents']='none',aj[aD(0xe7)][aD(0xf6)]='0.5'):al!==aD(0xf1)&&!am['visible']&&aj['remove']();}catch(an){console['error'](aD(0x102),an);}}for(let ao of this['_rootShadow'][aD(0xd7)](aD(0x116)))Object[aD(0xee)](ao,aD(0x10c),{'configurable':!0x0,'set'(ap){const aG=aD;ao[aG(0xe7)]['display']=ap?aG(0xed):'';},'get'(){const aH=aD;return ao['style']['display']===aH(0xed);}});for(let ap of this[aD(0x155)][aD(0xd7)]('[bind-prop\x5c:disable]'))Object[aD(0xee)](ap,'disable',{'configurable':!0x0,'set'(aq){const aI=aD;ap[aI(0xe7)]['pointerEvents']=aq?aI(0xed):'',ap[aI(0xe7)]['opacity']=aq?'0.5':'';},'get'(){const aJ=aD;return ap[aJ(0xe7)]['pointerEvents']==='none';}});!customElements['get'](aD(0x135))&&this[aD(0x155)][aD(0x130)](aD(0x135))&&importShim(window[aD(0x140)]+'dist/frontend/config/IobrokerWebui3DScreenViewer.js')[aD(0x143)](aq=>console[aD(0x137)](aD(0x132),aq)),n(this[aD(0x155)]);let a5=window[aD(0x153)][aD(0x109)]['applyAllBindings'](this[aD(0x155)],this[aD(0x104)],this);if(this['_iobBindings']?this[aD(0x152)][aD(0x112)](...a5):this[aD(0x152)]=a5,requestAnimationFrame(()=>requestAnimationFrame(()=>{const aK=aD;try{clearTimeout(this[aK(0xe6)]),this[aK(0x158)]['style']['opacity']='1';}catch{}})),this['_scriptObject']=await window[aD(0x153)][aD(0x120)]['assignAllScripts']('screenviewer\x20-\x20'+this[aD(0x151)],Y,this['_rootShadow'],this,t),this[aD(0x12b)]?.[aD(0x12d)]&&!this['_scriptObject']?.['connectedCallback']&&(this['_scriptObject']=this[aD(0x12b)][aD(0x12d)]),this['_scriptObject']?.['connectedCallback'])try{this['_scriptObject']['connectedCallback'](this,this['_rootShadow']);}catch(aq){console[aD(0x113)]('connectedCallback\x20error\x20for\x20\x22'+this[aD(0x151)]+'\x22:',aq);}this[aD(0xdc)]()||(h(this['_rootShadow'])[aD(0x143)](()=>{}),j(this[aD(0x155)])['catch'](()=>{})),this[aD(0x147)](),requestAnimationFrame(()=>requestAnimationFrame(()=>{const aL=aD;try{clearTimeout(this['_navRevealTimer']),this['_root']['style'][aL(0xf6)]='1';}catch{}}));}[as(0x10f)](U){const aM=as;let X=this[aM(0xf3)]??U?.['stretch'];if(!X||X===aM(0xed))return;let Y=this[aM(0x15a)]??M(U[aM(0x128)],this,'width'),Z=this[aM(0x114)]??M(U['height'],this,'height');this[aM(0x158)][aM(0xe7)][aM(0x128)]=Y+'px',this[aM(0x158)]['style']['height']=Z+'px';let a0=this['offsetWidth']/Y,a1=this[aM(0x13e)]/Z,a2=0x0,a3=0x0;X==aM(0x14a)?a0>a1?(a0=a1,a2=(this['offsetWidth']-Y*a0)/0x2):(a1=a0,a3=(this[aM(0x13e)]-Z*a1)/0x2):X=='uniformToFill'&&(a0>a1?(a1=a0,a3=(this[aM(0x13e)]-Z*a1)/0x2):(a0=a1,a2=(this[aM(0x15d)]-Y*a0)/0x2)),this['_root']['style'][aM(0x146)]='0\x200',this[aM(0x158)][aM(0xe7)]['scale']=a0+'\x20'+a1,this[aM(0x158)][aM(0xe7)]['translate']=a2+'px\x20'+a3+'px',this[aM(0x141)]||(this[aM(0x141)]=new ResizeObserver(()=>{this['_stretchView'](U);}),this['_resizeObserver'][aM(0x11a)](this));}['_getRelativeSignalsPath'](){return this['_relativeSignalsPath'];}['_isEditorAnimationsPaused'](){const aN=as;return!window[aN(0x133)]['href'][aN(0x10d)](aN(0xfc))&&window[aN(0x153)]?.['_editorAnimationsEnabled']===!0x0;}[as(0x131)]=null;[as(0x147)](){const aO=as;if(window['location']['href'][aO(0x10d)](aO(0xfc)))return;window[aO(0x153)]?.['_editorAnimationsEnabled']===!0x0?(i(this['_rootShadow']),l(this['_rootShadow']),this['_editorPauseSheet']||(this[aO(0x131)]=new CSSStyleSheet(),this['_editorPauseSheet']['replaceSync'](aO(0x10b))),this[aO(0x155)][aO(0x136)][aO(0x10d)](this['_editorPauseSheet'])||(this['_rootShadow']['adoptedStyleSheets']=[...this[aO(0x155)][aO(0x136)],this['_editorPauseSheet']])):(this['_editorPauseSheet']&&(this[aO(0x155)][aO(0x136)]=this[aO(0x155)]['adoptedStyleSheets']['filter'](S=>S!==this[aO(0x131)])),this[aO(0x155)][aO(0x144)]>0x0&&(h(this[aO(0x155)])[aO(0x143)](()=>{}),j(this['_rootShadow'])['catch'](()=>{})));}[as(0x11c)]=S=>this['_applyEditorAnimationState']();[as(0x14c)](){const aP=as;window['addEventListener']('webui-editor-animations-changed',this[aP(0x11c)]),this['_refreshViewSubscription']=t['refreshView']['on'](()=>this[aP(0x156)]()),this[aP(0x110)]=t[aP(0xf4)]['on'](U=>{const aQ=aP;this[aQ(0xfe)]&&U[aQ(0xea)]=='screen'&&U['name']===this[aQ(0xfe)]&&this[aQ(0x156)]();});let S=this[aP(0x12b)];S?.['default']&&!S?.[aP(0x14c)]&&(S=S[aP(0x12d)]),S?.[aP(0x14c)]&&S['connectedCallback'](this,this[aP(0x155)]);for(let U of this.#e)this['addEventListener'](U[0x0],U[0x1]);this[aP(0x141)]&&this['_resizeObserver']['observe'](this);}[as(0xda)](){const aR=as;window[aR(0x139)]('webui-editor-animations-changed',this[aR(0x11c)]);for(let S of this.#e)this[aR(0x139)](S[0x0],S[0x1]);this['_refreshViewSubscription']?.['dispose'](),this['_screensChangedSubscription']?.[aR(0x148)](),this['_scriptObject']?.[aR(0xda)]?.(this,this['_rootShadow']),this['_resizeObserver']&&this['_resizeObserver'][aR(0x10a)]();}['_assignEvent'](S,U){const aS=as;let X=[S,U];return this.#e[aS(0x112)](X),this['addEventListener'](S,U),{'remove':()=>{const aT=aS;let Y=this.#e['indexOf'](X);this.#e[aT(0x14f)](Y,0x1),this['removeEventListener'](S,U);}};}};v([K()],d['prototype'],as(0xf3),null),v([K()],d[as(0xdd)],'stretchWidth',null),v([K()],d['prototype'],'stretchHeight',null),v([K()],d['prototype'],'relativeSignalsPath',null),v([K()],d['prototype'],'screenName',null),v([K(Boolean)],d[as(0xdd)],as(0xf9),null),d=_=v([G(as(0x101))],d),window['ScreenViewer']=d;export{d as a};