storybook-addon-playwright 7.4.1 → 7.5.0

package/dist/register.js

@@ -1,23 +1,23 @@
-'use strict';var components=require('@storybook/components'),managerApi=require('@storybook/manager-api'),M=require('react'),material=require('@mui/material'),jsxRuntime=require('react/jsx-runtime'),vd=require('@mui/icons-material/Close'),oi=require('@ebay/nice-modal-react');require('@storybook/core/router');var ja=require('normalize-url'),gn=require('object-path-immutable'),dom=require('@pixpilot/dom'),icons=require('@storybook/icons'),hash=require('@pixpilot/hash'),sonner=require('sonner'),tm=require('tinycolor2'),styles=require('@mui/material/styles'),client=require('@trpc/client'),reactQuery=require('@trpc/react-query'),Pr=require('clsx'),hm=require('@mui/icons-material/DragIndicatorSharp'),reactMapInteraction=require('react-map-interaction'),nanoid=require('nanoid'),zustand=require('zustand'),middleware=require('zustand/middleware'),bl=require('array-move'),$m=require('fast-deep-equal'),sortable=require('@dnd-kit/sortable'),utilities=require('@dnd-kit/utilities'),T0=require('@mui/icons-material/CheckCircle'),A0=require('@mui/icons-material/Error'),coreEvents=require('@storybook/core-events'),object=require('@pixpilot/object'),cc=require('react-json-view'),S0=require('hash-sum'),core=require('@dnd-kit/core'),MS=require('@mui/material/Dialog'),Sg=require('@mui/icons-material/FullscreenSharp'),yg=require('@mui/icons-material/RefreshOutlined'),vg=require('@mui/icons-material/SaveAltOutlined'),fg=require('@mui/icons-material/Settings'),pS=require('@mui/icons-material/CloseOutlined'),fS=require('@mui/icons-material/NearMe'),dS=require('@mui/icons-material/RefreshSharp'),zg=require('react-selecto'),Yg=require('@mui/icons-material/AspectRatio'),eS=require('@mui/icons-material/FitScreen'),nS=require('@mui/icons-material/RotateLeft'),aS=require('@mui/icons-material/Camera'),reactUse=require('react-use'),reactSplitPane=require('react-split-pane'),selectorPath=require('@dom-utils/selector-path'),reactQuery$1=require('@tanstack/react-query'),reinspect=require('reinspect'),i1=require('lodash/startCase'),Gy=require('@mui/icons-material/CheckCircleOutlineRounded'),Wy=require('@mui/icons-material/HelpOutlineSharp'),Uy=require('@mui/icons-material/RadioButtonUncheckedRounded'),Zy=require('@mui/icons-material/FilterCenterFocusSharp'),e1=require('@mui/icons-material/FilterTiltShift'),m1=require('@mui/material/Accordion'),h1=require('@mui/material/AccordionSummary');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var M__namespace=/*#__PURE__*/_interopNamespace(M);var vd__default=/*#__PURE__*/_interopDefault(vd);var oi__default=/*#__PURE__*/_interopDefault(oi);var ja__default=/*#__PURE__*/_interopDefault(ja);var gn__namespace=/*#__PURE__*/_interopNamespace(gn);var tm__default=/*#__PURE__*/_interopDefault(tm);var Pr__default=/*#__PURE__*/_interopDefault(Pr);var hm__default=/*#__PURE__*/_interopDefault(hm);var bl__default=/*#__PURE__*/_interopDefault(bl);var $m__default=/*#__PURE__*/_interopDefault($m);var T0__default=/*#__PURE__*/_interopDefault(T0);var A0__default=/*#__PURE__*/_interopDefault(A0);var cc__default=/*#__PURE__*/_interopDefault(cc);var S0__default=/*#__PURE__*/_interopDefault(S0);var MS__default=/*#__PURE__*/_interopDefault(MS);var Sg__default=/*#__PURE__*/_interopDefault(Sg);var yg__default=/*#__PURE__*/_interopDefault(yg);var vg__default=/*#__PURE__*/_interopDefault(vg);var fg__default=/*#__PURE__*/_interopDefault(fg);var pS__default=/*#__PURE__*/_interopDefault(pS);var fS__default=/*#__PURE__*/_interopDefault(fS);var dS__default=/*#__PURE__*/_interopDefault(dS);var zg__default=/*#__PURE__*/_interopDefault(zg);var Yg__default=/*#__PURE__*/_interopDefault(Yg);var eS__default=/*#__PURE__*/_interopDefault(eS);var nS__default=/*#__PURE__*/_interopDefault(nS);var aS__default=/*#__PURE__*/_interopDefault(aS);var i1__default=/*#__PURE__*/_interopDefault(i1);var Gy__default=/*#__PURE__*/_interopDefault(Gy);var Wy__default=/*#__PURE__*/_interopDefault(Wy);var Uy__default=/*#__PURE__*/_interopDefault(Uy);var Zy__default=/*#__PURE__*/_interopDefault(Zy);var e1__default=/*#__PURE__*/_interopDefault(e1);var m1__default=/*#__PURE__*/_interopDefault(m1);var h1__default=/*#__PURE__*/_interopDefault(h1);var ip=Object.create;var zs=Object.defineProperty;var sp=Object.getOwnPropertyDescriptor;var ap=Object.getOwnPropertyNames;var lp=Object.getPrototypeOf,cp=Object.prototype.hasOwnProperty;var _s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var up=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ap(t))!cp.call(e,n)&&n!==o&&zs(e,n,{get:()=>t[n],enumerable:!(r=sp(t,n))||r.enumerable});return e};var pp=(e,t,o)=>(o=e!=null?ip(lp(e)):{},up(!e||!e.__esModule?zs(o,"default",{value:e,enumerable:true}):o,e));var Hs=_s(B=>{var Pn=Symbol.for("react.transitional.element"),Cn=Symbol.for("react.portal"),Go=Symbol.for("react.fragment"),Wo=Symbol.for("react.strict_mode"),Uo=Symbol.for("react.profiler"),jo=Symbol.for("react.consumer"),$o=Symbol.for("react.context"),qo=Symbol.for("react.forward_ref"),Xo=Symbol.for("react.suspense"),Yo=Symbol.for("react.suspense_list"),Jo=Symbol.for("react.memo"),Qo=Symbol.for("react.lazy"),gp=Symbol.for("react.view_transition"),Sp=Symbol.for("react.client.reference");function ce(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Pn:switch(e=e.type,e){case Go:case Uo:case Wo:case Xo:case Yo:case gp:return e;default:switch(e=e&&e.$$typeof,e){case $o:case qo:case Qo:case Jo:return e;case jo:return e;default:return t}}case Cn:return t}}}B.ContextConsumer=jo;B.ContextProvider=$o;B.Element=Pn;B.ForwardRef=qo;B.Fragment=Go;B.Lazy=Qo;B.Memo=Jo;B.Portal=Cn;B.Profiler=Uo;B.StrictMode=Wo;B.Suspense=Xo;B.SuspenseList=Yo;B.isContextConsumer=function(e){return ce(e)===jo};B.isContextProvider=function(e){return ce(e)===$o};B.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Pn};B.isForwardRef=function(e){return ce(e)===qo};B.isFragment=function(e){return ce(e)===Go};B.isLazy=function(e){return ce(e)===Qo};B.isMemo=function(e){return ce(e)===Jo};B.isPortal=function(e){return ce(e)===Cn};B.isProfiler=function(e){return ce(e)===Uo};B.isStrictMode=function(e){return ce(e)===Wo};B.isSuspense=function(e){return ce(e)===Xo};B.isSuspenseList=function(e){return ce(e)===Yo};B.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===Go||e===Uo||e===Wo||e===Xo||e===Yo||typeof e=="object"&&e!==null&&(e.$$typeof===Qo||e.$$typeof===Jo||e.$$typeof===$o||e.$$typeof===jo||e.$$typeof===qo||e.$$typeof===Sp||e.getModuleId!==void 0)};B.typeOf=ce;});var Ks=_s((Yv,Vs)=>{Vs.exports=Hs();});var Xt=M.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:n="Save",negativeActionName:i="Cancel"})=>M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.DialogTitle,null,t),M__namespace.default.createElement(material.DialogContent,null,r),M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(material.Button,{onClick:o},i),M__namespace.default.createElement(material.Button,{onClick:e},n))));Xt.displayName="ActionPanel";var An=pp(Ks());function ht(e){if(typeof e!="object"||e===null)return  false;let t=Object.getPrototypeOf(e);return (t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(Symbol.toStringTag in e)&&!(Symbol.iterator in e)}function Gs(e){if(M__namespace.isValidElement(e)||(0, An.isValidElementType)(e)||!ht(e))return e;let t={};return Object.keys(e).forEach(o=>{t[o]=Gs(e[o]);}),t}function Ye(e,t,o={clone:true}){let r=o.clone?{...e}:e;return ht(e)&&ht(t)&&Object.keys(t).forEach(n=>{M__namespace.isValidElement(t[n])||(0, An.isValidElementType)(t[n])?r[n]=t[n]:ht(t[n])&&Object.prototype.hasOwnProperty.call(e,n)&&ht(e[n])?r[n]=Ye(e[n],t[n],o):o.clone?r[n]=ht(t[n])?Gs(t[n]):t[n]:r[n]=t[n];}),r}function Zo(e,...t){let o=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(r=>o.searchParams.append("args[]",r)),`Minified MUI error #${e}; visit ${o} for the full message.`}function Je(e){if(typeof e!="string")throw new Error(Zo(7));return e.charAt(0).toUpperCase()+e.slice(1)}var yp=M__namespace.createContext(null),er=yp;function gt(){return M__namespace.useContext(er)}var vp=typeof Symbol=="function"&&Symbol.for,Yt=vp?Symbol.for("mui.nested"):"__THEME_NESTED__";function wp(e,t){return typeof t=="function"?t(e):{...e,...t}}function xp(e){let{children:t,theme:o}=e,r=gt(),n=M__namespace.useMemo(()=>{let i=r===null?{...o}:wp(r,o);return i!=null&&(i[Yt]=r!==null),i},[o,r]);return jsxRuntime.jsx(er.Provider,{value:n,children:t})}var Jt=xp;var Pp=["checked","disabled","error","focused","focusVisible","required","expanded","selected"];function tr(e={}){let{disableGlobal:t=false,productionPrefix:o="jss",seed:r=""}=e,n=r===""?"":`${r}-`,i=0,s=()=>(i+=1,i);return (a,l)=>{let c=l.options.name;if(c&&c.startsWith("Mui")&&!l.options.link&&!t){if(Pp.includes(a.key))return `Mui-${a.key}`;let u=`${n}${c}-${a.key}`;return !l.options.theme[Yt]||r!==""?u:`${u}-${s()}`}return `${n}${o}${s()}`}}function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r]);}return e},N.apply(null,arguments)}var js=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Cp=(typeof window>"u"?"undefined":js(window))==="object"&&(typeof document>"u"?"undefined":js(document))==="object"&&document.nodeType===9,Qe=Cp;function Ze(e){"@babel/helpers - typeof";return Ze=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ze(e)}function $s(e,t){if(Ze(e)!="object"||!e)return e;var o=e[Symbol.toPrimitive];if(o!==void 0){var r=o.call(e,t);if(Ze(r)!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return (String)(e)}function qs(e){var t=$s(e,"string");return Ze(t)=="symbol"?t:t+""}function Xs(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||false,r.configurable=true,"value"in r&&(r.writable=true),Object.defineProperty(e,qs(r.key),r);}}function In(e,t,o){return t&&Xs(e.prototype,t),Object.defineProperty(e,"prototype",{writable:false}),e}function or(e,t){return or=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,r){return o.__proto__=r,o},or(e,t)}function kn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,or(e,t);}function Dn(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ys(e,t){if(e==null)return {};var o={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;o[r]=e[r];}return o}var Tp={}.constructor;function Bn(e){if(e==null||typeof e!="object")return e;if(Array.isArray(e))return e.map(Bn);if(e.constructor!==Tp)return e;var t={};for(var o in e)t[o]=Bn(e[o]);return t}function rr(e,t,o){e===void 0&&(e="unnamed");var r=o.jss,n=Bn(t),i=r.plugins.onCreateRule(e,n,o);return i||(e[0],null)}var Js=function(t,o){for(var r="",n=0;n<t.length&&t[n]!=="!important";n++)r&&(r+=o),r+=t[n];return r},De=function(t){if(!Array.isArray(t))return t;var o="";if(Array.isArray(t[0]))for(var r=0;r<t.length&&t[r]!=="!important";r++)o&&(o+=", "),o+=Js(t[r]," ");else o=Js(t,", ");return t[t.length-1]==="!important"&&(o+=" !important"),o};function St(e){return e&&e.format===false?{linebreak:"",space:""}:{linebreak:`
-`,space:" "}}function Qt(e,t){for(var o="",r=0;r<t;r++)o+="  ";return o+e}function eo(e,t,o){o===void 0&&(o={});var r="";if(!t)return r;var n=o,i=n.indent,s=i===void 0?0:i,a=t.fallbacks;o.format===false&&(s=-1/0);var l=St(o),c=l.linebreak,p=l.space;if(e&&s++,a)if(Array.isArray(a))for(var u=0;u<a.length;u++){var f=a[u];for(var d in f){var m=f[d];m!=null&&(r&&(r+=c),r+=Qt(d+":"+p+De(m)+";",s));}}else for(var h in a){var S=a[h];S!=null&&(r&&(r+=c),r+=Qt(h+":"+p+De(S)+";",s));}for(var b in t){var w=t[b];w!=null&&b!=="fallbacks"&&(r&&(r+=c),r+=Qt(b+":"+p+De(w)+";",s));}return !r&&!o.allowEmpty||!e?r:(s--,r&&(r=""+c+r+c),Qt(""+e+p+"{"+r,s)+Qt("}",s))}var Ap=/([[\].#*$><+~=|^:(),"'`\s])/g,Qs=typeof CSS<"u"&&CSS.escape,Rn=(function(e){return Qs?Qs(e):e.replace(Ap,"\\$1")}),sa=(function(){function e(o,r,n){this.type="style",this.isProcessed=false;var i=n.sheet,s=n.Renderer;this.key=o,this.options=n,this.style=r,i?this.renderer=i.renderer:s&&(this.renderer=new s);}var t=e.prototype;return t.prop=function(r,n,i){if(n===void 0)return this.style[r];var s=i?i.force:false;if(!s&&this.style[r]===n)return this;var a=n;(!i||i.process!==false)&&(a=this.options.jss.plugins.onChangeValue(n,r,this));var l=a==null||a===false,c=r in this.style;if(l&&!c&&!s)return this;var p=l&&c;if(p?delete this.style[r]:this.style[r]=a,this.renderable&&this.renderer)return p?this.renderer.removeProperty(this.renderable,r):this.renderer.setProperty(this.renderable,r,a),this;var u=this.options.sheet;return u&&u.attached,this},e})(),Ln=(function(e){kn(t,e);function t(r,n,i){var s;s=e.call(this,r,n,i)||this;var a=i.selector,l=i.scoped,c=i.sheet,p=i.generateId;return a?s.selectorText=a:l!==false&&(s.id=p(Dn(Dn(s)),c),s.selectorText="."+Rn(s.id)),s}var o=t.prototype;return o.applyTo=function(n){var i=this.renderer;if(i){var s=this.toJSON();for(var a in s)i.setProperty(n,a,s[a]);}return this},o.toJSON=function(){var n={};for(var i in this.style){var s=this.style[i];typeof s!="object"?n[i]=s:Array.isArray(s)&&(n[i]=De(s));}return n},o.toString=function(n){var i=this.options.sheet,s=i?i.options.link:false,a=s?N({},n,{allowEmpty:true}):n;return eo(this.selectorText,this.style,a)},In(t,[{key:"selector",set:function(n){if(n!==this.selectorText){this.selectorText=n;var i=this.renderer,s=this.renderable;if(!(!s||!i)){var a=i.setSelector(s,n);a||i.replaceRule(s,this);}}},get:function(){return this.selectorText}}]),t})(sa),Mp={onCreateRule:function(t,o,r){return t[0]==="@"||r.parent&&r.parent.type==="keyframes"?null:new Ln(t,o,r)}},En={indent:1,children:true},Ip=/@([\w-]+)/,kp=(function(){function e(o,r,n){this.type="conditional",this.isProcessed=false,this.key=o;var i=o.match(Ip);this.at=i?i[1]:"unknown",this.query=n.name||"@"+this.at,this.options=n,this.rules=new to(N({},n,{parent:this}));for(var s in r)this.rules.add(s,r[s]);this.rules.process();}var t=e.prototype;return t.getRule=function(r){return this.rules.get(r)},t.indexOf=function(r){return this.rules.indexOf(r)},t.addRule=function(r,n,i){var s=this.rules.add(r,n,i);return s?(this.options.jss.plugins.onProcessRule(s),s):null},t.replaceRule=function(r,n,i){var s=this.rules.replace(r,n,i);return s&&this.options.jss.plugins.onProcessRule(s),s},t.toString=function(r){r===void 0&&(r=En);var n=St(r),i=n.linebreak;if(r.indent==null&&(r.indent=En.indent),r.children==null&&(r.children=En.children),r.children===false)return this.query+" {}";var s=this.rules.toString(r);return s?this.query+" {"+i+s+i+"}":""},e})(),Dp=/@container|@media|@supports\s+/,Ep={onCreateRule:function(t,o,r){return Dp.test(t)?new kp(t,o,r):null}},On={indent:1,children:true},Op=/@keyframes\s+([\w-]+)/,Nn=(function(){function e(o,r,n){this.type="keyframes",this.at="@keyframes",this.isProcessed=false;var i=o.match(Op);i&&i[1]?this.name=i[1]:this.name="noname",this.key=this.type+"-"+this.name,this.options=n;var s=n.scoped,a=n.sheet,l=n.generateId;this.id=s===false?this.name:Rn(l(this,a)),this.rules=new to(N({},n,{parent:this}));for(var c in r)this.rules.add(c,r[c],N({},n,{parent:this}));this.rules.process();}var t=e.prototype;return t.toString=function(r){r===void 0&&(r=On);var n=St(r),i=n.linebreak;if(r.indent==null&&(r.indent=On.indent),r.children==null&&(r.children=On.children),r.children===false)return this.at+" "+this.id+" {}";var s=this.rules.toString(r);return s&&(s=""+i+s+i),this.at+" "+this.id+" {"+s+"}"},e})(),Bp=/@keyframes\s+/,Lp=/\$([\w-]+)/g,Fn=function(t,o){return typeof t=="string"?t.replace(Lp,function(r,n){return n in o?o[n]:r}):t},Zs=function(t,o,r){var n=t[o],i=Fn(n,r);i!==n&&(t[o]=i);},Np={onCreateRule:function(t,o,r){return typeof t=="string"&&Bp.test(t)?new Nn(t,o,r):null},onProcessStyle:function(t,o,r){return o.type!=="style"||!r||("animation-name"in t&&Zs(t,"animation-name",r.keyframes),"animation"in t&&Zs(t,"animation",r.keyframes)),t},onChangeValue:function(t,o,r){var n=r.options.sheet;if(!n)return t;switch(o){case "animation":return Fn(t,n.keyframes);case "animation-name":return Fn(t,n.keyframes);default:return t}}},Fp=(function(e){kn(t,e);function t(){return e.apply(this,arguments)||this}var o=t.prototype;return o.toString=function(n){var i=this.options.sheet,s=i?i.options.link:false,a=s?N({},n,{allowEmpty:true}):n;return eo(this.key,this.style,a)},t})(sa),zp={onCreateRule:function(t,o,r){return r.parent&&r.parent.type==="keyframes"?new Fp(t,o,r):null}},_p=(function(){function e(o,r,n){this.type="font-face",this.at="@font-face",this.isProcessed=false,this.key=o,this.style=r,this.options=n;}var t=e.prototype;return t.toString=function(r){var n=St(r),i=n.linebreak;if(Array.isArray(this.style)){for(var s="",a=0;a<this.style.length;a++)s+=eo(this.at,this.style[a]),this.style[a+1]&&(s+=i);return s}return eo(this.at,this.style,r)},e})(),Rp=/@font-face/,Hp={onCreateRule:function(t,o,r){return Rp.test(t)?new _p(t,o,r):null}},Vp=(function(){function e(o,r,n){this.type="viewport",this.at="@viewport",this.isProcessed=false,this.key=o,this.style=r,this.options=n;}var t=e.prototype;return t.toString=function(r){return eo(this.key,this.style,r)},e})(),Kp={onCreateRule:function(t,o,r){return t==="@viewport"||t==="@-ms-viewport"?new Vp(t,o,r):null}},Gp=(function(){function e(o,r,n){this.type="simple",this.isProcessed=false,this.key=o,this.value=r,this.options=n;}var t=e.prototype;return t.toString=function(r){if(Array.isArray(this.value)){for(var n="",i=0;i<this.value.length;i++)n+=this.key+" "+this.value[i]+";",this.value[i+1]&&(n+=`
-`);return n}return this.key+" "+this.value+";"},e})(),Wp={"@charset":true,"@import":true,"@namespace":true},Up={onCreateRule:function(t,o,r){return t in Wp?new Gp(t,o,r):null}},ea=[Mp,Ep,Np,zp,Hp,Kp,Up],jp={process:true},ta={force:true,process:true},to=(function(){function e(o){this.map={},this.raw={},this.index=[],this.counter=0,this.options=o,this.classes=o.classes,this.keyframes=o.keyframes;}var t=e.prototype;return t.add=function(r,n,i){var s=this.options,a=s.parent,l=s.sheet,c=s.jss,p=s.Renderer,u=s.generateId,f=s.scoped,d=N({classes:this.classes,parent:a,sheet:l,jss:c,Renderer:p,generateId:u,scoped:f,name:r,keyframes:this.keyframes,selector:void 0},i),m=r;r in this.raw&&(m=r+"-d"+this.counter++),this.raw[m]=n,m in this.classes&&(d.selector="."+Rn(this.classes[m]));var h=rr(m,n,d);if(!h)return null;this.register(h);var S=d.index===void 0?this.index.length:d.index;return this.index.splice(S,0,h),h},t.replace=function(r,n,i){var s=this.get(r),a=this.index.indexOf(s);s&&this.remove(s);var l=i;return a!==-1&&(l=N({},i,{index:a})),this.add(r,n,l)},t.get=function(r){return this.map[r]},t.remove=function(r){this.unregister(r),delete this.raw[r.key],this.index.splice(this.index.indexOf(r),1);},t.indexOf=function(r){return this.index.indexOf(r)},t.process=function(){var r=this.options.jss.plugins;this.index.slice(0).forEach(r.onProcessRule,r);},t.register=function(r){this.map[r.key]=r,r instanceof Ln?(this.map[r.selector]=r,r.id&&(this.classes[r.key]=r.id)):r instanceof Nn&&this.keyframes&&(this.keyframes[r.name]=r.id);},t.unregister=function(r){delete this.map[r.key],r instanceof Ln?(delete this.map[r.selector],delete this.classes[r.key]):r instanceof Nn&&delete this.keyframes[r.name];},t.update=function(){var r,n,i;if(typeof(arguments.length<=0?void 0:arguments[0])=="string"?(r=arguments.length<=0?void 0:arguments[0],n=arguments.length<=1?void 0:arguments[1],i=arguments.length<=2?void 0:arguments[2]):(n=arguments.length<=0?void 0:arguments[0],i=arguments.length<=1?void 0:arguments[1],r=null),r)this.updateOne(this.get(r),n,i);else for(var s=0;s<this.index.length;s++)this.updateOne(this.index[s],n,i);},t.updateOne=function(r,n,i){i===void 0&&(i=jp);var s=this.options,a=s.jss.plugins,l=s.sheet;if(r.rules instanceof e){r.rules.update(n,i);return}var c=r.style;if(a.onUpdate(n,r,l,i),i.process&&c&&c!==r.style){a.onProcessStyle(r.style,r,l);for(var p in r.style){var u=r.style[p],f=c[p];u!==f&&r.prop(p,u,ta);}for(var d in c){var m=r.style[d],h=c[d];m==null&&m!==h&&r.prop(d,null,ta);}}},t.toString=function(r){for(var n="",i=this.options.sheet,s=i?i.options.link:false,a=St(r),l=a.linebreak,c=0;c<this.index.length;c++){var p=this.index[c],u=p.toString(r);!u&&!s||(n&&(n+=l),n+=u);}return n},e})(),aa=(function(){function e(o,r){this.attached=false,this.deployed=false,this.classes={},this.keyframes={},this.options=N({},r,{sheet:this,parent:this,classes:this.classes,keyframes:this.keyframes}),r.Renderer&&(this.renderer=new r.Renderer(this)),this.rules=new to(this.options);for(var n in o)this.rules.add(n,o[n]);this.rules.process();}var t=e.prototype;return t.attach=function(){return this.attached?this:(this.renderer&&this.renderer.attach(),this.attached=true,this.deployed||this.deploy(),this)},t.detach=function(){return this.attached?(this.renderer&&this.renderer.detach(),this.attached=false,this):this},t.addRule=function(r,n,i){var s=this.queue;this.attached&&!s&&(this.queue=[]);var a=this.rules.add(r,n,i);return a?(this.options.jss.plugins.onProcessRule(a),this.attached?(this.deployed&&(s?s.push(a):(this.insertRule(a),this.queue&&(this.queue.forEach(this.insertRule,this),this.queue=void 0))),a):(this.deployed=false,a)):null},t.replaceRule=function(r,n,i){var s=this.rules.get(r);if(!s)return this.addRule(r,n,i);var a=this.rules.replace(r,n,i);return a&&this.options.jss.plugins.onProcessRule(a),this.attached?(this.deployed&&this.renderer&&(a?s.renderable&&this.renderer.replaceRule(s.renderable,a):this.renderer.deleteRule(s)),a):(this.deployed=false,a)},t.insertRule=function(r){this.renderer&&this.renderer.insertRule(r);},t.addRules=function(r,n){var i=[];for(var s in r){var a=this.addRule(s,r[s],n);a&&i.push(a);}return i},t.getRule=function(r){return this.rules.get(r)},t.deleteRule=function(r){var n=typeof r=="object"?r:this.rules.get(r);return !n||this.attached&&!n.renderable?false:(this.rules.remove(n),this.attached&&n.renderable&&this.renderer?this.renderer.deleteRule(n.renderable):true)},t.indexOf=function(r){return this.rules.indexOf(r)},t.deploy=function(){return this.renderer&&this.renderer.deploy(),this.deployed=true,this},t.update=function(){var r;return (r=this.rules).update.apply(r,arguments),this},t.updateOne=function(r,n,i){return this.rules.updateOne(r,n,i),this},t.toString=function(r){return this.rules.toString(r)},e})(),$p=(function(){function e(){this.plugins={internal:[],external:[]},this.registry={};}var t=e.prototype;return t.onCreateRule=function(r,n,i){for(var s=0;s<this.registry.onCreateRule.length;s++){var a=this.registry.onCreateRule[s](r,n,i);if(a)return a}return null},t.onProcessRule=function(r){if(!r.isProcessed){for(var n=r.options.sheet,i=0;i<this.registry.onProcessRule.length;i++)this.registry.onProcessRule[i](r,n);r.style&&this.onProcessStyle(r.style,r,n),r.isProcessed=true;}},t.onProcessStyle=function(r,n,i){for(var s=0;s<this.registry.onProcessStyle.length;s++)n.style=this.registry.onProcessStyle[s](n.style,n,i);},t.onProcessSheet=function(r){for(var n=0;n<this.registry.onProcessSheet.length;n++)this.registry.onProcessSheet[n](r);},t.onUpdate=function(r,n,i,s){for(var a=0;a<this.registry.onUpdate.length;a++)this.registry.onUpdate[a](r,n,i,s);},t.onChangeValue=function(r,n,i){for(var s=r,a=0;a<this.registry.onChangeValue.length;a++)s=this.registry.onChangeValue[a](s,n,i);return s},t.use=function(r,n){n===void 0&&(n={queue:"external"});var i=this.plugins[n.queue];i.indexOf(r)===-1&&(i.push(r),this.registry=[].concat(this.plugins.external,this.plugins.internal).reduce(function(s,a){for(var l in a)l in s&&s[l].push(a[l]);return s},{onCreateRule:[],onProcessRule:[],onProcessStyle:[],onProcessSheet:[],onChangeValue:[],onUpdate:[]}));},e})(),qp=(function(){function e(){this.registry=[];}var t=e.prototype;return t.add=function(r){var n=this.registry,i=r.options.index;if(n.indexOf(r)===-1){if(n.length===0||i>=this.index){n.push(r);return}for(var s=0;s<n.length;s++)if(n[s].options.index>i){n.splice(s,0,r);return}}},t.reset=function(){this.registry=[];},t.remove=function(r){var n=this.registry.indexOf(r);this.registry.splice(n,1);},t.toString=function(r){for(var n=r===void 0?{}:r,i=n.attached,s=Ys(n,["attached"]),a=St(s),l=a.linebreak,c="",p=0;p<this.registry.length;p++){var u=this.registry[p];i!=null&&u.attached!==i||(c&&(c+=l),c+=u.toString(s));}return c},In(e,[{key:"index",get:function(){return this.registry.length===0?0:this.registry[this.registry.length-1].options.index}}]),e})(),Zt=new qp,zn=typeof globalThis<"u"?globalThis:typeof window<"u"&&window.Math===Math?window:typeof self<"u"&&self.Math===Math?self:Function("return this")(),_n="2f1acc6c3a606b082e5eef5e54414ffb";zn[_n]==null&&(zn[_n]=0);var oa=zn[_n]++,ra=function(t){t===void 0&&(t={});var o=0,r=function(i,s){o+=1;var a="",l="";return s&&(s.options.classNamePrefix&&(l=s.options.classNamePrefix),s.options.jss.id!=null&&(a=String(s.options.jss.id))),t.minify?""+(l||"c")+oa+a+o:l+i.key+"-"+oa+(a?"-"+a:"")+"-"+o};return r},la=function(t){var o;return function(){return o||(o=t()),o}},Yp=function(t,o){try{return t.attributeStyleMap?t.attributeStyleMap.get(o):t.style.getPropertyValue(o)}catch{return ""}},Jp=function(t,o,r){try{var n=r;if(Array.isArray(r)&&(n=De(r)),t.attributeStyleMap)t.attributeStyleMap.set(o,n);else {var i=n?n.indexOf("!important"):-1,s=i>-1?n.substr(0,i-1):n;t.style.setProperty(o,s,i>-1?"important":"");}}catch{return  false}return  true},Qp=function(t,o){try{t.attributeStyleMap?t.attributeStyleMap.delete(o):t.style.removeProperty(o);}catch{}},Zp=function(t,o){return t.selectorText=o,t.selectorText===o},ca=la(function(){return document.querySelector("head")});function ef(e,t){for(var o=0;o<e.length;o++){var r=e[o];if(r.attached&&r.options.index>t.index&&r.options.insertionPoint===t.insertionPoint)return r}return null}function tf(e,t){for(var o=e.length-1;o>=0;o--){var r=e[o];if(r.attached&&r.options.insertionPoint===t.insertionPoint)return r}return null}function of(e){for(var t=ca(),o=0;o<t.childNodes.length;o++){var r=t.childNodes[o];if(r.nodeType===8&&r.nodeValue.trim()===e)return r}return null}function rf(e){var t=Zt.registry;if(t.length>0){var o=ef(t,e);if(o&&o.renderer)return {parent:o.renderer.element.parentNode,node:o.renderer.element};if(o=tf(t,e),o&&o.renderer)return {parent:o.renderer.element.parentNode,node:o.renderer.element.nextSibling}}var r=e.insertionPoint;if(r&&typeof r=="string"){var n=of(r);if(n)return {parent:n.parentNode,node:n.nextSibling}}return  false}function nf(e,t){var o=t.insertionPoint,r=rf(t);if(r!==false&&r.parent){r.parent.insertBefore(e,r.node);return}if(o&&typeof o.nodeType=="number"){var n=o,i=n.parentNode;i&&i.insertBefore(e,n.nextSibling);return}ca().appendChild(e);}var sf=la(function(){var e=document.querySelector('meta[property="csp-nonce"]');return e?e.getAttribute("content"):null}),na=function(t,o,r){try{"insertRule"in t?t.insertRule(o,r):"appendRule"in t&&t.appendRule(o);}catch{return  false}return t.cssRules[r]},ia=function(t,o){var r=t.cssRules.length;return o===void 0||o>r?r:o},af=function(){var t=document.createElement("style");return t.textContent=`
-`,t},lf=(function(){function e(o){this.getPropertyValue=Yp,this.setProperty=Jp,this.removeProperty=Qp,this.setSelector=Zp,this.hasInsertedRules=false,this.cssRules=[],o&&Zt.add(o),this.sheet=o;var r=this.sheet?this.sheet.options:{},n=r.media,i=r.meta,s=r.element;this.element=s||af(),this.element.setAttribute("data-jss",""),n&&this.element.setAttribute("media",n),i&&this.element.setAttribute("data-meta",i);var a=sf();a&&this.element.setAttribute("nonce",a);}var t=e.prototype;return t.attach=function(){if(!(this.element.parentNode||!this.sheet)){nf(this.element,this.sheet.options);var r=!!(this.sheet&&this.sheet.deployed);this.hasInsertedRules&&r&&(this.hasInsertedRules=false,this.deploy());}},t.detach=function(){if(this.sheet){var r=this.element.parentNode;r&&r.removeChild(this.element),this.sheet.options.link&&(this.cssRules=[],this.element.textContent=`
+'use strict';var components=require('@storybook/components'),managerApi=require('@storybook/manager-api'),M=require('react'),material=require('@mui/material'),jsxRuntime=require('react/jsx-runtime'),wf=require('@mui/icons-material/Close'),oi=require('@ebay/nice-modal-react');require('@storybook/core/router');var qa=require('normalize-url'),gn=require('object-path-immutable'),dom=require('@pixpilot/dom'),icons=require('@storybook/icons'),hash=require('@pixpilot/hash'),sonner=require('sonner'),rm=require('tinycolor2'),styles=require('@mui/material/styles'),client=require('@trpc/client'),reactQuery=require('@trpc/react-query'),Pr=require('clsx'),Sm=require('@mui/icons-material/DragIndicatorSharp'),reactMapInteraction=require('react-map-interaction'),nanoid=require('nanoid'),zustand=require('zustand'),middleware=require('zustand/middleware'),xl=require('array-move'),Xm=require('fast-deep-equal'),sortable=require('@dnd-kit/sortable'),utilities=require('@dnd-kit/utilities'),M0=require('@mui/icons-material/CheckCircle'),I0=require('@mui/icons-material/Error'),coreEvents=require('@storybook/core-events'),object=require('@pixpilot/object'),uc=require('react-json-view'),v0=require('hash-sum'),core=require('@dnd-kit/core'),kS=require('@mui/material/Dialog'),vg=require('@mui/icons-material/FullscreenSharp'),bg=require('@mui/icons-material/RefreshOutlined'),wg=require('@mui/icons-material/SaveAltOutlined'),mg=require('@mui/icons-material/Settings'),fS=require('@mui/icons-material/CloseOutlined'),mS=require('@mui/icons-material/NearMe'),hS=require('@mui/icons-material/RefreshSharp'),Rg=require('react-selecto'),Qg=require('@mui/icons-material/AspectRatio'),oS=require('@mui/icons-material/FitScreen'),sS=require('@mui/icons-material/RotateLeft'),cS=require('@mui/icons-material/Camera'),reactUse=require('react-use'),reactSplitPane=require('react-split-pane'),selectorPath=require('@dom-utils/selector-path'),reactQuery$1=require('@tanstack/react-query'),reinspect=require('reinspect'),a1=require('lodash/startCase'),Uy=require('@mui/icons-material/CheckCircleOutlineRounded'),jy=require('@mui/icons-material/HelpOutlineSharp'),$y=require('@mui/icons-material/RadioButtonUncheckedRounded'),t1=require('@mui/icons-material/FilterCenterFocusSharp'),o1=require('@mui/icons-material/FilterTiltShift'),x1=require('@mui/material/Accordion'),P1=require('@mui/material/AccordionSummary');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var M__namespace=/*#__PURE__*/_interopNamespace(M);var wf__default=/*#__PURE__*/_interopDefault(wf);var oi__default=/*#__PURE__*/_interopDefault(oi);var qa__default=/*#__PURE__*/_interopDefault(qa);var gn__namespace=/*#__PURE__*/_interopNamespace(gn);var rm__default=/*#__PURE__*/_interopDefault(rm);var Pr__default=/*#__PURE__*/_interopDefault(Pr);var Sm__default=/*#__PURE__*/_interopDefault(Sm);var xl__default=/*#__PURE__*/_interopDefault(xl);var Xm__default=/*#__PURE__*/_interopDefault(Xm);var M0__default=/*#__PURE__*/_interopDefault(M0);var I0__default=/*#__PURE__*/_interopDefault(I0);var uc__default=/*#__PURE__*/_interopDefault(uc);var v0__default=/*#__PURE__*/_interopDefault(v0);var kS__default=/*#__PURE__*/_interopDefault(kS);var vg__default=/*#__PURE__*/_interopDefault(vg);var bg__default=/*#__PURE__*/_interopDefault(bg);var wg__default=/*#__PURE__*/_interopDefault(wg);var mg__default=/*#__PURE__*/_interopDefault(mg);var fS__default=/*#__PURE__*/_interopDefault(fS);var mS__default=/*#__PURE__*/_interopDefault(mS);var hS__default=/*#__PURE__*/_interopDefault(hS);var Rg__default=/*#__PURE__*/_interopDefault(Rg);var Qg__default=/*#__PURE__*/_interopDefault(Qg);var oS__default=/*#__PURE__*/_interopDefault(oS);var sS__default=/*#__PURE__*/_interopDefault(sS);var cS__default=/*#__PURE__*/_interopDefault(cS);var a1__default=/*#__PURE__*/_interopDefault(a1);var Uy__default=/*#__PURE__*/_interopDefault(Uy);var jy__default=/*#__PURE__*/_interopDefault(jy);var $y__default=/*#__PURE__*/_interopDefault($y);var t1__default=/*#__PURE__*/_interopDefault(t1);var o1__default=/*#__PURE__*/_interopDefault(o1);var x1__default=/*#__PURE__*/_interopDefault(x1);var P1__default=/*#__PURE__*/_interopDefault(P1);var au=Object.create;var Rs=Object.defineProperty;var lu=Object.getOwnPropertyDescriptor;var cu=Object.getOwnPropertyNames;var pu=Object.getPrototypeOf,uu=Object.prototype.hasOwnProperty;var Hs=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var du=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of cu(t))!uu.call(e,n)&&n!==o&&Rs(e,n,{get:()=>t[n],enumerable:!(r=lu(t,n))||r.enumerable});return e};var fu=(e,t,o)=>(o=e!=null?au(pu(e)):{},du(!e||!e.__esModule?Rs(o,"default",{value:e,enumerable:true}):o,e));var Ks=Hs(B=>{var Pn=Symbol.for("react.transitional.element"),Tn=Symbol.for("react.portal"),Wo=Symbol.for("react.fragment"),Go=Symbol.for("react.strict_mode"),Uo=Symbol.for("react.profiler"),jo=Symbol.for("react.consumer"),$o=Symbol.for("react.context"),qo=Symbol.for("react.forward_ref"),Xo=Symbol.for("react.suspense"),Yo=Symbol.for("react.suspense_list"),Jo=Symbol.for("react.memo"),Qo=Symbol.for("react.lazy"),yu=Symbol.for("react.view_transition"),vu=Symbol.for("react.client.reference");function ce(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Pn:switch(e=e.type,e){case Wo:case Uo:case Go:case Xo:case Yo:case yu:return e;default:switch(e=e&&e.$$typeof,e){case $o:case qo:case Qo:case Jo:return e;case jo:return e;default:return t}}case Tn:return t}}}B.ContextConsumer=jo;B.ContextProvider=$o;B.Element=Pn;B.ForwardRef=qo;B.Fragment=Wo;B.Lazy=Qo;B.Memo=Jo;B.Portal=Tn;B.Profiler=Uo;B.StrictMode=Go;B.Suspense=Xo;B.SuspenseList=Yo;B.isContextConsumer=function(e){return ce(e)===jo};B.isContextProvider=function(e){return ce(e)===$o};B.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Pn};B.isForwardRef=function(e){return ce(e)===qo};B.isFragment=function(e){return ce(e)===Wo};B.isLazy=function(e){return ce(e)===Qo};B.isMemo=function(e){return ce(e)===Jo};B.isPortal=function(e){return ce(e)===Tn};B.isProfiler=function(e){return ce(e)===Uo};B.isStrictMode=function(e){return ce(e)===Go};B.isSuspense=function(e){return ce(e)===Xo};B.isSuspenseList=function(e){return ce(e)===Yo};B.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===Wo||e===Uo||e===Go||e===Xo||e===Yo||typeof e=="object"&&e!==null&&(e.$$typeof===Qo||e.$$typeof===Jo||e.$$typeof===$o||e.$$typeof===jo||e.$$typeof===qo||e.$$typeof===vu||e.getModuleId!==void 0)};B.typeOf=ce;});var Gs=Hs((nb,Ws)=>{Ws.exports=Ks();});var Yt=M.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:n="Save",negativeActionName:i="Cancel"})=>M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.DialogTitle,null,t),M__namespace.default.createElement(material.DialogContent,null,r),M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(material.Button,{onClick:o},i),M__namespace.default.createElement(material.Button,{onClick:e},n))));Yt.displayName="ActionPanel";var An=fu(Gs());function gt(e){if(typeof e!="object"||e===null)return  false;let t=Object.getPrototypeOf(e);return (t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(Symbol.toStringTag in e)&&!(Symbol.iterator in e)}function Us(e){if(M__namespace.isValidElement(e)||(0, An.isValidElementType)(e)||!gt(e))return e;let t={};return Object.keys(e).forEach(o=>{t[o]=Us(e[o]);}),t}function Ye(e,t,o={clone:true}){let r=o.clone?{...e}:e;return gt(e)&&gt(t)&&Object.keys(t).forEach(n=>{M__namespace.isValidElement(t[n])||(0, An.isValidElementType)(t[n])?r[n]=t[n]:gt(t[n])&&Object.prototype.hasOwnProperty.call(e,n)&&gt(e[n])?r[n]=Ye(e[n],t[n],o):o.clone?r[n]=gt(t[n])?Us(t[n]):t[n]:r[n]=t[n];}),r}function Zo(e,...t){let o=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(r=>o.searchParams.append("args[]",r)),`Minified MUI error #${e}; visit ${o} for the full message.`}function Je(e){if(typeof e!="string")throw new Error(Zo(7));return e.charAt(0).toUpperCase()+e.slice(1)}var bu=M__namespace.createContext(null),er=bu;function St(){return M__namespace.useContext(er)}var wu=typeof Symbol=="function"&&Symbol.for,Jt=wu?Symbol.for("mui.nested"):"__THEME_NESTED__";function Pu(e,t){return typeof t=="function"?t(e):{...e,...t}}function Tu(e){let{children:t,theme:o}=e,r=St(),n=M__namespace.useMemo(()=>{let i=r===null?{...o}:Pu(r,o);return i!=null&&(i[Jt]=r!==null),i},[o,r]);return jsxRuntime.jsx(er.Provider,{value:n,children:t})}var Qt=Tu;var Cu=["checked","disabled","error","focused","focusVisible","required","expanded","selected"];function tr(e={}){let{disableGlobal:t=false,productionPrefix:o="jss",seed:r=""}=e,n=r===""?"":`${r}-`,i=0,s=()=>(i+=1,i);return (a,l)=>{let c=l.options.name;if(c&&c.startsWith("Mui")&&!l.options.link&&!t){if(Cu.includes(a.key))return `Mui-${a.key}`;let p=`${n}${c}-${a.key}`;return !l.options.theme[Jt]||r!==""?p:`${p}-${s()}`}return `${n}${o}${s()}`}}function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r]);}return e},N.apply(null,arguments)}var qs=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Au=(typeof window>"u"?"undefined":qs(window))==="object"&&(typeof document>"u"?"undefined":qs(document))==="object"&&document.nodeType===9,Qe=Au;function Ze(e){"@babel/helpers - typeof";return Ze=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ze(e)}function Xs(e,t){if(Ze(e)!="object"||!e)return e;var o=e[Symbol.toPrimitive];if(o!==void 0){var r=o.call(e,t);if(Ze(r)!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return (String)(e)}function Ys(e){var t=Xs(e,"string");return Ze(t)=="symbol"?t:t+""}function Js(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||false,r.configurable=true,"value"in r&&(r.writable=true),Object.defineProperty(e,Ys(r.key),r);}}function In(e,t,o){return t&&Js(e.prototype,t),Object.defineProperty(e,"prototype",{writable:false}),e}function or(e,t){return or=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,r){return o.__proto__=r,o},or(e,t)}function kn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,or(e,t);}function Dn(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Qs(e,t){if(e==null)return {};var o={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;o[r]=e[r];}return o}var Mu={}.constructor;function Bn(e){if(e==null||typeof e!="object")return e;if(Array.isArray(e))return e.map(Bn);if(e.constructor!==Mu)return e;var t={};for(var o in e)t[o]=Bn(e[o]);return t}function rr(e,t,o){e===void 0&&(e="unnamed");var r=o.jss,n=Bn(t),i=r.plugins.onCreateRule(e,n,o);return i||(e[0],null)}var Zs=function(t,o){for(var r="",n=0;n<t.length&&t[n]!=="!important";n++)r&&(r+=o),r+=t[n];return r},Ee=function(t){if(!Array.isArray(t))return t;var o="";if(Array.isArray(t[0]))for(var r=0;r<t.length&&t[r]!=="!important";r++)o&&(o+=", "),o+=Zs(t[r]," ");else o=Zs(t,", ");return t[t.length-1]==="!important"&&(o+=" !important"),o};function yt(e){return e&&e.format===false?{linebreak:"",space:""}:{linebreak:`
+`,space:" "}}function Zt(e,t){for(var o="",r=0;r<t;r++)o+="  ";return o+e}function to(e,t,o){o===void 0&&(o={});var r="";if(!t)return r;var n=o,i=n.indent,s=i===void 0?0:i,a=t.fallbacks;o.format===false&&(s=-1/0);var l=yt(o),c=l.linebreak,u=l.space;if(e&&s++,a)if(Array.isArray(a))for(var p=0;p<a.length;p++){var d=a[p];for(var f in d){var m=d[f];m!=null&&(r&&(r+=c),r+=Zt(f+":"+u+Ee(m)+";",s));}}else for(var h in a){var S=a[h];S!=null&&(r&&(r+=c),r+=Zt(h+":"+u+Ee(S)+";",s));}for(var b in t){var w=t[b];w!=null&&b!=="fallbacks"&&(r&&(r+=c),r+=Zt(b+":"+u+Ee(w)+";",s));}return !r&&!o.allowEmpty||!e?r:(s--,r&&(r=""+c+r+c),Zt(""+e+u+"{"+r,s)+Zt("}",s))}var Iu=/([[\].#*$><+~=|^:(),"'`\s])/g,ea=typeof CSS<"u"&&CSS.escape,Rn=(function(e){return ea?ea(e):e.replace(Iu,"\\$1")}),la=(function(){function e(o,r,n){this.type="style",this.isProcessed=false;var i=n.sheet,s=n.Renderer;this.key=o,this.options=n,this.style=r,i?this.renderer=i.renderer:s&&(this.renderer=new s);}var t=e.prototype;return t.prop=function(r,n,i){if(n===void 0)return this.style[r];var s=i?i.force:false;if(!s&&this.style[r]===n)return this;var a=n;(!i||i.process!==false)&&(a=this.options.jss.plugins.onChangeValue(n,r,this));var l=a==null||a===false,c=r in this.style;if(l&&!c&&!s)return this;var u=l&&c;if(u?delete this.style[r]:this.style[r]=a,this.renderable&&this.renderer)return u?this.renderer.removeProperty(this.renderable,r):this.renderer.setProperty(this.renderable,r,a),this;var p=this.options.sheet;return p&&p.attached,this},e})(),Ln=(function(e){kn(t,e);function t(r,n,i){var s;s=e.call(this,r,n,i)||this;var a=i.selector,l=i.scoped,c=i.sheet,u=i.generateId;return a?s.selectorText=a:l!==false&&(s.id=u(Dn(Dn(s)),c),s.selectorText="."+Rn(s.id)),s}var o=t.prototype;return o.applyTo=function(n){var i=this.renderer;if(i){var s=this.toJSON();for(var a in s)i.setProperty(n,a,s[a]);}return this},o.toJSON=function(){var n={};for(var i in this.style){var s=this.style[i];typeof s!="object"?n[i]=s:Array.isArray(s)&&(n[i]=Ee(s));}return n},o.toString=function(n){var i=this.options.sheet,s=i?i.options.link:false,a=s?N({},n,{allowEmpty:true}):n;return to(this.selectorText,this.style,a)},In(t,[{key:"selector",set:function(n){if(n!==this.selectorText){this.selectorText=n;var i=this.renderer,s=this.renderable;if(!(!s||!i)){var a=i.setSelector(s,n);a||i.replaceRule(s,this);}}},get:function(){return this.selectorText}}]),t})(la),ku={onCreateRule:function(t,o,r){return t[0]==="@"||r.parent&&r.parent.type==="keyframes"?null:new Ln(t,o,r)}},En={indent:1,children:true},Du=/@([\w-]+)/,Eu=(function(){function e(o,r,n){this.type="conditional",this.isProcessed=false,this.key=o;var i=o.match(Du);this.at=i?i[1]:"unknown",this.query=n.name||"@"+this.at,this.options=n,this.rules=new oo(N({},n,{parent:this}));for(var s in r)this.rules.add(s,r[s]);this.rules.process();}var t=e.prototype;return t.getRule=function(r){return this.rules.get(r)},t.indexOf=function(r){return this.rules.indexOf(r)},t.addRule=function(r,n,i){var s=this.rules.add(r,n,i);return s?(this.options.jss.plugins.onProcessRule(s),s):null},t.replaceRule=function(r,n,i){var s=this.rules.replace(r,n,i);return s&&this.options.jss.plugins.onProcessRule(s),s},t.toString=function(r){r===void 0&&(r=En);var n=yt(r),i=n.linebreak;if(r.indent==null&&(r.indent=En.indent),r.children==null&&(r.children=En.children),r.children===false)return this.query+" {}";var s=this.rules.toString(r);return s?this.query+" {"+i+s+i+"}":""},e})(),Ou=/@container|@media|@supports\s+/,Bu={onCreateRule:function(t,o,r){return Ou.test(t)?new Eu(t,o,r):null}},On={indent:1,children:true},Lu=/@keyframes\s+([\w-]+)/,Nn=(function(){function e(o,r,n){this.type="keyframes",this.at="@keyframes",this.isProcessed=false;var i=o.match(Lu);i&&i[1]?this.name=i[1]:this.name="noname",this.key=this.type+"-"+this.name,this.options=n;var s=n.scoped,a=n.sheet,l=n.generateId;this.id=s===false?this.name:Rn(l(this,a)),this.rules=new oo(N({},n,{parent:this}));for(var c in r)this.rules.add(c,r[c],N({},n,{parent:this}));this.rules.process();}var t=e.prototype;return t.toString=function(r){r===void 0&&(r=On);var n=yt(r),i=n.linebreak;if(r.indent==null&&(r.indent=On.indent),r.children==null&&(r.children=On.children),r.children===false)return this.at+" "+this.id+" {}";var s=this.rules.toString(r);return s&&(s=""+i+s+i),this.at+" "+this.id+" {"+s+"}"},e})(),Nu=/@keyframes\s+/,Fu=/\$([\w-]+)/g,Fn=function(t,o){return typeof t=="string"?t.replace(Fu,function(r,n){return n in o?o[n]:r}):t},ta=function(t,o,r){var n=t[o],i=Fn(n,r);i!==n&&(t[o]=i);},_u={onCreateRule:function(t,o,r){return typeof t=="string"&&Nu.test(t)?new Nn(t,o,r):null},onProcessStyle:function(t,o,r){return o.type!=="style"||!r||("animation-name"in t&&ta(t,"animation-name",r.keyframes),"animation"in t&&ta(t,"animation",r.keyframes)),t},onChangeValue:function(t,o,r){var n=r.options.sheet;if(!n)return t;switch(o){case "animation":return Fn(t,n.keyframes);case "animation-name":return Fn(t,n.keyframes);default:return t}}},zu=(function(e){kn(t,e);function t(){return e.apply(this,arguments)||this}var o=t.prototype;return o.toString=function(n){var i=this.options.sheet,s=i?i.options.link:false,a=s?N({},n,{allowEmpty:true}):n;return to(this.key,this.style,a)},t})(la),Ru={onCreateRule:function(t,o,r){return r.parent&&r.parent.type==="keyframes"?new zu(t,o,r):null}},Hu=(function(){function e(o,r,n){this.type="font-face",this.at="@font-face",this.isProcessed=false,this.key=o,this.style=r,this.options=n;}var t=e.prototype;return t.toString=function(r){var n=yt(r),i=n.linebreak;if(Array.isArray(this.style)){for(var s="",a=0;a<this.style.length;a++)s+=to(this.at,this.style[a]),this.style[a+1]&&(s+=i);return s}return to(this.at,this.style,r)},e})(),Vu=/@font-face/,Ku={onCreateRule:function(t,o,r){return Vu.test(t)?new Hu(t,o,r):null}},Wu=(function(){function e(o,r,n){this.type="viewport",this.at="@viewport",this.isProcessed=false,this.key=o,this.style=r,this.options=n;}var t=e.prototype;return t.toString=function(r){return to(this.key,this.style,r)},e})(),Gu={onCreateRule:function(t,o,r){return t==="@viewport"||t==="@-ms-viewport"?new Wu(t,o,r):null}},Uu=(function(){function e(o,r,n){this.type="simple",this.isProcessed=false,this.key=o,this.value=r,this.options=n;}var t=e.prototype;return t.toString=function(r){if(Array.isArray(this.value)){for(var n="",i=0;i<this.value.length;i++)n+=this.key+" "+this.value[i]+";",this.value[i+1]&&(n+=`
+`);return n}return this.key+" "+this.value+";"},e})(),ju={"@charset":true,"@import":true,"@namespace":true},$u={onCreateRule:function(t,o,r){return t in ju?new Uu(t,o,r):null}},oa=[ku,Bu,_u,Ru,Ku,Gu,$u],qu={process:true},ra={force:true,process:true},oo=(function(){function e(o){this.map={},this.raw={},this.index=[],this.counter=0,this.options=o,this.classes=o.classes,this.keyframes=o.keyframes;}var t=e.prototype;return t.add=function(r,n,i){var s=this.options,a=s.parent,l=s.sheet,c=s.jss,u=s.Renderer,p=s.generateId,d=s.scoped,f=N({classes:this.classes,parent:a,sheet:l,jss:c,Renderer:u,generateId:p,scoped:d,name:r,keyframes:this.keyframes,selector:void 0},i),m=r;r in this.raw&&(m=r+"-d"+this.counter++),this.raw[m]=n,m in this.classes&&(f.selector="."+Rn(this.classes[m]));var h=rr(m,n,f);if(!h)return null;this.register(h);var S=f.index===void 0?this.index.length:f.index;return this.index.splice(S,0,h),h},t.replace=function(r,n,i){var s=this.get(r),a=this.index.indexOf(s);s&&this.remove(s);var l=i;return a!==-1&&(l=N({},i,{index:a})),this.add(r,n,l)},t.get=function(r){return this.map[r]},t.remove=function(r){this.unregister(r),delete this.raw[r.key],this.index.splice(this.index.indexOf(r),1);},t.indexOf=function(r){return this.index.indexOf(r)},t.process=function(){var r=this.options.jss.plugins;this.index.slice(0).forEach(r.onProcessRule,r);},t.register=function(r){this.map[r.key]=r,r instanceof Ln?(this.map[r.selector]=r,r.id&&(this.classes[r.key]=r.id)):r instanceof Nn&&this.keyframes&&(this.keyframes[r.name]=r.id);},t.unregister=function(r){delete this.map[r.key],r instanceof Ln?(delete this.map[r.selector],delete this.classes[r.key]):r instanceof Nn&&delete this.keyframes[r.name];},t.update=function(){var r,n,i;if(typeof(arguments.length<=0?void 0:arguments[0])=="string"?(r=arguments.length<=0?void 0:arguments[0],n=arguments.length<=1?void 0:arguments[1],i=arguments.length<=2?void 0:arguments[2]):(n=arguments.length<=0?void 0:arguments[0],i=arguments.length<=1?void 0:arguments[1],r=null),r)this.updateOne(this.get(r),n,i);else for(var s=0;s<this.index.length;s++)this.updateOne(this.index[s],n,i);},t.updateOne=function(r,n,i){i===void 0&&(i=qu);var s=this.options,a=s.jss.plugins,l=s.sheet;if(r.rules instanceof e){r.rules.update(n,i);return}var c=r.style;if(a.onUpdate(n,r,l,i),i.process&&c&&c!==r.style){a.onProcessStyle(r.style,r,l);for(var u in r.style){var p=r.style[u],d=c[u];p!==d&&r.prop(u,p,ra);}for(var f in c){var m=r.style[f],h=c[f];m==null&&m!==h&&r.prop(f,null,ra);}}},t.toString=function(r){for(var n="",i=this.options.sheet,s=i?i.options.link:false,a=yt(r),l=a.linebreak,c=0;c<this.index.length;c++){var u=this.index[c],p=u.toString(r);!p&&!s||(n&&(n+=l),n+=p);}return n},e})(),ca=(function(){function e(o,r){this.attached=false,this.deployed=false,this.classes={},this.keyframes={},this.options=N({},r,{sheet:this,parent:this,classes:this.classes,keyframes:this.keyframes}),r.Renderer&&(this.renderer=new r.Renderer(this)),this.rules=new oo(this.options);for(var n in o)this.rules.add(n,o[n]);this.rules.process();}var t=e.prototype;return t.attach=function(){return this.attached?this:(this.renderer&&this.renderer.attach(),this.attached=true,this.deployed||this.deploy(),this)},t.detach=function(){return this.attached?(this.renderer&&this.renderer.detach(),this.attached=false,this):this},t.addRule=function(r,n,i){var s=this.queue;this.attached&&!s&&(this.queue=[]);var a=this.rules.add(r,n,i);return a?(this.options.jss.plugins.onProcessRule(a),this.attached?(this.deployed&&(s?s.push(a):(this.insertRule(a),this.queue&&(this.queue.forEach(this.insertRule,this),this.queue=void 0))),a):(this.deployed=false,a)):null},t.replaceRule=function(r,n,i){var s=this.rules.get(r);if(!s)return this.addRule(r,n,i);var a=this.rules.replace(r,n,i);return a&&this.options.jss.plugins.onProcessRule(a),this.attached?(this.deployed&&this.renderer&&(a?s.renderable&&this.renderer.replaceRule(s.renderable,a):this.renderer.deleteRule(s)),a):(this.deployed=false,a)},t.insertRule=function(r){this.renderer&&this.renderer.insertRule(r);},t.addRules=function(r,n){var i=[];for(var s in r){var a=this.addRule(s,r[s],n);a&&i.push(a);}return i},t.getRule=function(r){return this.rules.get(r)},t.deleteRule=function(r){var n=typeof r=="object"?r:this.rules.get(r);return !n||this.attached&&!n.renderable?false:(this.rules.remove(n),this.attached&&n.renderable&&this.renderer?this.renderer.deleteRule(n.renderable):true)},t.indexOf=function(r){return this.rules.indexOf(r)},t.deploy=function(){return this.renderer&&this.renderer.deploy(),this.deployed=true,this},t.update=function(){var r;return (r=this.rules).update.apply(r,arguments),this},t.updateOne=function(r,n,i){return this.rules.updateOne(r,n,i),this},t.toString=function(r){return this.rules.toString(r)},e})(),Xu=(function(){function e(){this.plugins={internal:[],external:[]},this.registry={};}var t=e.prototype;return t.onCreateRule=function(r,n,i){for(var s=0;s<this.registry.onCreateRule.length;s++){var a=this.registry.onCreateRule[s](r,n,i);if(a)return a}return null},t.onProcessRule=function(r){if(!r.isProcessed){for(var n=r.options.sheet,i=0;i<this.registry.onProcessRule.length;i++)this.registry.onProcessRule[i](r,n);r.style&&this.onProcessStyle(r.style,r,n),r.isProcessed=true;}},t.onProcessStyle=function(r,n,i){for(var s=0;s<this.registry.onProcessStyle.length;s++)n.style=this.registry.onProcessStyle[s](n.style,n,i);},t.onProcessSheet=function(r){for(var n=0;n<this.registry.onProcessSheet.length;n++)this.registry.onProcessSheet[n](r);},t.onUpdate=function(r,n,i,s){for(var a=0;a<this.registry.onUpdate.length;a++)this.registry.onUpdate[a](r,n,i,s);},t.onChangeValue=function(r,n,i){for(var s=r,a=0;a<this.registry.onChangeValue.length;a++)s=this.registry.onChangeValue[a](s,n,i);return s},t.use=function(r,n){n===void 0&&(n={queue:"external"});var i=this.plugins[n.queue];i.indexOf(r)===-1&&(i.push(r),this.registry=[].concat(this.plugins.external,this.plugins.internal).reduce(function(s,a){for(var l in a)l in s&&s[l].push(a[l]);return s},{onCreateRule:[],onProcessRule:[],onProcessStyle:[],onProcessSheet:[],onChangeValue:[],onUpdate:[]}));},e})(),Yu=(function(){function e(){this.registry=[];}var t=e.prototype;return t.add=function(r){var n=this.registry,i=r.options.index;if(n.indexOf(r)===-1){if(n.length===0||i>=this.index){n.push(r);return}for(var s=0;s<n.length;s++)if(n[s].options.index>i){n.splice(s,0,r);return}}},t.reset=function(){this.registry=[];},t.remove=function(r){var n=this.registry.indexOf(r);this.registry.splice(n,1);},t.toString=function(r){for(var n=r===void 0?{}:r,i=n.attached,s=Qs(n,["attached"]),a=yt(s),l=a.linebreak,c="",u=0;u<this.registry.length;u++){var p=this.registry[u];i!=null&&p.attached!==i||(c&&(c+=l),c+=p.toString(s));}return c},In(e,[{key:"index",get:function(){return this.registry.length===0?0:this.registry[this.registry.length-1].options.index}}]),e})(),eo=new Yu,_n=typeof globalThis<"u"?globalThis:typeof window<"u"&&window.Math===Math?window:typeof self<"u"&&self.Math===Math?self:Function("return this")(),zn="2f1acc6c3a606b082e5eef5e54414ffb";_n[zn]==null&&(_n[zn]=0);var na=_n[zn]++,ia=function(t){t===void 0&&(t={});var o=0,r=function(i,s){o+=1;var a="",l="";return s&&(s.options.classNamePrefix&&(l=s.options.classNamePrefix),s.options.jss.id!=null&&(a=String(s.options.jss.id))),t.minify?""+(l||"c")+na+a+o:l+i.key+"-"+na+(a?"-"+a:"")+"-"+o};return r},pa=function(t){var o;return function(){return o||(o=t()),o}},Qu=function(t,o){try{return t.attributeStyleMap?t.attributeStyleMap.get(o):t.style.getPropertyValue(o)}catch{return ""}},Zu=function(t,o,r){try{var n=r;if(Array.isArray(r)&&(n=Ee(r)),t.attributeStyleMap)t.attributeStyleMap.set(o,n);else {var i=n?n.indexOf("!important"):-1,s=i>-1?n.substr(0,i-1):n;t.style.setProperty(o,s,i>-1?"important":"");}}catch{return  false}return  true},ed=function(t,o){try{t.attributeStyleMap?t.attributeStyleMap.delete(o):t.style.removeProperty(o);}catch{}},td=function(t,o){return t.selectorText=o,t.selectorText===o},ua=pa(function(){return document.querySelector("head")});function od(e,t){for(var o=0;o<e.length;o++){var r=e[o];if(r.attached&&r.options.index>t.index&&r.options.insertionPoint===t.insertionPoint)return r}return null}function rd(e,t){for(var o=e.length-1;o>=0;o--){var r=e[o];if(r.attached&&r.options.insertionPoint===t.insertionPoint)return r}return null}function nd(e){for(var t=ua(),o=0;o<t.childNodes.length;o++){var r=t.childNodes[o];if(r.nodeType===8&&r.nodeValue.trim()===e)return r}return null}function id(e){var t=eo.registry;if(t.length>0){var o=od(t,e);if(o&&o.renderer)return {parent:o.renderer.element.parentNode,node:o.renderer.element};if(o=rd(t,e),o&&o.renderer)return {parent:o.renderer.element.parentNode,node:o.renderer.element.nextSibling}}var r=e.insertionPoint;if(r&&typeof r=="string"){var n=nd(r);if(n)return {parent:n.parentNode,node:n.nextSibling}}return  false}function sd(e,t){var o=t.insertionPoint,r=id(t);if(r!==false&&r.parent){r.parent.insertBefore(e,r.node);return}if(o&&typeof o.nodeType=="number"){var n=o,i=n.parentNode;i&&i.insertBefore(e,n.nextSibling);return}ua().appendChild(e);}var ad=pa(function(){var e=document.querySelector('meta[property="csp-nonce"]');return e?e.getAttribute("content"):null}),sa=function(t,o,r){try{"insertRule"in t?t.insertRule(o,r):"appendRule"in t&&t.appendRule(o);}catch{return  false}return t.cssRules[r]},aa=function(t,o){var r=t.cssRules.length;return o===void 0||o>r?r:o},ld=function(){var t=document.createElement("style");return t.textContent=`
+`,t},cd=(function(){function e(o){this.getPropertyValue=Qu,this.setProperty=Zu,this.removeProperty=ed,this.setSelector=td,this.hasInsertedRules=false,this.cssRules=[],o&&eo.add(o),this.sheet=o;var r=this.sheet?this.sheet.options:{},n=r.media,i=r.meta,s=r.element;this.element=s||ld(),this.element.setAttribute("data-jss",""),n&&this.element.setAttribute("media",n),i&&this.element.setAttribute("data-meta",i);var a=ad();a&&this.element.setAttribute("nonce",a);}var t=e.prototype;return t.attach=function(){if(!(this.element.parentNode||!this.sheet)){sd(this.element,this.sheet.options);var r=!!(this.sheet&&this.sheet.deployed);this.hasInsertedRules&&r&&(this.hasInsertedRules=false,this.deploy());}},t.detach=function(){if(this.sheet){var r=this.element.parentNode;r&&r.removeChild(this.element),this.sheet.options.link&&(this.cssRules=[],this.element.textContent=`
 `);}},t.deploy=function(){var r=this.sheet;if(r){if(r.options.link){this.insertRules(r.rules);return}this.element.textContent=`
 `+r.toString()+`
-`;}},t.insertRules=function(r,n){for(var i=0;i<r.index.length;i++)this.insertRule(r.index[i],i,n);},t.insertRule=function(r,n,i){if(i===void 0&&(i=this.element.sheet),r.rules){var s=r,a=i;if(r.type==="conditional"||r.type==="keyframes"){var l=ia(i,n);if(a=na(i,s.toString({children:false}),l),a===false)return  false;this.refCssRule(r,l,a);}return this.insertRules(s.rules,a),a}var c=r.toString();if(!c)return  false;var p=ia(i,n),u=na(i,c,p);return u===false?false:(this.hasInsertedRules=true,this.refCssRule(r,p,u),u)},t.refCssRule=function(r,n,i){r.renderable=i,r.options.parent instanceof aa&&this.cssRules.splice(n,0,i);},t.deleteRule=function(r){var n=this.element.sheet,i=this.indexOf(r);return i===-1?false:(n.deleteRule(i),this.cssRules.splice(i,1),true)},t.indexOf=function(r){return this.cssRules.indexOf(r)},t.replaceRule=function(r,n){var i=this.indexOf(r);return i===-1?false:(this.element.sheet.deleteRule(i),this.cssRules.splice(i,1),this.insertRule(n,i))},t.getRules=function(){return this.element.sheet.cssRules},e})(),cf=0,uf=(function(){function e(o){this.id=cf++,this.version="10.10.0",this.plugins=new $p,this.options={id:{minify:false},createGenerateId:ra,Renderer:Qe?lf:null,plugins:[]},this.generateId=ra({minify:false});for(var r=0;r<ea.length;r++)this.plugins.use(ea[r],{queue:"internal"});this.setup(o);}var t=e.prototype;return t.setup=function(r){return r===void 0&&(r={}),r.createGenerateId&&(this.options.createGenerateId=r.createGenerateId),r.id&&(this.options.id=N({},this.options.id,r.id)),(r.createGenerateId||r.id)&&(this.generateId=this.options.createGenerateId(this.options.id)),r.insertionPoint!=null&&(this.options.insertionPoint=r.insertionPoint),"Renderer"in r&&(this.options.Renderer=r.Renderer),r.plugins&&this.use.apply(this,r.plugins),this},t.createStyleSheet=function(r,n){n===void 0&&(n={});var i=n,s=i.index;typeof s!="number"&&(s=Zt.index===0?0:Zt.index+1);var a=new aa(r,N({},n,{jss:this,generateId:n.generateId||this.generateId,insertionPoint:this.options.insertionPoint,Renderer:this.options.Renderer,index:s}));return this.plugins.onProcessSheet(a),a},t.removeStyleSheet=function(r){return r.detach(),Zt.remove(r),this},t.createRule=function(r,n,i){if(n===void 0&&(n={}),i===void 0&&(i={}),typeof r=="object")return this.createRule(void 0,r,n);var s=N({},i,{name:r,jss:this,Renderer:this.options.Renderer});s.generateId||(s.generateId=this.generateId),s.classes||(s.classes={}),s.keyframes||(s.keyframes={});var a=rr(r,n,s);return a&&this.plugins.onProcessRule(a),a},t.use=function(){for(var r=this,n=arguments.length,i=new Array(n),s=0;s<n;s++)i[s]=arguments[s];return i.forEach(function(a){r.plugins.use(a);}),this},e})(),Hn=function(t){return new uf(t)};var nr=typeof CSS=="object"&&CSS!=null&&"number"in CSS;function Vn(e){var t=null;for(var o in e){var r=e[o],n=typeof r;if(n==="function")t||(t={}),t[o]=r;else if(n==="object"&&r!==null&&!Array.isArray(r)){var i=Vn(r);i&&(t||(t={}),t[o]=i);}}return t}Hn();var ua=Date.now(),Kn="fnValues"+ua,Gn="fnStyle"+ ++ua,pf=function(){return {onCreateRule:function(o,r,n){if(typeof r!="function")return null;var i=rr(o,{},n);return i[Gn]=r,i},onProcessStyle:function(o,r){if(Kn in r||Gn in r)return o;var n={};for(var i in o){var s=o[i];typeof s=="function"&&(delete o[i],n[i]=s);}return r[Kn]=n,o},onUpdate:function(o,r,n,i){var s=r,a=s[Gn];if(a&&(s.style=a(o)||{},0));var c=s[Kn];if(c)for(var p in c)s.prop(p,c[p](o),i);}}},pa=pf;var Ee="@global",Wn="@global ",ff=(function(){function e(o,r,n){this.type="global",this.at=Ee,this.isProcessed=false,this.key=o,this.options=n,this.rules=new to(N({},n,{parent:this}));for(var i in r)this.rules.add(i,r[i]);this.rules.process();}var t=e.prototype;return t.getRule=function(r){return this.rules.get(r)},t.addRule=function(r,n,i){var s=this.rules.add(r,n,i);return s&&this.options.jss.plugins.onProcessRule(s),s},t.replaceRule=function(r,n,i){var s=this.rules.replace(r,n,i);return s&&this.options.jss.plugins.onProcessRule(s),s},t.indexOf=function(r){return this.rules.indexOf(r)},t.toString=function(r){return this.rules.toString(r)},e})(),df=(function(){function e(o,r,n){this.type="global",this.at=Ee,this.isProcessed=false,this.key=o,this.options=n;var i=o.substr(Wn.length);this.rule=n.jss.createRule(i,r,N({},n,{parent:this}));}var t=e.prototype;return t.toString=function(r){return this.rule?this.rule.toString(r):""},e})(),mf=/\s*,\s*/g;function fa(e,t){for(var o=e.split(mf),r="",n=0;n<o.length;n++)r+=t+" "+o[n].trim(),o[n+1]&&(r+=", ");return r}function hf(e,t){var o=e.options,r=e.style,n=r?r[Ee]:null;if(n){for(var i in n)t.addRule(i,n[i],N({},o,{selector:fa(i,e.selector)}));delete r[Ee];}}function gf(e,t){var o=e.options,r=e.style;for(var n in r)if(!(n[0]!=="@"||n.substr(0,Ee.length)!==Ee)){var i=fa(n.substr(Ee.length),e.selector);t.addRule(i,r[n],N({},o,{selector:i})),delete r[n];}}function Sf(){function e(o,r,n){if(!o)return null;if(o===Ee)return new ff(o,r,n);if(o[0]==="@"&&o.substr(0,Wn.length)===Wn)return new df(o,r,n);var i=n.parent;return i&&(i.type==="global"||i.options.parent&&i.options.parent.type==="global")&&(n.scoped=false),!n.selector&&n.scoped===false&&(n.selector=o),null}function t(o,r){o.type!=="style"||!r||(hf(o,r),gf(o,r));}return {onCreateRule:e,onProcessRule:t}}var da=Sf;var ma=/\s*,\s*/g,yf=/&/g,vf=/\$([\w-]+)/g;function bf(){function e(n,i){return function(s,a){var l=n.getRule(a)||i&&i.getRule(a);return l?l.selector:a}}function t(n,i){for(var s=i.split(ma),a=n.split(ma),l="",c=0;c<s.length;c++)for(var p=s[c],u=0;u<a.length;u++){var f=a[u];l&&(l+=", "),l+=f.indexOf("&")!==-1?f.replace(yf,p):p+" "+f;}return l}function o(n,i,s){if(s)return N({},s,{index:s.index+1});var a=n.options.nestingLevel;a=a===void 0?1:a+1;var l=N({},n.options,{nestingLevel:a,index:i.indexOf(n)+1});return delete l.name,l}function r(n,i,s){if(i.type!=="style")return n;var a=i,l=a.options.parent,c,p;for(var u in n){var f=u.indexOf("&")!==-1,d=u[0]==="@";if(!(!f&&!d)){if(c=o(a,l,c),f){var m=t(u,a.selector);p||(p=e(l,s)),m=m.replace(vf,p);var h=a.key+"-"+u;"replaceRule"in l?l.replaceRule(h,n[u],N({},c,{selector:m})):l.addRule(h,n[u],N({},c,{selector:m}));}else d&&l.addRule(u,{},c).addRule(a.key,n[u],{selector:a.selector});delete n[u];}}return n}return {onProcessStyle:r}}var ha=bf;var wf=/[A-Z]/g,xf=/^ms-/,Un={};function Pf(e){return "-"+e.toLowerCase()}function Cf(e){if(Un.hasOwnProperty(e))return Un[e];var t=e.replace(wf,Pf);return Un[e]=xf.test(t)?"-"+t:t}var jn=Cf;function ir(e){var t={};for(var o in e){var r=o.indexOf("--")===0?o:jn(o);t[r]=e[o];}return e.fallbacks&&(Array.isArray(e.fallbacks)?t.fallbacks=e.fallbacks.map(ir):t.fallbacks=ir(e.fallbacks)),t}function Tf(){function e(o){if(Array.isArray(o)){for(var r=0;r<o.length;r++)o[r]=ir(o[r]);return o}return ir(o)}function t(o,r,n){if(r.indexOf("--")===0)return o;var i=jn(r);return r===i?o:(n.prop(i,o),null)}return {onProcessStyle:e,onChangeValue:t}}var ga=Tf;var g=nr&&CSS?CSS.px:"px",sr=nr&&CSS?CSS.ms:"ms",yt=nr&&CSS?CSS.percent:"%",Af={"animation-delay":sr,"animation-duration":sr,"background-position":g,"background-position-x":g,"background-position-y":g,"background-size":g,border:g,"border-bottom":g,"border-bottom-left-radius":g,"border-bottom-right-radius":g,"border-bottom-width":g,"border-left":g,"border-left-width":g,"border-radius":g,"border-right":g,"border-right-width":g,"border-top":g,"border-top-left-radius":g,"border-top-right-radius":g,"border-top-width":g,"border-width":g,"border-block":g,"border-block-end":g,"border-block-end-width":g,"border-block-start":g,"border-block-start-width":g,"border-block-width":g,"border-inline":g,"border-inline-end":g,"border-inline-end-width":g,"border-inline-start":g,"border-inline-start-width":g,"border-inline-width":g,"border-start-start-radius":g,"border-start-end-radius":g,"border-end-start-radius":g,"border-end-end-radius":g,margin:g,"margin-bottom":g,"margin-left":g,"margin-right":g,"margin-top":g,"margin-block":g,"margin-block-end":g,"margin-block-start":g,"margin-inline":g,"margin-inline-end":g,"margin-inline-start":g,padding:g,"padding-bottom":g,"padding-left":g,"padding-right":g,"padding-top":g,"padding-block":g,"padding-block-end":g,"padding-block-start":g,"padding-inline":g,"padding-inline-end":g,"padding-inline-start":g,"mask-position-x":g,"mask-position-y":g,"mask-size":g,height:g,width:g,"min-height":g,"max-height":g,"min-width":g,"max-width":g,bottom:g,left:g,top:g,right:g,inset:g,"inset-block":g,"inset-block-end":g,"inset-block-start":g,"inset-inline":g,"inset-inline-end":g,"inset-inline-start":g,"box-shadow":g,"text-shadow":g,"column-gap":g,"column-rule":g,"column-rule-width":g,"column-width":g,"font-size":g,"font-size-delta":g,"letter-spacing":g,"text-decoration-thickness":g,"text-indent":g,"text-stroke":g,"text-stroke-width":g,"word-spacing":g,motion:g,"motion-offset":g,outline:g,"outline-offset":g,"outline-width":g,perspective:g,"perspective-origin-x":yt,"perspective-origin-y":yt,"transform-origin":yt,"transform-origin-x":yt,"transform-origin-y":yt,"transform-origin-z":yt,"transition-delay":sr,"transition-duration":sr,"vertical-align":g,"flex-basis":g,"shape-margin":g,size:g,gap:g,grid:g,"grid-gap":g,"row-gap":g,"grid-row-gap":g,"grid-column-gap":g,"grid-template-rows":g,"grid-template-columns":g,"grid-auto-rows":g,"grid-auto-columns":g,"box-shadow-x":g,"box-shadow-y":g,"box-shadow-blur":g,"box-shadow-spread":g,"font-line-height":g,"text-shadow-x":g,"text-shadow-y":g,"text-shadow-blur":g};function Sa(e){var t=/(-[a-z])/g,o=function(s){return s[1].toUpperCase()},r={};for(var n in e)r[n]=e[n],r[n.replace(t,o)]=e[n];return r}var Mf=Sa(Af);function oo(e,t,o){if(t==null)return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]=oo(e,t[r],o);else if(typeof t=="object")if(e==="fallbacks")for(var n in t)t[n]=oo(n,t[n],o);else for(var i in t)t[i]=oo(e+"-"+i,t[i],o);else if(typeof t=="number"&&isNaN(t)===false){var s=o[e]||Mf[e];return s&&!(t===0&&s===g)?typeof s=="function"?s(t).toString():""+t+s:t.toString()}return t}function If(e){e===void 0&&(e={});var t=Sa(e);function o(n,i){if(i.type!=="style")return n;for(var s in n)n[s]=oo(s,n[s],t);return n}function r(n,i){return oo(i,n,t)}return {onProcessStyle:o,onChangeValue:r}}var ya=If;function ro(e,t){(t==null||t>e.length)&&(t=e.length);for(var o=0,r=Array(t);o<t;o++)r[o]=e[o];return r}function va(e){if(Array.isArray(e))return ro(e)}function ba(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function wa(e,t){if(e){if(typeof e=="string")return ro(e,t);var o={}.toString.call(e).slice(8,-1);return o==="Object"&&e.constructor&&(o=e.constructor.name),o==="Map"||o==="Set"?Array.from(e):o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?ro(e,t):void 0}}function xa(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Pa(e){return va(e)||ba(e)||wa(e)||xa()}var no="",$n="",Ma="",Ia="",kf=Qe&&"ontouchstart"in document.documentElement;if(Qe){ar={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},Ca=document.createElement("p"),lr=Ca.style,Ta="Transform";for(cr in ar)if(cr+Ta in lr){no=cr,$n=ar[cr];break}no==="Webkit"&&"msHyphens"in lr&&(no="ms",$n=ar.ms,Ia="edge"),no==="Webkit"&&"-apple-trailing-word"in lr&&(Ma="apple");}var ar,Ca,lr,Ta,cr,T={js:no,css:$n,vendor:Ma,browser:Ia,isTouch:kf};function ka(e){return e[1]==="-"||T.js==="ms"?e:"@"+T.css+"keyframes"+e.substr(10)}var Df={noPrefill:["appearance"],supportedProperty:function(t){return t!=="appearance"?false:T.js==="ms"?"-webkit-"+t:T.css+t}},Ef={noPrefill:["color-adjust"],supportedProperty:function(t){return t!=="color-adjust"?false:T.js==="Webkit"?T.css+"print-"+t:t}},Of=/[-\s]+(.)?/g;function Bf(e,t){return t?t.toUpperCase():""}function qn(e){return e.replace(Of,Bf)}function Be(e){return qn("-"+e)}var Lf={noPrefill:["mask"],supportedProperty:function(t,o){if(!/^mask/.test(t))return  false;if(T.js==="Webkit"){var r="mask-image";if(qn(r)in o)return t;if(T.js+Be(r)in o)return T.css+t}return t}},Nf={noPrefill:["text-orientation"],supportedProperty:function(t){return t!=="text-orientation"?false:T.vendor==="apple"&&!T.isTouch?T.css+t:t}},Ff={noPrefill:["transform"],supportedProperty:function(t,o,r){return t!=="transform"?false:r.transform?t:T.css+t}},zf={noPrefill:["transition"],supportedProperty:function(t,o,r){return t!=="transition"?false:r.transition?t:T.css+t}},_f={noPrefill:["writing-mode"],supportedProperty:function(t){return t!=="writing-mode"?false:T.js==="Webkit"||T.js==="ms"&&T.browser!=="edge"?T.css+t:t}},Rf={noPrefill:["user-select"],supportedProperty:function(t){return t!=="user-select"?false:T.js==="Moz"||T.js==="ms"||T.vendor==="apple"?T.css+t:t}},Hf={supportedProperty:function(t,o){if(!/^break-/.test(t))return  false;if(T.js==="Webkit"){var r="WebkitColumn"+Be(t);return r in o?T.css+"column-"+t:false}if(T.js==="Moz"){var n="page"+Be(t);return n in o?"page-"+t:false}return  false}},Vf={supportedProperty:function(t,o){if(!/^(border|margin|padding)-inline/.test(t))return  false;if(T.js==="Moz")return t;var r=t.replace("-inline","");return T.js+Be(r)in o?T.css+r:false}},Kf={supportedProperty:function(t,o){return qn(t)in o?t:false}},Gf={supportedProperty:function(t,o){var r=Be(t);return t[0]==="-"||t[0]==="-"&&t[1]==="-"?t:T.js+r in o?T.css+t:T.js!=="Webkit"&&"Webkit"+r in o?"-webkit-"+t:false}},Wf={supportedProperty:function(t){return t.substring(0,11)!=="scroll-snap"?false:T.js==="ms"?""+T.css+t:t}},Uf={supportedProperty:function(t){return t!=="overscroll-behavior"?false:T.js==="ms"?T.css+"scroll-chaining":t}},jf={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},$f={supportedProperty:function(t,o){var r=jf[t];return r&&T.js+Be(r)in o?T.css+r:false}},Da={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},qf=Object.keys(Da),Xf=function(t){return T.css+t},Yf={supportedProperty:function(t,o,r){var n=r.multiple;if(qf.indexOf(t)>-1){var i=Da[t];if(!Array.isArray(i))return T.js+Be(i)in o?T.css+i:false;if(!n)return  false;for(var s=0;s<i.length;s++)if(!(T.js+Be(i[0])in o))return  false;return i.map(Xf)}return  false}},Ea=[Df,Ef,Lf,Nf,Ff,zf,_f,Rf,Hf,Vf,Kf,Gf,Wf,Uf,$f,Yf],Aa=Ea.filter(function(e){return e.supportedProperty}).map(function(e){return e.supportedProperty}),Jf=Ea.filter(function(e){return e.noPrefill}).reduce(function(e,t){return e.push.apply(e,Pa(t.noPrefill)),e},[]),io,et={};if(Qe){io=document.createElement("p"),ur=window.getComputedStyle(document.documentElement,"");for(pr in ur)isNaN(pr)||(et[ur[pr]]=ur[pr]);Jf.forEach(function(e){return delete et[e]});}var ur,pr;function fr(e,t){if(t===void 0&&(t={}),!io)return e;if(et[e]!=null)return et[e];(e==="transition"||e==="transform")&&(t[e]=e in io.style);for(var o=0;o<Aa.length&&(et[e]=Aa[o](e,io.style,t),!et[e]);o++);try{io.style[e]="";}catch{return  false}return et[e]}var vt={},Qf={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},Zf=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,Oe;function ed(e,t,o){if(t==="var")return "var";if(t==="all")return "all";if(o==="all")return ", all";var r=t?fr(t):", "+fr(o);return r||t||o}Qe&&(Oe=document.createElement("p"));function Xn(e,t){var o=t;if(!Oe||e==="content")return t;if(typeof o!="string"||!isNaN(parseInt(o,10)))return o;var r=e+o;if(vt[r]!=null)return vt[r];try{Oe.style[e]=o;}catch{return vt[r]=false,false}if(Qf[e])o=o.replace(Zf,ed);else if(Oe.style[e]===""&&(o=T.css+o,o==="-ms-flex"&&(Oe.style[e]="-ms-flexbox"),Oe.style[e]=o,Oe.style[e]===""))return vt[r]=false,false;return Oe.style[e]="",vt[r]=o,vt[r]}function td(){function e(n){if(n.type==="keyframes"){var i=n;i.at=ka(i.at);}}function t(n){for(var i in n){var s=n[i];if(i==="fallbacks"&&Array.isArray(s)){n[i]=s.map(t);continue}var a=false,l=fr(i);l&&l!==i&&(a=true);var c=false,p=Xn(l,De(s));p&&p!==s&&(c=true),(a||c)&&(a&&delete n[i],n[l||i]=p||s);}return n}function o(n,i){return i.type!=="style"?n:t(n)}function r(n,i){return Xn(i,De(n))||n}return {onProcessRule:e,onProcessStyle:o,onChangeValue:r}}var Oa=td;function od(){var e=function(o,r){return o.length===r.length?o>r?1:-1:o.length-r.length};return {onProcessStyle:function(o,r){if(r.type!=="style")return o;for(var n={},i=Object.keys(o).sort(e),s=0;s<i.length;s++)n[i[s]]=o[i[s]];return n}}}var Ba=od;function dr(){return {plugins:[pa(),da(),ha(),ga(),ya(),typeof window>"u"?null:Oa(),Ba()]}}function so(e={}){let{baseClasses:t,newClasses:o,Component:r}=e;if(!o)return t;let n={...t};return Object.keys(o).forEach(i=>{o[i]&&(n[i]=`${t[i]} ${o[i]}`);}),n}var rd={set:(e,t,o,r)=>{let n=e.get(t);n||(n=new Map,e.set(t,n)),n.set(o,r);},get:(e,t,o)=>{let r=e.get(t);return r?r.get(o):void 0},delete:(e,t,o)=>{e.get(t).delete(o);}},tt=rd;function Yn(){let e=gt();return e?.$$material??e}var nd=Hn(dr()),id=tr(),sd=new Map;var ad={disableGeneration:false,generateClassName:id,jss:nd,sheetsCache:null,sheetsManager:sd,sheetsRegistry:null},La=M__namespace.createContext(ad);var Na=-1e9;function Fa(){return Na+=1,Na}function za(e){return e.length===0}function hr(e){let{variant:t,...o}=e,r=t||"";return Object.keys(o).sort().forEach(n=>{n==="color"?r+=za(r)?e[n]:Je(e[n]):r+=`${za(r)?n:Je(n)}${Je(e[n].toString())}`;}),r}var ld={},_a=ld;function gr(e){let t=typeof e=="function";return {create:(o,r)=>{let n;try{n=t?e(o):e;}catch(l){throw l}if(!r||!o.components||!o.components[r]||!o.components[r].styleOverrides&&!o.components[r].variants)return n;let i=o.components[r].styleOverrides||{},s=o.components[r].variants||[],a={...n};return Object.keys(i).forEach(l=>{a[l]=Ye(a[l]||{},i[l]);}),s.forEach(l=>{let c=hr(l.props);a[c]=Ye(a[c]||{},l.style);}),a},options:{}}}function cd({state:e,stylesOptions:t},o,r){if(t.disableGeneration)return o||{};e.cacheClasses||(e.cacheClasses={value:null,lastProp:null,lastJSS:{}});let n=false;return e.classes!==e.cacheClasses.lastJSS&&(e.cacheClasses.lastJSS=e.classes,n=true),o!==e.cacheClasses.lastProp&&(e.cacheClasses.lastProp=o,n=true),n&&(e.cacheClasses.value=so({baseClasses:e.cacheClasses.lastJSS,newClasses:o,Component:r})),e.cacheClasses.value}function ud({state:e,theme:t,stylesOptions:o,stylesCreator:r,name:n},i){if(o.disableGeneration)return;let s=tt.get(o.sheetsManager,r,t);s||(s={refs:0,staticSheet:null,dynamicStyles:null},tt.set(o.sheetsManager,r,t,s));let a={...r.options,...o,theme:t,flip:typeof o.flip=="boolean"?o.flip:t.direction==="rtl"};a.generateId=a.serverGenerateClassName||a.generateClassName;let l=o.sheetsRegistry;if(s.refs===0){let c;o.sheetsCache&&(c=tt.get(o.sheetsCache,r,t));let p=r.create(t,n);c||(c=o.jss.createStyleSheet(p,{link:false,...a}),c.attach(),o.sheetsCache&&tt.set(o.sheetsCache,r,t,c)),l&&l.add(c),s.staticSheet=c,s.dynamicStyles=Vn(p);}if(s.dynamicStyles){let c=o.jss.createStyleSheet(s.dynamicStyles,{link:true,...a});c.update(i),c.attach(),e.dynamicSheet=c,e.classes=so({baseClasses:s.staticSheet.classes,newClasses:c.classes}),l&&l.add(c);}else e.classes=s.staticSheet.classes;s.refs+=1;}function pd({state:e},t){e.dynamicSheet&&e.dynamicSheet.update(t);}function fd({state:e,theme:t,stylesOptions:o,stylesCreator:r}){if(o.disableGeneration)return;let n=tt.get(o.sheetsManager,r,t);n.refs-=1;let i=o.sheetsRegistry;n.refs===0&&(tt.delete(o.sheetsManager,r,t),o.jss.removeStyleSheet(n.staticSheet),i&&i.remove(n.staticSheet)),e.dynamicSheet&&(o.jss.removeStyleSheet(e.dynamicSheet),i&&i.remove(e.dynamicSheet));}function dd(e,t){let o=M__namespace.useRef([]),r,n=M__namespace.useMemo(()=>({}),t);o.current!==n&&(o.current=n,r=e()),M__namespace.useEffect(()=>()=>{r&&r();},[n]);}function y(e,t={}){let{name:o,classNamePrefix:r,Component:n,defaultTheme:i=_a,...s}=t,a=gr(e),l=o||r||"makeStyles";return a.options={index:Fa(),name:o,meta:l,classNamePrefix:l},(p={})=>{let u=Yn()||i,f={...M__namespace.useContext(La),...s},d=M__namespace.useRef(),m=M__namespace.useRef();return dd(()=>{let S={name:o,state:{},stylesCreator:a,stylesOptions:f,theme:u};return ud(S,p),m.current=false,d.current=S,()=>{fd(S);}},[u,a]),M__namespace.useEffect(()=>{m.current&&pd(d.current,p),m.current=true;}),cd(d.current,p.classes,n)}}function D(e){return e.default??e}var bd=D(vd__default.default),wd=y(e=>{let{primary:t}=e.palette;return {closIcon:{zIndex:100},input:{width:"100%"},paper:{height:o=>o.height,padding:10,maxHeight:"calc(100% - 20px)",maxWidth:o=>o.width+" !important",width:o=>o.width+" !important"},title:{"& h6":{fontSize:17},color:t.main,display:"flex",justifyContent:"space-between",padding:"12px 24px"},titleActions:{marginBottom:"-10px",marginRight:"-18px",marginTop:"-8px"}}},{name:"Dialog"}),Se=({children:e,width:t="80%",height:o="auto",title:r,onClose:n,footerActions:i,subtitle:s,titleActions:a,open:l=false,enableCloseButton:c=true,...p})=>{let u=wd({height:o,width:t}),f=i,d=a;return M__namespace.default.createElement(material.Dialog,{open:l,classes:{paper:u.paper},onClose:n,...p},(d||c||r||s)&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.DialogTitle,{className:u.title},M__namespace.default.createElement("div",null,r&&M__namespace.default.createElement(material.Typography,{variant:"h6"},r),s&&M__namespace.default.createElement(material.Typography,{variant:"body1"},s)),M__namespace.default.createElement("div",{className:u.titleActions},d&&M__namespace.default.createElement(d,null),c&&M__namespace.default.createElement(material.IconButton,{color:"primary",className:u.closIcon,onClick:n},M__namespace.default.createElement(bd,null)))),M__namespace.default.createElement(material.Divider,null)),e,f&&M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(f,null)))};Se.displayName="Dialog";var Jn=M.memo(({onPositiveAction:e,title:t,onNegativeAction:o,open:r,onClose:n,width:i="30%",children:s,positiveActionName:a,negativeActionName:l,onCancel:c,...p})=>{let u=M.useCallback(()=>{n(),c&&c();},[c,n]);return M__namespace.default.createElement(Se,{enableCloseButton:false,open:r,onClose:u,width:i,...p},M__namespace.default.createElement(Xt,{onPositiveAction:e,negativeActionName:l,title:t,onNegativeAction:o,positiveActionName:a},s))});Jn.displayName="ActionDialog";var Qn=M.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:n,negativeActionName:i,...s})=>M__namespace.default.createElement(material.Popover,{open:true,...s},M__namespace.default.createElement(Xt,{onPositiveAction:e,negativeActionName:i,title:t,onNegativeAction:o,positiveActionName:n},r)));Qn.displayName="ActionPopover";var Id=y(()=>({backdrop:{position:"absolute"},root:{color:"red"}}),{name:"ErrorPanel"}),Zn=M.memo(e=>{let{message:t}=e,o=Id();return M__namespace.default.createElement(material.Backdrop,{open:true,className:o.backdrop},M__namespace.default.createElement("div",{className:o.root},t)," ")});Zn.displayName="ErrorPanel";function yr(e){return e.charAt(0).toUpperCase()+e.slice(1)}function $a(e,t,o,r,n){let i;/^\.{0,2}[/\\]/.test(e)?i=`file:///${e.replace(/\\/g,"/").replace(/^\/+/,"")}`:/^https?:\/\//i.test(e)||/^file:\/\//i.test(e)?i=ja__default.default(e):i=ja__default.default(`http://${e}`);let s=`${i}/iframe.html?id=${t}`;return s.replace(/\\/g,"/")}function Ce(){return document.body.querySelector("#storybook-preview-iframe")}function qa(e){return Ce()?.contentWindow?.document.querySelector(e)}function ao(e,t){if(!t)return;let o=t.split(".").join(".properties.");return gn.get(e,o)}var vr={"Blackberry PlayBook":{userAgent:"Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/15.4 Safari/536.2+",viewport:{width:600,height:1024},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Blackberry PlayBook landscape":{userAgent:"Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/15.4 Safari/536.2+",viewport:{width:1024,height:600},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"BlackBerry Z30":{userAgent:"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/15.4 Mobile Safari/537.10+",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"BlackBerry Z30 landscape":{userAgent:"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/15.4 Mobile Safari/537.10+",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note 3":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note 3 landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note II":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note II landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S III":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S III landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S5":{userAgent:"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S8":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; SM-G950U Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:740},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S8 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; SM-G950U Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:740,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S9+":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:320,height:658},deviceScaleFactor:4.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S9+ landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:658,height:320},deviceScaleFactor:4.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy Tab S4":{userAgent:"Mozilla/5.0 (Linux; Android 8.1.0; SM-T837A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:712,height:1138},deviceScaleFactor:2.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy Tab S4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.1.0; SM-T837A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:1138,height:712},deviceScaleFactor:2.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"iPad (gen 6)":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:768,height:1024},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 6) landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1024,height:768},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 7)":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:810,height:1080},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 7) landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1080,height:810},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Mini":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:768,height:1024},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Mini landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1024,height:768},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Pro 11":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:834,height:1194},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Pro 11 landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1194,height:834},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone SE":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/15.4 Mobile/14E304 Safari/602.1",viewport:{width:320,height:568},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone SE landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/15.4 Mobile/14E304 Safari/602.1",viewport:{width:568,height:320},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone X":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:812},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone X landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:812,height:375},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone XR":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:414,height:896},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone XR landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:896,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:414,height:715},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:800,height:364},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:375,height:635},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:724,height:325},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:414,height:715},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:808,height:364},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:340},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:340},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:428,height:746},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:832,height:378},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:342},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:342},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:428,height:746},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:832,height:380},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Mini":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:375,height:629},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Mini landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:712,height:327},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"JioPhone 2":{userAgent:"Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:89.0 Gecko/48.0 Firefox/93.0 KAIOS/2.5",viewport:{width:240,height:320},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"firefox"},"JioPhone 2 landscape":{userAgent:"Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:89.0 Gecko/48.0 Firefox/93.0 KAIOS/2.5",viewport:{width:320,height:240},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"firefox"},"Kindle Fire HDX":{userAgent:"Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true",viewport:{width:800,height:1280},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Kindle Fire HDX landscape":{userAgent:"Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true",viewport:{width:1280,height:800},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"LG Optimus L70":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:384,height:640},deviceScaleFactor:1.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"LG Optimus L70 landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:384},deviceScaleFactor:1.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 550":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 550 landscape":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 950":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:360,height:640},deviceScaleFactor:4,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 950 landscape":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:640,height:360},deviceScaleFactor:4,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 10":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:800,height:1280},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 10 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:1280,height:800},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 4":{userAgent:"Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:384,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:384},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5":{userAgent:"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5X":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5X landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6":{userAgent:"Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6P":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6P landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 7":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:600,height:960},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 7 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:960,height:600},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia Lumia 520":{userAgent:"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)",viewport:{width:320,height:533},deviceScaleFactor:1.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia Lumia 520 landscape":{userAgent:"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)",viewport:{width:533,height:320},deviceScaleFactor:1.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia N9":{userAgent:"Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13",viewport:{width:480,height:854},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Nokia N9 landscape":{userAgent:"Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13",viewport:{width:854,height:480},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Pixel 2":{userAgent:"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:411,height:731},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:731,height:411},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 XL":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:411,height:823},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 XL landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:823,height:411},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 3":{userAgent:"Mozilla/5.0 (Linux; Android 9; Pixel 3 Build/PQ1A.181105.017.A1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:393,height:786},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 3 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 9; Pixel 3 Build/PQ1A.181105.017.A1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:786,height:393},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4":{userAgent:"Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:353,height:745},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:745,height:353},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4a (5G)":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 4a (5G)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:412,height:892},viewport:{width:412,height:765},deviceScaleFactor:2.63,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4a (5G) landscape":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 4a (5G)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{height:892,width:412},viewport:{width:840,height:312},deviceScaleFactor:2.63,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 5":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:393,height:851},viewport:{width:393,height:727},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:851,height:393},viewport:{width:802,height:293},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Moto G4":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Moto G4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Desktop Chrome HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Edge HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36 Edg/97.0.4666.0",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Firefox HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0 Gecko/20100101 Firefox/93.0",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"firefox"},"Desktop Safari":{userAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"webkit"},"Desktop Chrome":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Edge":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36 Edg/97.0.4666.0",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Firefox":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0 Gecko/20100101 Firefox/93.0",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"firefox"}};function Xa(e){if(!e)return;let t=vr[e];if(t)return t.deviceName=e,t}function Ya(e){let{body:t,documentElement:o,defaultView:r}=e;if(!t||!o)return null;let n=Math.max(t.scrollWidth,t.offsetWidth,t.clientWidth,o.scrollWidth,o.offsetWidth,o.clientWidth),i=Math.max(t.scrollHeight,t.offsetHeight,t.clientHeight,o.scrollHeight,o.offsetHeight,o.clientHeight);if(r){let s=r.scrollX,a=r.scrollY;for(let l of Array.from(e.querySelectorAll("*"))){if(!(l instanceof r.HTMLElement)&&!(l instanceof r.SVGElement))continue;let c=r.getComputedStyle(l);if(c.display==="none"||c.visibility==="hidden")continue;let p=l.getBoundingClientRect();n=Math.max(n,Math.ceil(p.right+s)),i=Math.max(i,Math.ceil(p.bottom+a));}for(let l of Array.from(e.querySelectorAll("iframe")))try{let c=l.contentDocument;if(!c)continue;let p=Ya(c);if(!p)continue;let u=l.getBoundingClientRect();n=Math.max(n,Math.ceil(u.left+s+p.width)),i=Math.max(i,Math.ceil(u.top+a+p.height));}catch{}}return n<=0||i<=0?null:{width:n,height:i}}function Ja(e){let t=e.contentDocument;return t?Ya(t):null}function Qa(e){return e.contentDocument||e.contentWindow?.document}function Za(e){let t=Qa(e);if(!t)return {scrollLeft:0,scrollTop:0};let o=t.defaultView,r=(o?o.pageYOffset:0)||t.documentElement.scrollTop;return {scrollLeft:(o?o.pageXOffset:0)||t.documentElement.scrollLeft,scrollTop:r}}function bt(e){return e.error?e.error:e.diffSize&&e.imageDimensions?`Expected image to be the same size as the snapshot (${e.imageDimensions.baselineWidth}x${e.imageDimensions.baselineHeight}), but was different (${e.imageDimensions.receivedWidth}x${e.imageDimensions.receivedHeight}).`:e.diffRatio?`Expected image to match or be a close match to snapshot but was ${e.diffRatio*100}% different from snapshot (${e.diffPixelCount} differing pixels).`:""}function wt(...e){for(let t=0;t<e.length;t++){let o=e[t];if(o&&Object.keys(o).length>0)return o}}var el=e=>{if(e)return wt(e.globals)};var tl=e=>{if(e)return wt(e.args,e.props)};function br(e,t){if(e===t)return  true;let o=e.split(".").slice(0,-2).join(".");return t.split(".").slice(0,-1).join(".").endsWith(o)}function ol(e){try{return !(!e||qa(e)==null)}catch{return  false}}function zd(e){switch(e){case "success":return M__namespace.default.createElement(icons.PassedIcon,null);case "error":return M__namespace.default.createElement(icons.FailedIcon,null);case "warning":return M__namespace.default.createElement(icons.AlertIcon,null);case "info":return M__namespace.default.createElement(icons.AlertIcon,null);default:return null}}function _d(e,t){switch(e){case "success":return t?"#4ade80":"#166534";case "error":return t?"#f87171":"#991b1b";case "warning":return t?"#fbbf24":"#92400e";case "info":return t?"#60a5fa":"#1e40af";default:return "currentColor"}}var ei=e=>M__namespace.default.createElement("div",{...e,style:{fontSize:"11px",lineHeight:"14px",opacity:.9,overflowWrap:"anywhere",whiteSpace:"normal",wordBreak:"break-word",...e.style}}),Rd=({title:e,description:t,variant:o="info",onClose:r,style:n,closeButton:i=true,children:s,...a})=>{let l=document.body.classList.contains("light"),c=l?"rgba(32, 34, 37, 0.98)":"rgb(238, 243, 246)",p=l?"rgba(255, 255, 255, 0.08)":"rgba(206, 197, 197, 0.315)",u=l?"rgba(255, 255, 255, 0.88)":"rgba(34, 36, 37, 0.75)",f=l?"rgba(255, 255, 255, 0.96)":"rgb(115, 130, 140)",d=l?"rgba(255, 255, 255, 0.72)":"rgba(34, 36, 37, 0.6)",m={alignItems:"center",background:c,border:`1px solid ${p}`,borderRadius:"5px",boxShadow:l?"0 14px 32px rgba(0, 0, 0, 0.35)":"0 10px 28px rgba(15, 23, 42, 0.12)",color:u,display:"flex",fontFamily:"system-ui, -apple-system, sans-serif",gap:"12px",maxWidth:"450px",overflow:"hidden",padding:"12px 16px",position:"relative",zIndex:dom.getHighestZindex()+1,...n},h=zd(o),S=_d(o,l),b=typeof t=="string"?t.split(`
-`).map((w,O)=>M__namespace.default.createElement("span",{key:O},w,M__namespace.default.createElement("br",null))):t;return M__namespace.default.createElement("div",{style:m,...a},h&&M__namespace.default.createElement("div",{style:{color:S}},h),M__namespace.default.createElement("div",{style:{flex:1,minWidth:0}},e&&M__namespace.default.createElement("div",{style:{color:f,fontSize:"12px",fontWeight:700,lineHeight:"16px",marginBottom:"2px"}},e),t&&M__namespace.default.createElement(ei,null,b),s),r&&i&&M__namespace.default.createElement(components.IconButton,{onClick:r,"aria-label":"Dismiss notification",title:"Dismiss notification",style:{color:d}},M__namespace.default.createElement(icons.CrossIcon,null)))},wr=Rd;var nl=1e4,xt=new Map;function Kd(e){let t=xt.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):xt.set(e,{counter:0,currentId:`${e}_0`}),xt.get(e)?.currentId??e}function Gd(e){let t=o=>{let r=xt.get(e);r&&r.currentId===o&&xt.delete(e);};return {onAutoClose:o=>{t(o.id);},onDismiss:o=>{t(o.id);}}}var v=function(e){let{duration:t,id:o,dismissible:r=true,position:n,...i}=e,s,a;if(o!=null)s=o;else {let l=`toast_${hash.simpleHash(`${e.title??""}::${e.description??""}`)}`;s=Kd(l),a=Gd(l);}return sonner.toast.custom(l=>M__namespace.default.createElement(wr,{...i,onClose:r?()=>sonner.toast.dismiss(l):void 0}),{duration:t??nl,id:s,position:n,...a}),s};function xr(e,t,o){return v(typeof t=="string"?{...o,description:t,variant:e}:{...o,...t,variant:e})}v.error=(e,t)=>xr("error",e,t);v.success=(e,t)=>xr("success",e,t);v.warning=(e,t)=>xr("warning",e,t);v.info=(e,t)=>xr("info",e,t);v.custom=(e,t)=>{let{duration:o,...r}=t||{};return sonner.toast.custom(n=>typeof e=="function"?e({dismiss:()=>sonner.toast.dismiss(n),id:n}):e,{duration:o??nl,...r})};v.dismiss=e=>{sonner.toast.dismiss(e);};v.dismissAll=()=>{sonner.toast.dismiss(),xt.clear();};function Wd(e,t){let o=ao(e,t.name);if(!o||!o.required||!o.required.length)return {};if(!t.args)return {required:o.required};if(Object.keys(t.args).length===0)return {required:o.required};let n=[];for(let i=0;i<o.required.length;i++){let s=o.required[i];t.args[s]||n.push(s);}return {required:n.length===0?void 0:n}}function il(e,t){let o=t.reduce((r,n)=>{let i=Wd(e,n);return i.required&&r.push({id:n.id,name:n.name,...i}),r},[]);return o.length===0?void 0:o}var Yd=y(()=>({generateButton:{marginTop:8},input:{width:"100%"},paper:{width:e=>e.width}}),{name:"InputDialog"});var al=({value:e="",onSave:t,requiredMessage:o="Field is required",required:r,onCancel:n,onClose:i,width:s="30%",open:a,children:l,label:c,onGenerateContent:p,...u})=>{let[f,d]=M.useState(e),[m,h]=M.useState(false),[S,b]=M.useState(false),w=Yd({width:s}),O=!!p,x=M.useCallback(_=>{d(_.target.value);},[]),A=M.useCallback(()=>{i(true),n&&n();},[n,i]),I=M.useCallback(()=>{if(r&&!f){v.error(o),h(true);return}t(f.trim());},[f,t,r,o]),L=M.useCallback(async()=>{if(p){b(true);try{let _=await p();_!==void 0&&d(_);}finally{b(false);}}},[p]);return M.useEffect(()=>{d(e);},[e,a]),M__namespace.default.createElement(Jn,{onPositiveAction:I,onNegativeAction:A,onClose:A,open:a,...u},M__namespace.default.createElement(material.TextField,{className:w.input,multiline:true,rows:3,value:f,onChange:x,variant:"outlined",autoFocus:true,label:c,error:m,required:true,slotProps:{inputLabel:{shrink:true}}}),O&&M__namespace.default.createElement("div",{style:{justifyContent:"end",display:"flex"}},M__namespace.default.createElement(material.Button,{className:w.generateButton,size:"small",onClick:L,disabled:S,startIcon:S?M__namespace.default.createElement(material.CircularProgress,{size:14}):void 0},S?"Generating...":"Generate Title")),l)};al.displayName="InputDialog";var ll=oi__default.default.create(e=>{let t=oi.useModal(),o=M.useCallback(()=>{t.hide();},[t]),r=M.useCallback(n=>{e.onSave(n),t.hide();},[t,e]);return M__namespace.default.createElement(al,{...e,open:t.visible,onClose:o,onSave:r})});ll.displayName="InputDialogModal";var cl="input-dialog",sl=false,ul=()=>{sl||(oi__default.default.register(cl,ll),sl=true);},Tt={show:e=>oi__default.default.show(cl,e)};var om=y(e=>{let{background:t}=e.palette,o=tm__default.default(t.paper);return o.setAlpha(.5),{root:{backgroundColor:o.toString()}}},{name:"Loader"}),E=M.memo(e=>{let{open:t,progressSize:o,position:r}=e,n=om();return t?M__namespace.default.createElement(material.Backdrop,{className:`${n.root} loader-backdrop`,style:{position:r,zIndex:dom.getHighestZindex()},open:t},t&&M__namespace.default.createElement(material.CircularProgress,{size:o})):null});E.displayName="Loader";var im=typeof window<"u"?window.location.origin:"",P=reactQuery.createTRPCReact();function fl(){return P.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${im}/__storybook_playwright/trpc`})]})}function dl(){let[e,t]=M__namespace.default.useState(),o=M__namespace.default.useRef(false),{data:r}=P.theme.getThemeData.useQuery();return M__namespace.default.useEffect(()=>(!o.current&&r&&t(r),()=>{o.current=true;}),[r]),{setTheme:t,theme:e}}var lo=M.memo(e=>{let{children:t}=e,{theme:o}=managerApi.useStorybookState(),{theme:r}=dl(),n=styles.createTheme({components:{MuiPaper:{styleOverrides:{root:{variants:[{props:{variant:"elevation"},style:{backgroundImage:"none"}}]}}}},palette:{action:{active:o.barTextColor},background:{default:o.appBg,paper:o.appContentBg},divider:o.appBorderColor,primary:{main:o.colorSecondary},secondary:{main:o.colorPrimary},text:{primary:o.barTextColor},mode:o.base==="dark"?"dark":"light"},typography:{fontFamily:o.fontBase}},r||{});return M__namespace.default.createElement(Jt,{theme:n},M__namespace.default.createElement(styles.ThemeProvider,{theme:n},t))});lo.displayName="ThemeProvider";var pm=y(e=>{let{divider:t,text:o}=e.palette;return {root:{"& button":{alignItems:"center",display:"flex",marginTop:0},"& svg":{width:18},"&.border-bottom":{borderBottom:`1px solid ${t}`},"&.border-left":{borderLeft:`1px solid ${t}`},"&.border-right":{borderRight:`1px solid ${t}`},"&.border-top":{borderTop:`1px solid ${t}`},padding:2},toolbar:{"& > .left":{"& > *":{marginLeft:8}},"& > .left,& > .right":{alignItems:"center",display:"flex",minWidth:0},"& > .right":{"& > *":{marginRight:6}},alignItems:"center",color:o.primary,display:"flex",justifyContent:"space-between"}}},{name:"Toolbar"}),rt=e=>{let{children:t,border:o}=e,r=pm();return M__namespace.default.createElement("div",{className:Pr__default.default(r.root)+(o&&o.map(n=>` border-${n}`).join(" "))},M__namespace.default.createElement("div",{className:r.toolbar},t))};rt.displayName="Toolbar";var ni=M.memo(({message:e="Are you sure you want to continue?",title:t="Confirmation",onConfirm:o,onCancel:r,onClose:n,...i})=>{let s=M.useCallback(()=>{r&&r(),n&&n({},"backdropClick");},[r,n]);return M__namespace.default.createElement(Qn,{onPositiveAction:o,onNegativeAction:s,positiveActionName:"yes",negativeActionName:"no",onClose:s,title:t,...i},M__namespace.default.createElement(material.Typography,null,e))});ni.displayName="ConfirmationPopover";var Sm=D(hm__default.default),co=({className:e,setNodeRef:t,...o})=>M__namespace.default.createElement("span",{className:Pr__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},M__namespace.default.createElement(Sm,{style:{cursor:"move",fontSize:25,marginLeft:-12,marginRight:2}}));co.displayName="DragHandle";var wm=y(e=>{let{palette:{divider:t,text:o,primary:r,secondary:n}}=e;return {column:{alignItems:"center",display:"flex"},handle:{fontSize:24},header:{"& svg":{"&:hover":{color:r.main},fontSize:18},alignItems:"center",display:"flex",justifyContent:"space-between",minHeight:"48px",padding:"5px 8px",paddingLeft:16},icons:{display:"flex",gap:2},root:{border:`1px solid ${t}`,color:o.primary,display:"flex",flexDirection:"column",fontSize:14,marginBottom:4,position:"relative"},secondaryColor:{"& svg":{color:n.main},color:n.main},selected:{border:`1px solid ${tm__default.default(r.main).setAlpha(.6)}`},selectedSecondary:{border:`1px solid ${n.main}`}}},{name:"ListItemWrapper"}),nt=e=>{let{title:t,draggable:o,children:r,selected:n,className:i,onClick:s,tooltip:a,icons:l,secondaryColor:c,dragHandleProps:p,...u}=e,f=wm(),d=M.useCallback(m=>{s&&m.target.classList.contains("clickable")&&s(m);},[s]);return M__namespace.default.createElement("div",{className:Pr__default.default(f.root,{[f.selected]:n&&!c},{[f.selectedSecondary]:n&&c},i),...u,title:a,onClick:d},M__namespace.default.createElement("div",{className:Pr__default.default("clickable",f.header,"list-item-header")},M__namespace.default.createElement("div",{className:Pr__default.default(f.column,"clickable",{[f.secondaryColor]:c})},o&&M__namespace.default.createElement(co,{...p}),material.capitalize(t)),M__namespace.default.createElement("div",{className:Pr__default.default("clickable",f.column,f.icons,{[f.secondaryColor]:c})},l)),r&&M__namespace.default.createElement("div",{className:"list-item-content"},r))};nt.displayName="ListItemWrapper";var Am=y(e=>({root:{"& *:focus":{outline:"none"},color:e.palette.text.primary,height:"calc(100% - 50px)",padding:4,width:"100%"}}),{name:"ListWrapper"});var Mt=e=>{let{children:t,...o}=e,r=Am(),n=M.useRef(null);return M.useEffect(()=>{!n.current||!n.current.parentElement||(n.current.parentElement.style.height="100%");},[]),M__namespace.default.createElement("div",{ref:n,...o,className:Pr__default.default(r.root,e.className)},M__namespace.default.createElement(components.ScrollArea,{vertical:true},t))},si=e=>M__namespace.default.createElement(Mt,{...e});si.displayName="ListWrapperSortableContainer";Mt.displayName="ListWrapper";var Te=({onDelete:e,IconButton:t=components.IconButton,onClose:o,disabled:r})=>{let[n,i]=M__namespace.default.useState(null),s=M.useCallback(c=>{c.stopPropagation(),i(c.currentTarget);},[]),a=M.useCallback(()=>{o&&o(),i(null);},[o]),l=M.useCallback(()=>{a(),e();},[a,e]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(t,{disabled:r,onClick:s,title:"Delete Item",size:"small"},M__namespace.default.createElement(icons.TrashIcon,null)),n&&M__namespace.default.createElement(ni,{onClose:a,onConfirm:l,anchorEl:n}))};Te.displayName="DeleteConfirmationButton";var uo=e=>{let{onClick:t,checked:o,onChange:r}=e,n=M__namespace.default.useCallback(()=>{t(),r&&r(!o);},[t,r,o]);return M__namespace.default.createElement(components.IconButton,{className:"check-box",onClick:n,size:"small",active:o},o?M__namespace.default.createElement(icons.FormIcon,null):M__namespace.default.createElement(icons.StopAltHollowIcon,null))};uo.displayName="CheckBox";var Fm=y(()=>({root:{display:"flex",justifyContent:"space-between"}}),{name:"DeviceListItem"}),Tr=M.memo(M.forwardRef((e,t)=>{let{viewportSize:o,name:r,value:n,onClick:i,selected:s}=e,a=Fm(),l=M.useCallback(()=>{i(n);},[n,i]);return M__namespace.default.createElement(material.MenuItem,{selected:s,ref:t,onClick:l,className:a.root},M__namespace.default.createElement("div",null,r),M__namespace.default.createElement("div",null,o&&`${o.width}x${o.height}`))}));Tr.displayName="DeviceListItem";var ci=e=>{let{onDeviceSelect:t,selectedDevice:o}=e,[r,n]=M__namespace.default.useState(null),i=c=>{n(c.currentTarget);},s=()=>{n(null);},a=M.useMemo(()=>Object.keys(vr),[]),l=M.useCallback(c=>{n(null),t(c);},[t]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:i},"Load From Device Descriptors"),M__namespace.default.createElement(material.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:s},M__namespace.default.createElement(Tr,{name:"None",value:void 0,onClick:l,selected:false}),a.map(c=>M__namespace.default.createElement(Tr,{name:c,key:c,viewportSize:o&&o.viewport,onClick:l,selected:!!(o&&o.deviceName===c),value:c}))))};ci.displayName="DeviceList";function C(){let[e,t]=M.useState(),r=managerApi.useStorybookApi().getCurrentStoryData();return M.useEffect(()=>{if(!r||!r.importPath)return;let n=r,i=n.importPath,s=i.substring(i.lastIndexOf("/")+1);t({fileName:s,filePath:i,id:n.id,name:n.name,parent:n.parent});},[r]),e}var jm={actionSchema:{},currentActionSets:[],expandedActions:{},initialised:true,stories:{}},po=zustand.create()(middleware.devtools(()=>({...jm}),{name:"action-set-store"}));function yl(e){return e.map(t=>{let{id:o,...r}=t;return r})}function vl(e,t){if(e.length!==t.length)return  false;let o=yl(e),r=yl(t);return $m__default.default(o,r)}var U=()=>po.getState();function R(e){return po.setState(e)}function kt(e,t,o){return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:o}}}}function st(e,t,o,r){let n=e.stories[t]?.actionSets||[];return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:n.map(i=>i.id!==o?i:r(i))}}}}function xl(e,t,o){let r=e.stories[t]?.actionSets||[];return {...kt(e,t,r.filter(i=>i.id!==o)),orgEditingActionSet:void 0}}function Pl({storyId:e,actionSets:t}){let o=U();R(kt(o,e,t));}function Cl({storyId:e,actionSets:t}){let o=U(),r=o.stories[e]?.actionSets||[],n=t.reduce((a,l)=>{if(r.length){let c;for(let p=0;p<r.length;p++){let u=r[p];if(!a.find(f=>f.id===u.id)&&vl(u.actions,l.actions)){c=u;break}}c?a.push(c):a.push({...l,actions:l.actions.map(p=>(p.id=nanoid.nanoid(12),p)),id:nanoid.nanoid(12),temp:true});}else a.push({...l,actions:l.actions.map(c=>(c.id=nanoid.nanoid(12),c)),id:nanoid.nanoid(12),temp:true});return a},[]),i=n.map(a=>a.id),s=kt(o,e,[...n,...r.filter(a=>!i.includes(a.id))]);R({...s,currentActionSets:i});}function Dt({storyId:e,actionSet:t,selected:o,isNew:r}){let n=U(),i=[...n.stories[e]?(n.stories[e].actionSets||[]).filter(a=>a.id!==t.id):[],t],s=kt(n,e,i);R({...s,currentActionSets:[...n.currentActionSets?n.currentActionSets:[],t.id],orgEditingActionSet:r?{...t,isNew:true}:void 0});}function at(){R({currentActionSets:[]});}function Mr({storyId:e,actionSetId:t}){let o=U();R(xl(o,e,t));}function Et(e){let t=U();!t.stories[e]||!t.stories[e].actionSets||R(kt(t,e,t.stories[e].actionSets.filter(o=>!o.temp)));}function ui({storyId:e,oldIndex:t,newIndex:o}){let r=U(),n=r.stories[e]?.actionSets||[];R(kt(r,e,[...bl__default.default(n,t,o)]));}function Tl(e){let t=U(),o=t.currentActionSets.find(r=>r===e);R({currentActionSets:o?t.currentActionSets.filter(r=>r!==e):[...t.currentActionSets,e]});}function Ir(e){let t=U(),o=t.expandedActions[e]===true;R({expandedActions:{...t.expandedActions,[e]:!o}});}function pi(){R({expandedActions:{}});}function fi(e){R({actionSchema:e});}function kr(e){let t=U(),{orgEditingActionSet:o}=t;if(!o)return;let{isNew:r,...n}=o;if(r)R(xl(t,e,o.id));else {let i=st(t,e,o.id,s=>({...s,...n}));R({...i,orgEditingActionSet:void 0});}}function Al(e){let t=U();R({currentActionSets:[...t.currentActionSets,e.id],orgEditingActionSet:e});}function Ml({storyId:e,actionSetId:t,title:o}){let r=U();R(st(r,e,t,n=>({...n,title:o})));}function Il({storyId:e,actionSetId:t,action:o}){let r=U();R(st(r,e,t,n=>({...n,actions:[...n.actions,o]})));}function kl({storyId:e,actionSetId:t,actionId:o,actionOptionPath:r}){let n=U();R(st(n,e,t,i=>({...i,actions:i.actions.map(s=>{if(s.id===o){let a=s.subtitleItems&&s.subtitleItems.find(l=>l===r);return {...s,subtitleItems:a&&s.subtitleItems?s.subtitleItems.filter(l=>l!==r):[...s.subtitleItems||[],r]}}return s})})));}function Dl({storyId:e,actionSetId:t,oldIndex:o,newIndex:r}){let n=U();R(st(n,e,t,i=>({...i,actions:[...bl__default.default(i.actions,o,r)]})));}function El({storyId:e,actionSetId:t,actionId:o}){let r=U();R(st(r,e,t,n=>({...n,actions:n.actions.filter(i=>i.id!==o)})));}function di({storyId:e,actionSetId:t,actionId:o,objPath:r,val:n}){let i=U();R(st(i,e,t,s=>({...s,actions:s.actions.map(a=>a.id===o?{...a,args:gn__namespace.set(a.args,r,n)}:a)})));}function Ol(){R({orgEditingActionSet:void 0});}function pe(){return po()}var Jm={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},oe=zustand.create()(middleware.devtools(middleware.persist(()=>({...Jm}),{name:"__playwright_ui-store",partialize:e=>({addonState:e.addonState,browserOptions:e.browserOptions,screenshotOptions:e.screenshotOptions})}),{name:"ui-store"}));function Le(e){return oe.setState(e)}function Bl(e){Le({addonState:e});}function mi(e){Le({browserOptions:e});}function Ll(e){Le({screenshotOptions:e});}function Nl(e){Le({dragStart:e});}function hi(e){Le({selectorManager:e});}function Dr(e){Le({screenshotUpdateState:e});}function gi(e){Le({editScreenshotState:e});}function Si(e){Le({schemaLoaded:e});}function Fl(){return oe(e=>e.addonState)}function zl(){return oe(e=>e.browserOptions)}function Er(){return oe(e=>e.screenshotOptions)}function _l(){return oe(e=>e.dragStart)}function Rl(){return oe(e=>e.selectorManager)}function Hl(){return oe(e=>e.screenshotUpdateState)}function Vl(){return oe(e=>e.editScreenshotState)}function Kl(){return oe(e=>e.schemaLoaded)}function Gl(e){let{mutateAsync:t,isPending:o}=P.actionSet.saveActionSet.useMutation({onError:u=>{v.error(u.message||"Unexpected error occurred");}}),r=pe(),n=C(),i=M.useCallback(u=>{if(!n)return;let f=nanoid.nanoid(10),d={id:f,name:u};pi(),Il({action:d,actionSetId:e.id,storyId:n.id}),Ir(f);},[n,e.id]);M.useEffect(()=>()=>pi(),[]);let s=M.useCallback(async()=>{let u=il(r.actionSchema,e.actions);if(u){let f=u.map(d=>{if(!(!d.required||d.required.length===0))return `Action name: ${d.name}
-Required: ${d.required.join(",")}`}).filter(Boolean).join(`
+`;}},t.insertRules=function(r,n){for(var i=0;i<r.index.length;i++)this.insertRule(r.index[i],i,n);},t.insertRule=function(r,n,i){if(i===void 0&&(i=this.element.sheet),r.rules){var s=r,a=i;if(r.type==="conditional"||r.type==="keyframes"){var l=aa(i,n);if(a=sa(i,s.toString({children:false}),l),a===false)return  false;this.refCssRule(r,l,a);}return this.insertRules(s.rules,a),a}var c=r.toString();if(!c)return  false;var u=aa(i,n),p=sa(i,c,u);return p===false?false:(this.hasInsertedRules=true,this.refCssRule(r,u,p),p)},t.refCssRule=function(r,n,i){r.renderable=i,r.options.parent instanceof ca&&this.cssRules.splice(n,0,i);},t.deleteRule=function(r){var n=this.element.sheet,i=this.indexOf(r);return i===-1?false:(n.deleteRule(i),this.cssRules.splice(i,1),true)},t.indexOf=function(r){return this.cssRules.indexOf(r)},t.replaceRule=function(r,n){var i=this.indexOf(r);return i===-1?false:(this.element.sheet.deleteRule(i),this.cssRules.splice(i,1),this.insertRule(n,i))},t.getRules=function(){return this.element.sheet.cssRules},e})(),pd=0,ud=(function(){function e(o){this.id=pd++,this.version="10.10.0",this.plugins=new Xu,this.options={id:{minify:false},createGenerateId:ia,Renderer:Qe?cd:null,plugins:[]},this.generateId=ia({minify:false});for(var r=0;r<oa.length;r++)this.plugins.use(oa[r],{queue:"internal"});this.setup(o);}var t=e.prototype;return t.setup=function(r){return r===void 0&&(r={}),r.createGenerateId&&(this.options.createGenerateId=r.createGenerateId),r.id&&(this.options.id=N({},this.options.id,r.id)),(r.createGenerateId||r.id)&&(this.generateId=this.options.createGenerateId(this.options.id)),r.insertionPoint!=null&&(this.options.insertionPoint=r.insertionPoint),"Renderer"in r&&(this.options.Renderer=r.Renderer),r.plugins&&this.use.apply(this,r.plugins),this},t.createStyleSheet=function(r,n){n===void 0&&(n={});var i=n,s=i.index;typeof s!="number"&&(s=eo.index===0?0:eo.index+1);var a=new ca(r,N({},n,{jss:this,generateId:n.generateId||this.generateId,insertionPoint:this.options.insertionPoint,Renderer:this.options.Renderer,index:s}));return this.plugins.onProcessSheet(a),a},t.removeStyleSheet=function(r){return r.detach(),eo.remove(r),this},t.createRule=function(r,n,i){if(n===void 0&&(n={}),i===void 0&&(i={}),typeof r=="object")return this.createRule(void 0,r,n);var s=N({},i,{name:r,jss:this,Renderer:this.options.Renderer});s.generateId||(s.generateId=this.generateId),s.classes||(s.classes={}),s.keyframes||(s.keyframes={});var a=rr(r,n,s);return a&&this.plugins.onProcessRule(a),a},t.use=function(){for(var r=this,n=arguments.length,i=new Array(n),s=0;s<n;s++)i[s]=arguments[s];return i.forEach(function(a){r.plugins.use(a);}),this},e})(),Hn=function(t){return new ud(t)};var nr=typeof CSS=="object"&&CSS!=null&&"number"in CSS;function Vn(e){var t=null;for(var o in e){var r=e[o],n=typeof r;if(n==="function")t||(t={}),t[o]=r;else if(n==="object"&&r!==null&&!Array.isArray(r)){var i=Vn(r);i&&(t||(t={}),t[o]=i);}}return t}Hn();var da=Date.now(),Kn="fnValues"+da,Wn="fnStyle"+ ++da,dd=function(){return {onCreateRule:function(o,r,n){if(typeof r!="function")return null;var i=rr(o,{},n);return i[Wn]=r,i},onProcessStyle:function(o,r){if(Kn in r||Wn in r)return o;var n={};for(var i in o){var s=o[i];typeof s=="function"&&(delete o[i],n[i]=s);}return r[Kn]=n,o},onUpdate:function(o,r,n,i){var s=r,a=s[Wn];if(a&&(s.style=a(o)||{},0));var c=s[Kn];if(c)for(var u in c)s.prop(u,c[u](o),i);}}},fa=dd;var Oe="@global",Gn="@global ",fd=(function(){function e(o,r,n){this.type="global",this.at=Oe,this.isProcessed=false,this.key=o,this.options=n,this.rules=new oo(N({},n,{parent:this}));for(var i in r)this.rules.add(i,r[i]);this.rules.process();}var t=e.prototype;return t.getRule=function(r){return this.rules.get(r)},t.addRule=function(r,n,i){var s=this.rules.add(r,n,i);return s&&this.options.jss.plugins.onProcessRule(s),s},t.replaceRule=function(r,n,i){var s=this.rules.replace(r,n,i);return s&&this.options.jss.plugins.onProcessRule(s),s},t.indexOf=function(r){return this.rules.indexOf(r)},t.toString=function(r){return this.rules.toString(r)},e})(),md=(function(){function e(o,r,n){this.type="global",this.at=Oe,this.isProcessed=false,this.key=o,this.options=n;var i=o.substr(Gn.length);this.rule=n.jss.createRule(i,r,N({},n,{parent:this}));}var t=e.prototype;return t.toString=function(r){return this.rule?this.rule.toString(r):""},e})(),hd=/\s*,\s*/g;function ma(e,t){for(var o=e.split(hd),r="",n=0;n<o.length;n++)r+=t+" "+o[n].trim(),o[n+1]&&(r+=", ");return r}function gd(e,t){var o=e.options,r=e.style,n=r?r[Oe]:null;if(n){for(var i in n)t.addRule(i,n[i],N({},o,{selector:ma(i,e.selector)}));delete r[Oe];}}function Sd(e,t){var o=e.options,r=e.style;for(var n in r)if(!(n[0]!=="@"||n.substr(0,Oe.length)!==Oe)){var i=ma(n.substr(Oe.length),e.selector);t.addRule(i,r[n],N({},o,{selector:i})),delete r[n];}}function yd(){function e(o,r,n){if(!o)return null;if(o===Oe)return new fd(o,r,n);if(o[0]==="@"&&o.substr(0,Gn.length)===Gn)return new md(o,r,n);var i=n.parent;return i&&(i.type==="global"||i.options.parent&&i.options.parent.type==="global")&&(n.scoped=false),!n.selector&&n.scoped===false&&(n.selector=o),null}function t(o,r){o.type!=="style"||!r||(gd(o,r),Sd(o,r));}return {onCreateRule:e,onProcessRule:t}}var ha=yd;var ga=/\s*,\s*/g,vd=/&/g,bd=/\$([\w-]+)/g;function wd(){function e(n,i){return function(s,a){var l=n.getRule(a)||i&&i.getRule(a);return l?l.selector:a}}function t(n,i){for(var s=i.split(ga),a=n.split(ga),l="",c=0;c<s.length;c++)for(var u=s[c],p=0;p<a.length;p++){var d=a[p];l&&(l+=", "),l+=d.indexOf("&")!==-1?d.replace(vd,u):u+" "+d;}return l}function o(n,i,s){if(s)return N({},s,{index:s.index+1});var a=n.options.nestingLevel;a=a===void 0?1:a+1;var l=N({},n.options,{nestingLevel:a,index:i.indexOf(n)+1});return delete l.name,l}function r(n,i,s){if(i.type!=="style")return n;var a=i,l=a.options.parent,c,u;for(var p in n){var d=p.indexOf("&")!==-1,f=p[0]==="@";if(!(!d&&!f)){if(c=o(a,l,c),d){var m=t(p,a.selector);u||(u=e(l,s)),m=m.replace(bd,u);var h=a.key+"-"+p;"replaceRule"in l?l.replaceRule(h,n[p],N({},c,{selector:m})):l.addRule(h,n[p],N({},c,{selector:m}));}else f&&l.addRule(p,{},c).addRule(a.key,n[p],{selector:a.selector});delete n[p];}}return n}return {onProcessStyle:r}}var Sa=wd;var xd=/[A-Z]/g,Pd=/^ms-/,Un={};function Td(e){return "-"+e.toLowerCase()}function Cd(e){if(Un.hasOwnProperty(e))return Un[e];var t=e.replace(xd,Td);return Un[e]=Pd.test(t)?"-"+t:t}var jn=Cd;function ir(e){var t={};for(var o in e){var r=o.indexOf("--")===0?o:jn(o);t[r]=e[o];}return e.fallbacks&&(Array.isArray(e.fallbacks)?t.fallbacks=e.fallbacks.map(ir):t.fallbacks=ir(e.fallbacks)),t}function Ad(){function e(o){if(Array.isArray(o)){for(var r=0;r<o.length;r++)o[r]=ir(o[r]);return o}return ir(o)}function t(o,r,n){if(r.indexOf("--")===0)return o;var i=jn(r);return r===i?o:(n.prop(i,o),null)}return {onProcessStyle:e,onChangeValue:t}}var ya=Ad;var g=nr&&CSS?CSS.px:"px",sr=nr&&CSS?CSS.ms:"ms",vt=nr&&CSS?CSS.percent:"%",Md={"animation-delay":sr,"animation-duration":sr,"background-position":g,"background-position-x":g,"background-position-y":g,"background-size":g,border:g,"border-bottom":g,"border-bottom-left-radius":g,"border-bottom-right-radius":g,"border-bottom-width":g,"border-left":g,"border-left-width":g,"border-radius":g,"border-right":g,"border-right-width":g,"border-top":g,"border-top-left-radius":g,"border-top-right-radius":g,"border-top-width":g,"border-width":g,"border-block":g,"border-block-end":g,"border-block-end-width":g,"border-block-start":g,"border-block-start-width":g,"border-block-width":g,"border-inline":g,"border-inline-end":g,"border-inline-end-width":g,"border-inline-start":g,"border-inline-start-width":g,"border-inline-width":g,"border-start-start-radius":g,"border-start-end-radius":g,"border-end-start-radius":g,"border-end-end-radius":g,margin:g,"margin-bottom":g,"margin-left":g,"margin-right":g,"margin-top":g,"margin-block":g,"margin-block-end":g,"margin-block-start":g,"margin-inline":g,"margin-inline-end":g,"margin-inline-start":g,padding:g,"padding-bottom":g,"padding-left":g,"padding-right":g,"padding-top":g,"padding-block":g,"padding-block-end":g,"padding-block-start":g,"padding-inline":g,"padding-inline-end":g,"padding-inline-start":g,"mask-position-x":g,"mask-position-y":g,"mask-size":g,height:g,width:g,"min-height":g,"max-height":g,"min-width":g,"max-width":g,bottom:g,left:g,top:g,right:g,inset:g,"inset-block":g,"inset-block-end":g,"inset-block-start":g,"inset-inline":g,"inset-inline-end":g,"inset-inline-start":g,"box-shadow":g,"text-shadow":g,"column-gap":g,"column-rule":g,"column-rule-width":g,"column-width":g,"font-size":g,"font-size-delta":g,"letter-spacing":g,"text-decoration-thickness":g,"text-indent":g,"text-stroke":g,"text-stroke-width":g,"word-spacing":g,motion:g,"motion-offset":g,outline:g,"outline-offset":g,"outline-width":g,perspective:g,"perspective-origin-x":vt,"perspective-origin-y":vt,"transform-origin":vt,"transform-origin-x":vt,"transform-origin-y":vt,"transform-origin-z":vt,"transition-delay":sr,"transition-duration":sr,"vertical-align":g,"flex-basis":g,"shape-margin":g,size:g,gap:g,grid:g,"grid-gap":g,"row-gap":g,"grid-row-gap":g,"grid-column-gap":g,"grid-template-rows":g,"grid-template-columns":g,"grid-auto-rows":g,"grid-auto-columns":g,"box-shadow-x":g,"box-shadow-y":g,"box-shadow-blur":g,"box-shadow-spread":g,"font-line-height":g,"text-shadow-x":g,"text-shadow-y":g,"text-shadow-blur":g};function va(e){var t=/(-[a-z])/g,o=function(s){return s[1].toUpperCase()},r={};for(var n in e)r[n]=e[n],r[n.replace(t,o)]=e[n];return r}var Id=va(Md);function ro(e,t,o){if(t==null)return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]=ro(e,t[r],o);else if(typeof t=="object")if(e==="fallbacks")for(var n in t)t[n]=ro(n,t[n],o);else for(var i in t)t[i]=ro(e+"-"+i,t[i],o);else if(typeof t=="number"&&isNaN(t)===false){var s=o[e]||Id[e];return s&&!(t===0&&s===g)?typeof s=="function"?s(t).toString():""+t+s:t.toString()}return t}function kd(e){e===void 0&&(e={});var t=va(e);function o(n,i){if(i.type!=="style")return n;for(var s in n)n[s]=ro(s,n[s],t);return n}function r(n,i){return ro(i,n,t)}return {onProcessStyle:o,onChangeValue:r}}var ba=kd;function no(e,t){(t==null||t>e.length)&&(t=e.length);for(var o=0,r=Array(t);o<t;o++)r[o]=e[o];return r}function wa(e){if(Array.isArray(e))return no(e)}function xa(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Pa(e,t){if(e){if(typeof e=="string")return no(e,t);var o={}.toString.call(e).slice(8,-1);return o==="Object"&&e.constructor&&(o=e.constructor.name),o==="Map"||o==="Set"?Array.from(e):o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?no(e,t):void 0}}function Ta(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ca(e){return wa(e)||xa(e)||Pa(e)||Ta()}var io="",$n="",ka="",Da="",Dd=Qe&&"ontouchstart"in document.documentElement;if(Qe){ar={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},Aa=document.createElement("p"),lr=Aa.style,Ma="Transform";for(cr in ar)if(cr+Ma in lr){io=cr,$n=ar[cr];break}io==="Webkit"&&"msHyphens"in lr&&(io="ms",$n=ar.ms,Da="edge"),io==="Webkit"&&"-apple-trailing-word"in lr&&(ka="apple");}var ar,Aa,lr,Ma,cr,C={js:io,css:$n,vendor:ka,browser:Da,isTouch:Dd};function Ea(e){return e[1]==="-"||C.js==="ms"?e:"@"+C.css+"keyframes"+e.substr(10)}var Ed={noPrefill:["appearance"],supportedProperty:function(t){return t!=="appearance"?false:C.js==="ms"?"-webkit-"+t:C.css+t}},Od={noPrefill:["color-adjust"],supportedProperty:function(t){return t!=="color-adjust"?false:C.js==="Webkit"?C.css+"print-"+t:t}},Bd=/[-\s]+(.)?/g;function Ld(e,t){return t?t.toUpperCase():""}function qn(e){return e.replace(Bd,Ld)}function Le(e){return qn("-"+e)}var Nd={noPrefill:["mask"],supportedProperty:function(t,o){if(!/^mask/.test(t))return  false;if(C.js==="Webkit"){var r="mask-image";if(qn(r)in o)return t;if(C.js+Le(r)in o)return C.css+t}return t}},Fd={noPrefill:["text-orientation"],supportedProperty:function(t){return t!=="text-orientation"?false:C.vendor==="apple"&&!C.isTouch?C.css+t:t}},_d={noPrefill:["transform"],supportedProperty:function(t,o,r){return t!=="transform"?false:r.transform?t:C.css+t}},zd={noPrefill:["transition"],supportedProperty:function(t,o,r){return t!=="transition"?false:r.transition?t:C.css+t}},Rd={noPrefill:["writing-mode"],supportedProperty:function(t){return t!=="writing-mode"?false:C.js==="Webkit"||C.js==="ms"&&C.browser!=="edge"?C.css+t:t}},Hd={noPrefill:["user-select"],supportedProperty:function(t){return t!=="user-select"?false:C.js==="Moz"||C.js==="ms"||C.vendor==="apple"?C.css+t:t}},Vd={supportedProperty:function(t,o){if(!/^break-/.test(t))return  false;if(C.js==="Webkit"){var r="WebkitColumn"+Le(t);return r in o?C.css+"column-"+t:false}if(C.js==="Moz"){var n="page"+Le(t);return n in o?"page-"+t:false}return  false}},Kd={supportedProperty:function(t,o){if(!/^(border|margin|padding)-inline/.test(t))return  false;if(C.js==="Moz")return t;var r=t.replace("-inline","");return C.js+Le(r)in o?C.css+r:false}},Wd={supportedProperty:function(t,o){return qn(t)in o?t:false}},Gd={supportedProperty:function(t,o){var r=Le(t);return t[0]==="-"||t[0]==="-"&&t[1]==="-"?t:C.js+r in o?C.css+t:C.js!=="Webkit"&&"Webkit"+r in o?"-webkit-"+t:false}},Ud={supportedProperty:function(t){return t.substring(0,11)!=="scroll-snap"?false:C.js==="ms"?""+C.css+t:t}},jd={supportedProperty:function(t){return t!=="overscroll-behavior"?false:C.js==="ms"?C.css+"scroll-chaining":t}},$d={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},qd={supportedProperty:function(t,o){var r=$d[t];return r&&C.js+Le(r)in o?C.css+r:false}},Oa={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},Xd=Object.keys(Oa),Yd=function(t){return C.css+t},Jd={supportedProperty:function(t,o,r){var n=r.multiple;if(Xd.indexOf(t)>-1){var i=Oa[t];if(!Array.isArray(i))return C.js+Le(i)in o?C.css+i:false;if(!n)return  false;for(var s=0;s<i.length;s++)if(!(C.js+Le(i[0])in o))return  false;return i.map(Yd)}return  false}},Ba=[Ed,Od,Nd,Fd,_d,zd,Rd,Hd,Vd,Kd,Wd,Gd,Ud,jd,qd,Jd],Ia=Ba.filter(function(e){return e.supportedProperty}).map(function(e){return e.supportedProperty}),Qd=Ba.filter(function(e){return e.noPrefill}).reduce(function(e,t){return e.push.apply(e,Ca(t.noPrefill)),e},[]),so,et={};if(Qe){so=document.createElement("p"),pr=window.getComputedStyle(document.documentElement,"");for(ur in pr)isNaN(ur)||(et[pr[ur]]=pr[ur]);Qd.forEach(function(e){return delete et[e]});}var pr,ur;function dr(e,t){if(t===void 0&&(t={}),!so)return e;if(et[e]!=null)return et[e];(e==="transition"||e==="transform")&&(t[e]=e in so.style);for(var o=0;o<Ia.length&&(et[e]=Ia[o](e,so.style,t),!et[e]);o++);try{so.style[e]="";}catch{return  false}return et[e]}var bt={},Zd={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},ef=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,Be;function tf(e,t,o){if(t==="var")return "var";if(t==="all")return "all";if(o==="all")return ", all";var r=t?dr(t):", "+dr(o);return r||t||o}Qe&&(Be=document.createElement("p"));function Xn(e,t){var o=t;if(!Be||e==="content")return t;if(typeof o!="string"||!isNaN(parseInt(o,10)))return o;var r=e+o;if(bt[r]!=null)return bt[r];try{Be.style[e]=o;}catch{return bt[r]=false,false}if(Zd[e])o=o.replace(ef,tf);else if(Be.style[e]===""&&(o=C.css+o,o==="-ms-flex"&&(Be.style[e]="-ms-flexbox"),Be.style[e]=o,Be.style[e]===""))return bt[r]=false,false;return Be.style[e]="",bt[r]=o,bt[r]}function of(){function e(n){if(n.type==="keyframes"){var i=n;i.at=Ea(i.at);}}function t(n){for(var i in n){var s=n[i];if(i==="fallbacks"&&Array.isArray(s)){n[i]=s.map(t);continue}var a=false,l=dr(i);l&&l!==i&&(a=true);var c=false,u=Xn(l,Ee(s));u&&u!==s&&(c=true),(a||c)&&(a&&delete n[i],n[l||i]=u||s);}return n}function o(n,i){return i.type!=="style"?n:t(n)}function r(n,i){return Xn(i,Ee(n))||n}return {onProcessRule:e,onProcessStyle:o,onChangeValue:r}}var La=of;function rf(){var e=function(o,r){return o.length===r.length?o>r?1:-1:o.length-r.length};return {onProcessStyle:function(o,r){if(r.type!=="style")return o;for(var n={},i=Object.keys(o).sort(e),s=0;s<i.length;s++)n[i[s]]=o[i[s]];return n}}}var Na=rf;function fr(){return {plugins:[fa(),ha(),Sa(),ya(),ba(),typeof window>"u"?null:La(),Na()]}}function ao(e={}){let{baseClasses:t,newClasses:o,Component:r}=e;if(!o)return t;let n={...t};return Object.keys(o).forEach(i=>{o[i]&&(n[i]=`${t[i]} ${o[i]}`);}),n}var nf={set:(e,t,o,r)=>{let n=e.get(t);n||(n=new Map,e.set(t,n)),n.set(o,r);},get:(e,t,o)=>{let r=e.get(t);return r?r.get(o):void 0},delete:(e,t,o)=>{e.get(t).delete(o);}},tt=nf;function Yn(){let e=St();return e?.$$material??e}var sf=Hn(fr()),af=tr(),lf=new Map;var cf={disableGeneration:false,generateClassName:af,jss:sf,sheetsCache:null,sheetsManager:lf,sheetsRegistry:null},Fa=M__namespace.createContext(cf);var _a=-1e9;function za(){return _a+=1,_a}function Ra(e){return e.length===0}function hr(e){let{variant:t,...o}=e,r=t||"";return Object.keys(o).sort().forEach(n=>{n==="color"?r+=Ra(r)?e[n]:Je(e[n]):r+=`${Ra(r)?n:Je(n)}${Je(e[n].toString())}`;}),r}var pf={},Ha=pf;function gr(e){let t=typeof e=="function";return {create:(o,r)=>{let n;try{n=t?e(o):e;}catch(l){throw l}if(!r||!o.components||!o.components[r]||!o.components[r].styleOverrides&&!o.components[r].variants)return n;let i=o.components[r].styleOverrides||{},s=o.components[r].variants||[],a={...n};return Object.keys(i).forEach(l=>{a[l]=Ye(a[l]||{},i[l]);}),s.forEach(l=>{let c=hr(l.props);a[c]=Ye(a[c]||{},l.style);}),a},options:{}}}function uf({state:e,stylesOptions:t},o,r){if(t.disableGeneration)return o||{};e.cacheClasses||(e.cacheClasses={value:null,lastProp:null,lastJSS:{}});let n=false;return e.classes!==e.cacheClasses.lastJSS&&(e.cacheClasses.lastJSS=e.classes,n=true),o!==e.cacheClasses.lastProp&&(e.cacheClasses.lastProp=o,n=true),n&&(e.cacheClasses.value=ao({baseClasses:e.cacheClasses.lastJSS,newClasses:o,Component:r})),e.cacheClasses.value}function df({state:e,theme:t,stylesOptions:o,stylesCreator:r,name:n},i){if(o.disableGeneration)return;let s=tt.get(o.sheetsManager,r,t);s||(s={refs:0,staticSheet:null,dynamicStyles:null},tt.set(o.sheetsManager,r,t,s));let a={...r.options,...o,theme:t,flip:typeof o.flip=="boolean"?o.flip:t.direction==="rtl"};a.generateId=a.serverGenerateClassName||a.generateClassName;let l=o.sheetsRegistry;if(s.refs===0){let c;o.sheetsCache&&(c=tt.get(o.sheetsCache,r,t));let u=r.create(t,n);c||(c=o.jss.createStyleSheet(u,{link:false,...a}),c.attach(),o.sheetsCache&&tt.set(o.sheetsCache,r,t,c)),l&&l.add(c),s.staticSheet=c,s.dynamicStyles=Vn(u);}if(s.dynamicStyles){let c=o.jss.createStyleSheet(s.dynamicStyles,{link:true,...a});c.update(i),c.attach(),e.dynamicSheet=c,e.classes=ao({baseClasses:s.staticSheet.classes,newClasses:c.classes}),l&&l.add(c);}else e.classes=s.staticSheet.classes;s.refs+=1;}function ff({state:e},t){e.dynamicSheet&&e.dynamicSheet.update(t);}function mf({state:e,theme:t,stylesOptions:o,stylesCreator:r}){if(o.disableGeneration)return;let n=tt.get(o.sheetsManager,r,t);n.refs-=1;let i=o.sheetsRegistry;n.refs===0&&(tt.delete(o.sheetsManager,r,t),o.jss.removeStyleSheet(n.staticSheet),i&&i.remove(n.staticSheet)),e.dynamicSheet&&(o.jss.removeStyleSheet(e.dynamicSheet),i&&i.remove(e.dynamicSheet));}function hf(e,t){let o=M__namespace.useRef([]),r,n=M__namespace.useMemo(()=>({}),t);o.current!==n&&(o.current=n,r=e()),M__namespace.useEffect(()=>()=>{r&&r();},[n]);}function y(e,t={}){let{name:o,classNamePrefix:r,Component:n,defaultTheme:i=Ha,...s}=t,a=gr(e),l=o||r||"makeStyles";return a.options={index:za(),name:o,meta:l,classNamePrefix:l},(u={})=>{let p=Yn()||i,d={...M__namespace.useContext(Fa),...s},f=M__namespace.useRef(),m=M__namespace.useRef();return hf(()=>{let S={name:o,state:{},stylesCreator:a,stylesOptions:d,theme:p};return df(S,u),m.current=false,f.current=S,()=>{mf(S);}},[p,a]),M__namespace.useEffect(()=>{m.current&&ff(f.current,u),m.current=true;}),uf(f.current,u.classes,n)}}function D(e){return e.default??e}var xf=D(wf__default.default),Pf=y(e=>{let{primary:t}=e.palette;return {closIcon:{zIndex:100},input:{width:"100%"},paper:{height:o=>o.height,padding:10,maxHeight:"calc(100% - 20px)",maxWidth:o=>o.width+" !important",width:o=>o.width+" !important"},title:{"& h6":{fontSize:17},color:t.main,display:"flex",justifyContent:"space-between",padding:"12px 24px"},titleActions:{marginBottom:"-10px",marginRight:"-18px",marginTop:"-8px"}}},{name:"Dialog"}),Se=({children:e,width:t="80%",height:o="auto",title:r,onClose:n,footerActions:i,subtitle:s,titleActions:a,open:l=false,enableCloseButton:c=true,...u})=>{let p=Pf({height:o,width:t}),d=i,f=a;return M__namespace.default.createElement(material.Dialog,{open:l,classes:{paper:p.paper},onClose:n,...u},(f||c||r||s)&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.DialogTitle,{className:p.title},M__namespace.default.createElement("div",null,r&&M__namespace.default.createElement(material.Typography,{variant:"h6"},r),s&&M__namespace.default.createElement(material.Typography,{variant:"body1"},s)),M__namespace.default.createElement("div",{className:p.titleActions},f&&M__namespace.default.createElement(f,null),c&&M__namespace.default.createElement(material.IconButton,{color:"primary",className:p.closIcon,onClick:n},M__namespace.default.createElement(xf,null)))),M__namespace.default.createElement(material.Divider,null)),e,d&&M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(d,null)))};Se.displayName="Dialog";var Jn=M.memo(({onPositiveAction:e,title:t,onNegativeAction:o,open:r,onClose:n,width:i="30%",children:s,positiveActionName:a,negativeActionName:l,onCancel:c,...u})=>{let p=M.useCallback(()=>{n(),c&&c();},[c,n]);return M__namespace.default.createElement(Se,{enableCloseButton:false,open:r,onClose:p,width:i,...u},M__namespace.default.createElement(Yt,{onPositiveAction:e,negativeActionName:l,title:t,onNegativeAction:o,positiveActionName:a},s))});Jn.displayName="ActionDialog";var Qn=M.memo(({onPositiveAction:e,title:t,onNegativeAction:o,children:r,positiveActionName:n,negativeActionName:i,...s})=>M__namespace.default.createElement(material.Popover,{open:true,...s},M__namespace.default.createElement(Yt,{onPositiveAction:e,negativeActionName:i,title:t,onNegativeAction:o,positiveActionName:n},r)));Qn.displayName="ActionPopover";var Df=y(()=>({backdrop:{position:"absolute"},root:{color:"red"}}),{name:"ErrorPanel"}),Zn=M.memo(e=>{let{message:t}=e,o=Df();return M__namespace.default.createElement(material.Backdrop,{open:true,className:o.backdrop},M__namespace.default.createElement("div",{className:o.root},t)," ")});Zn.displayName="ErrorPanel";function yr(e){return e.charAt(0).toUpperCase()+e.slice(1)}function Xa(e,t,o,r,n){let i;/^\.{0,2}[/\\]/.test(e)?i=`file:///${e.replace(/\\/g,"/").replace(/^\/+/,"")}`:/^https?:\/\//i.test(e)||/^file:\/\//i.test(e)?i=qa__default.default(e):i=qa__default.default(`http://${e}`);let s=`${i}/iframe.html?id=${t}`;return s.replace(/\\/g,"/")}function Te(){return document.body.querySelector("#storybook-preview-iframe")}function Ya(e){return Te()?.contentWindow?.document.querySelector(e)}function lo(e,t){if(!t)return;let o=t.split(".").join(".properties.");return gn.get(e,o)}var vr={"Blackberry PlayBook":{userAgent:"Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/15.4 Safari/536.2+",viewport:{width:600,height:1024},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Blackberry PlayBook landscape":{userAgent:"Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Version/15.4 Safari/536.2+",viewport:{width:1024,height:600},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"BlackBerry Z30":{userAgent:"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/15.4 Mobile Safari/537.10+",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"BlackBerry Z30 landscape":{userAgent:"Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Version/15.4 Mobile Safari/537.10+",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note 3":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note 3 landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note II":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy Note II landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S III":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S III landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/15.4 Mobile Safari/534.30",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Galaxy S5":{userAgent:"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S8":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; SM-G950U Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:740},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S8 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; SM-G950U Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:740,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S9+":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:320,height:658},deviceScaleFactor:4.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy S9+ landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; SM-G965U Build/R16NW) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:658,height:320},deviceScaleFactor:4.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy Tab S4":{userAgent:"Mozilla/5.0 (Linux; Android 8.1.0; SM-T837A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:712,height:1138},deviceScaleFactor:2.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Galaxy Tab S4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.1.0; SM-T837A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:1138,height:712},deviceScaleFactor:2.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"iPad (gen 6)":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:768,height:1024},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 6) landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1024,height:768},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 7)":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:810,height:1080},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad (gen 7) landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1080,height:810},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Mini":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:768,height:1024},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Mini landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1024,height:768},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Pro 11":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:834,height:1194},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPad Pro 11 landscape":{userAgent:"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:1194,height:834},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 6 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 7 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:667},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:667,height:375},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 Plus":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:414,height:736},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 8 Plus landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:736,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone SE":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/15.4 Mobile/14E304 Safari/602.1",viewport:{width:320,height:568},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone SE landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_1 like Mac OS X) AppleWebKit/603.1.30 (KHTML, like Gecko) Version/15.4 Mobile/14E304 Safari/602.1",viewport:{width:568,height:320},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone X":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:375,height:812},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone X landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1",viewport:{width:812,height:375},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone XR":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:414,height:896},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone XR landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",viewport:{width:896,height:414},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:414,height:715},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:800,height:364},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:375,height:635},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:724,height:325},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:414,height:715},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 11 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:414,height:896},viewport:{width:808,height:364},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:340},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:340},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:428,height:746},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 12 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:832,height:378},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:342},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:390,height:664},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:390,height:844},viewport:{width:750,height:342},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro Max":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:428,height:746},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Pro Max landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:428,height:926},viewport:{width:832,height:380},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Mini":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:375,height:629},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"iPhone 13 Mini landscape":{userAgent:"Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1",screen:{width:375,height:812},viewport:{width:712,height:327},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"JioPhone 2":{userAgent:"Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:89.0 Gecko/48.0 Firefox/93.0 KAIOS/2.5",viewport:{width:240,height:320},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"firefox"},"JioPhone 2 landscape":{userAgent:"Mozilla/5.0 (Mobile; LYF/F300B/LYF-F300B-001-01-15-130718-i;Android; rv:89.0 Gecko/48.0 Firefox/93.0 KAIOS/2.5",viewport:{width:320,height:240},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"firefox"},"Kindle Fire HDX":{userAgent:"Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true",viewport:{width:800,height:1280},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Kindle Fire HDX landscape":{userAgent:"Mozilla/5.0 (Linux; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true",viewport:{width:1280,height:800},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"LG Optimus L70":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:384,height:640},deviceScaleFactor:1.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"LG Optimus L70 landscape":{userAgent:"Mozilla/5.0 (Linux; U; Android 4.4.2; en-us; LGMS323 Build/KOT49I.MS32310c) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:384},deviceScaleFactor:1.25,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 550":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:640,height:360},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 550 landscape":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 550) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:360,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 950":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:360,height:640},deviceScaleFactor:4,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Microsoft Lumia 950 landscape":{userAgent:"Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; Microsoft; Lumia 950) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36 Edge/14.14263",viewport:{width:640,height:360},deviceScaleFactor:4,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 10":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:800,height:1280},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 10 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 10 Build/MOB31T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:1280,height:800},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 4":{userAgent:"Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:384,height:640},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 4.4.2; Nexus 4 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:384},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5":{userAgent:"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5X":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 5X landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 5X Build/OPR4.170623.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6":{userAgent:"Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.1.1; Nexus 6 Build/N6F26U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6P":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:412,height:732},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 6P landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Nexus 6P Build/OPP3.170518.006) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:732,height:412},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 7":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:600,height:960},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nexus 7 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 7 Build/MOB30X) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",viewport:{width:960,height:600},deviceScaleFactor:2,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia Lumia 520":{userAgent:"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)",viewport:{width:320,height:533},deviceScaleFactor:1.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia Lumia 520 landscape":{userAgent:"Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 520)",viewport:{width:533,height:320},deviceScaleFactor:1.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Nokia N9":{userAgent:"Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13",viewport:{width:480,height:854},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Nokia N9 landscape":{userAgent:"Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13",viewport:{width:854,height:480},deviceScaleFactor:1,isMobile:true,hasTouch:true,defaultBrowserType:"webkit"},"Pixel 2":{userAgent:"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:411,height:731},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:731,height:411},deviceScaleFactor:2.625,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 XL":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:411,height:823},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 2 XL landscape":{userAgent:"Mozilla/5.0 (Linux; Android 8.0.0; Pixel 2 XL Build/OPD1.170816.004) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:823,height:411},deviceScaleFactor:3.5,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 3":{userAgent:"Mozilla/5.0 (Linux; Android 9; Pixel 3 Build/PQ1A.181105.017.A1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:393,height:786},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 3 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 9; Pixel 3 Build/PQ1A.181105.017.A1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:786,height:393},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4":{userAgent:"Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:353,height:745},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:745,height:353},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4a (5G)":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 4a (5G)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:412,height:892},viewport:{width:412,height:765},deviceScaleFactor:2.63,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 4a (5G) landscape":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 4a (5G)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{height:892,width:412},viewport:{width:840,height:312},deviceScaleFactor:2.63,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 5":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:393,height:851},viewport:{width:393,height:727},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Pixel 5 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",screen:{width:851,height:393},viewport:{width:802,height:293},deviceScaleFactor:2.75,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Moto G4":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:360,height:640},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Moto G4 landscape":{userAgent:"Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Mobile Safari/537.36",viewport:{width:640,height:360},deviceScaleFactor:3,isMobile:true,hasTouch:true,defaultBrowserType:"chromium"},"Desktop Chrome HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Edge HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36 Edg/97.0.4666.0",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Firefox HiDPI":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0 Gecko/20100101 Firefox/93.0",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"firefox"},"Desktop Safari":{userAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15",screen:{width:1792,height:1120},viewport:{width:1280,height:720},deviceScaleFactor:2,isMobile:false,hasTouch:false,defaultBrowserType:"webkit"},"Desktop Chrome":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Edge":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4666.0 Safari/537.36 Edg/97.0.4666.0",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"chromium"},"Desktop Firefox":{userAgent:"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0 Gecko/20100101 Firefox/93.0",screen:{width:1920,height:1080},viewport:{width:1280,height:720},deviceScaleFactor:1,isMobile:false,hasTouch:false,defaultBrowserType:"firefox"}};function Ja(e){if(!e)return;let t=vr[e];if(t)return t.deviceName=e,t}function Qa(e){let{body:t,documentElement:o,defaultView:r}=e;if(!t||!o)return null;let n=Math.max(t.scrollWidth,t.offsetWidth,t.clientWidth,o.scrollWidth,o.offsetWidth,o.clientWidth),i=Math.max(t.scrollHeight,t.offsetHeight,t.clientHeight,o.scrollHeight,o.offsetHeight,o.clientHeight);if(r){let s=r.scrollX,a=r.scrollY;for(let l of Array.from(e.querySelectorAll("*"))){if(!(l instanceof r.HTMLElement)&&!(l instanceof r.SVGElement))continue;let c=r.getComputedStyle(l);if(c.display==="none"||c.visibility==="hidden")continue;let u=l.getBoundingClientRect();n=Math.max(n,Math.ceil(u.right+s)),i=Math.max(i,Math.ceil(u.bottom+a));}for(let l of Array.from(e.querySelectorAll("iframe")))try{let c=l.contentDocument;if(!c)continue;let u=Qa(c);if(!u)continue;let p=l.getBoundingClientRect();n=Math.max(n,Math.ceil(p.left+s+u.width)),i=Math.max(i,Math.ceil(p.top+a+u.height));}catch{}}return n<=0||i<=0?null:{width:n,height:i}}function Za(e){let t=e.contentDocument;return t?Qa(t):null}function el(e){return e.contentDocument||e.contentWindow?.document}function tl(e){let t=el(e);if(!t)return {scrollLeft:0,scrollTop:0};let o=t.defaultView,r=(o?o.pageYOffset:0)||t.documentElement.scrollTop;return {scrollLeft:(o?o.pageXOffset:0)||t.documentElement.scrollLeft,scrollTop:r}}function wt(e){return e.error?e.error:e.diffSize&&e.imageDimensions?`Expected image to be the same size as the snapshot (${e.imageDimensions.baselineWidth}x${e.imageDimensions.baselineHeight}), but was different (${e.imageDimensions.receivedWidth}x${e.imageDimensions.receivedHeight}).`:e.diffRatio?`Expected image to match or be a close match to snapshot but was ${e.diffRatio*100}% different from snapshot (${e.diffPixelCount} differing pixels).`:""}function xt(...e){for(let t=0;t<e.length;t++){let o=e[t];if(o&&Object.keys(o).length>0)return o}}var ol=e=>{if(e)return xt(e.globals)};var rl=e=>{if(e)return xt(e.args,e.props)};function br(e,t){if(e===t)return  true;let o=e.split(".").slice(0,-2).join(".");return t.split(".").slice(0,-1).join(".").endsWith(o)}function nl(e){try{return !(!e||Ya(e)==null)}catch{return  false}}function Rf(e){switch(e){case "success":return M__namespace.default.createElement(icons.PassedIcon,null);case "error":return M__namespace.default.createElement(icons.FailedIcon,null);case "warning":return M__namespace.default.createElement(icons.AlertIcon,null);case "info":return M__namespace.default.createElement(icons.AlertIcon,null);default:return null}}function Hf(e,t){switch(e){case "success":return t?"#4ade80":"#166534";case "error":return t?"#f87171":"#991b1b";case "warning":return t?"#fbbf24":"#92400e";case "info":return t?"#60a5fa":"#1e40af";default:return "currentColor"}}var ei=e=>M__namespace.default.createElement("div",{...e,style:{fontSize:"11px",lineHeight:"14px",opacity:.9,overflowWrap:"anywhere",whiteSpace:"normal",wordBreak:"break-word",...e.style}}),Vf=({title:e,description:t,variant:o="info",onClose:r,style:n,closeButton:i=true,children:s,...a})=>{let l=document.body.classList.contains("light"),c=l?"rgba(32, 34, 37, 0.98)":"rgb(238, 243, 246)",u=l?"rgba(255, 255, 255, 0.08)":"rgba(206, 197, 197, 0.315)",p=l?"rgba(255, 255, 255, 0.88)":"rgba(34, 36, 37, 0.75)",d=l?"rgba(255, 255, 255, 0.96)":"rgb(115, 130, 140)",f=l?"rgba(255, 255, 255, 0.72)":"rgba(34, 36, 37, 0.6)",m={alignItems:"center",background:c,border:`1px solid ${u}`,borderRadius:"5px",boxShadow:l?"0 14px 32px rgba(0, 0, 0, 0.35)":"0 10px 28px rgba(15, 23, 42, 0.12)",color:p,display:"flex",fontFamily:"system-ui, -apple-system, sans-serif",gap:"12px",maxWidth:"450px",overflow:"hidden",padding:"12px 16px",position:"relative",zIndex:dom.getHighestZindex()+1,...n},h=Rf(o),S=Hf(o,l),b=typeof t=="string"?t.split(`
+`).map((w,O)=>M__namespace.default.createElement("span",{key:O},w,M__namespace.default.createElement("br",null))):t;return M__namespace.default.createElement("div",{style:m,...a},h&&M__namespace.default.createElement("div",{style:{color:S}},h),M__namespace.default.createElement("div",{style:{flex:1,minWidth:0}},e&&M__namespace.default.createElement("div",{style:{color:d,fontSize:"12px",fontWeight:700,lineHeight:"16px",marginBottom:"2px"}},e),t&&M__namespace.default.createElement(ei,null,b),s),r&&i&&M__namespace.default.createElement(components.IconButton,{onClick:r,"aria-label":"Dismiss notification",title:"Dismiss notification",style:{color:f}},M__namespace.default.createElement(icons.CrossIcon,null)))},wr=Vf;var sl=1e4,Pt=new Map;function Gf(e){let t=Pt.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):Pt.set(e,{counter:0,currentId:`${e}_0`}),Pt.get(e)?.currentId??e}function Uf(e){let t=o=>{let r=Pt.get(e);r&&r.currentId===o&&Pt.delete(e);};return {onAutoClose:o=>{t(o.id);},onDismiss:o=>{t(o.id);}}}var v=function(e){let{duration:t,id:o,dismissible:r=true,position:n,...i}=e,s,a;if(o!=null)s=o;else {let l=`toast_${hash.simpleHash(`${e.title??""}::${e.description??""}`)}`;s=Gf(l),a=Uf(l);}return sonner.toast.custom(l=>M__namespace.default.createElement(wr,{...i,onClose:r?()=>sonner.toast.dismiss(l):void 0}),{duration:t??sl,id:s,position:n,...a}),s};function xr(e,t,o){return v(typeof t=="string"?{...o,description:t,variant:e}:{...o,...t,variant:e})}v.error=(e,t)=>xr("error",e,t);v.success=(e,t)=>xr("success",e,t);v.warning=(e,t)=>xr("warning",e,t);v.info=(e,t)=>xr("info",e,t);v.custom=(e,t)=>{let{duration:o,...r}=t||{};return sonner.toast.custom(n=>typeof e=="function"?e({dismiss:()=>sonner.toast.dismiss(n),id:n}):e,{duration:o??sl,...r})};v.dismiss=e=>{sonner.toast.dismiss(e);};v.dismissAll=()=>{sonner.toast.dismiss(),Pt.clear();};function jf(e,t){let o=lo(e,t.name);if(!o||!o.required||!o.required.length)return {};if(!t.args)return {required:o.required};if(Object.keys(t.args).length===0)return {required:o.required};let n=[];for(let i=0;i<o.required.length;i++){let s=o.required[i];t.args[s]||n.push(s);}return {required:n.length===0?void 0:n}}function al(e,t){let o=t.reduce((r,n)=>{let i=jf(e,n);return i.required&&r.push({id:n.id,name:n.name,...i}),r},[]);return o.length===0?void 0:o}var Qf=y(()=>({generateButton:{marginTop:8},input:{width:"100%"},paper:{width:e=>e.width}}),{name:"InputDialog"});var cl=({value:e="",onSave:t,requiredMessage:o="Field is required",required:r,onCancel:n,onClose:i,width:s="30%",open:a,children:l,label:c,onGenerateContent:u,...p})=>{let[d,f]=M.useState(e),[m,h]=M.useState(false),[S,b]=M.useState(false),w=Qf({width:s}),O=!!u,x=M.useCallback(z=>{f(z.target.value);},[]),A=M.useCallback(()=>{i(true),n&&n();},[n,i]),I=M.useCallback(()=>{if(r&&!d){v.error(o),h(true);return}t(d.trim());},[d,t,r,o]),L=M.useCallback(async()=>{if(u){b(true);try{let z=await u();z!==void 0&&f(z);}finally{b(false);}}},[u]);return M.useEffect(()=>{f(e);},[e,a]),M__namespace.default.createElement(Jn,{onPositiveAction:I,onNegativeAction:A,onClose:A,open:a,...p},M__namespace.default.createElement(material.TextField,{className:w.input,multiline:true,rows:3,value:d,onChange:x,variant:"outlined",autoFocus:true,label:c,error:m,required:true,slotProps:{inputLabel:{shrink:true}}}),O&&M__namespace.default.createElement("div",{style:{justifyContent:"end",display:"flex"}},M__namespace.default.createElement(material.Button,{className:w.generateButton,size:"small",onClick:L,disabled:S,startIcon:S?M__namespace.default.createElement(material.CircularProgress,{size:14}):void 0},S?"Generating...":"Generate Title")),l)};cl.displayName="InputDialog";var pl=oi__default.default.create(e=>{let t=oi.useModal(),o=M.useCallback(()=>{t.hide();},[t]),r=M.useCallback(n=>{e.onSave(n),t.hide();},[t,e]);return M__namespace.default.createElement(cl,{...e,open:t.visible,onClose:o,onSave:r})});pl.displayName="InputDialogModal";var ul="input-dialog",ll=false,dl=()=>{ll||(oi__default.default.register(ul,pl),ll=true);},At={show:e=>oi__default.default.show(ul,e)};var nm=y(e=>{let{background:t}=e.palette,o=rm__default.default(t.paper);return o.setAlpha(.5),{root:{backgroundColor:o.toString()}}},{name:"Loader"}),E=M.memo(e=>{let{open:t,progressSize:o,position:r}=e,n=nm();return t?M__namespace.default.createElement(material.Backdrop,{className:`${n.root} loader-backdrop`,style:{position:r,zIndex:dom.getHighestZindex()},open:t},t&&M__namespace.default.createElement(material.CircularProgress,{size:o})):null});E.displayName="Loader";var am=typeof window<"u"?window.location.origin:"",P=reactQuery.createTRPCReact();function ml(){return P.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${am}/__storybook_playwright/trpc`})]})}function hl(){let[e,t]=M__namespace.default.useState(),o=M__namespace.default.useRef(false),{data:r}=P.theme.getThemeData.useQuery();return M__namespace.default.useEffect(()=>(!o.current&&r&&t(r),()=>{o.current=true;}),[r]),{setTheme:t,theme:e}}var co=M.memo(e=>{let{children:t}=e,{theme:o}=managerApi.useStorybookState(),{theme:r}=hl(),n=styles.createTheme({components:{MuiPaper:{styleOverrides:{root:{variants:[{props:{variant:"elevation"},style:{backgroundImage:"none"}}]}}}},palette:{action:{active:o.barTextColor},background:{default:o.appBg,paper:o.appContentBg},divider:o.appBorderColor,primary:{main:o.colorSecondary},secondary:{main:o.colorPrimary},text:{primary:o.barTextColor},mode:o.base==="dark"?"dark":"light"},typography:{fontFamily:o.fontBase}},r||{});return M__namespace.default.createElement(Qt,{theme:n},M__namespace.default.createElement(styles.ThemeProvider,{theme:n},t))});co.displayName="ThemeProvider";var fm=y(e=>{let{divider:t,text:o}=e.palette;return {root:{"& button":{alignItems:"center",display:"flex",marginTop:0},"& svg":{width:18},"&.border-bottom":{borderBottom:`1px solid ${t}`},"&.border-left":{borderLeft:`1px solid ${t}`},"&.border-right":{borderRight:`1px solid ${t}`},"&.border-top":{borderTop:`1px solid ${t}`},padding:2},toolbar:{"& > .left":{"& > *":{marginLeft:8}},"& > .left,& > .right":{alignItems:"center",display:"flex",minWidth:0},"& > .right":{"& > *":{marginRight:6}},alignItems:"center",color:o.primary,display:"flex",justifyContent:"space-between"}}},{name:"Toolbar"}),rt=e=>{let{children:t,border:o}=e,r=fm();return M__namespace.default.createElement("div",{className:Pr__default.default(r.root)+(o&&o.map(n=>` border-${n}`).join(" "))},M__namespace.default.createElement("div",{className:r.toolbar},t))};rt.displayName="Toolbar";var ni=M.memo(({message:e="Are you sure you want to continue?",title:t="Confirmation",onConfirm:o,onCancel:r,onClose:n,...i})=>{let s=M.useCallback(()=>{r&&r(),n&&n({},"backdropClick");},[r,n]);return M__namespace.default.createElement(Qn,{onPositiveAction:o,onNegativeAction:s,positiveActionName:"yes",negativeActionName:"no",onClose:s,title:t,...i},M__namespace.default.createElement(material.Typography,null,e))});ni.displayName="ConfirmationPopover";var vm=D(Sm__default.default),po=({className:e,setNodeRef:t,...o})=>M__namespace.default.createElement("span",{className:Pr__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},M__namespace.default.createElement(vm,{style:{cursor:"move",fontSize:25,marginLeft:-12,marginRight:2}}));po.displayName="DragHandle";var Pm=y(e=>{let{palette:{divider:t,text:o,primary:r,secondary:n}}=e;return {column:{alignItems:"center",display:"flex"},handle:{fontSize:24},header:{"& svg":{"&:hover":{color:r.main},fontSize:18},alignItems:"center",display:"flex",justifyContent:"space-between",minHeight:"48px",padding:"5px 8px",paddingLeft:16},icons:{display:"flex",gap:2},root:{border:`1px solid ${t}`,color:o.primary,display:"flex",flexDirection:"column",fontSize:14,marginBottom:4,position:"relative"},secondaryColor:{"& svg":{color:n.main},color:n.main},selected:{border:`1px solid ${rm__default.default(r.main).setAlpha(.6)}`},selectedSecondary:{border:`1px solid ${n.main}`}}},{name:"ListItemWrapper"}),nt=e=>{let{title:t,draggable:o,children:r,selected:n,className:i,onClick:s,tooltip:a,icons:l,secondaryColor:c,dragHandleProps:u,...p}=e,d=Pm(),f=M.useCallback(m=>{s&&m.target.classList.contains("clickable")&&s(m);},[s]);return M__namespace.default.createElement("div",{className:Pr__default.default(d.root,{[d.selected]:n&&!c},{[d.selectedSecondary]:n&&c},i),...p,title:a,onClick:f},M__namespace.default.createElement("div",{className:Pr__default.default("clickable",d.header,"list-item-header")},M__namespace.default.createElement("div",{className:Pr__default.default(d.column,"clickable",{[d.secondaryColor]:c})},o&&M__namespace.default.createElement(po,{...u}),material.capitalize(t)),M__namespace.default.createElement("div",{className:Pr__default.default("clickable",d.column,d.icons,{[d.secondaryColor]:c})},l)),r&&M__namespace.default.createElement("div",{className:"list-item-content"},r))};nt.displayName="ListItemWrapper";var Im=y(e=>({root:{"& *:focus":{outline:"none"},color:e.palette.text.primary,height:"calc(100% - 50px)",padding:4,width:"100%"}}),{name:"ListWrapper"});var It=e=>{let{children:t,...o}=e,r=Im(),n=M.useRef(null);return M.useEffect(()=>{!n.current||!n.current.parentElement||(n.current.parentElement.style.height="100%");},[]),M__namespace.default.createElement("div",{ref:n,...o,className:Pr__default.default(r.root,e.className)},M__namespace.default.createElement(components.ScrollArea,{vertical:true},t))},si=e=>M__namespace.default.createElement(It,{...e});si.displayName="ListWrapperSortableContainer";It.displayName="ListWrapper";var Ce=({onDelete:e,IconButton:t=components.IconButton,onClose:o,disabled:r})=>{let[n,i]=M__namespace.default.useState(null),s=M.useCallback(c=>{c.stopPropagation(),i(c.currentTarget);},[]),a=M.useCallback(()=>{o&&o(),i(null);},[o]),l=M.useCallback(()=>{a(),e();},[a,e]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(t,{disabled:r,onClick:s,title:"Delete Item",size:"small"},M__namespace.default.createElement(icons.TrashIcon,null)),n&&M__namespace.default.createElement(ni,{onClose:a,onConfirm:l,anchorEl:n}))};Ce.displayName="DeleteConfirmationButton";var uo=e=>{let{onClick:t,checked:o,onChange:r}=e,n=M__namespace.default.useCallback(()=>{t(),r&&r(!o);},[t,r,o]);return M__namespace.default.createElement(components.IconButton,{className:"check-box",onClick:n,size:"small",active:o},o?M__namespace.default.createElement(icons.FormIcon,null):M__namespace.default.createElement(icons.StopAltHollowIcon,null))};uo.displayName="CheckBox";var zm=y(()=>({root:{display:"flex",justifyContent:"space-between"}}),{name:"DeviceListItem"}),Cr=M.memo(M.forwardRef((e,t)=>{let{viewportSize:o,name:r,value:n,onClick:i,selected:s}=e,a=zm(),l=M.useCallback(()=>{i(n);},[n,i]);return M__namespace.default.createElement(material.MenuItem,{selected:s,ref:t,onClick:l,className:a.root},M__namespace.default.createElement("div",null,r),M__namespace.default.createElement("div",null,o&&`${o.width}x${o.height}`))}));Cr.displayName="DeviceListItem";var ci=e=>{let{onDeviceSelect:t,selectedDevice:o}=e,[r,n]=M__namespace.default.useState(null),i=c=>{n(c.currentTarget);},s=()=>{n(null);},a=M.useMemo(()=>Object.keys(vr),[]),l=M.useCallback(c=>{n(null),t(c);},[t]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:i},"Load From Device Descriptors"),M__namespace.default.createElement(material.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:s},M__namespace.default.createElement(Cr,{name:"None",value:void 0,onClick:l,selected:false}),a.map(c=>M__namespace.default.createElement(Cr,{name:c,key:c,viewportSize:o&&o.viewport,onClick:l,selected:!!(o&&o.deviceName===c),value:c}))))};ci.displayName="DeviceList";function T(){let[e,t]=M.useState(),r=managerApi.useStorybookApi().getCurrentStoryData();return M.useEffect(()=>{if(!r||!r.importPath)return;let n=r,i=n.importPath,s=i.substring(i.lastIndexOf("/")+1);t({fileName:s,filePath:i,id:n.id,name:n.name,parent:n.parent});},[r]),e}var qm={actionSchema:{},currentActionSets:[],expandedActions:{},initialised:true,stories:{}},fo=zustand.create()(middleware.devtools(()=>({...qm}),{name:"action-set-store"}));function bl(e){return e.map(t=>{let{id:o,...r}=t;return r})}function wl(e,t){if(e.length!==t.length)return  false;let o=bl(e),r=bl(t);return Xm__default.default(o,r)}var U=()=>fo.getState();function R(e){return fo.setState(e)}function Dt(e,t,o){return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:o}}}}function st(e,t,o,r){let n=e.stories[t]?.actionSets||[];return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:n.map(i=>i.id!==o?i:r(i))}}}}function Tl(e,t,o){let r=e.stories[t]?.actionSets||[];return {...Dt(e,t,r.filter(i=>i.id!==o)),orgEditingActionSet:void 0}}function Cl({storyId:e,actionSets:t}){let o=U();R(Dt(o,e,t));}function Al({storyId:e,actionSets:t}){let o=U(),r=o.stories[e]?.actionSets||[],n=t.reduce((a,l)=>{if(r.length){let c;for(let u=0;u<r.length;u++){let p=r[u];if(!a.find(d=>d.id===p.id)&&wl(p.actions,l.actions)){c=p;break}}c?a.push(c):a.push({...l,actions:l.actions.map(u=>(u.id=nanoid.nanoid(12),u)),id:nanoid.nanoid(12),temp:true});}else a.push({...l,actions:l.actions.map(c=>(c.id=nanoid.nanoid(12),c)),id:nanoid.nanoid(12),temp:true});return a},[]),i=n.map(a=>a.id),s=Dt(o,e,[...n,...r.filter(a=>!i.includes(a.id))]);R({...s,currentActionSets:i});}function Et({storyId:e,actionSet:t,selected:o,isNew:r}){let n=U(),i=[...n.stories[e]?(n.stories[e].actionSets||[]).filter(a=>a.id!==t.id):[],t],s=Dt(n,e,i);R({...s,currentActionSets:[...n.currentActionSets?n.currentActionSets:[],t.id],orgEditingActionSet:r?{...t,isNew:true}:void 0});}function at(){R({currentActionSets:[]});}function Mr({storyId:e,actionSetId:t}){let o=U();R(Tl(o,e,t));}function Ot(e){let t=U();!t.stories[e]||!t.stories[e].actionSets||R(Dt(t,e,t.stories[e].actionSets.filter(o=>!o.temp)));}function pi({storyId:e,oldIndex:t,newIndex:o}){let r=U(),n=r.stories[e]?.actionSets||[];R(Dt(r,e,[...xl__default.default(n,t,o)]));}function Ml(e){let t=U(),o=t.currentActionSets.find(r=>r===e);R({currentActionSets:o?t.currentActionSets.filter(r=>r!==e):[...t.currentActionSets,e]});}function Ir(e){let t=U(),o=t.expandedActions[e]===true;R({expandedActions:{...t.expandedActions,[e]:!o}});}function ui(){R({expandedActions:{}});}function di(e){R({actionSchema:e});}function kr(e){let t=U(),{orgEditingActionSet:o}=t;if(!o)return;let{isNew:r,...n}=o;if(r)R(Tl(t,e,o.id));else {let i=st(t,e,o.id,s=>({...s,...n}));R({...i,orgEditingActionSet:void 0});}}function Il(e){let t=U();R({currentActionSets:[...t.currentActionSets,e.id],orgEditingActionSet:e});}function kl({storyId:e,actionSetId:t,title:o}){let r=U();R(st(r,e,t,n=>({...n,title:o})));}function Dl({storyId:e,actionSetId:t,action:o}){let r=U();R(st(r,e,t,n=>({...n,actions:[...n.actions,o]})));}function El({storyId:e,actionSetId:t,actionId:o,actionOptionPath:r}){let n=U();R(st(n,e,t,i=>({...i,actions:i.actions.map(s=>{if(s.id===o){let a=s.subtitleItems&&s.subtitleItems.find(l=>l===r);return {...s,subtitleItems:a&&s.subtitleItems?s.subtitleItems.filter(l=>l!==r):[...s.subtitleItems||[],r]}}return s})})));}function Ol({storyId:e,actionSetId:t,oldIndex:o,newIndex:r}){let n=U();R(st(n,e,t,i=>({...i,actions:[...xl__default.default(i.actions,o,r)]})));}function Bl({storyId:e,actionSetId:t,actionId:o}){let r=U();R(st(r,e,t,n=>({...n,actions:n.actions.filter(i=>i.id!==o)})));}function fi({storyId:e,actionSetId:t,actionId:o,objPath:r,val:n}){let i=U();R(st(i,e,t,s=>({...s,actions:s.actions.map(a=>a.id===o?{...a,args:gn__namespace.set(a.args,r,n)}:a)})));}function Ll(){R({orgEditingActionSet:void 0});}function ue(){return fo()}var Zm={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},oe=zustand.create()(middleware.devtools(middleware.persist(()=>({...Zm}),{name:"__playwright_ui-store",partialize:e=>({addonState:e.addonState,browserOptions:e.browserOptions,screenshotOptions:e.screenshotOptions})}),{name:"ui-store"}));function Ne(e){return oe.setState(e)}function Nl(e){Ne({addonState:e});}function mi(e){Ne({browserOptions:e});}function Fl(e){Ne({screenshotOptions:e});}function _l(e){Ne({dragStart:e});}function hi(e){Ne({selectorManager:e});}function Dr(e){Ne({screenshotUpdateState:e});}function gi(e){Ne({editScreenshotState:e});}function Si(e){Ne({schemaLoaded:e});}function zl(){return oe(e=>e.addonState)}function Rl(){return oe(e=>e.browserOptions)}function Er(){return oe(e=>e.screenshotOptions)}function Hl(){return oe(e=>e.dragStart)}function Vl(){return oe(e=>e.selectorManager)}function Kl(){return oe(e=>e.screenshotUpdateState)}function Wl(){return oe(e=>e.editScreenshotState)}function Gl(){return oe(e=>e.schemaLoaded)}function Ul(e){let{mutateAsync:t,isPending:o}=P.actionSet.saveActionSet.useMutation({onError:p=>{v.error(p.message||"Unexpected error occurred");}}),r=ue(),n=T(),i=M.useCallback(p=>{if(!n)return;let d=nanoid.nanoid(10),f={id:d,name:p};ui(),Dl({action:f,actionSetId:e.id,storyId:n.id}),Ir(d);},[n,e.id]);M.useEffect(()=>()=>ui(),[]);let s=M.useCallback(async()=>{let p=al(r.actionSchema,e.actions);if(p){let d=p.map(f=>{if(!(!f.required||f.required.length===0))return `Action name: ${f.name}
+Required: ${f.required.join(",")}`}).filter(Boolean).join(`
 
-`);if(f){v.error(f,{closeButton:true,duration:6e4,id:"action-set-editor-validation"});return}}if(!e.temp){if(!n)return;try{await t({actionSet:e,filePath:n.filePath,storyId:n.id});}catch{return}}Ol();},[e,t,r.actionSchema,n]),a=M.useCallback(u=>{!n||!r.orgEditingActionSet||Ml({actionSetId:r.orgEditingActionSet.id,storyId:n.id,title:u});},[n,r.orgEditingActionSet]),l=M.useCallback(()=>{n&&kr(n.id);},[n]),c=e!==void 0,p=n&&n.id;return M__namespace.default.useEffect(()=>()=>{c&&p&&l();},[l,c,p]),{cancelEditActionSet:l,handleAddAction:i,handleDescriptionChange:a,handleSave:s,inProgress:o,state:r}}function Wl(e){let{mutateAsync:t,isPending:o}=P.actionSet.saveActionSet.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");}});return {copyActionSet:M.useCallback(async n=>{if(!e)return;let i=JSON.parse(JSON.stringify(n));i.id=nanoid.nanoid(12);try{await t({actionSet:i,filePath:e.filePath,storyId:e.id}),Dt({actionSet:i,isNew:!1,selected:!0,storyId:e.id});}catch{}},[e,t]),inProgress:o}}function Ne(e){let t=pe();return {currentActions:M.useMemo(()=>{if(!t.initialised)return [];let r=t.stories[e];return r?.actionSets?r.actionSets.filter(n=>t.currentActionSets.includes(n.id)):[]},[t.currentActionSets,t.initialised,t.stories,e]),state:t}}function Ul(){let e=managerApi.useStorybookState(),t=pe(),[o,r]=M.useState([]);return M.useEffect(()=>{if(!t.stories||!t.stories[e.storyId]){r([]);return}let n=t.stories[e.storyId].actionSets||[];r(n);},[t.stories,e.storyId]),{currentActionSets:t.currentActionSets,state:t,storyActionSets:o}}function Br(e,t){let[o,r]=M.useState(),n=pe();return M.useEffect(()=>{let i=e?n.stories?.[e]:void 0;if(!e||!i||!i.actionSets||!i.actionSets.length||!n.orgEditingActionSet){r(void 0);return}let s=n.orgEditingActionSet;if(!s){r(void 0);return}let a=i.actionSets.find(c=>c.id===s.id);if(!a){r(void 0);return}let l=a.actions.find(c=>c.id===t);r(l);},[t,n,e]),o}var fo={};function jl(){let{mutateAsync:e,isPending:t}=P.actionSet.getActionSet.useMutation(),{id:o,filePath:r}=C()||{};return M.useEffect(()=>{!r||!o||t||fo[r]&&fo[r][o]||e({filePath:r,storyId:o}).then(n=>{fo[r]||(fo[r]={}),fo[r][o]=true,n&&Pl({actionSets:n,storyId:o});}).catch(n=>{let i=n instanceof Error?n.message:"Failed to load action sets";v.error(i,{duration:1/0,id:`action-set-list:${i}`});});},[r,t,e,o]),{loading:t}}function Lr(){let e=Kl(),{data:t,isLoading:o,error:r,refetch:n}=P.schema.getActionsSchema.useQuery(void 0,{enabled:!e});M.useEffect(()=>{r&&v.error(r.message||"Unexpected error occurred");},[r]);let i=M.useCallback(async()=>{let s=await n();s.data&&(fi(s.data),Si(true));},[n]);return M.useEffect(()=>{t&&(fi(t),Si(true));},[t]),M.useEffect(()=>{o||e||i();},[o,i,e]),{loaded:e,loading:o}}function Ot(e,t){let o=Hl(),[r,n]=M__namespace.default.useState(false),i=M__namespace.default.useCallback(()=>{Dr({inProgress:true,reqBy:e,target:t});},[e,t]),s=M__namespace.default.useCallback(()=>{Dr({}),n(false);},[]);return M__namespace.default.useEffect(()=>{o&&o.inProgress&&r&&Dr({...o,inProgress:false});},[r,o]),{handleClose:s,runDiffTest:i,setIsLoadingFinish:n,updateInf:o}}var dh={imageDiffResults:[],pauseDeleteImageDiffResult:false,screenshots:[]},Bt=zustand.create()(middleware.devtools(()=>({...dh}),{name:"screenshot-store"}));var Fe=()=>Bt.getState();function fe(e){return Bt.setState(e)}function $l(e){let t=Fe(),o=t.screenshots?[...t.screenshots,e]:[e];fe({screenshots:[...o]});}function ql(e){let t=Fe();fe({imageDiffResults:t.imageDiffResults?t.imageDiffResults.filter(o=>o.screenshotId!==e):[],screenshots:t.screenshots.filter(o=>o.id!==e)});}function vi({oldIndex:e,newIndex:t}){let o=Fe();fe({screenshots:[...bl__default.default(o.screenshots,e,t).map((r,n)=>(r.index=n,r))]});}function Xl(){fe({screenshots:[]});}function Fr(e){fe({screenshots:e});}function Lt(e){fe({imageDiffResults:e});}function zr(e){let t=Fe();fe({imageDiffResults:[...t.imageDiffResults.filter(o=>o.screenshotId!==e.screenshotId),e]});}function Yl(e){let t=Fe();fe({imageDiffResults:t.imageDiffResults.map(o=>o.screenshotId!==e.screenshotId?o:{...o,...e})});}function mo(e){fe({pauseDeleteImageDiffResult:e});}function _r(e){let t=Fe();t.pauseDeleteImageDiffResult||fe({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e)});}function Jl(){let e=Fe();fe({imageDiffResults:e.imageDiffResults.filter(t=>!t.pass)});}function Ql(e){let t=Fe();fe({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e),screenshots:t.screenshots.filter(o=>o.id!==e)});}function Zl(){return Bt(e=>e.imageDiffResults)}function ze(){return Bt()}function ec(){let{mutateAsync:e,isPending:t}=P.screenshot.deleteStoryScreenshots.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");},onSuccess:()=>{v.success("Story screenshots deleted successfully.");}}),o=C(),r=M.useCallback(async()=>{if(o)try{await e({filePath:o.filePath,storyId:o.id}),Xl();}catch{}},[o,e]);return {deleteInProgress:t,deleteStoryScreenshots:r}}function Nt(){let e=C(),{mutateAsync:t,isPending:o}=P.screenshot.testScreenshots.useMutation({onError:n=>{let i=n.message||"Unexpected error occurred";v.error(i);}}),r=M.useCallback(async n=>{if(e)try{let i=await t({filePath:e.filePath,requestId:nanoid.nanoid(),requestType:n,storyId:e.id});return n==="file"||n==="story"?i.forEach(s=>{zr(s);}):Lt(i),i}catch{return}},[t,e]);return {imageDiffTestInProgress:o,storyData:e,testStoryScreenShots:r}}function tc(){let e=M.useRef(),t=C(),{mutateAsync:o,isPending:r}=P.screenshot.getStoryScreenshots.useMutation({onError:i=>{v.error(i.message||"Unexpected error occurred");}}),n=M.useCallback(async()=>{if(t)try{let i=await o({filePath:t.filePath,storyId:t.id});e.current=t.id,Fr(i||[]);}catch{}},[o,t]);return M.useEffect(()=>{r||!t||e.current&&e.current===t.id||n();},[n,r,t]),{error:void 0,loadScreenShots:n,screenshotLoaderInProgress:r,storyData:t}}function Rr(){return {dragStart:_l(),setDragStart:Nl}}function de(){return {addonState:Fl(),setAddonState:Bl}}var Vr=["chromium","firefox","webkit"];function Kr(e){let{addonState:t,setAddonState:o}=de(),[r,n]=M.useState([]),[i]=M.useState(Vr),s=M.useCallback(u=>!(!t||!t.disabledBrowser||!t.disabledBrowser[e]||!t.disabledBrowser[e][u]),[t,e]),a=M.useCallback((u,f,d)=>{t.disabledBrowser||(t.disabledBrowser={}),o({...t,disabledBrowser:{...t.disabledBrowser,[f]:{...t.disabledBrowser[f],[u]:d}}});},[t,o]);M.useEffect(()=>{let u=oe.subscribe((f,d)=>{(!object.deepEqual(f.browserOptions.all,d.browserOptions.all)||!object.deepEqual(f.screenshotOptions,d.screenshotOptions))&&n(Vr),Vr.forEach(m=>{object.deepEqual(f.browserOptions[m],d.browserOptions[m])||n(h=>h.includes(m)?h:[...h,m]);});});return ()=>{u();}},[i]),M.useEffect(()=>{let u=managerApi.addons.getChannel(),f=()=>{let d=Vr.filter(m=>!s(m));n(m=>m.length===d.length&&d.every(h=>m.includes(h))?m:d);};return u.on(coreEvents.STORY_RENDERED,f),()=>{u.off(coreEvents.STORY_RENDERED,f);}},[s]);let l=M.useCallback(u=>{let f=!s(u);if(a(u,e,f),f){n(d=>d.filter(m=>m!==u));return}n(d=>d.includes(u)?d:[...d,u]);},[e,s,a]),c=M.useCallback(u=>{n(f=>f.filter(d=>d!==u));},[]);return {activeBrowsers:M.useMemo(()=>i.filter(u=>!s(u)),[i,s]),browserTypes:i,isDisabled:s,refreshingBrowsers:r,clearBrowserRefresh:c,setBrowserState:a,toggleBrowser:l,refreshBrowsers:n}}function K(e){let t=zl(),o=M.useCallback((s,a)=>{mi({...t,[s]:Xa(a)});},[t]),r=M.useCallback((s,a)=>{mi({...t,[s]:a});},[t]),n=M.useCallback(s=>({...t.all,...t[s]}),[t]),i=M.useMemo(()=>e?t&&t[e]&&Object.keys(t[e]).length>0:false,[t,e]);return {browserOptions:t,getBrowserOptions:n,hasOption:i,setBrowserDeviceOptions:o,setBrowserOptions:r}}function j(){return {screenshotOptions:Er(),setScreenshotOptions:Ll}}function sc(){let{setBrowserOptions:e,browserOptions:t}=K(),{setScreenshotOptions:o,screenshotOptions:r}=j(),n=managerApi.useStorybookApi(),i=C(),s=M.useCallback(l=>{i&&(!l.actionSets||!l.actionSets.length||Cl({actionSets:l.actionSets,storyId:i.id}));},[i]),a=M.useCallback((l,c=false)=>{if(!i)return;n.emit(coreEvents.RESET_STORY_ARGS,{storyId:i?.id});let p=tl(l);p&&Object.keys(p).length&&n.emit(coreEvents.UPDATE_STORY_ARGS,{storyId:i?.id,updatedArgs:p});let u=el(l);u&&Object.keys(u).length&&n.emit(coreEvents.UPDATE_GLOBALS,{globals:u}),s(l),(l.browserOptions||c)&&e("all",l.browserOptions),(l.screenshotOptions||c)&&o(l.screenshotOptions);},[n,s,e,o,i]);return {browserOptions:t,loadSetting:a,screenshotOptions:r}}function _e(){let e=Vl(),t=C(),{setAddonState:o,addonState:r}=de(),{setBrowserState:n}=Kr("dialog"),{loadSetting:i,screenshotOptions:s,browserOptions:a}=sc(),l=M.useRef(false),c=managerApi.useStorybookApi(),p=M.useCallback(()=>{t?.id&&Et(t.id),at(),c.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),e&&i({browserOptions:e.currentBrowserOptions,browserType:e.screenshotData.browserType,id:e.screenshotData.id,screenshotOptions:e.currentScreenshotOptions,title:e.screenshotData.title},true),l.current||gi(void 0);},[c,e,i,t]),u=M.useCallback(d=>{t&&(p(),gi({currentBrowserOptions:a.all,currentScreenshotOptions:s,screenshotData:d,storyId:t.id}),i(d),n(d.browserType,"main",false),r.previewPanelEnabled||o({...r,previewPanelEnabled:true}));},[r,a.all,p,i,s,o,n,t]),f=M.useCallback(d=>e?e.screenshotData.browserType===d:false,[e]);return M.useEffect(()=>()=>{l.current=true;},[]),M.useEffect(()=>{if(!(!e||!t)&&e.storyId!==t.id){p();return}},[p,e,t]),{clearScreenshotEdit:p,editScreenshot:u,editScreenshotState:e,isEditing:f,loadSetting:i}}function Ft(){let[e,t]=M.useState(void 0),{mutateAsync:o,isPending:r,reset:n,data:i}=P.screenshot.testScreenshot.useMutation({onError:a=>{let l=a.message||"Unexpected error occurred";t(l),v.error(l);}}),s=M.useCallback(async a=>{t(void 0);try{let l=await o({...a,screenshotId:a.screenshotId,storyId:a.id});return zr(l),l}catch{return}},[o]);return {inProgress:r,reset:n,result:i,testScreenshot:s,testScreenshotError:e}}var Fh=cc__default.default.default??cc__default.default,Ae=({screenshotData:e,size:t="small",color:o,onClose:r})=>{let[n,i]=M__namespace.default.useState(null),s=M.useCallback(()=>{let{id:l,index:c,...p}=e;return p},[e]),a=M.useCallback(l=>{r&&n&&r(),i(n?null:l.currentTarget);},[n,r]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{color:o,onClick:a,size:t},M__namespace.default.createElement(icons.CogIcon,null)),M__namespace.default.createElement(material.Popover,{anchorEl:n,open:!!n,onClose:a},M__namespace.default.createElement("div",null,n&&M__namespace.default.createElement(Fh,{enableClipboard:false,theme:"railscasts",src:s(),displayObjectSize:false,displayDataTypes:false,style:{fontSize:13}}))))};Ae.displayName="ScreenshotInfo";function pc(){let e=C(),[t,o]=M.useState(),{mutateAsync:r,reset:n,isPending:i}=P.screenshot.deleteScreenshot.useMutation({onError:l=>{let c=l.message||"Unexpected error occurred";o(c),v.error(c);},onSuccess:()=>{v.success("Screenshot deleted successfully.");}}),s=M.useCallback(()=>{o(void 0),n();},[n]),a=M.useCallback(async l=>{if(e){o(void 0);try{await r({filePath:e.filePath,screenshotId:l,storyId:e.id}),Ql(l);}catch{}}},[r,e]);return {clearError:s,deleteScreenshot:a,error:t,inProgress:i}}var Ci=e=>{let{onStateChange:t,screenshot:o,onClose:r,onDelete:n}=e,{deleteScreenshot:i,inProgress:s}=pc(),a=M.useCallback(()=>{i(o.id),n();},[i,o.id]);return M.useEffect(()=>{t(s);},[s]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(Te,{onClose:r,onDelete:a}))};Ci.displayName="ScreenshotDelete";function Gr(e){let{mutateAsync:t,isPending:o,reset:r}=P.screenshot.updateScreenshot.useMutation({onError:s=>{v.error(s.message||"Unexpected error occurred");},onSuccess:()=>{e&&v.success(e);}}),n=M.useCallback(()=>{r();},[r]);return {updateScreenshot:M.useCallback(async s=>{if(!s.filePath||!s.screenshotId||!s.storyId)return;try{await t({base64:s.newScreenshot,filePath:s.filePath,screenshotId:s.screenshotId,storyId:s.storyId});}catch{return}let a={diffSize:false,filePath:s.filePath,index:s.index,newScreenshot:s.newScreenshot,pass:true,screenshotId:s.screenshotId,storyId:s.storyId};Yl(a);},[t]),updateScreenshotClearResult:n,updateScreenshotInProgress:o}}var Ti=e=>{let{screenshot:t,onStateChange:o,imageDiffResult:r}=e,n=C(),{updateScreenshot:i,updateScreenshotInProgress:s}=Gr("Successfully updated."),{testScreenshot:a,inProgress:l,reset:c,result:p}=Ft(),u=M.useCallback(async()=>{if(r)await i(r);else {if(!n)return;await a({...n,screenshotId:t.id});}},[r,t.id,n,a,i]),f=M.useCallback(async()=>{p&&(await i(p),c());},[c,p,i]);return M.useEffect(()=>{o(l||s);},[l,o,s]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{onClick:u,size:"small",title:"Update screenshot"},M__namespace.default.createElement(icons.RefreshIcon,null)),p&&M__namespace.default.createElement(lt,{title:"Following screenshot will be saved, would you like to continue?",subtitle:t.title,imageDiffResult:p,onClose:c,open:true,titleActions:()=>M__namespace.default.createElement(Ae,{color:"primary",size:"medium",screenshotData:t}),footerActions:()=>M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:c,color:"primary"},"No"),M__namespace.default.createElement(material.Button,{onClick:f,color:"primary",autoFocus:true},"Yes"))}),M__namespace.default.createElement(E,{open:s}))};Ti.displayName="ScreenshotUpdate";var Xh=y(e=>({menu:{"&::before":{backgroundColor:e.palette.background.paper,bottom:0,content:'""',left:0,opacity:.9,position:"absolute",right:0,top:0},display:"none",position:"absolute",right:30,top:10},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"}),Mi=M.forwardRef(({enableLoadSetting:e,openUpdateDialog:t,screenshot:o,enableImageDiff:r,enableUpdate:n,enableEditScreenshot:i,show:s,onHide:a,onRunImageDiff:l,imageDiffResult:c,onLoadSettingClick:p,onEditClick:u,isEditing:f,onDelete:d},m)=>{let[h,S]=M.useState(false),b=Xh();return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{progressSize:20,position:"absolute",open:h}),M__namespace.default.createElement("div",{ref:m,className:Pr__default.default(b.menu,{[b.visible]:s})},!f&&i&&M__namespace.default.createElement(components.IconButton,{onClick:u,title:"Edit screenshot"},M__namespace.default.createElement(icons.EditIcon,null)),e&&M__namespace.default.createElement(components.IconButton,{onClick:p,title:"Load screenshot settings"},M__namespace.default.createElement(icons.OutboxIcon,null)),n&&M__namespace.default.createElement(Ti,{onStateChange:S,screenshot:o,imageDiffResult:t?void 0:c}),r&&M__namespace.default.createElement(components.IconButton,{onClick:l,title:"Run diff test"},M__namespace.default.createElement(icons.ContrastIcon,null)),M__namespace.default.createElement(Ci,{onClose:a||(()=>{}),onStateChange:S,screenshot:o,onDelete:d}),M__namespace.default.createElement(Ae,{onClose:a,screenshotData:o})))});Mi.displayName="ScreenshotListItemMenu";var Ii=({children:e,...t})=>M__namespace.default.createElement(nt,{style:{cursor:"pointer"},icons:e,...t});Ii.displayName="ScreenshotListItemWrapper";function hc(e){let{fixFunction:t}=e,o=C(),[r,n]=M__namespace.default.useState(false),[i,s]=M__namespace.default.useState(""),[a,l]=M__namespace.default.useState(void 0),{mutateAsync:c,isPending:p}=P.fixTitle.fixScreenshotFileName.useMutation({onError:h=>{let S=h.message||"Unexpected error occurred";l(S),v.error(S);}}),u=M__namespace.default.useCallback(()=>{l(void 0);},[]),f=M__namespace.default.useCallback(()=>{if(!i&&t){v.error("Enter previous name export function.");return}if(!o){v.error("Unable to find current story data.");return}l(void 0),c({...o,previousNamedExport:i}).then(()=>{n(true);}).catch(()=>{});},[o,t,i,c]),d=M__namespace.default.useCallback(()=>{document.location.reload();},[]),m=M__namespace.default.useCallback(h=>{s(h.target.value);},[]);return {clearError:u,fixFileNames:f,fixFileNamesError:a,fixFileNamesInProgress:p,functionName:i,handleFunctionNameInput:m,handleReload:d,reload:r}}function zt(){let[e,t]=M.useState(),o=managerApi.useStorybookApi(),r=M.useRef(o);return r.current=o,M.useEffect(()=>{t(void 0);let n=managerApi.addons.getChannel(),i=a=>{if(!a||!a.args)return;let c=r.current.getCurrentStoryData()?.initialArgs||{},p=Object.keys(a.args).reduce((u,f)=>{let d=a.args[f];return d!==void 0&&!$m__default.default(d,c[f])&&(u[f]=a.args[f]),u},{});t(Object.keys(p).length>0?p:void 0);},s=()=>{t(void 0);};return n.on(coreEvents.STORY_ARGS_UPDATED,i),n.on(coreEvents.STORY_CHANGED,s),()=>{n.off(coreEvents.STORY_ARGS_UPDATED,i),n.off(coreEvents.STORY_CHANGED,s);}},[]),e}function yc(e){let t=C(),{currentActions:o}=Ne(t?.id??""),r=zt(),n=managerApi.useStorybookApi(),{getBrowserOptions:i}=K(),s=Er(),{data:a=false}=P.screenshot.hasScreenshotTitleGenerator.useQuery(),l=i(e),{mutateAsync:c,isPending:p}=P.screenshot.generateScreenshotTitle.useMutation({onError:f=>{v.error(f.message||"Failed to generate screenshot title");}});return {generateTitle:M.useCallback(async()=>{if(!t||e==="storybook")return;let f=n.getCurrentStoryData();try{return await c({browser:{type:e,options:l},story:{actions:o,changedArgs:r,filePath:t.filePath,id:t.id,initialArgs:f.initialArgs,argTypes:f.argTypes,parameters:f.parameters,name:f.name,title:f.title},screenshotOptions:s})}catch{return}},[n,r,l,e,o,c,s,t]),hasGenerator:a,isGenerating:p}}function vc(){return {imageDiffResult:Zl(),setImageDiffResult:Lt}}function s0(e,t,o){return t==="all"?e.map(r=>r.screenshotData):t==="file"?o?e.filter(r=>r.filePath?br(r.filePath,o.filePath):false).map(r=>r.screenshotData):[]:o?e.filter(r=>r.storyId===o.id).map(r=>r.screenshotData):[]}function wc(e,t){let{imageDiffTestInProgress:o,testStoryScreenShots:r,storyData:n}=Nt(),[i,s]=M__namespace.default.useState(false),a=M__namespace.default.useCallback(async()=>{let l=await r(e);Array.isArray(l)&&Fr(s0(l,e,n).filter(c=>!!c)),t&&t(),s(true);},[r,e,n,t]);return M.useEffect(()=>{!n||i||a();},[a,i,n]),{loading:o,storyData:n}}function Wr(){let[e,t]=M.useState(),o=managerApi.useStorybookApi(),r=M.useRef(o);return r.current=o,M.useEffect(()=>{t(void 0);let n=managerApi.addons.getChannel(),i=a=>{if(!a||!a.globals){t(void 0);return}let l=r.current.getCurrentStoryData(),c=a.initialGlobals||l?.initialGlobals||{},p=Object.keys(a.globals).reduce((u,f)=>{let d=a.globals?.[f];return d!==void 0&&!$m__default.default(d,c[f])&&(u[f]=d),u},{});t(wt(p));},s=()=>{t(void 0);};return n.on(coreEvents.GLOBALS_UPDATED,i),n.on(coreEvents.STORY_CHANGED,s),()=>{n.off(coreEvents.GLOBALS_UPDATED,i),n.off(coreEvents.STORY_CHANGED,s);}},[]),e}function Cc(e){let{title:t,browserType:o}={},r=zt(),n=Wr(),{screenshotOptions:i}=j(),s=C(),{editScreenshotState:a,clearScreenshotEdit:l}=_e(),{currentActions:c}=Ne(s?.id??""),[p,u]=M.useState(void 0),{mutateAsync:f,data:d,reset:m,isPending:h}=P.screenshot.saveScreenshot.useMutation({onError:I=>{let L=I.message||"Unexpected error occurred";u(L),v.error(L);},onSettled(I,L){if(L){v.error(L.message||"Unexpected error occurred in saving screenshot");return}if(!I)return;let _=t||I.oldScreenShotTitle;if(I.added)v.success(`Screenshot ${`${o?` for '${o}'`:""}`} saved successfully.`,{duration:5e3,id:`image-diff-message:added:${o||"default"}`,onAutoClose:m,onDismiss:m});else if(I.pass){let H=`Testing existing screenshot were successful, no change has been detected.${_?`
-Title: ${_}`:""}${o?`
-Browser: ${o}`:""}`;v.success(H,{duration:5e3,id:`image-diff-message:pass:${H}`,onAutoClose:m,onDismiss:m});}else if(I.diffSize||I.error){let H=bt(I);v.error(H,{duration:1/0,id:`image-diff-message:error:${H}`,onDismiss:m});}}}),S=M.useCallback(()=>{u(void 0);},[]),b=M.useCallback(()=>{m();},[m]),w=M.useCallback(I=>a?a.screenshotData.browserType===I:false,[a]),O=M.useCallback(()=>a&&a.screenshotData.title,[a]),x=M.useCallback(async(I,L,_,H)=>{if(!s)return new Error("Unable to find story data");if(!_)return new Error("Unable to find screenshot image data");let te=H?{...H}:void 0,W={actionSets:c,args:r,base64:_,browserOptions:te,browserType:I,filePath:s.filePath,globals:n,id:nanoid.nanoid(12),props:r,screenshotOptions:i&&Object.keys(i).length?i:void 0,storyId:s.id,title:L};a&&w(I)&&(W.updateScreenshot=a.screenshotData);let X;S();try{X=await f(W);}catch{return new Error("Unexpected error occurred")}if(a&&w(I)&&(X.added&&ql(a.screenshotData.id),l()),X.added){W.index=X.index;let{base64:ge,...xe}=W;$l(xe);}return X},[c,r,n,i,s,w,a,f,l,S]),A=M.useCallback(()=>{b();},[b]);return {clearError:S,error:p,getUpdatingScreenshotTitle:O,inProgress:h,isUpdating:w,onSuccessClose:A,result:d,saveScreenShot:x}}function Ic(e,t){let o=zt(),r=Wr(),n=managerApi.useStorybookState(),{screenshotOptions:i}=j(),{currentActions:s}=Ne(n.storyId),a=M.useRef(),[l,c]=M.useState(),{mutate:p,isPending:u,data:f}=P.screenshot.takeScreenshot.useMutation({onError:S=>{let b=S.message||"Unexpected error occurred";c(b),v.error(b);}}),[d,m]=M.useState(0);M.useEffect(()=>{let S=managerApi.addons.getChannel(),b=()=>m(w=>w+1);return S.on(coreEvents.STORY_RENDERED,b),()=>{S.off(coreEvents.STORY_RENDERED,b);}},[]);let h=M.useCallback(()=>{e!=="storybook"&&(c(void 0),p({actionSets:s,args:o,browserOptions:t,browserType:e,globals:r,props:o,requestId:nanoid.nanoid(),screenshotOptions:i,storyId:n.storyId}));},[e,s,o,t,r,p,i,n.storyId]);return M.useEffect(()=>{if(u||d===0)return;let S=S0__default.default({args:o,browserOptions:t,currentActions:s,globals:r,id:n.storyId,screenshotOptions:i});a.current!==S&&(a.current=S,h());},[s,h,o,t,r,n.storyId,i,u,d]),{error:l,getSnapshot:h,loading:u,screenshot:f}}function kc(){let{mutateAsync:e,isPending:t}=P.screenshot.changeScreenshotIndex.useMutation(),o=C(),r=M.useCallback(async n=>{if(o){vi({newIndex:n.newIndex,oldIndex:n.oldIndex});try{await e({filePath:o.filePath,newIndex:n.newIndex,oldIndex:n.oldIndex,storyId:o.id});}catch{vi({newIndex:n.oldIndex,oldIndex:n.newIndex});}}},[e,o]);return {ChangeIndexInProgress:t,changeIndex:r}}var ki=e=>{let{storyData:t,screenShotData:o,onClose:r,open:n=true,...i}=e,{testScreenshot:s,inProgress:a,result:l}=Ft();return M.useEffect(()=>{s({...t,screenshotId:o.id});},[t,o.id,s]),M__namespace.default.createElement(M__namespace.default.Fragment,null,l?.filePath&&M__namespace.default.createElement(lt,{title:o.title,imageDiffResult:l,open:n,onClose:r,titleActions:()=>M__namespace.default.createElement(Ae,{color:"primary",size:"medium",screenshotData:o}),...i}),M__namespace.default.createElement(E,{open:a}))};ki.displayName="ScreenshotPreviewDialog";var k0=D(T0__default.default),D0=D(A0__default.default),E0=y(()=>({indicatorIcon:{height:16,position:"absolute",right:-1,top:0,zIndex:1},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"});function go({pauseDeleteImageDiffResult:e,showPreviewOnClick:t,screenshot:o,sortableId:r,imageDiffResult:n,selected:i,onClick:s,draggable:a,forceShowMenu:l,showImageDiffResultDialog:c,storyData:p,...u}){let{attributes:f,listeners:d,setActivatorNodeRef:m,setNodeRef:h,transform:S,transition:b,isDragging:w}=sortable.useSortable({disabled:!a,id:r??o.id}),O=E0(),[x,A]=M.useState(false),[I,L]=M.useState(false),_=M.useRef(0),{dragStart:H}=Rr(),[te,W]=M.useState(false),{inProgress:X,testScreenshot:ge}=Ft(),xe=n&&n.pass,qe=M.useCallback(()=>{L(false),!e&&xe&&n?.screenshotId?_r(n.screenshotId):window.clearTimeout(_.current);},[e,xe,n]);M.useEffect(()=>(!e&&n&&n.pass&&(_.current=window.setTimeout(()=>{qe();},1e4)),()=>{window.clearTimeout(_.current);}),[e,qe,n]);let No=M.useCallback(()=>{L(true);},[]),xn=M.useCallback(()=>{A(true);},[]),Fo=M.useCallback(()=>{A(false);},[]),zo=M.useCallback(async()=>{await ge({...p,screenshotId:o.id}),L(true);},[o.id,p,ge]),qt=M.useCallback(()=>{s&&s(o),t&&W(!te);},[s,o,te,t]),{editScreenshot:_o,loadSetting:Ro,editScreenshotState:mt,clearScreenshotEdit:Ho}=_e(),Vo=M.useCallback(()=>_o(o),[_o,o]),Ko=M.useCallback(()=>{Ro(o);},[Ro,o]);return M__namespace.default.createElement("div",{ref:h,style:{opacity:w?.8:1,transform:utilities.CSS.Transform.toString(S),transition:b}},M__namespace.default.createElement(Ii,{onClick:qt,title:o.title,draggable:a,selected:i||mt&&mt.screenshotData.id===o.id,tooltip:o.title+(p&&` - ${p.id}`),onMouseEnter:xn,onMouseLeave:Fo,dragHandleProps:a?{...f,...d,setNodeRef:m}:void 0,style:{cursor:"pointer"}},M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{progressSize:20,position:"absolute",open:X}),xe&&M__namespace.default.createElement(k0,{color:"primary",onClick:qe,className:O.indicatorIcon}),n&&!n.pass&&M__namespace.default.createElement(D0,{color:"secondary",onClick:No,className:O.indicatorIcon}),M__namespace.default.createElement(So,{style:{height:16},browserType:o.browserType}),I&&c&&n&&M__namespace.default.createElement(Dc,{result:n,onClose:qe,title:o.title,titleActions:()=>M__namespace.default.createElement(Ae,{color:"primary",size:"medium",screenshotData:o})}),M__namespace.default.createElement(Mi,{show:(l||x)&&!H,screenshot:o,onHide:Fo,onRunImageDiff:zo,imageDiffResult:n,onEditClick:Vo,onLoadSettingClick:Ko,isEditing:!!mt,onDelete:Ho,...u}),te&&t&&M__namespace.default.createElement(ki,{screenShotData:o,storyData:p,onClose:qt,open:true,width:"100%",height:"100%",activeTab:xe?"newScreenshot":"imageDiff"}))))}go.displayName="ScreenshotListItem";var yo=({children:e,items:t})=>{let{setDragStart:o}=Rr(),{changeIndex:r,ChangeIndexInProgress:n}=kc(),i=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=M.useCallback(()=>{o(true);},[o]),a=M.useCallback(()=>{o(false);},[o]),l=M.useCallback(({active:c,over:p})=>{if(o(false),!p||c.id===p.id)return;let u=t.findIndex(d=>d===c.id),f=t.findIndex(d=>d===p.id);u<0||f<0||r({newIndex:f,oldIndex:u});},[r,t,o]);return M__namespace.default.createElement(core.DndContext,{sensors:i,collisionDetection:core.closestCenter,onDragStart:s,onDragCancel:a,onDragEnd:l},M__namespace.default.createElement(sortable.SortableContext,{items:t,strategy:sortable.verticalListSortingStrategy},M__namespace.default.createElement(si,null,M__namespace.default.createElement(E,{open:n}),e)))};yo.displayName="ScreenshotListSortable";var Oi=({children:e})=>{let t=C(),o=ze(),r=o.screenshots&&o.screenshots.length>0,n=[...o.screenshots||[]].sort((i,s)=>(i.index??0)-(s.index??0));return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(yo,{items:n.map(i=>i.id)},r?M__namespace.default.createElement(M__namespace.default.Fragment,null,t&&n.map((i,s)=>M__namespace.default.createElement(go,{index:s,sortableId:i.id,openUpdateDialog:true,key:i.id,screenshot:i,storyData:t,showPreviewOnClick:true,draggable:true,enableImageDiff:true,enableUpdate:true,showImageDiffResultDialog:true,enableLoadSetting:true,enableEditScreenshot:true,pauseDeleteImageDiffResult:o.pauseDeleteImageDiffResult,imageDiffResult:o.imageDiffResults.find(a=>a.screenshotId===i.id)}))):M__namespace.default.createElement("div",{style:{marginTop:30,textAlign:"center"}},M__namespace.default.createElement("div",null,"No screenshot has been found!")),e))};Oi.displayName="ScreenshotList";var Bi=e=>{let{hasScreenShot:t,title:o,onTestClick:r,onPreviewClick:n,onUpdateClick:i,onDelete:s}=e,[a,l]=M__namespace.default.useState(false);return M__namespace.default.createElement(rt,{border:["bottom"]},M__namespace.default.createElement("div",{className:"left"},M__namespace.default.createElement("div",{title:o},"Story Screenshots")),M__namespace.default.createElement("div",{className:"right"},M__namespace.default.createElement(Rt,{fixFunction:true,onClose:l,open:a}),M__namespace.default.createElement(components.IconButton,{onClick:()=>l(true),title:"Fix screenshot name"},M__namespace.default.createElement(icons.WrenchIcon,null)),t&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{onClick:i,title:"Update story screenshots"},M__namespace.default.createElement(icons.RefreshIcon,null)),M__namespace.default.createElement(components.IconButton,{onClick:r,title:"Run diff test for story screenshots"},M__namespace.default.createElement(icons.ContrastIcon,null)),M__namespace.default.createElement(components.IconButton,{onClick:n,title:"Display story screenshots"},M__namespace.default.createElement(icons.PhotoIcon,null)),M__namespace.default.createElement(Te,{IconButton:components.IconButton,onDelete:s}))))};Bi.displayName="ScreenshotListToolbar";function Ht(e,t,o=false){M.useEffect(()=>{if(!o)return e&&window.addEventListener("keydown",e),t&&window.addEventListener("keyup",t),()=>{e&&window.removeEventListener("keydown",e),t&&window.removeEventListener("keyup",t);}},[o,e,t]);}var q0=y(e=>{let{palette:{divider:t}}=e;return {line:{backgroundColor:t,width:1},list:{width:"350px"},root:{display:"flex",flexDirection:"row",height:"calc(100% - 70px) !important",position:"relative",width:"100%"}}},{name:"ScreenshotListPreviewDialog"}),Li=({screenshots:e,storyData:t,selectedItem:o,title:r,children:n,draggable:i=true,...s})=>{let[a,l]=M.useState(),c=ze(),p=q0(),u=M.useCallback(async m=>{l(m);},[]),f=M.useCallback(m=>{if(!a)return;let h=e.findIndex(S=>S.id===a.id);switch(m.key){case "ArrowDown":{e[h+1]&&l(e[h+1]);break}case "ArrowUp":{e[h-1]&&l(e[h-1]);break}}},[a,e]);Ht(void 0,f),M.useEffect(()=>{if(c.imageDiffResults&&c.imageDiffResults.length&&e&&!a)if(o){let m=e.find(h=>h.id===o);m&&u(m);}else e[0]&&u(e[0]);},[a,u,e,o,c.imageDiffResults]);let d=a&&c.imageDiffResults.find(m=>m.screenshotId===a.id);return M__namespace.default.createElement(Se,{width:"100%",title:r||(a?material.capitalize(a.title):"Loading ..."),subtitle:(r&&a&&a.title)+(t&&` (${t.id})`),height:"100%",...s},M__namespace.default.createElement("div",{className:p.root},M__namespace.default.createElement("div",{className:p.list},M__namespace.default.createElement(yo,{items:e.map(m=>m.id)},a&&e.map((m,h)=>M__namespace.default.createElement(go,{index:h,sortableId:m.id,openUpdateDialog:false,showPreviewOnClick:false,key:m.id,screenshot:m,forceShowMenu:true,enableUpdate:true,draggable:i,storyData:t,pauseDeleteImageDiffResult:c.pauseDeleteImageDiffResult,onClick:u,selected:a.id===m.id,imageDiffResult:c.imageDiffResults.find(S=>S.screenshotId===m.id)})))),M__namespace.default.createElement("div",{className:p.line}),d&&M__namespace.default.createElement(bo,{imageDiffResult:d}),n))};Li.displayName="ScreenshotListPreviewDialog";var jr=e=>{let{onClose:t,updating:o,target:r,onLoad:n}=e,{loading:i,storyData:s}=wc(r,n),[a,l]=M.useState(false),c=ze(),{updateScreenshot:p}=Gr(),u=M.useCallback(async()=>{l(true);try{let f=c.screenshots.reduce((d,m)=>{let h=c.imageDiffResults.find(S=>S.screenshotId===m.id);if(!h)throw new Error(`Unable to find image diff result for '${m.title}' screenshot.`);return d.push(p(h)),d},[]);await Promise.all(f),v.success("Successfully updated.",{duration:1/0,id:"story-screenshot-preview:updated"});}catch(f){v.error(f.message);}l(false);},[c,p]);return M__namespace.default.useEffect(()=>(mo(true),()=>{mo(false),Jl();}),[]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:i||a}),!i&&M__namespace.default.createElement(Li,{title:o?"Following screenshots will be saved, would you like to continue?":void 0,screenshots:c.screenshots,onClose:t,open:true,storyData:s||{filePath:"",id:"",name:"",parent:""},draggable:r==="story"&&!a,footerActions:o?()=>M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:t,color:"primary"},"No"),M__namespace.default.createElement(material.Button,{onClick:u,color:"primary",autoFocus:true},"Yes")):void 0},M__namespace.default.createElement(E,{open:a})))};jr.displayName="StoryScreenshotPreview";var Lc=M__namespace.default.memo(jr);function Ni(){let[e,t]=M.useState(false),o="screenshot-panel",{runDiffTest:r,updateInf:n}=Ot(o,"story"),{screenshotLoaderInProgress:i}=tc(),{deleteInProgress:s,deleteStoryScreenshots:a}=ec(),l=ze(),{testStoryScreenShots:c,imageDiffTestInProgress:p}=Nt(),u=M.useCallback(()=>{t(!e);},[e]),f=l.screenshots&&l.screenshots.length>0;M.useEffect(()=>{mo(e);},[e]);let d=M__namespace.default.useCallback(()=>{c("story");},[c]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(Bi,{onUpdateClick:r,title:"Story Screenshots",onTestClick:d,onPreviewClick:u,hasScreenShot:f,onDelete:a}),M__namespace.default.createElement(Oi,null,M__namespace.default.createElement(E,{open:i||p||s||n.reqBy!==void 0})),e&&M__namespace.default.createElement(jr,{onClose:u,target:"story"}))}Ni.displayName="ScreenshotPanel";var Fi=({showPanel:e})=>{let[t,o]=M__namespace.default.useState(false),{updateInf:r,handleClose:n,setIsLoadingFinish:i}=Ot(""),s=M__namespace.default.useCallback(()=>{o(true),i(true);},[i]),a=M__namespace.default.useCallback(()=>{n(),o(false);},[n]);return M__namespace.default.createElement(Me,null,e&&!t&&M__namespace.default.createElement(Ni,null),r.reqBy&&M__namespace.default.createElement(Lc,{onClose:a,updating:true,target:r.target??"story",onLoad:s}))};Fi.displayName="ScreenshotMain";function Nc(){let e=managerApi.useStorybookState(),[t,o]=M.useState();return M.useEffect(()=>{let r=$a(window.location.host,e.storyId),n=Object.keys(e.customQueryParams);if(n.length>0){let i=n.map(s=>{let a=e.customQueryParams[s];return `${s}=${a}`});r+=`&${i.join("&")}`;}o(r);},[e.customQueryParams,e.storyId]),t}var ug=D(vd__default.default),pg=y(()=>({content:{padding:5},root:{padding:5,width:450},title:{display:"flex",fontSize:20,justifyContent:"space-between",padding:5}}),{name:"OptionPopover"}),wo=({title:e,Icon:t,children:o,width:r,active:n})=>{let[i,s]=M.useState(),a=pg(),l=M.useCallback(p=>{s(p.target);},[]),c=M.useCallback(()=>{s(void 0);},[]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Popover,{open:!!i,anchorEl:i,onClose:c,style:{margin:20},anchorOrigin:{horizontal:"center",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"}},M__namespace.default.createElement("div",{className:a.root,style:{width:r}},M__namespace.default.createElement("div",{className:a.title},M__namespace.default.createElement("span",null,e),M__namespace.default.createElement(material.IconButton,{size:"small",onClick:c},M__namespace.default.createElement(ug,null))),M__namespace.default.createElement(material.Divider,null),M__namespace.default.createElement("div",null,o))),M__namespace.default.createElement(components.IconButton,{onClick:l,active:n},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Browser Options"},M__namespace.default.createElement(t,null))))};wo.displayName="OptionPopover";var hg=D(fg__default.default),xo=({browserType:e})=>{let{setBrowserOptions:t,browserOptions:o,hasOption:r,setBrowserDeviceOptions:n}=K(e),[i,s]=M.useState(false),a=M.useCallback(c=>{t(e,c);},[e,t]),l=M.useCallback(c=>{n(e,c),s(true);},[e,n]);return M.useEffect(()=>{i&&s(false);},[i]),o?M__namespace.default.createElement(wo,{title:"Browser Options",Icon:hg,active:r},!i&&M__namespace.default.createElement($r,{onSave:a,schemaName:"browser-options",defaultData:o&&o[e],FooterComponent:M__namespace.default.createElement(ci,{onDeviceSelect:l})})):null};xo.displayName="BrowserOptions";var bg=D(Sg__default.default),wg=D(yg__default.default),xg=D(vg__default.default),Pg=y(e=>{let{palette:t}=e;return {label:{textTransform:"uppercase"},root:{alignItems:"center",backgroundColor:t.divider,color:t.text.secondary,display:"flex",flexWrap:"nowrap",fontSize:14,height:30,justifyContent:"space-between",minHeight:"auto",paddingLeft:10,paddingRight:10,textAlign:"right"},toolbarPanels:{"& button":{alignItems:"center",display:"flex",height:30,marginLeft:6,marginTop:0},"& svg:not(.browser-loader)":{width:17},alignItems:"center",display:"flex"}}}),Hi=e=>{let{browserType:t,onSave:o,showSaveButton:r,loading:n,onRefresh:i,onFullScreen:s}=e,a=Pg();return M__namespace.default.createElement("div",{className:a.root},M__namespace.default.createElement("div",{className:a.toolbarPanels},M__namespace.default.createElement("label",{className:a.label},t),n&&M__namespace.default.createElement(material.CircularProgress,{classes:{svg:"browser-loader"},style:{marginLeft:10},size:15})),M__namespace.default.createElement("div",{className:a.toolbarPanels},r&&M__namespace.default.createElement(components.IconButton,{onClick:o},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Save screenshot"},M__namespace.default.createElement(xg,null))),M__namespace.default.createElement(components.IconButton,{onClick:i},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},M__namespace.default.createElement(wg,null))),t!=="storybook"&&M__namespace.default.createElement(xo,{browserType:t}),M__namespace.default.createElement(components.IconButton,{onClick:s},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Full screen"},M__namespace.default.createElement(bg,null)))))};Hi.displayName="ScreenShotViewToolbar";var Vi=(e,t,o=.1)=>e==="dark"?styles.lighten(t,o):styles.darken(t,o);var Eg=y(e=>{let t=e.palette.mode==="light"?styles.lighten:styles.darken,{palette:o}=e,{background:r}=o;return {card:{"& .os-scrollbar":{opacity:1,visibility:"visible !important",zIndex:10},"& .os-scrollbar-track":{"& .os-scrollbar-handle":{backgroundColor:Vi(o.mode,r.paper,.6)},backgroundColor:"transparent",visibility:"visible !important"},overflow:"hidden",position:"relative",width:"100%",zIndex:10,backgroundColor:t(r.default,.1)},container:{alignItems:"center",height:"100%",position:"relative",width:"100%",border:`3px solid ${o.divider}`,borderTop:0},editMode:{"& $fakeBorder":{borderColor:t(e.palette.warning.main,.5)},backgroundColor:t(e.palette.warning.main,.6)},fakeBorder:{border:`10px solid ${Vi(o.mode,r.paper,.1)}`,borderTop:0,bottom:0,left:0,pointerEvents:"none",position:"absolute",right:0,top:0,zIndex:5},iframe:{width:"100%"},image:{},imageContainer:{width:"max-content"}}},{name:"ScreenshotView"}),qr=e=>{let{browserType:t,url:o,height:r,refresh:n,onRefreshEnd:i,onSave:s,onScreenshotDataChange:a}=e,{isEditing:l}=_e(),[c,p]=M.useState(false),u=Eg(),{getBrowserOptions:f}=K(),d=f(t),{loading:m,screenshot:h,getSnapshot:S,error:b}=Ic(t,d);M.useEffect(()=>{!n||m||(S(),i?.());},[S,m,i,n]);let w=r-30,O=t==="storybook",x=!!(h&&h.base64)&&t!=="storybook",A=M.useCallback(()=>{p(!c);},[c]),I=b||h?.error,L=M.useCallback(()=>{t==="storybook"||!h?.base64||s?.(t);},[t,s,h]);return M.useEffect(()=>{if(!(!a||t==="storybook")){if(!h?.base64){a(t,void 0);return}a(t,{base64:h.base64,browserOptions:d});}},[d,t,a,h]),M__namespace.default.createElement("div",{className:Pr__default.default(u.card,{[u.editMode]:l(t)})},M__namespace.default.createElement(Hi,{browserType:t,onSave:L,loading:m,onRefresh:S,showSaveButton:x,onFullScreen:A}),M__namespace.default.createElement("div",{className:u.container,style:{height:w,overflow:O?"hidden":"auto"}},t!=="storybook"?M__namespace.default.createElement("div",{className:u.imageContainer},h&&h.base64&&!I?M__namespace.default.createElement("img",{className:u.image,src:`data:image/gif;base64,${h.base64}`}):M__namespace.default.createElement(M__namespace.default.Fragment,null,I&&M__namespace.default.createElement(Zn,{message:I}))):M__namespace.default.createElement("iframe",{src:o,className:u.iframe,style:{height:w},frameBorder:"0"})),M__namespace.default.createElement(Se,{open:c,width:"100%",height:"100%",onClose:A,title:`${material.capitalize(t)} screenshot`},h&&c&&h.base64&&M__namespace.default.createElement(Po,{imgSrcString:h.base64})))};qr.displayName="ScreenshotView";var Ng=y(e=>({overlay:{backgroundColor:"transparent",border:`1px solid ${e.palette.primary.main}`,bottom:0,cursor:"crosshair !important",left:0,position:"absolute",right:0,top:0,zIndex:100}}),{name:"SelectorOverlay"}),Ki=M.forwardRef((e,t)=>{let o=Ng();return M__namespace.default.createElement("div",{...e,className:Pr__default.default(o.overlay),ref:t})});Ki.displayName="IframeOverlay";var Gi=zustand.create()(middleware.devtools(e=>({clipping:false,start:()=>{e(()=>({clipping:true}));},stop:()=>{e(()=>({clipping:false}));},toggleClippingState:()=>{e(t=>({clipping:!t.clipping}));}}),{name:"clipper-store"})),Wi=()=>{let{clipping:e,stop:t}=Gi(),{addonState:o,setAddonState:r}=de(),{setBrowserOptions:n,browserOptions:i}=K(),s=o.clippingWarningDismissed??false,{setScreenshotOptions:a,screenshotOptions:l}=j(),c=M__namespace.default.useRef(null),p=Hc(),u=M__namespace.default.useCallback(f=>{if(!c.current||!p)return;let d=Za(p),{height:m,width:h,top:S,left:b}=f.rect,w=p.contentDocument??p.contentWindow?.document,O=w?Math.max(w.body?.scrollHeight||0,w.body?.offsetHeight||0,w.documentElement.scrollHeight,w.documentElement.offsetHeight,w.documentElement.clientHeight):p.getBoundingClientRect().height,x=p.getBoundingClientRect(),A=p.contentWindow?.innerWidth??x.width,I=p.contentWindow?.innerHeight??x.height,L=w?.documentElement?.clientWidth??x.width,_=w?.documentElement?.clientHeight??x.height,H=Math.min(x.width,L),te=Math.min(x.height,_),W=x.left+H,X=x.top+te,ge=H?A/H:1,xe=te?I/te:1,qe=Number.isFinite(ge)&&ge>0?ge:1,No=Number.isFinite(xe)&&xe>0?xe:1,xn=b+h,Fo=S+m,zo=Math.max(b,x.left),qt=Math.max(S,x.top),_o=Math.min(xn,W),Ro=Math.min(Fo,X),mt=Math.max(0,_o-zo),Ho=Math.max(0,Ro-qt);if(mt===0||Ho===0){t();return}n("all",{...i.all||{},viewport:{height:Math.round(O),width:Math.round(A)}});let Vo={left:d.scrollLeft+(zo-x.left)*qe,top:d.scrollTop+(qt-x.top)*No};a({...l,clip:{height:Math.ceil(Ho*No),width:Math.ceil(mt*qe),x:Math.floor(Vo.left),y:Math.floor(Vo.top)}}),t(),s||v.custom(({dismiss:Ko})=>M__namespace.default.createElement(wr,{variant:"info",onClose:Ko},M__namespace.default.createElement(ei,{style:{fontSize:14}},"Clipping may differ from the Storybook preview when browser zoom is not 100%, OS display scaling (DPI) is different, fonts or line height differ, text wraps differently, the preview is resized or transformed, or scrollbar behavior differs from the Playwright viewport."),M__namespace.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",marginTop:8}},M__namespace.default.createElement(components.IconButton,{type:"button",onClick:()=>{r({...o,clippingWarningDismissed:true}),Ko();}},"Do Not Show Again"))));},[o,i.all,p,s,l,n,a,r,t]);return Ht(void 0,f=>{f.code==="Escape"&&t();}),e?M__namespace.default.createElement(Ki,{ref:c},M__namespace.default.createElement(zg__default.default,{dragContainer:c.current,hitRate:100,selectByClick:true,selectFromInside:true,ratio:0,onSelectEnd:u})):null};Wi.displayName="Clipper";var Ui=()=>{let{clipping:e,toggleClippingState:t}=Gi(),o=M__namespace.default.useCallback(()=>{t();},[t]);return M__namespace.default.createElement(components.IconButton,{active:e,onClick:o},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:e?"Stop Clipping":"Start Clipping"},M__namespace.default.createElement("svg",{className:"MuiSvgIcon-root",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24",style:{height:20,transform:"rotate(180deg)",width:20,fill:"currentColor"}},M__namespace.default.createElement("path",{d:"M17 5h-2V3h2v2zm-2 16h2v-2.59L19.59 21 21 19.59 18.41 17H21v-2h-6v6zm4-12h2V7h-2v2zm0 4h2v-2h-2v2zm-8 8h2v-2h-2v2zM7 5h2V3H7v2zM3 17h2v-2H3v2zm2 4v-2H3c0 1.1.9 2 2 2zM19 3v2h2c0-1.1-.9-2-2-2zm-8 2h2V3h-2v2zM3 9h2V7H3v2zm4 12h2v-2H7v2zm-4-8h2v-2H3v2zm0-8h2V3c-1.1 0-2 .9-2 2z"}))))};Ui.displayName="ClipperButton";var Vc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"2 -1 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M12 9.984l3.984 4.031h-3v6h-1.969v-6h-3zM18.984 3.984q0.844 0 1.43 0.586t0.586 1.43v12q0 0.797-0.609 1.406t-1.406 0.609h-3.984v-2.016h3.984v-9.984h-13.969v9.984h3.984v2.016h-3.984q-0.844 0-1.43-0.586t-0.586-1.43v-12q0-0.844 0.586-1.43t1.43-0.586h13.969z"}),M__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var Kc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M8.071 13.954l-4.579-7.931c2.932-3.671 7.445-6.023 12.508-6.023 5.857 0 10.978 3.148 13.767 7.844h-13.055c-0.235-0.020-0.472-0.031-0.711-0.031-3.809 0-7.018 2.614-7.929 6.142zM21.728 10.156h9.171c0.711 1.81 1.101 3.781 1.101 5.844 0 8.776-7.066 15.9-15.818 15.998l6.544-11.334c0.921-1.324 1.462-2.932 1.462-4.664 0-2.287-0.943-4.357-2.459-5.844zM10.188 16c0-3.205 2.607-5.813 5.813-5.813s5.813 2.607 5.813 5.813c0 3.205-2.608 5.813-5.813 5.813s-5.813-2.608-5.813-5.813zM18.193 23.889l-4.581 7.934c-7.704-1.153-13.613-7.797-13.613-15.822 0-2.851 0.746-5.526 2.053-7.845l6.532 11.314c1.308 2.785 4.14 4.718 7.415 4.718 0.759 0 1.495-0.104 2.193-0.299z"}),M__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var Gc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M31.954 10.442l-0.371 2.377c0 0-0.53-4.402-1.179-6.047-0.995-2.521-1.438-2.501-1.441-2.498 0.667 1.694 0.546 2.604 0.546 2.604s-1.181-3.219-4.303-4.243c-3.459-1.134-5.33-0.824-5.547-0.765-0.033-0-0.064-0-0.095-0 0.026 0.002 0.050 0.005 0.076 0.007-0.001 0.001-0.003 0.001-0.003 0.002 0.014 0.017 3.822 0.666 4.497 1.594 0 0-1.617 0-3.227 0.464-0.073 0.021 5.923 0.749 7.148 6.74 0 0-0.657-1.371-1.47-1.604 0.535 1.626 0.397 4.712-0.112 6.245-0.066 0.197-0.133-0.853-1.135-1.305 0.321 2.301-0.019 5.952-1.616 6.957-0.124 0.078 1.001-3.603 0.226-2.18-4.46 6.838-9.731 3.155-12.101 1.535 1.215 0.264 3.52-0.041 4.541-0.8 0.001-0.001 0.002-0.002 0.004-0.003 1.108-0.758 1.765-1.311 2.354-1.18s0.982-0.46 0.524-0.985c-0.459-0.526-1.572-1.249-3.079-0.855-1.063 0.278-2.379 1.454-4.389 0.264-1.543-0.914-1.688-1.673-1.702-2.199 0.038-0.186 0.086-0.361 0.143-0.52 0.178-0.496 0.716-0.646 1.015-0.764 0.508 0.087 0.946 0.246 1.405 0.481 0.006-0.153 0.008-0.356-0.001-0.586 0.044-0.088 0.017-0.352-0.054-0.674-0.041-0.322-0.107-0.655-0.211-0.959 0-0 0.001-0 0.001-0 0.002-0.001 0.003-0.001 0.005-0.002s0.005-0.004 0.007-0.006c0-0.001 0.001-0.001 0.001-0.002 0.003-0.004 0.005-0.008 0.006-0.015 0.032-0.144 0.376-0.423 0.804-0.722 0.383-0.268 0.834-0.553 1.19-0.774 0.314-0.195 0.554-0.34 0.605-0.378 0.019-0.015 0.042-0.032 0.068-0.051 0.005-0.004 0.009-0.007 0.014-0.011 0.003-0.002 0.006-0.005 0.009-0.007 0.169-0.135 0.421-0.389 0.474-0.924 0-0.001 0-0.002 0-0.004 0.002-0.016 0.003-0.032 0.004-0.048 0.001-0.011 0.002-0.023 0.002-0.034 0-0.009 0.001-0.018 0.001-0.027 0.001-0.021 0.002-0.043 0.002-0.065 0-0.001 0-0.002 0-0.004 0.001-0.052-0-0.106-0.003-0.163-0.002-0.032-0.004-0.060-0.009-0.086-0-0.001-0.001-0.003-0.001-0.004-0.001-0.003-0.001-0.005-0.002-0.008-0.001-0.005-0.002-0.009-0.004-0.013-0-0.001-0-0.001-0.001-0.001-0.002-0.005-0.004-0.010-0.005-0.014-0-0-0-0-0-0.001-0.055-0.128-0.26-0.177-1.108-0.191-0.001-0-0.002-0-0.002-0v0c-0.346-0.006-0.798-0.006-1.391-0.004-1.039 0.004-1.613-1.016-1.797-1.41 0.251-1.389 0.977-2.379 2.17-3.051 0.023-0.013 0.018-0.023-0.009-0.031 0.233-0.141-2.82-0.004-4.225 1.782-1.247-0.31-2.333-0.289-3.269-0.069-0.18-0.005-0.404-0.027-0.67-0.083-0.623-0.564-1.514-1.606-1.562-2.85 0 0-0.003 0.002-0.008 0.006-0.001-0.012-0.002-0.024-0.002-0.036 0 0-1.897 1.458-1.613 5.434-0.001 0.064-0.002 0.125-0.004 0.184-0.514 0.696-0.768 1.282-0.787 1.411-0.455 0.926-0.917 2.32-1.292 4.437 0 0 0.263-0.833 0.79-1.777-0.388 1.188-0.693 3.036-0.514 5.808 0 0 0.047-0.615 0.215-1.5 0.131 1.719 0.704 3.841 2.152 6.337 2.78 4.791 7.052 7.211 11.775 7.582 0.839 0.069 1.689 0.071 2.544 0.006 0.079-0.006 0.157-0.011 0.236-0.018 0.968-0.068 1.942-0.214 2.914-0.449 13.287-3.212 11.842-19.256 11.842-19.256z"}));var Uc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M16 0c-8.838 0-16 7.162-16 16s7.162 16 16 16 16-7.163 16-16-7.163-16-16-16zM29.95 14.775l-0.031-0.331c0.006 0.113 0.019 0.219 0.031 0.331zM27.762 8.4l-0.225-0.338c0.075 0.113 0.15 0.225 0.225 0.338zM26.894 7.206l-0.137-0.169c0.050 0.056 0.094 0.112 0.137 0.169zM24.956 5.237l-0.169-0.138c0.063 0.050 0.113 0.094 0.169 0.138zM23.938 4.463l-0.337-0.225c0.113 0.075 0.225 0.15 0.337 0.225zM17.556 2.087l-0.337-0.031c0.113 0.006 0.225 0.019 0.337 0.031zM14.775 2.050l-0.338 0.031c0.113-0.006 0.225-0.019 0.338-0.031zM8.4 4.237l-0.338 0.225c0.113-0.075 0.225-0.15 0.338-0.225zM7.206 5.106l-0.162 0.131c0.056-0.044 0.106-0.088 0.162-0.131zM5.237 7.044l-0.138 0.169c0.050-0.056 0.094-0.112 0.138-0.169zM4.463 8.063l-0.225 0.338c0.075-0.113 0.15-0.225 0.225-0.338zM2.087 14.444l-0.031 0.338c0.006-0.113 0.019-0.225 0.031-0.338zM2.050 17.225l0.031 0.337c-0.006-0.113-0.019-0.225-0.031-0.337zM4.237 23.594l0.225 0.337c-0.075-0.106-0.15-0.219-0.225-0.337zM4.5 23.988l2.494-1.669-0.275-0.419-2.494 1.669c-1.131-1.756-1.875-3.775-2.125-5.95l1.494-0.15-0.050-0.5-1.494 0.15c-0.025-0.288-0.038-0.581-0.044-0.875h3v-0.5h-3c0.006-0.294 0.019-0.581 0.044-0.875l1.494 0.144 0.050-0.5-1.494-0.144c0.25-2.175 1-4.194 2.131-5.95l2.494 1.669 0.275-0.419-2.5-1.656c0.169-0.237 0.338-0.475 0.519-0.7l1.156 0.95 0.319-0.388-1.156-0.95c0.188-0.225 0.388-0.438 0.588-0.65l2.119 2.119 0.356-0.356-2.119-2.119c0.213-0.2 0.425-0.4 0.644-0.588l0.95 1.162 0.387-0.319-0.95-1.156c0.231-0.181 0.463-0.356 0.7-0.525l1.669 2.494 0.419-0.275-1.669-2.494c1.756-1.131 3.775-1.875 5.95-2.125l0.15 1.494 0.5-0.050-0.15-1.494c0.287-0.025 0.581-0.038 0.875-0.044v3h0.5v-3c0.294 0.006 0.581 0.019 0.875 0.044l-0.144 1.494 0.5 0.050 0.144-1.494c2.175 0.25 4.194 1 5.95 2.131l-1.669 2.494 0.419 0.275 1.669-2.494c0.238 0.169 0.475 0.338 0.7 0.519l-0.95 1.156 0.387 0.319 0.95-1.156c0.225 0.188 0.438 0.388 0.65 0.588l-0.8 0.781-10.938 7.294-7.294 10.937-0.781 0.781c-0.2-0.212-0.4-0.425-0.588-0.644l1.156-0.95-0.319-0.387-1.156 0.95c-0.181-0.225-0.35-0.462-0.519-0.7zM5.237 24.956c-0.044-0.056-0.088-0.106-0.131-0.163l0.131 0.163zM7.044 26.762l0.162 0.131c-0.056-0.044-0.106-0.087-0.162-0.131zM8.063 27.531l0.338 0.225c-0.113-0.069-0.225-0.144-0.338-0.225zM14.444 29.913l0.338 0.031c-0.113-0.006-0.225-0.019-0.338-0.031zM17.225 29.95l0.331-0.031c-0.113 0.006-0.219 0.019-0.331 0.031zM23.6 27.762l0.337-0.225c-0.113 0.075-0.225 0.15-0.337 0.225zM24.794 26.894l0.169-0.137c-0.056 0.050-0.113 0.094-0.169 0.137zM25.887 25.913l0.025-0.025c-0.006 0.006-0.019 0.019-0.025 0.025zM26.762 24.956l0.137-0.169c-0.050 0.056-0.094 0.113-0.137 0.169zM26.981 24.688l-1.156-0.95-0.319 0.387 1.156 0.95c-0.188 0.225-0.387 0.438-0.587 0.65l-2.119-2.119-0.356 0.356 2.119 2.119c-0.212 0.2-0.425 0.4-0.644 0.587l-0.95-1.163-0.387 0.319 0.95 1.156c-0.231 0.181-0.462 0.356-0.7 0.525l-1.669-2.494-0.419 0.275 1.669 2.494c-1.756 1.131-3.775 1.875-5.95 2.125l-0.15-1.494-0.5 0.050 0.15 1.494c-0.288 0.025-0.581 0.038-0.875 0.044v-3h-0.5v3c-0.294-0.006-0.581-0.019-0.875-0.044l0.144-1.494-0.5-0.050-0.144 1.494c-2.175-0.25-4.194-1-5.95-2.131l1.669-2.494-0.419-0.275-1.656 2.494c-0.237-0.169-0.475-0.337-0.7-0.519l0.95-1.156-0.388-0.319-0.95 1.156c-0.225-0.188-0.438-0.387-0.65-0.587l0.787-0.781 10.937-7.294 7.294-10.938 0.781-0.781c0.2 0.213 0.4 0.425 0.587 0.644l-1.156 0.95 0.319 0.387 1.156-0.95c0.181 0.231 0.356 0.463 0.525 0.7l-2.494 1.669 0.275 0.419 2.494-1.669c1.131 1.756 1.875 3.775 2.125 5.95l-1.494 0.15 0.050 0.5 1.494-0.15c0.025 0.287 0.038 0.581 0.044 0.875h-3v0.5h3c-0.006 0.294-0.019 0.581-0.044 0.875l-1.494-0.144-0.050 0.5 1.494 0.144c-0.25 2.175-1 4.194-2.131 5.95l-2.494-1.669-0.275 0.419 2.494 1.669c-0.163 0.225-0.337 0.456-0.519 0.688zM29.95 17.219c-0.012 0.113-0.019 0.225-0.031 0.337l0.031-0.337zM27.762 23.6c-0.075 0.113-0.15 0.225-0.225 0.337l0.225-0.337z"}),M__namespace.createElement("path",{d:"M13.517 2.221l0.585 2.942-0.49 0.098-0.585-2.942 0.49-0.098z"}),M__namespace.createElement("path",{d:"M18.489 29.78l-0.585-2.942 0.49-0.098 0.585 2.942-0.49 0.098z"}),M__namespace.createElement("path",{d:"M12.176 2.528l0.436 1.435-0.478 0.145-0.436-1.435 0.478-0.145z"}),M__namespace.createElement("path",{d:"M19.826 29.465l-0.436-1.435 0.478-0.145 0.436 1.435-0.478 0.145z"}),M__namespace.createElement("path",{d:"M10.875 2.972l1.148 2.772-0.462 0.191-1.148-2.772 0.462-0.191z"}),M__namespace.createElement("path",{d:"M21.129 29.030l-1.148-2.772 0.462-0.191 1.148 2.772-0.462 0.191z"}),M__namespace.createElement("path",{d:"M9.176 3.771l0.441-0.236 0.707 1.323-0.441 0.236-0.707-1.323z"}),M__namespace.createElement("path",{d:"M22.816 28.228l-0.441 0.236-0.707-1.323 0.441-0.236 0.707 1.323z"}),M__namespace.createElement("path",{d:"M3.769 9.182l1.323 0.707-0.236 0.441-1.323-0.707 0.236-0.441z"}),M__namespace.createElement("path",{d:"M28.226 22.819l-1.323-0.707 0.236-0.441 1.323 0.707-0.236 0.441z"}),M__namespace.createElement("path",{d:"M5.744 12.019l-2.772-1.148 0.191-0.462 2.772 1.148-0.191 0.462z"}),M__namespace.createElement("path",{d:"M26.26 19.978l2.772 1.148-0.191 0.462-2.772-1.148 0.191-0.462z"}),M__namespace.createElement("path",{d:"M2.673 11.7l1.436 0.435-0.145 0.479-1.436-0.435 0.145-0.479z"}),M__namespace.createElement("path",{d:"M29.322 20.302l-1.436-0.435 0.145-0.479 1.436 0.435-0.145 0.479z"}),M__namespace.createElement("path",{d:"M2.315 13.024l2.942 0.585-0.098 0.49-2.942-0.585 0.098-0.49z"}),M__namespace.createElement("path",{d:"M29.679 18.976l-2.942-0.585 0.098-0.49 2.942 0.585-0.098 0.49z"}),M__namespace.createElement("path",{d:"M2.218 18.486l2.942-0.585 0.098 0.49-2.942 0.585-0.098-0.49z"}),M__namespace.createElement("path",{d:"M29.776 13.513l-2.942 0.585-0.098-0.49 2.942-0.585 0.098 0.49z"}),M__namespace.createElement("path",{d:"M2.53 19.829l1.435-0.436 0.145 0.478-1.435 0.436-0.145-0.478z"}),M__namespace.createElement("path",{d:"M29.468 12.178l-1.435 0.436-0.145-0.478 1.435-0.436 0.145 0.478z"}),M__namespace.createElement("path",{d:"M3.161 21.591l-0.191-0.462 2.772-1.148 0.191 0.462-2.772 1.148z"}),M__namespace.createElement("path",{d:"M28.837 10.413l0.191 0.462-2.772 1.148-0.191-0.462 2.772-1.148z"}),M__namespace.createElement("path",{d:"M3.776 22.821l-0.236-0.441 1.323-0.707 0.236 0.441-1.323 0.707z"}),M__namespace.createElement("path",{d:"M28.233 9.181l0.236 0.441-1.323 0.707-0.236-0.441 1.323-0.707z"}),M__namespace.createElement("path",{d:"M9.621 28.464l-0.441-0.236 0.707-1.323 0.441 0.236-0.707 1.323z"}),M__namespace.createElement("path",{d:"M22.377 3.534l0.441 0.236-0.707 1.323-0.441-0.236 0.707-1.323z"}),M__namespace.createElement("path",{d:"M10.415 28.837l1.148-2.772 0.462 0.191-1.148 2.772-0.462-0.191z"}),M__namespace.createElement("path",{d:"M21.59 3.16l-1.148 2.772-0.462-0.191 1.148-2.772 0.462 0.191z"}),M__namespace.createElement("path",{d:"M12.176 29.47l-0.478-0.145 0.435-1.435 0.478 0.145-0.435 1.435z"}),M__namespace.createElement("path",{d:"M19.823 2.528l0.479 0.145-0.435 1.436-0.479-0.145 0.435-1.436z"}),M__namespace.createElement("path",{d:"M13.515 29.776l-0.49-0.098 0.585-2.942 0.49 0.098-0.585 2.942z"}),M__namespace.createElement("path",{d:"M18.485 2.218l0.49 0.098-0.585 2.942-0.49-0.098 0.585-2.942z"}),M__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var So=M.memo(e=>{let{browserType:t,...o}=e;switch(t){case "chromium":return M__namespace.default.createElement(Kc,{...o});case "firefox":return M__namespace.default.createElement(Gc,{...o});case "webkit":return M__namespace.default.createElement(Uc,{...o});default:return M__namespace.default.createElement(Vc,{...o})}});So.displayName="BrowserIcon";var Xi=e=>{let{browserType:t,onClick:o,active:r}=e,n=M.useCallback(()=>{o(t);},[t,o]);return M__namespace.default.createElement(components.IconButton,{onClick:n,active:r,title:material.capitalize(t)},M__namespace.default.createElement(So,{browserType:t}))};Xi.displayName="BrowserIconButton";var Qg=D(Yg__default.default),Yi=()=>{let{setBrowserOptions:e,browserOptions:t}=K(),{setScreenshotOptions:o,screenshotOptions:r}=j(),n=M__namespace.default.useCallback(()=>{let i=Ce();if(!i)return;let s=Ja(i);s&&(e("all",{...t.all,viewport:{height:Math.round(s.height),width:Math.round(s.width)}}),r&&r.clip!==void 0&&o({...r,clip:void 0}));},[t,r,e,o]);return M__namespace.default.createElement(components.IconButton,{onClick:n,"aria-label":"Match browser viewport to iframe content"},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Match browser viewport to iframe content"},M__namespace.default.createElement(Qg,null)))};Yi.displayName="ResizeBrowserToIframeContent";var oS=D(eS__default.default),Ji=()=>{let{setBrowserOptions:e,browserOptions:t}=K(),{setScreenshotOptions:o,screenshotOptions:r}=j(),n=M__namespace.default.useCallback(()=>{let i=Ce();if(!i)return;let s=i.getBoundingClientRect();e("all",{...t.all,viewport:{height:Math.round(s.height),width:Math.round(s.width)}}),r&&r.clip!==void 0&&o({...r,clip:void 0});},[t,r,e,o]);return M__namespace.default.createElement(components.IconButton,{onClick:n,"aria-label":"Match browser viewport to preview"},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Match browser viewport to preview"},M__namespace.default.createElement(oS,null)))};Ji.displayName="ResizeBrowserToPreview";var sS=D(nS__default.default);function Qi(){let{setBrowserOptions:e}=K(),{setScreenshotOptions:t}=j(),o=M__namespace.default.useCallback(()=>{e("all",{}),t({});},[e,t]);return M__namespace.default.createElement(components.IconButton,{onClick:o},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Reset Settings"},M__namespace.default.createElement(sS,{style:{marginTop:4,width:"20px"}})))}Qi.displayName="ResetSettings";var uS=D(aS__default.default),Zi=()=>{let{setScreenshotOptions:e,screenshotOptions:t}=j(),o=M.useCallback(n=>{e(n);},[e]),r=M.useMemo(()=>t&&Object.keys(t).length>0,[t]);return M__namespace.default.createElement(wo,{title:"Screenshot Options",Icon:uS,active:r},M__namespace.default.createElement($r,{onSave:o,schemaName:"screenshot-options",defaultData:t,excludeProps:["path"]}))};Zi.displayName="ScreenshotOptions";var gS=D(pS__default.default),SS=D(fS__default.default),yS=D(dS__default.default),vS=D(vg__default.default),es=e=>{let{browserTypes:t,toggleBrowser:o,activeBrowsers:r,onCLose:n,onRefresh:i,isVertical:s,onSave:a}=e,{setBrowserOptions:l,browserOptions:c}=K(),p=M.useCallback(()=>{let u=c.all&&c.all.cursor;l("all",{...c.all,cursor:u?void 0:true});},[c,l]);return M__namespace.default.createElement(rt,{border:s?void 0:["top"]},M__namespace.default.createElement("div",{className:"left"},t.map(u=>M__namespace.default.createElement(Xi,{key:u,browserType:u,onClick:o,active:r.find(f=>f===u)!==void 0}))),M__namespace.default.createElement("div",{className:"right"},M__namespace.default.createElement(components.IconButton,{className:"cursor-button",onClick:p,active:c.all&&c.all.cursor},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:c.all&&c.all.cursor?"Hide cursor":"Show cursor"},M__namespace.default.createElement(SS,{style:{transform:"rotate(-80deg)"}}))),M__namespace.default.createElement(Ui,null),M__namespace.default.createElement(Ji,null),M__namespace.default.createElement(Yi,null),M__namespace.default.createElement(components.IconButton,{onClick:a},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Save screenshots"},M__namespace.default.createElement(vS,null))),M__namespace.default.createElement(components.IconButton,{onClick:i},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},M__namespace.default.createElement(yS,null))),M__namespace.default.createElement(Qi,null),M__namespace.default.createElement(Zi,null),M__namespace.default.createElement(xo,{browserType:"all"}),M__namespace.default.createElement(components.IconButton,{onClick:n},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Close panel"},M__namespace.default.createElement(gS,null)))))};es.displayName="Toolbar";var wS=100,Xc=2,xS=2,Yc=(e,t)=>{let[o,r]=reactUse.useMeasure(),n=M.useMemo(()=>`calc(${wS/(e||t||1)}% - ${xS}px)`,[t,e]);return {itemHeight:M.useMemo(()=>e===1?r.height/(t||1):e===Xc?r.height/Xc:r.height,[t,e,r.height]),ref:o,width:n}};var Jc=e=>{let[t,o]=M.useState(false),r=M.useRef({}),{generateTitle:n,hasGenerator:i}=yc(null),{getUpdatingScreenshotTitle:s,inProgress:a,saveScreenShot:l}=Cc(),c=M.useCallback((m,h)=>{if(!h){delete r.current[m];return}r.current[m]=h;},[]),p=M.useCallback(async(m,h)=>{o(true);try{for(let S of h){let b=r.current[S];b&&await l(S,m,b.base64,b.browserOptions);}}finally{o(false);}},[l]),u=M.useCallback(m=>{if(!m.length)return;let h=m.length>1?"Screenshots Title":"Screenshot Title";Tt.show({onGenerateContent:i?n:void 0,onSave:S=>{p(S,m);},required:true,title:h,value:s()});},[n,s,i,p]),f=M.useCallback(()=>{u(e);},[e,u]),d=M.useCallback(m=>{u([m]);},[u]);return {isSaving:t||a,requestSaveAll:f,requestSaveOne:d,setScreenshotData:c}};var AS=y(e=>({error:{color:"red",marginTop:"10%",padding:30,textAlign:"center"},list:{display:"flex",height:"100%",position:"relative",width:"100%"},listItem:{marginBottom:2,marginLeft:1,marginRight:1},listWrap:{flexFlow:" row wrap"},preview:{boxShadow:`${e.palette.divider} 0 1px 0 0 inset`,height:"100%",overflow:"hidden",paddingTop:2,width:"100%"},root:{display:"flex",flexDirection:"column",height:"100%"},vertical:{borderLeft:`1px solid ${e.palette.divider}`}})),Ao=e=>{let{showStorybook:t,column:o,onClose:r,viewPanel:n}=e,{activeBrowsers:i,toggleBrowser:s,browserTypes:a,refreshingBrowsers:l,clearBrowserRefresh:c,refreshBrowsers:p}=Kr(n),u=AS(),f=Nc(),{itemHeight:d,ref:m,width:h}=Yc(o,i.length),{isSaving:S,requestSaveAll:b,requestSaveOne:w,setScreenshotData:O}=Jc(i),x=M.useCallback(()=>{p(i);},[i,p]);return M__namespace.default.createElement("div",{className:Pr__default.default(u.root,{[u.vertical]:o===1})},M__namespace.default.createElement(es,{browserTypes:a,activeBrowsers:i,toggleBrowser:s,onCLose:r,onRefresh:x,onSave:b,isVertical:o===1}),M__namespace.default.createElement("div",{className:u.preview},i&&i.length>0&&M__namespace.default.createElement("div",{ref:m,className:Pr__default.default(u.list,{[u.listWrap]:o!==void 0})},t&&M__namespace.default.createElement("div",{className:u.listItem,style:{width:h}},M__namespace.default.createElement(qr,{browserType:"storybook",url:f,height:d})),i.map(A=>M__namespace.default.createElement("div",{key:A,className:u.listItem,style:{width:h}},M__namespace.default.createElement(qr,{browserType:A,height:d,refresh:l.includes(A),onSave:w,onRefreshEnd:()=>{c(A);},onScreenshotDataChange:O}))))),M__namespace.default.createElement(E,{open:S}))};Ao.displayName="ScreenshotListView";var IS=y(e=>({appBar:{backgroundColor:e.palette.divider,boxShadow:"none"},closeIconAbsolute:{position:"absolute",right:30,top:30},container:{height:"100%"},dialogPaper:{height:"100%",maxHeight:"100%",maxWidth:"100%",minHeight:"100%",minWidth:"100%",overflow:"hidden"},toolbar:{minHeight:"auto"},toolbarRight:{display:"flex",justifyContent:"flex-end",width:"100%"}})),ts=e=>{let{onClose:t,open:o}=e,r=IS();return M__namespace.default.createElement(lo,null,M__namespace.default.createElement(MS__default.default,{onClose:t,"aria-labelledby":"simple-dialog-title",open:o,hideBackdrop:true,classes:{paper:r.dialogPaper}},M__namespace.default.createElement("div",{className:r.container},M__namespace.default.createElement(Ao,{showStorybook:true,column:2,onClose:t,viewPanel:"dialog"}))))};ts.displayName="PreviewDialog";var ES=y(()=>({alert:{padding:"0px 16px"},icon:{alignSelf:"center"},message:{flex:1},messageWrapper:{alignSelf:"center"},root:{alignSelf:"center",display:"flex",justifyContent:"space-between",width:"100%"}}),{name:"EditScreenshotAlert"}),os=()=>{let{editScreenshotState:e,clearScreenshotEdit:t}=_e(),o=ES();return e?M__namespace.default.createElement(material.Alert,{classes:{icon:o.icon,message:o.message,root:o.alert},severity:"warning"},M__namespace.default.createElement("div",{className:o.root},M__namespace.default.createElement("div",{className:o.messageWrapper},`Editing '${e.screenshotData.title}' screenshot (${e.screenshotData.browserType}).`),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.Button,{size:"small",color:"inherit",onClick:t},"Cancel")))):null};os.displayName="EditScreenshotAlert";function Zc(e,t){return e&&e.placement&&e.placement!=="auto"?e.placement==="bottom":t!=="bottom"}var ke="playwright-addon",eu=`${ke}/action-panel`,Kt=`${ke}/screenshot-panel`,tu=`${ke}/tool`,ou=`${ke}/toast`,ru=`${ke}/preview-panel`;var nn=" (This action loaded from screenshot actions, its temporary and will be removed)";var OS="storybook-root",rs=`html>body>#${OS}`;var nu="html>body>#root",BS=8;function iu(e){return typeof e.querySelector=="function"}function LS(e){if(iu(e)){if(e.querySelector(nu))return nu;if(e.querySelector(rs))return rs}}function su(e,t){if(!iu(t))return e;let o=LS(t);if(!o)return e;let r=t.querySelector(o);if(!r)return e;for(let n=1;n<=BS;n+=1){let i=`html>body>div:nth-child(${n})`;if(!e.includes(i))continue;let s=t.querySelector(i);if(s&&s===r)return e.replace(i,o)}return e}var HS=y(e=>({hidden:{display:"none",pointerEvents:"none"},info:{bottom:0,color:e.palette.primary.main,fontSize:14,left:2,pointerEvents:"none",position:"absolute"},overlay:{backgroundColor:"transparent",bottom:0,cursor:"crosshair !important",left:0,position:"absolute",right:0,top:0,zIndex:100},preview:{border:`1px solid ${e.palette.primary.main}`,position:"absolute"}}),{name:"SelectorOverlay"}),ns={height:"100%",left:0,right:0,width:"100%"},is=e=>{let{iframe:t}=e,{stopSelector:o,selectorManager:r,setSelectorData:n}=Gt(),[i,s]=M.useState(),a=HS(),l=M.useRef(null),c=r.type==="id-selector",p=r.type==="selector"||c,[u,f]=M.useState({rect:ns}),{elX:d,elY:m}=reactUse.useMouseHovered(l,{bound:true,whenHovered:true});return reactUse.useKey("Escape",o,void 0,[f,o]),reactUse.useThrottleFn((h,S)=>{if(t&&t.contentWindow){let b=t.contentWindow.document,w=b.elementFromPoint(h,S);if(w)if(c)f({rect:w.getBoundingClientRect(),selector:w.id?`#${w.id}`:""});else {let O=su(selectorPath.getSelectorPath(w,{minify:true}),b);w.tagName==="HTML"?f({rect:ns,selector:O}):f({rect:w.getBoundingClientRect(),selector:O});}else f({...u,rect:void 0});}},150,[d,m]),M.useEffect(()=>{if(i){let h=l.current?l.current.contains(i):false;o(),n({path:h?u.selector:void 0,x:Math.round(d),y:Math.round(m)});}},[d,m,n,i,u.selector,o]),M.useEffect(()=>{let h=w=>{s(w.target);},S=document.createElement("STYLE");S.innerHTML=`html, body {
+`);if(d){v.error(d,{closeButton:true,duration:6e4,id:"action-set-editor-validation"});return}}if(!e.temp){if(!n)return;try{await t({actionSet:e,filePath:n.filePath,storyId:n.id});}catch{return}}Ll();},[e,t,r.actionSchema,n]),a=M.useCallback(p=>{!n||!r.orgEditingActionSet||kl({actionSetId:r.orgEditingActionSet.id,storyId:n.id,title:p});},[n,r.orgEditingActionSet]),l=M.useCallback(()=>{n&&kr(n.id);},[n]),c=e!==void 0,u=n&&n.id;return M__namespace.default.useEffect(()=>()=>{c&&u&&l();},[l,c,u]),{cancelEditActionSet:l,handleAddAction:i,handleDescriptionChange:a,handleSave:s,inProgress:o,state:r}}function jl(e){let{mutateAsync:t,isPending:o}=P.actionSet.saveActionSet.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");}});return {copyActionSet:M.useCallback(async n=>{if(!e)return;let i=JSON.parse(JSON.stringify(n));i.id=nanoid.nanoid(12);try{await t({actionSet:i,filePath:e.filePath,storyId:e.id}),Et({actionSet:i,isNew:!1,selected:!0,storyId:e.id});}catch{}},[e,t]),inProgress:o}}function Fe(e){let t=ue();return {currentActions:M.useMemo(()=>{if(!t.initialised)return [];let r=t.stories[e];return r?.actionSets?r.actionSets.filter(n=>t.currentActionSets.includes(n.id)):[]},[t.currentActionSets,t.initialised,t.stories,e]),state:t}}function $l(){let e=managerApi.useStorybookState(),t=ue(),[o,r]=M.useState([]);return M.useEffect(()=>{if(!t.stories||!t.stories[e.storyId]){r([]);return}let n=t.stories[e.storyId].actionSets||[];r(n);},[t.stories,e.storyId]),{currentActionSets:t.currentActionSets,state:t,storyActionSets:o}}function Br(e,t){let[o,r]=M.useState(),n=ue();return M.useEffect(()=>{let i=e?n.stories?.[e]:void 0;if(!e||!i||!i.actionSets||!i.actionSets.length||!n.orgEditingActionSet){r(void 0);return}let s=n.orgEditingActionSet;if(!s){r(void 0);return}let a=i.actionSets.find(c=>c.id===s.id);if(!a){r(void 0);return}let l=a.actions.find(c=>c.id===t);r(l);},[t,n,e]),o}var mo={};function ql(){let{mutateAsync:e,isPending:t}=P.actionSet.getActionSet.useMutation(),{id:o,filePath:r}=T()||{};return M.useEffect(()=>{!r||!o||t||mo[r]&&mo[r][o]||e({filePath:r,storyId:o}).then(n=>{mo[r]||(mo[r]={}),mo[r][o]=true,n&&Cl({actionSets:n,storyId:o});}).catch(n=>{let i=n instanceof Error?n.message:"Failed to load action sets";v.error(i,{duration:1/0,id:`action-set-list:${i}`});});},[r,t,e,o]),{loading:t}}function Lr(){let e=Gl(),{data:t,isLoading:o,error:r,refetch:n}=P.schema.getActionsSchema.useQuery(void 0,{enabled:!e});M.useEffect(()=>{r&&v.error(r.message||"Unexpected error occurred");},[r]);let i=M.useCallback(async()=>{let s=await n();s.data&&(di(s.data),Si(true));},[n]);return M.useEffect(()=>{t&&(di(t),Si(true));},[t]),M.useEffect(()=>{o||e||i();},[o,i,e]),{loaded:e,loading:o}}function Bt(e,t){let o=Kl(),[r,n]=M__namespace.default.useState(false),i=M__namespace.default.useCallback(()=>{Dr({inProgress:true,reqBy:e,target:t});},[e,t]),s=M__namespace.default.useCallback(()=>{Dr({}),n(false);},[]);return M__namespace.default.useEffect(()=>{o&&o.inProgress&&r&&Dr({...o,inProgress:false});},[r,o]),{handleClose:s,runDiffTest:i,setIsLoadingFinish:n,updateInf:o}}var hh={imageDiffResults:[],pauseDeleteImageDiffResult:false,screenshots:[]},Lt=zustand.create()(middleware.devtools(()=>({...hh}),{name:"screenshot-store"}));var _e=()=>Lt.getState();function de(e){return Lt.setState(e)}function Xl(e){let t=_e(),o=t.screenshots?[...t.screenshots,e]:[e];de({screenshots:[...o]});}function Yl(e){let t=_e();de({imageDiffResults:t.imageDiffResults?t.imageDiffResults.filter(o=>o.screenshotId!==e):[],screenshots:t.screenshots.filter(o=>o.id!==e)});}function vi({oldIndex:e,newIndex:t}){let o=_e();de({screenshots:[...xl__default.default(o.screenshots,e,t).map((r,n)=>(r.index=n,r))]});}function Jl(){de({screenshots:[]});}function Fr(e){de({screenshots:e});}function Nt(e){de({imageDiffResults:e});}function _r(e){let t=_e();de({imageDiffResults:[...t.imageDiffResults.filter(o=>o.screenshotId!==e.screenshotId),e]});}function Ql(e){let t=_e();de({imageDiffResults:t.imageDiffResults.map(o=>o.screenshotId!==e.screenshotId?o:{...o,...e})});}function ho(e){de({pauseDeleteImageDiffResult:e});}function zr(e){let t=_e();t.pauseDeleteImageDiffResult||de({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e)});}function Zl(){let e=_e();de({imageDiffResults:e.imageDiffResults.filter(t=>!t.pass)});}function ec(e){let t=_e();de({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e),screenshots:t.screenshots.filter(o=>o.id!==e)});}function tc(){return Lt(e=>e.imageDiffResults)}function ze(){return Lt()}function oc(){let{mutateAsync:e,isPending:t}=P.screenshot.deleteStoryScreenshots.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");},onSuccess:()=>{v.success("Story screenshots deleted successfully.");}}),o=T(),r=M.useCallback(async()=>{if(o)try{await e({filePath:o.filePath,storyId:o.id}),Jl();}catch{}},[o,e]);return {deleteInProgress:t,deleteStoryScreenshots:r}}function Ft(){let e=T(),{mutateAsync:t,isPending:o}=P.screenshot.testScreenshots.useMutation({onError:n=>{let i=n.message||"Unexpected error occurred";v.error(i);}}),r=M.useCallback(async n=>{if(e)try{let i=await t({filePath:e.filePath,requestId:nanoid.nanoid(),requestType:n,storyId:e.id});return n==="file"||n==="story"?i.forEach(s=>{_r(s);}):Nt(i),i}catch{return}},[t,e]);return {imageDiffTestInProgress:o,storyData:e,testStoryScreenShots:r}}function rc(){let e=M.useRef(),t=T(),{mutateAsync:o,isPending:r}=P.screenshot.getStoryScreenshots.useMutation({onError:i=>{v.error(i.message||"Unexpected error occurred");}}),n=M.useCallback(async()=>{if(t)try{let i=await o({filePath:t.filePath,storyId:t.id});e.current=t.id,Fr(i||[]);}catch{}},[o,t]);return M.useEffect(()=>{r||!t||e.current&&e.current===t.id||n();},[n,r,t]),{error:void 0,loadScreenShots:n,screenshotLoaderInProgress:r,storyData:t}}function Rr(){return {dragStart:Hl(),setDragStart:_l}}function fe(){return {addonState:zl(),setAddonState:Nl}}var Vr=["chromium","firefox","webkit"];function Kr(e){let{addonState:t,setAddonState:o}=fe(),[r,n]=M.useState([]),[i]=M.useState(Vr),s=M.useCallback(p=>!(!t||!t.disabledBrowser||!t.disabledBrowser[e]||!t.disabledBrowser[e][p]),[t,e]),a=M.useCallback((p,d,f)=>{t.disabledBrowser||(t.disabledBrowser={}),o({...t,disabledBrowser:{...t.disabledBrowser,[d]:{...t.disabledBrowser[d],[p]:f}}});},[t,o]);M.useEffect(()=>{let p=oe.subscribe((d,f)=>{(!object.deepEqual(d.browserOptions.all,f.browserOptions.all)||!object.deepEqual(d.screenshotOptions,f.screenshotOptions))&&n(Vr),Vr.forEach(m=>{object.deepEqual(d.browserOptions[m],f.browserOptions[m])||n(h=>h.includes(m)?h:[...h,m]);});});return ()=>{p();}},[i]),M.useEffect(()=>{let p=managerApi.addons.getChannel(),d=()=>{let f=Vr.filter(m=>!s(m));n(m=>m.length===f.length&&f.every(h=>m.includes(h))?m:f);};return p.on(coreEvents.STORY_RENDERED,d),()=>{p.off(coreEvents.STORY_RENDERED,d);}},[s]);let l=M.useCallback(p=>{let d=!s(p);if(a(p,e,d),d){n(f=>f.filter(m=>m!==p));return}n(f=>f.includes(p)?f:[...f,p]);},[e,s,a]),c=M.useCallback(p=>{n(d=>d.filter(f=>f!==p));},[]);return {activeBrowsers:M.useMemo(()=>i.filter(p=>!s(p)),[i,s]),browserTypes:i,isDisabled:s,refreshingBrowsers:r,clearBrowserRefresh:c,setBrowserState:a,toggleBrowser:l,refreshBrowsers:n}}function K(e){let t=Rl(),o=M.useCallback((s,a)=>{mi({...t,[s]:Ja(a)});},[t]),r=M.useCallback((s,a)=>{mi({...t,[s]:a});},[t]),n=M.useCallback(s=>({...t.all,...t[s]}),[t]),i=M.useMemo(()=>e?t&&t[e]&&Object.keys(t[e]).length>0:false,[t,e]);return {browserOptions:t,getBrowserOptions:n,hasOption:i,setBrowserDeviceOptions:o,setBrowserOptions:r}}function j(){return {screenshotOptions:Er(),setScreenshotOptions:Fl}}function lc(){let{setBrowserOptions:e,browserOptions:t}=K(),{setScreenshotOptions:o,screenshotOptions:r}=j(),n=managerApi.useStorybookApi(),i=T(),s=M.useCallback(l=>{i&&(!l.actionSets||!l.actionSets.length||Al({actionSets:l.actionSets,storyId:i.id}));},[i]),a=M.useCallback((l,c=false)=>{if(!i)return;n.emit(coreEvents.RESET_STORY_ARGS,{storyId:i?.id});let u=rl(l);u&&Object.keys(u).length&&n.emit(coreEvents.UPDATE_STORY_ARGS,{storyId:i?.id,updatedArgs:u});let p=ol(l);p&&Object.keys(p).length&&n.emit(coreEvents.UPDATE_GLOBALS,{globals:p}),s(l),(l.browserOptions||c)&&e("all",l.browserOptions),(l.screenshotOptions||c)&&o(l.screenshotOptions);},[n,s,e,o,i]);return {browserOptions:t,loadSetting:a,screenshotOptions:r}}function Re(){let e=Wl(),t=T(),{setAddonState:o,addonState:r}=fe(),{setBrowserState:n}=Kr("dialog"),{loadSetting:i,screenshotOptions:s,browserOptions:a}=lc(),l=M.useRef(false),c=managerApi.useStorybookApi(),u=M.useCallback(()=>{t?.id&&Ot(t.id),at(),c.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),e&&i({browserOptions:e.currentBrowserOptions,browserType:e.screenshotData.browserType,id:e.screenshotData.id,screenshotOptions:e.currentScreenshotOptions,title:e.screenshotData.title},true),l.current||gi(void 0);},[c,e,i,t]),p=M.useCallback(f=>{t&&(u(),gi({currentBrowserOptions:a.all,currentScreenshotOptions:s,screenshotData:f,storyId:t.id}),i(f),n(f.browserType,"main",false),r.previewPanelEnabled||o({...r,previewPanelEnabled:true}));},[r,a.all,u,i,s,o,n,t]),d=M.useCallback(f=>e?e.screenshotData.browserType===f:false,[e]);return M.useEffect(()=>()=>{l.current=true;},[]),M.useEffect(()=>{if(!(!e||!t)&&e.storyId!==t.id){u();return}},[u,e,t]),{clearScreenshotEdit:u,editScreenshot:p,editScreenshotState:e,isEditing:d,loadSetting:i}}function _t(){let[e,t]=M.useState(void 0),{mutateAsync:o,isPending:r,reset:n,data:i}=P.screenshot.testScreenshot.useMutation({onError:a=>{let l=a.message||"Unexpected error occurred";t(l),v.error(l);}}),s=M.useCallback(async a=>{t(void 0);try{let l=await o({...a,screenshotId:a.screenshotId,storyId:a.id});return _r(l),l}catch{return}},[o]);return {inProgress:r,reset:n,result:i,testScreenshot:s,testScreenshotError:e}}var zh=uc__default.default.default??uc__default.default,Ae=({screenshotData:e,size:t="small",color:o,onClose:r})=>{let[n,i]=M__namespace.default.useState(null),s=M.useCallback(()=>{let{id:l,index:c,...u}=e;return u},[e]),a=M.useCallback(l=>{r&&n&&r(),i(n?null:l.currentTarget);},[n,r]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{color:o,onClick:a,size:t},M__namespace.default.createElement(icons.CogIcon,null)),M__namespace.default.createElement(material.Popover,{anchorEl:n,open:!!n,onClose:a},M__namespace.default.createElement("div",null,n&&M__namespace.default.createElement(zh,{enableClipboard:false,theme:"railscasts",src:s(),displayObjectSize:false,displayDataTypes:false,style:{fontSize:13}}))))};Ae.displayName="ScreenshotInfo";function fc(){let e=T(),[t,o]=M.useState(),{mutateAsync:r,reset:n,isPending:i}=P.screenshot.deleteScreenshot.useMutation({onError:l=>{let c=l.message||"Unexpected error occurred";o(c),v.error(c);},onSuccess:()=>{v.success("Screenshot deleted successfully.");}}),s=M.useCallback(()=>{o(void 0),n();},[n]),a=M.useCallback(async l=>{if(e){o(void 0);try{await r({filePath:e.filePath,screenshotId:l,storyId:e.id}),ec(l);}catch{}}},[r,e]);return {clearError:s,deleteScreenshot:a,error:t,inProgress:i}}var Ti=e=>{let{onStateChange:t,screenshot:o,onClose:r,onDelete:n}=e,{deleteScreenshot:i,inProgress:s}=fc(),a=M.useCallback(()=>{i(o.id),n();},[i,o.id]);return M.useEffect(()=>{t(s);},[s]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(Ce,{onClose:r,onDelete:a}))};Ti.displayName="ScreenshotDelete";function Wr(e){let{mutateAsync:t,isPending:o,reset:r}=P.screenshot.updateScreenshot.useMutation({onError:s=>{v.error(s.message||"Unexpected error occurred");},onSuccess:()=>{e&&v.success(e);}}),n=M.useCallback(()=>{r();},[r]);return {updateScreenshot:M.useCallback(async s=>{if(!s.filePath||!s.screenshotId||!s.storyId)return;try{await t({base64:s.newScreenshot,filePath:s.filePath,screenshotId:s.screenshotId,storyId:s.storyId});}catch{return}let a={diffSize:false,filePath:s.filePath,index:s.index,newScreenshot:s.newScreenshot,pass:true,screenshotId:s.screenshotId,storyId:s.storyId};Ql(a);},[t]),updateScreenshotClearResult:n,updateScreenshotInProgress:o}}var Ci=e=>{let{screenshot:t,onStateChange:o,imageDiffResult:r}=e,n=T(),{updateScreenshot:i,updateScreenshotInProgress:s}=Wr("Successfully updated."),{testScreenshot:a,inProgress:l,reset:c,result:u}=_t(),p=M.useCallback(async()=>{if(r)await i(r);else {if(!n)return;await a({...n,screenshotId:t.id});}},[r,t.id,n,a,i]),d=M.useCallback(async()=>{u&&(await i(u),c());},[c,u,i]);return M.useEffect(()=>{o(l||s);},[l,o,s]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{onClick:p,size:"small",title:"Update screenshot"},M__namespace.default.createElement(icons.RefreshIcon,null)),u&&M__namespace.default.createElement(lt,{title:"Following screenshot will be saved, would you like to continue?",subtitle:t.title,imageDiffResult:u,onClose:c,open:true,titleActions:()=>M__namespace.default.createElement(Ae,{color:"primary",size:"medium",screenshotData:t}),footerActions:()=>M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:c,color:"primary"},"No"),M__namespace.default.createElement(material.Button,{onClick:d,color:"primary",autoFocus:true},"Yes"))}),M__namespace.default.createElement(E,{open:s}))};Ci.displayName="ScreenshotUpdate";var Jh=y(e=>({menu:{"&::before":{backgroundColor:e.palette.background.paper,bottom:0,content:'""',left:0,opacity:.9,position:"absolute",right:0,top:0},display:"none",position:"absolute",right:30,top:10},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"}),Mi=M.forwardRef(({enableLoadSetting:e,openUpdateDialog:t,screenshot:o,enableImageDiff:r,enableUpdate:n,enableEditScreenshot:i,show:s,onHide:a,onRunImageDiff:l,imageDiffResult:c,onLoadSettingClick:u,onEditClick:p,isEditing:d,onDelete:f},m)=>{let[h,S]=M.useState(false),b=Jh();return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{progressSize:20,position:"absolute",open:h}),M__namespace.default.createElement("div",{ref:m,className:Pr__default.default(b.menu,{[b.visible]:s})},!d&&i&&M__namespace.default.createElement(components.IconButton,{onClick:p,title:"Edit screenshot"},M__namespace.default.createElement(icons.EditIcon,null)),e&&M__namespace.default.createElement(components.IconButton,{onClick:u,title:"Load screenshot settings"},M__namespace.default.createElement(icons.OutboxIcon,null)),n&&M__namespace.default.createElement(Ci,{onStateChange:S,screenshot:o,imageDiffResult:t?void 0:c}),r&&M__namespace.default.createElement(components.IconButton,{onClick:l,title:"Run diff test"},M__namespace.default.createElement(icons.ContrastIcon,null)),M__namespace.default.createElement(Ti,{onClose:a||(()=>{}),onStateChange:S,screenshot:o,onDelete:f}),M__namespace.default.createElement(Ae,{onClose:a,screenshotData:o})))});Mi.displayName="ScreenshotListItemMenu";var Ii=({children:e,...t})=>M__namespace.default.createElement(nt,{style:{cursor:"pointer"},icons:e,...t});Ii.displayName="ScreenshotListItemWrapper";function Sc(e){let{fixFunction:t}=e,o=T(),[r,n]=M__namespace.default.useState(false),[i,s]=M__namespace.default.useState(""),[a,l]=M__namespace.default.useState(void 0),{mutateAsync:c,isPending:u}=P.fixTitle.fixScreenshotFileName.useMutation({onError:h=>{let S=h.message||"Unexpected error occurred";l(S),v.error(S);}}),p=M__namespace.default.useCallback(()=>{l(void 0);},[]),d=M__namespace.default.useCallback(()=>{if(!i&&t){v.error("Enter previous name export function.");return}if(!o){v.error("Unable to find current story data.");return}l(void 0),c({...o,previousNamedExport:i}).then(()=>{n(true);}).catch(()=>{});},[o,t,i,c]),f=M__namespace.default.useCallback(()=>{document.location.reload();},[]),m=M__namespace.default.useCallback(h=>{s(h.target.value);},[]);return {clearError:p,fixFileNames:d,fixFileNamesError:a,fixFileNamesInProgress:u,functionName:i,handleFunctionNameInput:m,handleReload:f,reload:r}}function zt(){let[e,t]=M.useState(),o=managerApi.useStorybookApi(),r=M.useRef(o);return r.current=o,M.useEffect(()=>{t(void 0);let n=managerApi.addons.getChannel(),i=a=>{if(!a||!a.args)return;let c=r.current.getCurrentStoryData()?.initialArgs||{},u=Object.keys(a.args).reduce((p,d)=>{let f=a.args[d];return f!==void 0&&!Xm__default.default(f,c[d])&&(p[d]=a.args[d]),p},{});t(Object.keys(u).length>0?u:void 0);},s=()=>{t(void 0);};return n.on(coreEvents.STORY_ARGS_UPDATED,i),n.on(coreEvents.STORY_CHANGED,s),()=>{n.off(coreEvents.STORY_ARGS_UPDATED,i),n.off(coreEvents.STORY_CHANGED,s);}},[]),e}function bc(e){let t=T(),{currentActions:o}=Fe(t?.id??""),r=zt(),n=managerApi.useStorybookApi(),{getBrowserOptions:i}=K(),s=Er(),{data:a=false}=P.screenshot.hasScreenshotTitleGenerator.useQuery(),l=i(e),{mutateAsync:c,isPending:u}=P.screenshot.generateScreenshotTitle.useMutation({onError:d=>{v.error(d.message||"Failed to generate screenshot title");}});return {generateTitle:M.useCallback(async()=>{if(!t||e==="storybook")return;let d=n.getCurrentStoryData();try{return await c({browser:{type:e,options:l},story:{actions:o,changedArgs:r,filePath:t.filePath,id:t.id,initialArgs:d.initialArgs,argTypes:d.argTypes,parameters:d.parameters,name:d.name,title:d.title},screenshotOptions:s})}catch{return}},[n,r,l,e,o,c,s,t]),hasGenerator:a,isGenerating:u}}function wc(){return {imageDiffResult:tc(),setImageDiffResult:Nt}}function l0(e,t,o){return t==="all"?e.map(r=>r.screenshotData):t==="file"?o?e.filter(r=>r.filePath?br(r.filePath,o.filePath):false).map(r=>r.screenshotData):[]:o?e.filter(r=>r.storyId===o.id).map(r=>r.screenshotData):[]}function Pc(e,t){let{imageDiffTestInProgress:o,testStoryScreenShots:r,storyData:n}=Ft(),[i,s]=M__namespace.default.useState(false),a=M__namespace.default.useCallback(async()=>{let l=await r(e);Array.isArray(l)&&Fr(l0(l,e,n).filter(c=>!!c)),t&&t(),s(true);},[r,e,n,t]);return M.useEffect(()=>{!n||i||a();},[a,i,n]),{loading:o,storyData:n}}function Gr(){let[e,t]=M.useState(),o=managerApi.useStorybookApi(),r=M.useRef(o);return r.current=o,M.useEffect(()=>{t(void 0);let n=managerApi.addons.getChannel(),i=a=>{if(!a||!a.globals){t(void 0);return}let l=r.current.getCurrentStoryData(),c=a.initialGlobals||l?.initialGlobals||{},u=Object.keys(a.globals).reduce((p,d)=>{let f=a.globals?.[d];return f!==void 0&&!Xm__default.default(f,c[d])&&(p[d]=f),p},{});t(xt(u));},s=()=>{t(void 0);};return n.on(coreEvents.GLOBALS_UPDATED,i),n.on(coreEvents.STORY_CHANGED,s),()=>{n.off(coreEvents.GLOBALS_UPDATED,i),n.off(coreEvents.STORY_CHANGED,s);}},[]),e}function Ac(e){let{title:t,browserType:o}={},r=zt(),n=Gr(),{screenshotOptions:i}=j(),s=T(),{editScreenshotState:a,clearScreenshotEdit:l}=Re(),{currentActions:c}=Fe(s?.id??""),[u,p]=M.useState(void 0),{mutateAsync:d,data:f,reset:m,isPending:h}=P.screenshot.saveScreenshot.useMutation({onError:I=>{let L=I.message||"Unexpected error occurred";p(L),v.error(L);},onSettled(I,L){if(L){v.error(L.message||"Unexpected error occurred in saving screenshot");return}if(!I)return;let z=t||I.oldScreenShotTitle;if(I.added)v.success(`Screenshot ${`${o?` for '${o}'`:""}`} saved successfully.`,{duration:5e3,id:`image-diff-message:added:${o||"default"}`,onAutoClose:m,onDismiss:m});else if(I.pass){let H=`Testing existing screenshot were successful, no change has been detected.${z?`
+Title: ${z}`:""}${o?`
+Browser: ${o}`:""}`;v.success(H,{duration:5e3,id:`image-diff-message:pass:${H}`,onAutoClose:m,onDismiss:m});}else if(I.diffSize||I.error){let H=wt(I);v.error(H,{duration:1/0,id:`image-diff-message:error:${H}`,onDismiss:m});}}}),S=M.useCallback(()=>{p(void 0);},[]),b=M.useCallback(()=>{m();},[m]),w=M.useCallback(I=>a?a.screenshotData.browserType===I:false,[a]),O=M.useCallback(()=>a&&a.screenshotData.title,[a]),x=M.useCallback(async(I,L,z,H)=>{if(!s)return new Error("Unable to find story data");if(!z)return new Error("Unable to find screenshot image data");let te=H?{...H}:void 0,G={actionSets:c,args:r,base64:z,browserOptions:te,browserType:I,filePath:s.filePath,globals:n,id:nanoid.nanoid(12),props:r,screenshotOptions:i&&Object.keys(i).length?i:void 0,storyId:s.id,title:L};a&&w(I)&&(G.updateScreenshot=a.screenshotData);let X;S();try{X=await d(G);}catch{return new Error("Unexpected error occurred")}if(a&&w(I)&&(X.added&&Yl(a.screenshotData.id),l()),X.added){G.index=X.index;let{base64:ge,...xe}=G;Xl(xe);}return X},[c,r,n,i,s,w,a,d,l,S]),A=M.useCallback(()=>{b();},[b]);return {clearError:S,error:u,getUpdatingScreenshotTitle:O,inProgress:h,isUpdating:w,onSuccessClose:A,result:f,saveScreenShot:x}}function Dc(e,t){let o=zt(),r=Gr(),n=managerApi.useStorybookState(),{screenshotOptions:i}=j(),{currentActions:s}=Fe(n.storyId),a=M.useRef(),[l,c]=M.useState(),{mutate:u,isPending:p,data:d}=P.screenshot.takeScreenshot.useMutation({onError:S=>{let b=S.message||"Unexpected error occurred";c(b),v.error(b);}}),[f,m]=M.useState(0);M.useEffect(()=>{let S=managerApi.addons.getChannel(),b=()=>m(w=>w+1);return S.on(coreEvents.STORY_RENDERED,b),()=>{S.off(coreEvents.STORY_RENDERED,b);}},[]);let h=M.useCallback(()=>{e!=="storybook"&&(c(void 0),u({actionSets:s,args:o,browserOptions:t,browserType:e,globals:r,props:o,requestId:nanoid.nanoid(),screenshotOptions:i,storyId:n.storyId}));},[e,s,o,t,r,u,i,n.storyId]);return M.useEffect(()=>{if(p||f===0)return;let S=v0__default.default({args:o,browserOptions:t,currentActions:s,globals:r,id:n.storyId,screenshotOptions:i});a.current!==S&&(a.current=S,h());},[s,h,o,t,r,n.storyId,i,p,f]),{error:l,getSnapshot:h,loading:p,screenshot:d}}function Ec(){let{mutateAsync:e,isPending:t}=P.screenshot.changeScreenshotIndex.useMutation(),o=T(),r=M.useCallback(async n=>{if(o){vi({newIndex:n.newIndex,oldIndex:n.oldIndex});try{await e({filePath:o.filePath,newIndex:n.newIndex,oldIndex:n.oldIndex,storyId:o.id});}catch{vi({newIndex:n.oldIndex,oldIndex:n.newIndex});}}},[e,o]);return {ChangeIndexInProgress:t,changeIndex:r}}var ki=e=>{let{storyData:t,screenShotData:o,onClose:r,open:n=true,...i}=e,{testScreenshot:s,inProgress:a,result:l}=_t();return M.useEffect(()=>{s({...t,screenshotId:o.id});},[t,o.id,s]),M__namespace.default.createElement(M__namespace.default.Fragment,null,l?.filePath&&M__namespace.default.createElement(lt,{title:o.title,imageDiffResult:l,open:n,onClose:r,titleActions:()=>M__namespace.default.createElement(Ae,{color:"primary",size:"medium",screenshotData:o}),...i}),M__namespace.default.createElement(E,{open:a}))};ki.displayName="ScreenshotPreviewDialog";var E0=D(M0__default.default),O0=D(I0__default.default),B0=y(()=>({indicatorIcon:{height:16,position:"absolute",right:-1,top:0,zIndex:1},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"});function So({pauseDeleteImageDiffResult:e,showPreviewOnClick:t,screenshot:o,sortableId:r,imageDiffResult:n,selected:i,onClick:s,draggable:a,forceShowMenu:l,showImageDiffResultDialog:c,storyData:u,...p}){let{attributes:d,listeners:f,setActivatorNodeRef:m,setNodeRef:h,transform:S,transition:b,isDragging:w}=sortable.useSortable({disabled:!a,id:r??o.id}),O=B0(),[x,A]=M.useState(false),[I,L]=M.useState(false),z=M.useRef(0),{dragStart:H}=Rr(),[te,G]=M.useState(false),{inProgress:X,testScreenshot:ge}=_t(),xe=n&&n.pass,qe=M.useCallback(()=>{L(false),!e&&xe&&n?.screenshotId?zr(n.screenshotId):window.clearTimeout(z.current);},[e,xe,n]);M.useEffect(()=>(!e&&n&&n.pass&&(z.current=window.setTimeout(()=>{qe();},1e4)),()=>{window.clearTimeout(z.current);}),[e,qe,n]);let No=M.useCallback(()=>{L(true);},[]),xn=M.useCallback(()=>{A(true);},[]),Fo=M.useCallback(()=>{A(false);},[]),_o=M.useCallback(async()=>{await ge({...u,screenshotId:o.id}),L(true);},[o.id,u,ge]),Xt=M.useCallback(()=>{s&&s(o),t&&G(!te);},[s,o,te,t]),{editScreenshot:zo,loadSetting:Ro,editScreenshotState:ht,clearScreenshotEdit:Ho}=Re(),Vo=M.useCallback(()=>zo(o),[zo,o]),Ko=M.useCallback(()=>{Ro(o);},[Ro,o]);return M__namespace.default.createElement("div",{ref:h,style:{opacity:w?.8:1,transform:utilities.CSS.Transform.toString(S),transition:b}},M__namespace.default.createElement(Ii,{onClick:Xt,title:o.title,draggable:a,selected:i||ht&&ht.screenshotData.id===o.id,tooltip:o.title+(u&&` - ${u.id}`),onMouseEnter:xn,onMouseLeave:Fo,dragHandleProps:a?{...d,...f,setNodeRef:m}:void 0,style:{cursor:"pointer"}},M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{progressSize:20,position:"absolute",open:X}),xe&&M__namespace.default.createElement(E0,{color:"primary",onClick:qe,className:O.indicatorIcon}),n&&!n.pass&&M__namespace.default.createElement(O0,{color:"secondary",onClick:No,className:O.indicatorIcon}),M__namespace.default.createElement(yo,{style:{height:16},browserType:o.browserType}),I&&c&&n&&M__namespace.default.createElement(Oc,{result:n,onClose:qe,title:o.title,titleActions:()=>M__namespace.default.createElement(Ae,{color:"primary",size:"medium",screenshotData:o})}),M__namespace.default.createElement(Mi,{show:(l||x)&&!H,screenshot:o,onHide:Fo,onRunImageDiff:_o,imageDiffResult:n,onEditClick:Vo,onLoadSettingClick:Ko,isEditing:!!ht,onDelete:Ho,...p}),te&&t&&M__namespace.default.createElement(ki,{screenShotData:o,storyData:u,onClose:Xt,open:true,width:"100%",height:"100%",activeTab:xe?"newScreenshot":"imageDiff"}))))}So.displayName="ScreenshotListItem";var vo=({children:e,items:t})=>{let{setDragStart:o}=Rr(),{changeIndex:r,ChangeIndexInProgress:n}=Ec(),i=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=M.useCallback(()=>{o(true);},[o]),a=M.useCallback(()=>{o(false);},[o]),l=M.useCallback(({active:c,over:u})=>{if(o(false),!u||c.id===u.id)return;let p=t.findIndex(f=>f===c.id),d=t.findIndex(f=>f===u.id);p<0||d<0||r({newIndex:d,oldIndex:p});},[r,t,o]);return M__namespace.default.createElement(core.DndContext,{sensors:i,collisionDetection:core.closestCenter,onDragStart:s,onDragCancel:a,onDragEnd:l},M__namespace.default.createElement(sortable.SortableContext,{items:t,strategy:sortable.verticalListSortingStrategy},M__namespace.default.createElement(si,null,M__namespace.default.createElement(E,{open:n}),e)))};vo.displayName="ScreenshotListSortable";var Oi=({children:e})=>{let t=T(),o=ze(),r=o.screenshots&&o.screenshots.length>0,n=[...o.screenshots||[]].sort((i,s)=>(i.index??0)-(s.index??0));return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(vo,{items:n.map(i=>i.id)},r?M__namespace.default.createElement(M__namespace.default.Fragment,null,t&&n.map((i,s)=>M__namespace.default.createElement(So,{index:s,sortableId:i.id,openUpdateDialog:true,key:i.id,screenshot:i,storyData:t,showPreviewOnClick:true,draggable:true,enableImageDiff:true,enableUpdate:true,showImageDiffResultDialog:true,enableLoadSetting:true,enableEditScreenshot:true,pauseDeleteImageDiffResult:o.pauseDeleteImageDiffResult,imageDiffResult:o.imageDiffResults.find(a=>a.screenshotId===i.id)}))):M__namespace.default.createElement("div",{style:{marginTop:30,textAlign:"center"}},M__namespace.default.createElement("div",null,"No screenshot has been found!")),e))};Oi.displayName="ScreenshotList";var Bi=e=>{let{hasScreenShot:t,title:o,onTestClick:r,onPreviewClick:n,onUpdateClick:i,onDelete:s}=e,[a,l]=M__namespace.default.useState(false);return M__namespace.default.createElement(rt,{border:["bottom"]},M__namespace.default.createElement("div",{className:"left"},M__namespace.default.createElement("div",{title:o},"Story Screenshots")),M__namespace.default.createElement("div",{className:"right"},M__namespace.default.createElement(Ht,{fixFunction:true,onClose:l,open:a}),M__namespace.default.createElement(components.IconButton,{onClick:()=>l(true),title:"Fix screenshot name"},M__namespace.default.createElement(icons.WrenchIcon,null)),t&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{onClick:i,title:"Update story screenshots"},M__namespace.default.createElement(icons.RefreshIcon,null)),M__namespace.default.createElement(components.IconButton,{onClick:r,title:"Run diff test for story screenshots"},M__namespace.default.createElement(icons.ContrastIcon,null)),M__namespace.default.createElement(components.IconButton,{onClick:n,title:"Display story screenshots"},M__namespace.default.createElement(icons.PhotoIcon,null)),M__namespace.default.createElement(Ce,{IconButton:components.IconButton,onDelete:s}))))};Bi.displayName="ScreenshotListToolbar";function Vt(e,t,o=false){M.useEffect(()=>{if(!o)return e&&window.addEventListener("keydown",e),t&&window.addEventListener("keyup",t),()=>{e&&window.removeEventListener("keydown",e),t&&window.removeEventListener("keyup",t);}},[o,e,t]);}var Y0=y(e=>{let{palette:{divider:t}}=e;return {line:{backgroundColor:t,width:1},list:{width:"350px"},root:{display:"flex",flexDirection:"row",height:"calc(100% - 70px) !important",position:"relative",width:"100%"}}},{name:"ScreenshotListPreviewDialog"}),Li=({screenshots:e,storyData:t,selectedItem:o,title:r,children:n,draggable:i=true,...s})=>{let[a,l]=M.useState(),c=ze(),u=Y0(),p=M.useCallback(async m=>{l(m);},[]),d=M.useCallback(m=>{if(!a)return;let h=e.findIndex(S=>S.id===a.id);switch(m.key){case "ArrowDown":{e[h+1]&&l(e[h+1]);break}case "ArrowUp":{e[h-1]&&l(e[h-1]);break}}},[a,e]);Vt(void 0,d),M.useEffect(()=>{if(c.imageDiffResults&&c.imageDiffResults.length&&e&&!a)if(o){let m=e.find(h=>h.id===o);m&&p(m);}else e[0]&&p(e[0]);},[a,p,e,o,c.imageDiffResults]);let f=a&&c.imageDiffResults.find(m=>m.screenshotId===a.id);return M__namespace.default.createElement(Se,{width:"100%",title:r||(a?material.capitalize(a.title):"Loading ..."),subtitle:(r&&a&&a.title)+(t&&` (${t.id})`),height:"100%",...s},M__namespace.default.createElement("div",{className:u.root},M__namespace.default.createElement("div",{className:u.list},M__namespace.default.createElement(vo,{items:e.map(m=>m.id)},a&&e.map((m,h)=>M__namespace.default.createElement(So,{index:h,sortableId:m.id,openUpdateDialog:false,showPreviewOnClick:false,key:m.id,screenshot:m,forceShowMenu:true,enableUpdate:true,draggable:i,storyData:t,pauseDeleteImageDiffResult:c.pauseDeleteImageDiffResult,onClick:p,selected:a.id===m.id,imageDiffResult:c.imageDiffResults.find(S=>S.screenshotId===m.id)})))),M__namespace.default.createElement("div",{className:u.line}),f&&M__namespace.default.createElement(wo,{imageDiffResult:f}),n))};Li.displayName="ScreenshotListPreviewDialog";var jr=e=>{let{onClose:t,updating:o,target:r,onLoad:n}=e,{loading:i,storyData:s}=Pc(r,n),[a,l]=M.useState(false),c=ze(),{updateScreenshot:u}=Wr(),p=M.useCallback(async()=>{l(true);try{let d=c.screenshots.reduce((f,m)=>{let h=c.imageDiffResults.find(S=>S.screenshotId===m.id);if(!h)throw new Error(`Unable to find image diff result for '${m.title}' screenshot.`);return f.push(u(h)),f},[]);await Promise.all(d),v.success("Successfully updated.",{duration:1/0,id:"story-screenshot-preview:updated"});}catch(d){v.error(d.message);}l(false);},[c,u]);return M__namespace.default.useEffect(()=>(ho(true),()=>{ho(false),Zl();}),[]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:i||a}),!i&&M__namespace.default.createElement(Li,{title:o?"Following screenshots will be saved, would you like to continue?":void 0,screenshots:c.screenshots,onClose:t,open:true,storyData:s||{filePath:"",id:"",name:"",parent:""},draggable:r==="story"&&!a,footerActions:o?()=>M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:t,color:"primary"},"No"),M__namespace.default.createElement(material.Button,{onClick:p,color:"primary",autoFocus:true},"Yes")):void 0},M__namespace.default.createElement(E,{open:a})))};jr.displayName="StoryScreenshotPreview";var Fc=M__namespace.default.memo(jr);function Ni(){let[e,t]=M.useState(false),o="screenshot-panel",{runDiffTest:r,updateInf:n}=Bt(o,"story"),{screenshotLoaderInProgress:i}=rc(),{deleteInProgress:s,deleteStoryScreenshots:a}=oc(),l=ze(),{testStoryScreenShots:c,imageDiffTestInProgress:u}=Ft(),p=M.useCallback(()=>{t(!e);},[e]),d=l.screenshots&&l.screenshots.length>0;M.useEffect(()=>{ho(e);},[e]);let f=M__namespace.default.useCallback(()=>{c("story");},[c]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(Bi,{onUpdateClick:r,title:"Story Screenshots",onTestClick:f,onPreviewClick:p,hasScreenShot:d,onDelete:a}),M__namespace.default.createElement(Oi,null,M__namespace.default.createElement(E,{open:i||u||s||n.reqBy!==void 0})),e&&M__namespace.default.createElement(jr,{onClose:p,target:"story"}))}Ni.displayName="ScreenshotPanel";var Fi=({showPanel:e})=>{let[t,o]=M__namespace.default.useState(false),{updateInf:r,handleClose:n,setIsLoadingFinish:i}=Bt(""),s=M__namespace.default.useCallback(()=>{o(true),i(true);},[i]),a=M__namespace.default.useCallback(()=>{n(),o(false);},[n]);return M__namespace.default.createElement(Me,null,e&&!t&&M__namespace.default.createElement(Ni,null),r.reqBy&&M__namespace.default.createElement(Fc,{onClose:a,updating:true,target:r.target??"story",onLoad:s}))};Fi.displayName="ScreenshotMain";function _c(){let e=managerApi.useStorybookState(),[t,o]=M.useState();return M.useEffect(()=>{let r=Xa(window.location.host,e.storyId),n=Object.keys(e.customQueryParams);if(n.length>0){let i=n.map(s=>{let a=e.customQueryParams[s];return `${s}=${a}`});r+=`&${i.join("&")}`;}o(r);},[e.customQueryParams,e.storyId]),t}var dg=D(wf__default.default),fg=y(()=>({content:{padding:5},root:{padding:5,width:450},title:{display:"flex",fontSize:20,justifyContent:"space-between",padding:5}}),{name:"OptionPopover"}),xo=({title:e,Icon:t,children:o,width:r,active:n})=>{let[i,s]=M.useState(),a=fg(),l=M.useCallback(u=>{s(u.target);},[]),c=M.useCallback(()=>{s(void 0);},[]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Popover,{open:!!i,anchorEl:i,onClose:c,style:{margin:20},anchorOrigin:{horizontal:"center",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"}},M__namespace.default.createElement("div",{className:a.root,style:{width:r}},M__namespace.default.createElement("div",{className:a.title},M__namespace.default.createElement("span",null,e),M__namespace.default.createElement(material.IconButton,{size:"small",onClick:c},M__namespace.default.createElement(dg,null))),M__namespace.default.createElement(material.Divider,null),M__namespace.default.createElement("div",null,o))),M__namespace.default.createElement(components.IconButton,{onClick:l,active:n},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Browser Options"},M__namespace.default.createElement(t,null))))};xo.displayName="OptionPopover";var Sg=D(mg__default.default),Po=({browserType:e})=>{let{setBrowserOptions:t,browserOptions:o,hasOption:r,setBrowserDeviceOptions:n}=K(e),[i,s]=M.useState(false),a=M.useCallback(c=>{t(e,c);},[e,t]),l=M.useCallback(c=>{n(e,c),s(true);},[e,n]);return M.useEffect(()=>{i&&s(false);},[i]),o?M__namespace.default.createElement(xo,{title:"Browser Options",Icon:Sg,active:r},!i&&M__namespace.default.createElement($r,{onSave:a,schemaName:"browser-options",defaultData:o&&o[e],FooterComponent:M__namespace.default.createElement(ci,{onDeviceSelect:l})})):null};Po.displayName="BrowserOptions";var xg=D(vg__default.default),Pg=D(bg__default.default),Tg=D(wg__default.default),Cg=y(e=>{let{palette:t}=e;return {label:{textTransform:"uppercase"},root:{alignItems:"center",backgroundColor:t.divider,color:t.text.secondary,display:"flex",flexWrap:"nowrap",fontSize:14,height:30,justifyContent:"space-between",minHeight:"auto",paddingLeft:10,paddingRight:10,textAlign:"right"},toolbarPanels:{"& button":{alignItems:"center",display:"flex",height:30,marginLeft:6,marginTop:0},"& svg:not(.browser-loader)":{width:17},alignItems:"center",display:"flex"}}}),Hi=e=>{let{browserType:t,onSave:o,showSaveButton:r,loading:n,onRefresh:i,onFullScreen:s}=e,a=Cg();return M__namespace.default.createElement("div",{className:a.root},M__namespace.default.createElement("div",{className:a.toolbarPanels},M__namespace.default.createElement("label",{className:a.label},t),n&&M__namespace.default.createElement(material.CircularProgress,{classes:{svg:"browser-loader"},style:{marginLeft:10},size:15})),M__namespace.default.createElement("div",{className:a.toolbarPanels},r&&M__namespace.default.createElement(components.IconButton,{onClick:o},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Save screenshot"},M__namespace.default.createElement(Tg,null))),M__namespace.default.createElement(components.IconButton,{onClick:i},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},M__namespace.default.createElement(Pg,null))),t!=="storybook"&&M__namespace.default.createElement(Po,{browserType:t}),M__namespace.default.createElement(components.IconButton,{onClick:s},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Full screen"},M__namespace.default.createElement(xg,null)))))};Hi.displayName="ScreenShotViewToolbar";var Vi=(e,t,o=.1)=>e==="dark"?styles.lighten(t,o):styles.darken(t,o);var Bg=y(e=>{let t=e.palette.mode==="light"?styles.lighten:styles.darken,{palette:o}=e,{background:r}=o;return {card:{"& .os-scrollbar":{opacity:1,visibility:"visible !important",zIndex:10},"& .os-scrollbar-track":{"& .os-scrollbar-handle":{backgroundColor:Vi(o.mode,r.paper,.6)},backgroundColor:"transparent",visibility:"visible !important"},overflow:"hidden",position:"relative",width:"100%",zIndex:10,backgroundColor:t(r.default,.1)},container:{alignItems:"center",height:"100%",position:"relative",width:"100%",border:`3px solid ${o.divider}`,borderTop:0},editMode:{"& $fakeBorder":{borderColor:t(e.palette.warning.main,.5)},backgroundColor:t(e.palette.warning.main,.6)},fakeBorder:{border:`10px solid ${Vi(o.mode,r.paper,.1)}`,borderTop:0,bottom:0,left:0,pointerEvents:"none",position:"absolute",right:0,top:0,zIndex:5},iframe:{width:"100%"},image:{},imageContainer:{width:"max-content"}}},{name:"ScreenshotView"}),qr=e=>{let{browserType:t,url:o,height:r,refresh:n,onRefreshEnd:i,onSave:s,onScreenshotDataChange:a}=e,{isEditing:l}=Re(),[c,u]=M.useState(false),p=Bg(),{getBrowserOptions:d}=K(),f=d(t),{loading:m,screenshot:h,getSnapshot:S,error:b}=Dc(t,f);M.useEffect(()=>{!n||m||(S(),i?.());},[S,m,i,n]);let w=r-30,O=t==="storybook",x=!!(h&&h.base64)&&t!=="storybook",A=M.useCallback(()=>{u(!c);},[c]),I=b||h?.error,L=M.useCallback(()=>{t==="storybook"||!h?.base64||s?.(t);},[t,s,h]);return M.useEffect(()=>{if(!(!a||t==="storybook")){if(!h?.base64){a(t,void 0);return}a(t,{base64:h.base64,browserOptions:f});}},[f,t,a,h]),M__namespace.default.createElement("div",{className:Pr__default.default(p.card,{[p.editMode]:l(t)})},M__namespace.default.createElement(Hi,{browserType:t,onSave:L,loading:m,onRefresh:S,showSaveButton:x,onFullScreen:A}),M__namespace.default.createElement("div",{className:p.container,style:{height:w,overflow:O?"hidden":"auto"}},t!=="storybook"?M__namespace.default.createElement("div",{className:p.imageContainer},h&&h.base64&&!I?M__namespace.default.createElement("img",{className:p.image,src:`data:image/gif;base64,${h.base64}`}):M__namespace.default.createElement(M__namespace.default.Fragment,null,I&&M__namespace.default.createElement(Zn,{message:I}))):M__namespace.default.createElement("iframe",{src:o,className:p.iframe,style:{height:w},frameBorder:"0"})),M__namespace.default.createElement(Se,{open:c,width:"100%",height:"100%",onClose:A,title:`${material.capitalize(t)} screenshot`},h&&c&&h.base64&&M__namespace.default.createElement(To,{imgSrcString:h.base64})))};qr.displayName="ScreenshotView";var _g=y(e=>({overlay:{backgroundColor:"transparent",border:`1px solid ${e.palette.primary.main}`,bottom:0,cursor:"crosshair !important",left:0,position:"absolute",right:0,top:0,zIndex:100}}),{name:"SelectorOverlay"}),Ki=M.forwardRef((e,t)=>{let o=_g();return M__namespace.default.createElement("div",{...e,className:Pr__default.default(o.overlay),ref:t})});Ki.displayName="IframeOverlay";var Wi=zustand.create()(middleware.devtools(e=>({clipping:false,start:()=>{e(()=>({clipping:true}));},stop:()=>{e(()=>({clipping:false}));},toggleClippingState:()=>{e(t=>({clipping:!t.clipping}));}}),{name:"clipper-store"})),Gi=()=>{let{clipping:e,stop:t}=Wi(),{addonState:o,setAddonState:r}=fe(),{setBrowserOptions:n,browserOptions:i}=K(),s=o.clippingWarningDismissed??false,{setScreenshotOptions:a,screenshotOptions:l}=j(),c=M__namespace.default.useRef(null),u=Kc(),p=M__namespace.default.useCallback(d=>{if(!c.current||!u)return;let f=tl(u),{height:m,width:h,top:S,left:b}=d.rect,w=u.contentDocument??u.contentWindow?.document,O=w?Math.max(w.body?.scrollHeight||0,w.body?.offsetHeight||0,w.documentElement.scrollHeight,w.documentElement.offsetHeight,w.documentElement.clientHeight):u.getBoundingClientRect().height,x=u.getBoundingClientRect(),A=u.contentWindow?.innerWidth??x.width,I=u.contentWindow?.innerHeight??x.height,L=w?.documentElement?.clientWidth??x.width,z=w?.documentElement?.clientHeight??x.height,H=Math.min(x.width,L),te=Math.min(x.height,z),G=x.left+H,X=x.top+te,ge=H?A/H:1,xe=te?I/te:1,qe=Number.isFinite(ge)&&ge>0?ge:1,No=Number.isFinite(xe)&&xe>0?xe:1,xn=b+h,Fo=S+m,_o=Math.max(b,x.left),Xt=Math.max(S,x.top),zo=Math.min(xn,G),Ro=Math.min(Fo,X),ht=Math.max(0,zo-_o),Ho=Math.max(0,Ro-Xt);if(ht===0||Ho===0){t();return}n("all",{...i.all||{},viewport:{height:Math.round(O),width:Math.round(A)}});let Vo={left:f.scrollLeft+(_o-x.left)*qe,top:f.scrollTop+(Xt-x.top)*No};a({...l,clip:{height:Math.ceil(Ho*No),width:Math.ceil(ht*qe),x:Math.floor(Vo.left),y:Math.floor(Vo.top)}}),t(),s||v.custom(({dismiss:Ko})=>M__namespace.default.createElement(wr,{variant:"info",onClose:Ko},M__namespace.default.createElement(ei,{style:{fontSize:14}},"Clipping may differ from the Storybook preview when browser zoom is not 100%, OS display scaling (DPI) is different, fonts or line height differ, text wraps differently, the preview is resized or transformed, or scrollbar behavior differs from the Playwright viewport."),M__namespace.default.createElement("div",{style:{display:"flex",justifyContent:"flex-start",marginTop:8}},M__namespace.default.createElement(components.IconButton,{type:"button",onClick:()=>{r({...o,clippingWarningDismissed:true}),Ko();}},"Do Not Show Again"))));},[o,i.all,u,s,l,n,a,r,t]);return Vt(void 0,d=>{d.code==="Escape"&&t();}),e?M__namespace.default.createElement(Ki,{ref:c},M__namespace.default.createElement(Rg__default.default,{dragContainer:c.current,hitRate:100,selectByClick:true,selectFromInside:true,ratio:0,onSelectEnd:p})):null};Gi.displayName="Clipper";var Ui=()=>{let{clipping:e,toggleClippingState:t}=Wi(),o=M__namespace.default.useCallback(()=>{t();},[t]);return M__namespace.default.createElement(components.IconButton,{active:e,onClick:o},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:e?"Stop Clipping":"Start Clipping"},M__namespace.default.createElement("svg",{className:"MuiSvgIcon-root",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24",style:{height:20,transform:"rotate(180deg)",width:20,fill:"currentColor"}},M__namespace.default.createElement("path",{d:"M17 5h-2V3h2v2zm-2 16h2v-2.59L19.59 21 21 19.59 18.41 17H21v-2h-6v6zm4-12h2V7h-2v2zm0 4h2v-2h-2v2zm-8 8h2v-2h-2v2zM7 5h2V3H7v2zM3 17h2v-2H3v2zm2 4v-2H3c0 1.1.9 2 2 2zM19 3v2h2c0-1.1-.9-2-2-2zm-8 2h2V3h-2v2zM3 9h2V7H3v2zm4 12h2v-2H7v2zm-4-8h2v-2H3v2zm0-8h2V3c-1.1 0-2 .9-2 2z"}))))};Ui.displayName="ClipperButton";var Wc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"2 -1 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M12 9.984l3.984 4.031h-3v6h-1.969v-6h-3zM18.984 3.984q0.844 0 1.43 0.586t0.586 1.43v12q0 0.797-0.609 1.406t-1.406 0.609h-3.984v-2.016h3.984v-9.984h-13.969v9.984h3.984v2.016h-3.984q-0.844 0-1.43-0.586t-0.586-1.43v-12q0-0.844 0.586-1.43t1.43-0.586h13.969z"}),M__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var Gc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M8.071 13.954l-4.579-7.931c2.932-3.671 7.445-6.023 12.508-6.023 5.857 0 10.978 3.148 13.767 7.844h-13.055c-0.235-0.020-0.472-0.031-0.711-0.031-3.809 0-7.018 2.614-7.929 6.142zM21.728 10.156h9.171c0.711 1.81 1.101 3.781 1.101 5.844 0 8.776-7.066 15.9-15.818 15.998l6.544-11.334c0.921-1.324 1.462-2.932 1.462-4.664 0-2.287-0.943-4.357-2.459-5.844zM10.188 16c0-3.205 2.607-5.813 5.813-5.813s5.813 2.607 5.813 5.813c0 3.205-2.608 5.813-5.813 5.813s-5.813-2.608-5.813-5.813zM18.193 23.889l-4.581 7.934c-7.704-1.153-13.613-7.797-13.613-15.822 0-2.851 0.746-5.526 2.053-7.845l6.532 11.314c1.308 2.785 4.14 4.718 7.415 4.718 0.759 0 1.495-0.104 2.193-0.299z"}),M__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var Uc=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M31.954 10.442l-0.371 2.377c0 0-0.53-4.402-1.179-6.047-0.995-2.521-1.438-2.501-1.441-2.498 0.667 1.694 0.546 2.604 0.546 2.604s-1.181-3.219-4.303-4.243c-3.459-1.134-5.33-0.824-5.547-0.765-0.033-0-0.064-0-0.095-0 0.026 0.002 0.050 0.005 0.076 0.007-0.001 0.001-0.003 0.001-0.003 0.002 0.014 0.017 3.822 0.666 4.497 1.594 0 0-1.617 0-3.227 0.464-0.073 0.021 5.923 0.749 7.148 6.74 0 0-0.657-1.371-1.47-1.604 0.535 1.626 0.397 4.712-0.112 6.245-0.066 0.197-0.133-0.853-1.135-1.305 0.321 2.301-0.019 5.952-1.616 6.957-0.124 0.078 1.001-3.603 0.226-2.18-4.46 6.838-9.731 3.155-12.101 1.535 1.215 0.264 3.52-0.041 4.541-0.8 0.001-0.001 0.002-0.002 0.004-0.003 1.108-0.758 1.765-1.311 2.354-1.18s0.982-0.46 0.524-0.985c-0.459-0.526-1.572-1.249-3.079-0.855-1.063 0.278-2.379 1.454-4.389 0.264-1.543-0.914-1.688-1.673-1.702-2.199 0.038-0.186 0.086-0.361 0.143-0.52 0.178-0.496 0.716-0.646 1.015-0.764 0.508 0.087 0.946 0.246 1.405 0.481 0.006-0.153 0.008-0.356-0.001-0.586 0.044-0.088 0.017-0.352-0.054-0.674-0.041-0.322-0.107-0.655-0.211-0.959 0-0 0.001-0 0.001-0 0.002-0.001 0.003-0.001 0.005-0.002s0.005-0.004 0.007-0.006c0-0.001 0.001-0.001 0.001-0.002 0.003-0.004 0.005-0.008 0.006-0.015 0.032-0.144 0.376-0.423 0.804-0.722 0.383-0.268 0.834-0.553 1.19-0.774 0.314-0.195 0.554-0.34 0.605-0.378 0.019-0.015 0.042-0.032 0.068-0.051 0.005-0.004 0.009-0.007 0.014-0.011 0.003-0.002 0.006-0.005 0.009-0.007 0.169-0.135 0.421-0.389 0.474-0.924 0-0.001 0-0.002 0-0.004 0.002-0.016 0.003-0.032 0.004-0.048 0.001-0.011 0.002-0.023 0.002-0.034 0-0.009 0.001-0.018 0.001-0.027 0.001-0.021 0.002-0.043 0.002-0.065 0-0.001 0-0.002 0-0.004 0.001-0.052-0-0.106-0.003-0.163-0.002-0.032-0.004-0.060-0.009-0.086-0-0.001-0.001-0.003-0.001-0.004-0.001-0.003-0.001-0.005-0.002-0.008-0.001-0.005-0.002-0.009-0.004-0.013-0-0.001-0-0.001-0.001-0.001-0.002-0.005-0.004-0.010-0.005-0.014-0-0-0-0-0-0.001-0.055-0.128-0.26-0.177-1.108-0.191-0.001-0-0.002-0-0.002-0v0c-0.346-0.006-0.798-0.006-1.391-0.004-1.039 0.004-1.613-1.016-1.797-1.41 0.251-1.389 0.977-2.379 2.17-3.051 0.023-0.013 0.018-0.023-0.009-0.031 0.233-0.141-2.82-0.004-4.225 1.782-1.247-0.31-2.333-0.289-3.269-0.069-0.18-0.005-0.404-0.027-0.67-0.083-0.623-0.564-1.514-1.606-1.562-2.85 0 0-0.003 0.002-0.008 0.006-0.001-0.012-0.002-0.024-0.002-0.036 0 0-1.897 1.458-1.613 5.434-0.001 0.064-0.002 0.125-0.004 0.184-0.514 0.696-0.768 1.282-0.787 1.411-0.455 0.926-0.917 2.32-1.292 4.437 0 0 0.263-0.833 0.79-1.777-0.388 1.188-0.693 3.036-0.514 5.808 0 0 0.047-0.615 0.215-1.5 0.131 1.719 0.704 3.841 2.152 6.337 2.78 4.791 7.052 7.211 11.775 7.582 0.839 0.069 1.689 0.071 2.544 0.006 0.079-0.006 0.157-0.011 0.236-0.018 0.968-0.068 1.942-0.214 2.914-0.449 13.287-3.212 11.842-19.256 11.842-19.256z"}));var $c=e=>M__namespace.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"-4 -2 38 38",enableBackground:"new 0 0 129 129",height:22,fill:"currentColor",...e},M__namespace.createElement("path",{d:"M16 0c-8.838 0-16 7.162-16 16s7.162 16 16 16 16-7.163 16-16-7.163-16-16-16zM29.95 14.775l-0.031-0.331c0.006 0.113 0.019 0.219 0.031 0.331zM27.762 8.4l-0.225-0.338c0.075 0.113 0.15 0.225 0.225 0.338zM26.894 7.206l-0.137-0.169c0.050 0.056 0.094 0.112 0.137 0.169zM24.956 5.237l-0.169-0.138c0.063 0.050 0.113 0.094 0.169 0.138zM23.938 4.463l-0.337-0.225c0.113 0.075 0.225 0.15 0.337 0.225zM17.556 2.087l-0.337-0.031c0.113 0.006 0.225 0.019 0.337 0.031zM14.775 2.050l-0.338 0.031c0.113-0.006 0.225-0.019 0.338-0.031zM8.4 4.237l-0.338 0.225c0.113-0.075 0.225-0.15 0.338-0.225zM7.206 5.106l-0.162 0.131c0.056-0.044 0.106-0.088 0.162-0.131zM5.237 7.044l-0.138 0.169c0.050-0.056 0.094-0.112 0.138-0.169zM4.463 8.063l-0.225 0.338c0.075-0.113 0.15-0.225 0.225-0.338zM2.087 14.444l-0.031 0.338c0.006-0.113 0.019-0.225 0.031-0.338zM2.050 17.225l0.031 0.337c-0.006-0.113-0.019-0.225-0.031-0.337zM4.237 23.594l0.225 0.337c-0.075-0.106-0.15-0.219-0.225-0.337zM4.5 23.988l2.494-1.669-0.275-0.419-2.494 1.669c-1.131-1.756-1.875-3.775-2.125-5.95l1.494-0.15-0.050-0.5-1.494 0.15c-0.025-0.288-0.038-0.581-0.044-0.875h3v-0.5h-3c0.006-0.294 0.019-0.581 0.044-0.875l1.494 0.144 0.050-0.5-1.494-0.144c0.25-2.175 1-4.194 2.131-5.95l2.494 1.669 0.275-0.419-2.5-1.656c0.169-0.237 0.338-0.475 0.519-0.7l1.156 0.95 0.319-0.388-1.156-0.95c0.188-0.225 0.388-0.438 0.588-0.65l2.119 2.119 0.356-0.356-2.119-2.119c0.213-0.2 0.425-0.4 0.644-0.588l0.95 1.162 0.387-0.319-0.95-1.156c0.231-0.181 0.463-0.356 0.7-0.525l1.669 2.494 0.419-0.275-1.669-2.494c1.756-1.131 3.775-1.875 5.95-2.125l0.15 1.494 0.5-0.050-0.15-1.494c0.287-0.025 0.581-0.038 0.875-0.044v3h0.5v-3c0.294 0.006 0.581 0.019 0.875 0.044l-0.144 1.494 0.5 0.050 0.144-1.494c2.175 0.25 4.194 1 5.95 2.131l-1.669 2.494 0.419 0.275 1.669-2.494c0.238 0.169 0.475 0.338 0.7 0.519l-0.95 1.156 0.387 0.319 0.95-1.156c0.225 0.188 0.438 0.388 0.65 0.588l-0.8 0.781-10.938 7.294-7.294 10.937-0.781 0.781c-0.2-0.212-0.4-0.425-0.588-0.644l1.156-0.95-0.319-0.387-1.156 0.95c-0.181-0.225-0.35-0.462-0.519-0.7zM5.237 24.956c-0.044-0.056-0.088-0.106-0.131-0.163l0.131 0.163zM7.044 26.762l0.162 0.131c-0.056-0.044-0.106-0.087-0.162-0.131zM8.063 27.531l0.338 0.225c-0.113-0.069-0.225-0.144-0.338-0.225zM14.444 29.913l0.338 0.031c-0.113-0.006-0.225-0.019-0.338-0.031zM17.225 29.95l0.331-0.031c-0.113 0.006-0.219 0.019-0.331 0.031zM23.6 27.762l0.337-0.225c-0.113 0.075-0.225 0.15-0.337 0.225zM24.794 26.894l0.169-0.137c-0.056 0.050-0.113 0.094-0.169 0.137zM25.887 25.913l0.025-0.025c-0.006 0.006-0.019 0.019-0.025 0.025zM26.762 24.956l0.137-0.169c-0.050 0.056-0.094 0.113-0.137 0.169zM26.981 24.688l-1.156-0.95-0.319 0.387 1.156 0.95c-0.188 0.225-0.387 0.438-0.587 0.65l-2.119-2.119-0.356 0.356 2.119 2.119c-0.212 0.2-0.425 0.4-0.644 0.587l-0.95-1.163-0.387 0.319 0.95 1.156c-0.231 0.181-0.462 0.356-0.7 0.525l-1.669-2.494-0.419 0.275 1.669 2.494c-1.756 1.131-3.775 1.875-5.95 2.125l-0.15-1.494-0.5 0.050 0.15 1.494c-0.288 0.025-0.581 0.038-0.875 0.044v-3h-0.5v3c-0.294-0.006-0.581-0.019-0.875-0.044l0.144-1.494-0.5-0.050-0.144 1.494c-2.175-0.25-4.194-1-5.95-2.131l1.669-2.494-0.419-0.275-1.656 2.494c-0.237-0.169-0.475-0.337-0.7-0.519l0.95-1.156-0.388-0.319-0.95 1.156c-0.225-0.188-0.438-0.387-0.65-0.587l0.787-0.781 10.937-7.294 7.294-10.938 0.781-0.781c0.2 0.213 0.4 0.425 0.587 0.644l-1.156 0.95 0.319 0.387 1.156-0.95c0.181 0.231 0.356 0.463 0.525 0.7l-2.494 1.669 0.275 0.419 2.494-1.669c1.131 1.756 1.875 3.775 2.125 5.95l-1.494 0.15 0.050 0.5 1.494-0.15c0.025 0.287 0.038 0.581 0.044 0.875h-3v0.5h3c-0.006 0.294-0.019 0.581-0.044 0.875l-1.494-0.144-0.050 0.5 1.494 0.144c-0.25 2.175-1 4.194-2.131 5.95l-2.494-1.669-0.275 0.419 2.494 1.669c-0.163 0.225-0.337 0.456-0.519 0.688zM29.95 17.219c-0.012 0.113-0.019 0.225-0.031 0.337l0.031-0.337zM27.762 23.6c-0.075 0.113-0.15 0.225-0.225 0.337l0.225-0.337z"}),M__namespace.createElement("path",{d:"M13.517 2.221l0.585 2.942-0.49 0.098-0.585-2.942 0.49-0.098z"}),M__namespace.createElement("path",{d:"M18.489 29.78l-0.585-2.942 0.49-0.098 0.585 2.942-0.49 0.098z"}),M__namespace.createElement("path",{d:"M12.176 2.528l0.436 1.435-0.478 0.145-0.436-1.435 0.478-0.145z"}),M__namespace.createElement("path",{d:"M19.826 29.465l-0.436-1.435 0.478-0.145 0.436 1.435-0.478 0.145z"}),M__namespace.createElement("path",{d:"M10.875 2.972l1.148 2.772-0.462 0.191-1.148-2.772 0.462-0.191z"}),M__namespace.createElement("path",{d:"M21.129 29.030l-1.148-2.772 0.462-0.191 1.148 2.772-0.462 0.191z"}),M__namespace.createElement("path",{d:"M9.176 3.771l0.441-0.236 0.707 1.323-0.441 0.236-0.707-1.323z"}),M__namespace.createElement("path",{d:"M22.816 28.228l-0.441 0.236-0.707-1.323 0.441-0.236 0.707 1.323z"}),M__namespace.createElement("path",{d:"M3.769 9.182l1.323 0.707-0.236 0.441-1.323-0.707 0.236-0.441z"}),M__namespace.createElement("path",{d:"M28.226 22.819l-1.323-0.707 0.236-0.441 1.323 0.707-0.236 0.441z"}),M__namespace.createElement("path",{d:"M5.744 12.019l-2.772-1.148 0.191-0.462 2.772 1.148-0.191 0.462z"}),M__namespace.createElement("path",{d:"M26.26 19.978l2.772 1.148-0.191 0.462-2.772-1.148 0.191-0.462z"}),M__namespace.createElement("path",{d:"M2.673 11.7l1.436 0.435-0.145 0.479-1.436-0.435 0.145-0.479z"}),M__namespace.createElement("path",{d:"M29.322 20.302l-1.436-0.435 0.145-0.479 1.436 0.435-0.145 0.479z"}),M__namespace.createElement("path",{d:"M2.315 13.024l2.942 0.585-0.098 0.49-2.942-0.585 0.098-0.49z"}),M__namespace.createElement("path",{d:"M29.679 18.976l-2.942-0.585 0.098-0.49 2.942 0.585-0.098 0.49z"}),M__namespace.createElement("path",{d:"M2.218 18.486l2.942-0.585 0.098 0.49-2.942 0.585-0.098-0.49z"}),M__namespace.createElement("path",{d:"M29.776 13.513l-2.942 0.585-0.098-0.49 2.942-0.585 0.098 0.49z"}),M__namespace.createElement("path",{d:"M2.53 19.829l1.435-0.436 0.145 0.478-1.435 0.436-0.145-0.478z"}),M__namespace.createElement("path",{d:"M29.468 12.178l-1.435 0.436-0.145-0.478 1.435-0.436 0.145 0.478z"}),M__namespace.createElement("path",{d:"M3.161 21.591l-0.191-0.462 2.772-1.148 0.191 0.462-2.772 1.148z"}),M__namespace.createElement("path",{d:"M28.837 10.413l0.191 0.462-2.772 1.148-0.191-0.462 2.772-1.148z"}),M__namespace.createElement("path",{d:"M3.776 22.821l-0.236-0.441 1.323-0.707 0.236 0.441-1.323 0.707z"}),M__namespace.createElement("path",{d:"M28.233 9.181l0.236 0.441-1.323 0.707-0.236-0.441 1.323-0.707z"}),M__namespace.createElement("path",{d:"M9.621 28.464l-0.441-0.236 0.707-1.323 0.441 0.236-0.707 1.323z"}),M__namespace.createElement("path",{d:"M22.377 3.534l0.441 0.236-0.707 1.323-0.441-0.236 0.707-1.323z"}),M__namespace.createElement("path",{d:"M10.415 28.837l1.148-2.772 0.462 0.191-1.148 2.772-0.462-0.191z"}),M__namespace.createElement("path",{d:"M21.59 3.16l-1.148 2.772-0.462-0.191 1.148-2.772 0.462 0.191z"}),M__namespace.createElement("path",{d:"M12.176 29.47l-0.478-0.145 0.435-1.435 0.478 0.145-0.435 1.435z"}),M__namespace.createElement("path",{d:"M19.823 2.528l0.479 0.145-0.435 1.436-0.479-0.145 0.435-1.436z"}),M__namespace.createElement("path",{d:"M13.515 29.776l-0.49-0.098 0.585-2.942 0.49 0.098-0.585 2.942z"}),M__namespace.createElement("path",{d:"M18.485 2.218l0.49 0.098-0.585 2.942-0.49-0.098 0.585-2.942z"}),M__namespace.createElement("path",{xmlns:"http://www.w3.org/2000/svg",d:"M0 0h24v24H0z",fill:"none"}));var yo=M.memo(e=>{let{browserType:t,...o}=e;switch(t){case "chromium":return M__namespace.default.createElement(Gc,{...o});case "firefox":return M__namespace.default.createElement(Uc,{...o});case "webkit":return M__namespace.default.createElement($c,{...o});default:return M__namespace.default.createElement(Wc,{...o})}});yo.displayName="BrowserIcon";var Xi=e=>{let{browserType:t,onClick:o,active:r}=e,n=M.useCallback(()=>{o(t);},[t,o]);return M__namespace.default.createElement(components.IconButton,{onClick:n,active:r,title:material.capitalize(t)},M__namespace.default.createElement(yo,{browserType:t}))};Xi.displayName="BrowserIconButton";var eS=D(Qg__default.default),Yi=()=>{let{setBrowserOptions:e,browserOptions:t}=K(),{setScreenshotOptions:o,screenshotOptions:r}=j(),n=M__namespace.default.useCallback(()=>{let i=Te();if(!i)return;let s=Za(i);s&&(e("all",{...t.all,viewport:{height:Math.round(s.height),width:Math.round(s.width)}}),r&&r.clip!==void 0&&o({...r,clip:void 0}));},[t,r,e,o]);return M__namespace.default.createElement(components.IconButton,{onClick:n,"aria-label":"Match browser viewport to iframe content"},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Match browser viewport to iframe content"},M__namespace.default.createElement(eS,null)))};Yi.displayName="ResizeBrowserToIframeContent";var nS=D(oS__default.default),Ji=()=>{let{setBrowserOptions:e,browserOptions:t}=K(),{setScreenshotOptions:o,screenshotOptions:r}=j(),n=M__namespace.default.useCallback(()=>{let i=Te();if(!i)return;let s=i.getBoundingClientRect();e("all",{...t.all,viewport:{height:Math.round(s.height),width:Math.round(s.width)}}),r&&r.clip!==void 0&&o({...r,clip:void 0});},[t,r,e,o]);return M__namespace.default.createElement(components.IconButton,{onClick:n,"aria-label":"Match browser viewport to preview"},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Match browser viewport to preview"},M__namespace.default.createElement(nS,null)))};Ji.displayName="ResizeBrowserToPreview";var lS=D(sS__default.default);function Qi(){let{setBrowserOptions:e}=K(),{setScreenshotOptions:t}=j(),o=M__namespace.default.useCallback(()=>{e("all",{}),t({});},[e,t]);return M__namespace.default.createElement(components.IconButton,{onClick:o},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Reset Settings"},M__namespace.default.createElement(lS,{style:{marginTop:4,width:"20px"}})))}Qi.displayName="ResetSettings";var dS=D(cS__default.default),Zi=()=>{let{setScreenshotOptions:e,screenshotOptions:t}=j(),o=M.useCallback(n=>{e(n);},[e]),r=M.useMemo(()=>t&&Object.keys(t).length>0,[t]);return M__namespace.default.createElement(xo,{title:"Screenshot Options",Icon:dS,active:r},M__namespace.default.createElement($r,{onSave:o,schemaName:"screenshot-options",defaultData:t,excludeProps:["path"]}))};Zi.displayName="ScreenshotOptions";var yS=D(fS__default.default),vS=D(mS__default.default),bS=D(hS__default.default),wS=D(wg__default.default),es=e=>{let{browserTypes:t,toggleBrowser:o,activeBrowsers:r,onCLose:n,onRefresh:i,isVertical:s,onSave:a}=e,{setBrowserOptions:l,browserOptions:c}=K(),u=M.useCallback(()=>{let p=c.all&&c.all.cursor;l("all",{...c.all,cursor:p?void 0:true});},[c,l]);return M__namespace.default.createElement(rt,{border:s?void 0:["top"]},M__namespace.default.createElement("div",{className:"left"},t.map(p=>M__namespace.default.createElement(Xi,{key:p,browserType:p,onClick:o,active:r.find(d=>d===p)!==void 0}))),M__namespace.default.createElement("div",{className:"right"},M__namespace.default.createElement(components.IconButton,{className:"cursor-button",onClick:u,active:c.all&&c.all.cursor},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:c.all&&c.all.cursor?"Hide cursor":"Show cursor"},M__namespace.default.createElement(vS,{style:{transform:"rotate(-80deg)"}}))),M__namespace.default.createElement(Ui,null),M__namespace.default.createElement(Ji,null),M__namespace.default.createElement(Yi,null),M__namespace.default.createElement(components.IconButton,{onClick:a},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Save screenshots"},M__namespace.default.createElement(wS,null))),M__namespace.default.createElement(components.IconButton,{onClick:i},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},M__namespace.default.createElement(bS,null))),M__namespace.default.createElement(Qi,null),M__namespace.default.createElement(Zi,null),M__namespace.default.createElement(Po,{browserType:"all"}),M__namespace.default.createElement(components.IconButton,{onClick:n},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Close panel"},M__namespace.default.createElement(yS,null)))))};es.displayName="Toolbar";var PS=100,Jc=2,TS=2,Qc=(e,t)=>{let[o,r]=reactUse.useMeasure(),n=M.useMemo(()=>`calc(${PS/(e||t||1)}% - ${TS}px)`,[t,e]);return {itemHeight:M.useMemo(()=>e===1?r.height/(t||1):e===Jc?r.height/Jc:r.height,[t,e,r.height]),ref:o,width:n}};var Zc=e=>{let[t,o]=M.useState(false),r=M.useRef({}),{generateTitle:n,hasGenerator:i}=bc(null),{getUpdatingScreenshotTitle:s,inProgress:a,saveScreenShot:l}=Ac(),c=M.useCallback((m,h)=>{if(!h){delete r.current[m];return}r.current[m]=h;},[]),u=M.useCallback(async(m,h)=>{o(true);try{for(let S of h){let b=r.current[S];b&&await l(S,m,b.base64,b.browserOptions);}}finally{o(false);}},[l]),p=M.useCallback(m=>{if(!m.length)return;let h=m.length>1?"Screenshots Title":"Screenshot Title";At.show({onGenerateContent:i?n:void 0,onSave:S=>{u(S,m);},required:true,title:h,value:s()});},[n,s,i,u]),d=M.useCallback(()=>{p(e);},[e,p]),f=M.useCallback(m=>{p([m]);},[p]);return {isSaving:t||a,requestSaveAll:d,requestSaveOne:f,setScreenshotData:c}};var IS=y(e=>({error:{color:"red",marginTop:"10%",padding:30,textAlign:"center"},list:{display:"flex",height:"100%",position:"relative",width:"100%"},listItem:{marginBottom:2,marginLeft:1,marginRight:1},listWrap:{flexFlow:" row wrap"},preview:{boxShadow:`${e.palette.divider} 0 1px 0 0 inset`,height:"100%",overflow:"hidden",paddingTop:2,width:"100%"},root:{display:"flex",flexDirection:"column",height:"100%"},vertical:{borderLeft:`1px solid ${e.palette.divider}`}})),Mo=e=>{let{showStorybook:t,column:o,onClose:r,viewPanel:n}=e,{activeBrowsers:i,toggleBrowser:s,browserTypes:a,refreshingBrowsers:l,clearBrowserRefresh:c,refreshBrowsers:u}=Kr(n),p=IS(),d=_c(),{itemHeight:f,ref:m,width:h}=Qc(o,i.length),{isSaving:S,requestSaveAll:b,requestSaveOne:w,setScreenshotData:O}=Zc(i),x=M.useCallback(()=>{u(i);},[i,u]);return M__namespace.default.createElement("div",{className:Pr__default.default(p.root,{[p.vertical]:o===1})},M__namespace.default.createElement(es,{browserTypes:a,activeBrowsers:i,toggleBrowser:s,onCLose:r,onRefresh:x,onSave:b,isVertical:o===1}),M__namespace.default.createElement("div",{className:p.preview},i&&i.length>0&&M__namespace.default.createElement("div",{ref:m,className:Pr__default.default(p.list,{[p.listWrap]:o!==void 0})},t&&M__namespace.default.createElement("div",{className:p.listItem,style:{width:h}},M__namespace.default.createElement(qr,{browserType:"storybook",url:d,height:f})),i.map(A=>M__namespace.default.createElement("div",{key:A,className:p.listItem,style:{width:h}},M__namespace.default.createElement(qr,{browserType:A,height:f,refresh:l.includes(A),onSave:w,onRefreshEnd:()=>{c(A);},onScreenshotDataChange:O}))))),M__namespace.default.createElement(E,{open:S}))};Mo.displayName="ScreenshotListView";var DS=y(e=>({appBar:{backgroundColor:e.palette.divider,boxShadow:"none"},closeIconAbsolute:{position:"absolute",right:30,top:30},container:{height:"100%"},dialogPaper:{height:"100%",maxHeight:"100%",maxWidth:"100%",minHeight:"100%",minWidth:"100%",overflow:"hidden"},toolbar:{minHeight:"auto"},toolbarRight:{display:"flex",justifyContent:"flex-end",width:"100%"}})),ts=e=>{let{onClose:t,open:o}=e,r=DS();return M__namespace.default.createElement(co,null,M__namespace.default.createElement(kS__default.default,{onClose:t,"aria-labelledby":"simple-dialog-title",open:o,hideBackdrop:true,classes:{paper:r.dialogPaper}},M__namespace.default.createElement("div",{className:r.container},M__namespace.default.createElement(Mo,{showStorybook:true,column:2,onClose:t,viewPanel:"dialog"}))))};ts.displayName="PreviewDialog";var BS=y(()=>({alert:{padding:"0px 16px"},icon:{alignSelf:"center"},message:{flex:1},messageWrapper:{alignSelf:"center"},root:{alignSelf:"center",display:"flex",justifyContent:"space-between",width:"100%"}}),{name:"EditScreenshotAlert"}),os=()=>{let{editScreenshotState:e,clearScreenshotEdit:t}=Re(),o=BS();return e?M__namespace.default.createElement(material.Alert,{classes:{icon:o.icon,message:o.message,root:o.alert},severity:"warning"},M__namespace.default.createElement("div",{className:o.root},M__namespace.default.createElement("div",{className:o.messageWrapper},`Editing '${e.screenshotData.title}' screenshot (${e.screenshotData.browserType}).`),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.Button,{size:"small",color:"inherit",onClick:t},"Cancel")))):null};os.displayName="EditScreenshotAlert";function tp(e,t){return e&&e.placement&&e.placement!=="auto"?e.placement==="bottom":t!=="bottom"}var ke="playwright-addon",op=`${ke}/action-panel`,Wt=`${ke}/screenshot-panel`,rp=`${ke}/tool`,np=`${ke}/toast`,ip=`${ke}/preview-panel`;var nn=" (This action loaded from screenshot actions, its temporary and will be removed)";var LS="storybook-root",rs=`html>body>#${LS}`;var sp="html>body>#root",NS=8;function ap(e){return typeof e.querySelector=="function"}function FS(e){if(ap(e)){if(e.querySelector(sp))return sp;if(e.querySelector(rs))return rs}}function lp(e,t){if(!ap(t))return e;let o=FS(t);if(!o)return e;let r=t.querySelector(o);if(!r)return e;for(let n=1;n<=NS;n+=1){let i=`html>body>div:nth-child(${n})`;if(!e.includes(i))continue;let s=t.querySelector(i);if(s&&s===r)return e.replace(i,o)}return e}var KS=y(e=>({hidden:{display:"none",pointerEvents:"none"},info:{bottom:0,color:e.palette.primary.main,fontSize:14,left:2,pointerEvents:"none",position:"absolute"},overlay:{backgroundColor:"transparent",bottom:0,cursor:"crosshair !important",left:0,position:"absolute",right:0,top:0,zIndex:100},preview:{border:`1px solid ${e.palette.primary.main}`,position:"absolute"}}),{name:"SelectorOverlay"}),ns={height:"100%",left:0,right:0,width:"100%"},is=e=>{let{iframe:t}=e,{stopSelector:o,selectorManager:r,setSelectorData:n}=Gt(),[i,s]=M.useState(),a=KS(),l=M.useRef(null),c=r.type==="id-selector",u=r.type==="selector"||c,[p,d]=M.useState({rect:ns}),{elX:f,elY:m}=reactUse.useMouseHovered(l,{bound:true,whenHovered:true});return reactUse.useKey("Escape",o,void 0,[d,o]),reactUse.useThrottleFn((h,S)=>{if(t&&t.contentWindow){let b=t.contentWindow.document,w=b.elementFromPoint(h,S);if(w)if(c)d({rect:w.getBoundingClientRect(),selector:w.id?`#${w.id}`:""});else {let O=lp(selectorPath.getSelectorPath(w,{minify:true}),b);w.tagName==="HTML"?d({rect:ns,selector:O}):d({rect:w.getBoundingClientRect(),selector:O});}else d({...p,rect:void 0});}},150,[f,m]),M.useEffect(()=>{if(i){let h=l.current?l.current.contains(i):false;o(),n({path:h?p.selector:void 0,x:Math.round(f),y:Math.round(m)});}},[f,m,n,i,p.selector,o]),M.useEffect(()=>{let h=w=>{s(w.target);},S=document.createElement("STYLE");S.innerHTML=`html, body {
       cursor: crosshair !important;
-      `;let{body:b}=document;return document.head.appendChild(S),b.addEventListener("mouseup",h),()=>{b.style.cursor="inherit",b.removeEventListener("mouseup",h),document.head.removeChild(S);}},[]),M__namespace.default.createElement("div",{ref:l,className:Pr__default.default(a.overlay)},r&&u&&u.rect&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("div",{className:Pr__default.default(a.preview,"selector-preview"),style:p?{height:u.rect.height,left:u.rect.left,top:u.rect.top,width:u.rect.width}:ns}),M__namespace.default.createElement("div",{className:a.info},M__namespace.default.createElement("div",null,`X: ${d}`),M__namespace.default.createElement("div",null,`Y: ${m}`),M__namespace.default.createElement("div",null,u.selector))))};is.displayName="SelectorOverlay";var ss=M.memo(e=>{let{children:t}=e,{selectorManager:o}=Gt(),r=M.useRef(null),[n,i]=M.useState();M.useEffect(()=>{r.current&&i(r.current.querySelector("iframe")||void 0);},[]);let s=o&&o.start;return M__namespace.default.createElement("div",{ref:r,style:{height:"100%"}},t,s&&M__namespace.default.createElement(is,{iframe:n}))});ss.displayName="Selector";var qS=y(()=>({horizontal:{"& $preview":{position:"relative"}},iframeContainer:{height:"100%",position:"relative"},interactive:{pointerEvents:"auto"},notInteractive:{pointerEvents:"none"},preview:{display:"flex",flexFlow:"column",height:"100%",position:"relative",width:"100%"},root:{height:"100%",position:"relative",width:"100%"},snapshotPanel:{"& > span":{display:"none"},height:"100%",width:"100%"},splitPane:{"&:hover":{backgroundColor:"rgb(2, 156, 253)",transition:"background-color 0.3s ease"},backgroundColor:"transparent"},vertical:{"& $preview":{position:"relative"}}}),{name:"Preview"}),du=3,XS=e=>{let{children:t}=e,{addonState:o,setAddonState:r}=de(),n=managerApi.useStorybookState(),i=qS(),s=Zc(o,n.layout.panelPosition),a=M.useCallback(d=>{r({...o,previewPanelSize:d});},[o,r]),l=M.useCallback(()=>{r({...o,previewPanelEnabled:false});},[o,r]);if(!o||!o.previewPanelEnabled)return M__namespace.default.createElement(M__namespace.default.Fragment,null,t);let c=0,p=M__namespace.default.createElement(reactSplitPane.Pane,{key:"preview",minSize:50,size:o&&o.previewPanelSize||"30%",className:Pr__default.default("preview-main",i.preview)},M__namespace.default.createElement("div",{className:i.iframeContainer},M__namespace.default.createElement(ss,null,t)),M__namespace.default.createElement(Wi,null),M__namespace.default.createElement(os,null)),u=M__namespace.default.createElement(reactSplitPane.Pane,{key:"screenshot",minSize:50,className:Pr__default.default(i.snapshotPanel)},M__namespace.default.createElement(components.Separator,null),o&&o.previewPanelEnabled&&M__namespace.default.createElement(Ao,{column:s?void 0:1,onClose:l,viewPanel:"main"})),f=[p,u];return M__namespace.default.createElement("div",{id:"preview-container",className:Pr__default.default(i.root)},M__namespace.default.createElement(reactSplitPane.SplitPane,{direction:s?"vertical":"horizontal",onResize:d=>a(d[c]),dividerClassName:Pr__default.default(i.splitPane),dividerStyle:{...s?{height:du}:{width:du}}},f))},as=e=>M__namespace.default.createElement(Me,null,M__namespace.default.createElement(XS,{...e}));as.displayName="Preview";var QS=y(e=>({notFound:{"& > div":{"& > b":{color:e.palette.error.main},"& > p":{margin:0},fontSize:14},border:`1px solid ${e.palette.error.main}`,marginBottom:2,marginTop:2,pointerEvents:"none",userSelect:"text"}}),{name:"ImageDiff"}),ls=e=>{let{imageDiff:t,onClick:o}=e,r=managerApi.useStorybookApi(),n=QS(),{storyId:i}=t,s=i?r.getData(i):void 0,a=M.useCallback(()=>{i&&(o(),r.selectStory(i),r.setSelectedPanel(Kt));},[r,o,i]);return s?M__namespace.default.createElement(components.ListItem,{onClick:a,title:`${s.parent}--${s.name}`}):M__namespace.default.createElement(components.ListItem,{className:n.notFound,title:"Unable to locate story!"},M__namespace.default.createElement("div",null,M__namespace.default.createElement("b",null,"Unable to locate story!"),M__namespace.default.createElement("p",null,M__namespace.default.createElement("b",null,"ID:")," ",e.imageDiff.storyId),M__namespace.default.createElement("p",null,M__namespace.default.createElement("b",null,"File:")," ",e.imageDiff.filePath)))};ls.displayName="ImageDiffMenuItem";var ny=y(e=>({button:{overflow:"visible !important"},imageDiffBadge:{"& span":{fontSize:".6rem",height:14,minWidth:15,padding:"0 4px"},position:"absolute",right:-2,top:5,zIndex:1},successIcon:{color:e.palette.primary.main,position:"absolute",right:-10,top:-4}}),{name:"ImageDiff"}),an=e=>{let{target:t,storyData:o}=e,r=ny({classes:e.classes}),{imageDiffResult:n}=vc(),{testStoryScreenShots:i,imageDiffTestInProgress:s}=Nt(),a=t==="file"&&o?n.filter(m=>m.filePath?br(m.filePath,o.filePath):false):n,l=a.filter(m=>m.pass===false),c=l.length>0,p=M.useCallback(async()=>{if(c)return;let m=await i(t);if(!Array.isArray(m))return;m.find(S=>!S.pass)||v.success("All screenshot tests are passed successfully.",{id:"image-diff:all-passed"});},[c,t,i]),u=M.useCallback(()=>{t==="file"?a.forEach(m=>{m.screenshotId&&_r(m.screenshotId);}):Lt([]);},[a,t]),f=t==="file"&&o?`Run diff test for all stories in '${o.filePath}' file.`:"Run diff test for all stories",d=M__namespace.default.createElement(components.IconButton,{title:f,className:r.button,onClick:p,style:{position:"relative"},disabled:s},c&&M__namespace.default.createElement(material.Badge,{badgeContent:l.length,color:"secondary",className:r.imageDiffBadge,overlap:"rectangular"}),M__namespace.default.createElement(icons.ContrastIcon,null),M__namespace.default.createElement(E,{position:"absolute",open:s,progressSize:15}));return c?M__namespace.default.createElement(components.WithTooltip,{closeOnOutsideClick:true,placement:"bottom",trigger:"click",tooltip:({onHide:m})=>M__namespace.default.createElement("div",{style:{maxHeight:"60vh",overflowY:"auto"},onMouseDown:h=>h.stopPropagation()},M__namespace.default.createElement(components.ListItem,{title:"Clear results",onClick:()=>{u(),m();}}),l.filter((h,S,b)=>S===b.findIndex(w=>w.storyId===h.storyId)).map(h=>M__namespace.default.createElement(ls,{key:`${h.storyId||""}${h.screenshotId||""}`,imageDiff:h,onClick:m})))},d):d};an.displayName="ImageDiff";var cs=100;function gu(){let e=managerApi.useStorybookApi(),t=C(),{addonState:o,setAddonState:r}=de();return ()=>{r({...o,placement:"auto",previewPanelEnabled:true,previewPanelSize:cs}),e.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),at(),t?.id&&Et(t.id);}}var ln=({target:e})=>{let t=`tool-${e}`,{runDiffTest:o,updateInf:r}=Ot(t,e),n=e=="file"?"Update current story file screenshots":"Update all screen shots";return M__namespace.default.createElement(components.IconButton,{title:n,onClick:o,style:{position:"relative"},disabled:!!r.inProgress},M__namespace.default.createElement(icons.RefreshIcon,null),M__namespace.default.createElement(E,{position:"absolute",open:r.reqBy===t&&!!r.inProgress,progressSize:15}))};ln.displayName="ScreenshotUpdateIcon";var yy=y(()=>({asterisk:{height:2,left:-6,margin:0,position:"relative",top:1,width:1},button:{position:"relative"},progress:{left:-3,pointerEvents:"none",position:"absolute",top:7,zIndex:1}})),vy=()=>{let[e,t]=M.useState(false),[o,r]=M.useState(false),{setAddonState:n,addonState:i}=de(),s=C(),a=gu(),l=yy(),c=i&&i.previewPanelEnabled,p=i?i.placement:"auto",u=()=>{t(true);},f=()=>{t(false);},d=M.useCallback(()=>{n({...i,previewPanelEnabled:!c});},[i,c,n]),m=M.useCallback(h=>{n({...i,placement:h,previewPanelSize:cs});},[i,n]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(components.WithTooltip,{placement:"bottom",trigger:"click",closeOnOutsideClick:true,tooltip:({onHide:h})=>M__namespace.default.createElement("div",{onMouseDown:S=>S.stopPropagation()},M__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:M__namespace.default.createElement(icons.WrenchIcon,null),id:"fix-screenshot-file-name",onClick:()=>{r(true),h();},title:"Fix screenshot file name"},{icon:M__namespace.default.createElement(icons.ShareAltIcon,null),id:"full-screen",onClick:()=>{u(),h();},title:"Full screen view"},{icon:i?.previewPanelEnabled?M__namespace.default.createElement(icons.EyeCloseIcon,null):M__namespace.default.createElement(icons.EyeIcon,null),id:"panel-toggle",onClick:()=>{d();},title:i?.previewPanelEnabled?"Hide Preview Panel":"Show Preview Panel"},{content:M__namespace.default.createElement(components.WithTooltip,{trigger:"click",placement:"right-start",closeOnOutsideClick:true,tooltip:()=>M__namespace.default.createElement("div",{onMouseDown:S=>S.stopPropagation()},M__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:M__namespace.default.createElement(icons.SidebarAltIcon,null),id:"right",onClick:()=>{m("right");},title:"Right"},{icon:M__namespace.default.createElement(icons.BottomBarIcon,null),id:"bottom",onClick:()=>{m("bottom");},title:"Bottom"},{icon:M__namespace.default.createElement(icons.SyncIcon,null),id:"auto",onClick:()=>{m("auto");},title:"Auto"}]}))},M__namespace.default.createElement(components.ListItem,{title:"Preview Panel Placement",icon:p==="right"?M__namespace.default.createElement(icons.SidebarAltIcon,null):p==="bottom"?M__namespace.default.createElement(icons.BottomBarIcon,null):M__namespace.default.createElement(icons.SyncIcon,null),right:M__namespace.default.createElement(icons.ChevronRightIcon,null)})),id:"position",title:"Position"},{icon:M__namespace.default.createElement(icons.RefreshIcon,null),id:"reset",onClick:()=>{a(),h();},title:"Reset Settings"}]}))},M__namespace.default.createElement(components.IconButton,{"aria-label":"Open menu",title:"Open menu"},M__namespace.default.createElement(icons.BrowserIcon,null))),s&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(an,{classes:{button:l.button},storyData:s,target:"all"}),M__namespace.default.createElement(ln,{target:"all"}),M__namespace.default.createElement("span",{className:l.asterisk},"*"),M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(an,{classes:{button:l.button},storyData:s,target:"file"}),M__namespace.default.createElement(ln,{target:"file"}),M__namespace.default.createElement("span",{className:l.asterisk},"*")),o&&M__namespace.default.createElement(Rt,{open:o,onClose:()=>r(false)}),e&&M__namespace.default.createElement(ts,{open:e,onClose:f}))},fs=()=>M__namespace.default.createElement(Me,null,M__namespace.default.createElement(vy,null));fs.displayName="Tool";function xy(e){if(e)return e.reduce((t,o)=>(t[o]=o,t),{})}function Py(e,t){if(t!==void 0)return t;switch(e){case "boolean":return  false;case "number":return "";case "options":return [];default:return ""}}var Cy=({onChange:e,knob:t})=>{let o=s=>{e(s);},r=s=>{let a=t.type==="boolean"?s.currentTarget.checked:t.type==="number"?Number(s.currentTarget.value):s.currentTarget.value;e(a);},n=s=>{e(s.currentTarget.value);},i=s=>{let a=t.type==="number"?Number(s.currentTarget.value):s.currentTarget.value;e(a);};if(t.type==="boolean")return M__namespace.default.createElement(uo,{checked:!!t.value,onClick:()=>{},onChange:o});if(t.type==="number")return M__namespace.default.createElement(components.Form.Input,{onChange:r,type:"number",value:t.value});if(t.type==="select"&&Array.isArray(t.options))return M__namespace.default.createElement(components.Form.Select,{onChange:n,value:t.value},t.options.map(s=>M__namespace.default.createElement("option",{key:s,value:s},s)));if(t.type==="options"&&t.options&&typeof t.options=="object"){let s=t.options;return M__namespace.default.createElement(components.Form.Select,{onChange:n,value:t.value},Object.entries(s).map(([a,l])=>M__namespace.default.createElement("option",{key:a,value:l},a)))}return M__namespace.default.createElement(components.Form.Textarea,{onChange:i,value:t.value||""})};function Ty(e){return Cy}function un(e){let{label:t,type:o,onChange:r,value:n,options:i,display:s}=e,[a,l]=M.useState({defaultValue:n,name:t,options:o==="select"?i:i?xy(i):void 0,optionsObj:{display:s},type:o,value:Py(o,n)}),c=Ty(),p=M.useCallback(u=>{l({...a,value:u}),r(u);},[a,r]);return {Control:c,handleChange:p,knob:a,setKnob:l}}function Cu(){let e=M__namespace.default.useRef(null),[t,o]=M__namespace.default.useState(),r=M__namespace.default.useCallback(i=>{o(e.current||i.currentTarget);},[]),n=M__namespace.default.useCallback(()=>{o(void 0);},[]);return {anchorEl:t,anchorElRef:e,clearAnchorEl:n,setAnchorEl:r}}function Au(e,t=false){let[o,r]=M.useState(false),n=M.useCallback(({key:s})=>{o||s===e&&r(true);},[o,e]),i=M.useCallback(({key:s})=>{s===e&&r(false);},[e]);return Ht(n,i,t),o}function Hc(){let e=M.useRef(void 0);return e.current||(e.current=Ce()||void 0),M.useEffect(()=>()=>{e.current=void 0;},[]),e.current}function Gt(){let e=Rl(),t=M.useCallback(n=>{let{onData:i,type:s,onStop:a}=n;hi({onData:i,onStop:a,start:true,type:s});},[]),o=M.useCallback(()=>{e.onStop&&e.onStop(),hi({onData:void 0,onStop:void 0,start:false});},[e]),r=M.useCallback(n=>{e.onData&&e.onData(n);},[e]);return {selectorManager:e,setSelectorData:r,startSelector:t,stopSelector:o}}var Po=e=>{let{imgSrcString:t,diffDirection:o}=e,r=Au("Control"),n=M.useRef(),[i,s]=M.useState(false);return M.useEffect(()=>{n.current!==t&&s(true),n.current=t;},[t]),M__namespace.default.useEffect(()=>{i&&s(false);},[i]),!t||i?null:M__namespace.default.createElement(reactMapInteraction.MapInteraction,{defaultScale:1,disableZoom:!r},({translation:a,scale:l})=>{let c=`translate(${a.x}px, ${a.y}px) scale(${l})`;return M__namespace.default.createElement("div",{style:{MozUserSelect:"none",WebkitUserSelect:"none",cursor:"all-scroll",height:"100%",msTouchAction:"none",msUserSelect:"none",position:"relative",touchAction:"none",width:"100%"}},M__namespace.default.createElement("div",{style:{display:"inline-block",transform:c,transformOrigin:"0 0 "}},M__namespace.default.createElement("img",{style:{width:o==="horizontal"?"100%":void 0},src:t.startsWith("data:image")?t:`data:image/gif;base64,${t}`})))})};Po.displayName="ImagePreview";var zy=y(()=>({preview:{flexGrow:1,margin:5,overflow:"auto"},root:{display:"flex",flexFlow:"column",height:"100%",overflow:"hidden",position:"relative",width:"100%"}}),{name:"ImageDiffPreview"});var bo=e=>{let{imageDiffResult:t,activeTab:o}=e,r=o==="imageDiff"||t.error!==void 0,[n,i]=M__namespace.default.useState(r?1:0),[s,a]=M__namespace.default.useState(r),l=zy(),p=(t.pass||!s?t.newScreenshot:t.imgSrcString)||"",u=bt(t),f=M.useCallback((d,m)=>{i(m),a(!s);},[s]);return M__namespace.default.createElement("div",{className:l.root},!t.pass&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Tabs,{textColor:"primary",value:n,variant:"fullWidth",onChange:f,indicatorColor:"primary"},M__namespace.default.createElement(material.Tab,{label:"New screen shot"}),M__namespace.default.createElement(material.Tab,{label:"Screenshot image diff"})),M__namespace.default.createElement(material.Divider,null)),u&&n===1&&M__namespace.default.createElement(material.Alert,{severity:"error"},u.split(`
-`).map((d,m)=>M__namespace.default.createElement("div",{key:m},d))),M__namespace.default.createElement("div",{className:l.preview},M__namespace.default.createElement(Po,{imgSrcString:p,diffDirection:t.diffDirection})))};bo.displayName="ImageDiffPreview";var lt=e=>{let{imageDiffResult:t,activeTab:o,...r}=e;return M__namespace.default.createElement(Se,{width:"100%",height:"100%",...r},M__namespace.default.createElement(bo,{imageDiffResult:t,activeTab:o}))};lt.displayName="ImageDiffPreviewDialog";var ku=e=>{let{title:t,result:o,onClose:r,browserType:n,...i}=e,s=t||o&&o.oldScreenShotTitle;return M__namespace.default.useEffect(()=>{o&&o.added&&v.success(`Screenshot ${`${n?` for '${n}'`:""}`} saved successfully.`,{duration:5e3,onAutoClose:r,onDismiss:r});},[n,r,o]),M__namespace.default.useEffect(()=>{if(o){if(o.pass){v.success(`Testing existing screenshot were successful, no change has been detected.${s?`
+      `;let{body:b}=document;return document.head.appendChild(S),b.addEventListener("mouseup",h),()=>{b.style.cursor="inherit",b.removeEventListener("mouseup",h),document.head.removeChild(S);}},[]),M__namespace.default.createElement("div",{ref:l,className:Pr__default.default(a.overlay)},r&&p&&p.rect&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("div",{className:Pr__default.default(a.preview,"selector-preview"),style:u?{height:p.rect.height,left:p.rect.left,top:p.rect.top,width:p.rect.width}:ns}),M__namespace.default.createElement("div",{className:a.info},M__namespace.default.createElement("div",null,`X: ${f}`),M__namespace.default.createElement("div",null,`Y: ${m}`),M__namespace.default.createElement("div",null,p.selector))))};is.displayName="SelectorOverlay";var ss=M.memo(e=>{let{children:t}=e,{selectorManager:o}=Gt(),r=M.useRef(null),[n,i]=M.useState();M.useEffect(()=>{r.current&&i(r.current.querySelector("iframe")||void 0);},[]);let s=o&&o.start;return M__namespace.default.createElement("div",{ref:r,style:{height:"100%"}},t,s&&M__namespace.default.createElement(is,{iframe:n}))});ss.displayName="Selector";var YS=y(()=>({horizontal:{"& $preview":{position:"relative"}},iframeContainer:{height:"100%",position:"relative"},interactive:{pointerEvents:"auto"},notInteractive:{pointerEvents:"none"},preview:{display:"flex",flexFlow:"column",height:"100%",position:"relative",width:"100%"},root:{height:"100%",position:"relative",width:"100%"},snapshotPanel:{"& > span":{display:"none"},height:"100%",width:"100%"},splitPane:{"&:hover":{backgroundColor:"rgb(2, 156, 253)",transition:"background-color 0.3s ease"},backgroundColor:"transparent"},vertical:{"& $preview":{position:"relative"}}}),{name:"Preview"}),hp=3,JS=e=>{let{children:t}=e,{addonState:o,setAddonState:r}=fe(),n=managerApi.useStorybookState(),i=YS(),s=tp(o,n.layout.panelPosition),a=M.useCallback(f=>{r({...o,previewPanelSize:f});},[o,r]),l=M.useCallback(()=>{r({...o,previewPanelEnabled:false});},[o,r]);if(!o||!o.previewPanelEnabled)return M__namespace.default.createElement(M__namespace.default.Fragment,null,t);let c=0,u=M__namespace.default.createElement(reactSplitPane.Pane,{key:"preview",minSize:50,size:o&&o.previewPanelSize||"30%",className:Pr__default.default("preview-main",i.preview)},M__namespace.default.createElement("div",{className:i.iframeContainer},M__namespace.default.createElement(ss,null,t)),M__namespace.default.createElement(Gi,null),M__namespace.default.createElement(os,null)),p=M__namespace.default.createElement(reactSplitPane.Pane,{key:"screenshot",minSize:50,className:Pr__default.default(i.snapshotPanel)},M__namespace.default.createElement(components.Separator,null),o&&o.previewPanelEnabled&&M__namespace.default.createElement(Mo,{column:s?void 0:1,onClose:l,viewPanel:"main"})),d=[u,p];return M__namespace.default.createElement("div",{id:"preview-container",className:Pr__default.default(i.root)},M__namespace.default.createElement(reactSplitPane.SplitPane,{direction:s?"vertical":"horizontal",onResize:f=>a(f[c]),dividerClassName:Pr__default.default(i.splitPane),dividerStyle:{...s?{height:hp}:{width:hp}}},d))},as=e=>M__namespace.default.createElement(Me,null,M__namespace.default.createElement(JS,{...e}));as.displayName="Preview";var ey=y(e=>({notFound:{"& > div":{"& > b":{color:e.palette.error.main},"& > p":{margin:0},fontSize:14},border:`1px solid ${e.palette.error.main}`,marginBottom:2,marginTop:2,pointerEvents:"none",userSelect:"text"}}),{name:"ImageDiff"}),ls=e=>{let{imageDiff:t,onClick:o}=e,r=managerApi.useStorybookApi(),n=ey(),{storyId:i}=t,s=i?r.getData(i):void 0,a=M.useCallback(()=>{i&&(o(),r.selectStory(i),r.setSelectedPanel(Wt));},[r,o,i]);return s?M__namespace.default.createElement(components.ListItem,{onClick:a,title:`${s.parent}--${s.name}`}):M__namespace.default.createElement(components.ListItem,{className:n.notFound,title:"Unable to locate story!"},M__namespace.default.createElement("div",null,M__namespace.default.createElement("b",null,"Unable to locate story!"),M__namespace.default.createElement("p",null,M__namespace.default.createElement("b",null,"ID:")," ",e.imageDiff.storyId),M__namespace.default.createElement("p",null,M__namespace.default.createElement("b",null,"File:")," ",e.imageDiff.filePath)))};ls.displayName="ImageDiffMenuItem";var sy=y(e=>({button:{overflow:"visible !important"},imageDiffBadge:{"& span":{fontSize:".6rem",height:14,minWidth:15,padding:"0 4px"},position:"absolute",right:-2,top:5,zIndex:1},successIcon:{color:e.palette.primary.main,position:"absolute",right:-10,top:-4}}),{name:"ImageDiff"}),an=e=>{let{target:t,storyData:o}=e,r=sy({classes:e.classes}),{imageDiffResult:n}=wc(),{testStoryScreenShots:i,imageDiffTestInProgress:s}=Ft(),a=t==="file"&&o?n.filter(m=>m.filePath?br(m.filePath,o.filePath):false):n,l=a.filter(m=>m.pass===false),c=l.length>0,u=M.useCallback(async()=>{if(c)return;let m=await i(t);if(!Array.isArray(m))return;m.find(S=>!S.pass)||v.success("All screenshot tests are passed successfully.",{id:"image-diff:all-passed"});},[c,t,i]),p=M.useCallback(()=>{t==="file"?a.forEach(m=>{m.screenshotId&&zr(m.screenshotId);}):Nt([]);},[a,t]),d=t==="file"&&o?`Run diff test for all stories in '${o.filePath}' file.`:"Run diff test for all stories",f=M__namespace.default.createElement(components.IconButton,{title:d,className:r.button,onClick:u,style:{position:"relative"},disabled:s},c&&M__namespace.default.createElement(material.Badge,{badgeContent:l.length,color:"secondary",className:r.imageDiffBadge,overlap:"rectangular"}),M__namespace.default.createElement(icons.ContrastIcon,null),M__namespace.default.createElement(E,{position:"absolute",open:s,progressSize:15}));return c?M__namespace.default.createElement(components.WithTooltip,{closeOnOutsideClick:true,placement:"bottom",trigger:"click",tooltip:({onHide:m})=>M__namespace.default.createElement("div",{style:{maxHeight:"60vh",overflowY:"auto"},onMouseDown:h=>h.stopPropagation()},M__namespace.default.createElement(components.ListItem,{title:"Clear results",onClick:()=>{p(),m();}}),l.filter((h,S,b)=>S===b.findIndex(w=>w.storyId===h.storyId)).map(h=>M__namespace.default.createElement(ls,{key:`${h.storyId||""}${h.screenshotId||""}`,imageDiff:h,onClick:m})))},f):f};an.displayName="ImageDiff";var cs=100;function yp(){let e=managerApi.useStorybookApi(),t=T(),{addonState:o,setAddonState:r}=fe();return ()=>{r({...o,placement:"auto",previewPanelEnabled:true,previewPanelSize:cs}),e.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),at(),t?.id&&Ot(t.id);}}var ln=({target:e})=>{let t=`tool-${e}`,{runDiffTest:o,updateInf:r}=Bt(t,e),n=e=="file"?"Update current story file screenshots":"Update all screen shots";return M__namespace.default.createElement(components.IconButton,{title:n,onClick:o,style:{position:"relative"},disabled:!!r.inProgress},M__namespace.default.createElement(icons.RefreshIcon,null),M__namespace.default.createElement(E,{position:"absolute",open:r.reqBy===t&&!!r.inProgress,progressSize:15}))};ln.displayName="ScreenshotUpdateIcon";var by=y(()=>({asterisk:{height:2,left:-6,margin:0,position:"relative",top:1,width:1},button:{position:"relative"},progress:{left:-3,pointerEvents:"none",position:"absolute",top:7,zIndex:1}})),wy=()=>{let[e,t]=M.useState(false),[o,r]=M.useState(false),{setAddonState:n,addonState:i}=fe(),s=T(),a=yp(),l=by(),c=i&&i.previewPanelEnabled,u=i?i.placement:"auto",p=()=>{t(true);},d=()=>{t(false);},f=M.useCallback(()=>{n({...i,previewPanelEnabled:!c});},[i,c,n]),m=M.useCallback(h=>{n({...i,placement:h,previewPanelSize:cs});},[i,n]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(components.WithTooltip,{placement:"bottom",trigger:"click",closeOnOutsideClick:true,tooltip:({onHide:h})=>M__namespace.default.createElement("div",{onMouseDown:S=>S.stopPropagation()},M__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:M__namespace.default.createElement(icons.WrenchIcon,null),id:"fix-screenshot-file-name",onClick:()=>{r(true),h();},title:"Fix screenshot file name"},{icon:M__namespace.default.createElement(icons.ShareAltIcon,null),id:"full-screen",onClick:()=>{p(),h();},title:"Full screen view"},{icon:i?.previewPanelEnabled?M__namespace.default.createElement(icons.EyeCloseIcon,null):M__namespace.default.createElement(icons.EyeIcon,null),id:"panel-toggle",onClick:()=>{f();},title:i?.previewPanelEnabled?"Hide Preview Panel":"Show Preview Panel"},{content:M__namespace.default.createElement(components.WithTooltip,{trigger:"click",placement:"right-start",closeOnOutsideClick:true,tooltip:()=>M__namespace.default.createElement("div",{onMouseDown:S=>S.stopPropagation()},M__namespace.default.createElement(components.TooltipLinkList,{links:[{icon:M__namespace.default.createElement(icons.SidebarAltIcon,null),id:"right",onClick:()=>{m("right");},title:"Right"},{icon:M__namespace.default.createElement(icons.BottomBarIcon,null),id:"bottom",onClick:()=>{m("bottom");},title:"Bottom"},{icon:M__namespace.default.createElement(icons.SyncIcon,null),id:"auto",onClick:()=>{m("auto");},title:"Auto"}]}))},M__namespace.default.createElement(components.ListItem,{title:"Preview Panel Placement",icon:u==="right"?M__namespace.default.createElement(icons.SidebarAltIcon,null):u==="bottom"?M__namespace.default.createElement(icons.BottomBarIcon,null):M__namespace.default.createElement(icons.SyncIcon,null),right:M__namespace.default.createElement(icons.ChevronRightIcon,null)})),id:"position",title:"Position"},{icon:M__namespace.default.createElement(icons.RefreshIcon,null),id:"reset",onClick:()=>{a(),h();},title:"Reset Settings"}]}))},M__namespace.default.createElement(components.IconButton,{"aria-label":"Open menu",title:"Open menu"},M__namespace.default.createElement(icons.BrowserIcon,null))),s&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(an,{classes:{button:l.button},storyData:s,target:"all"}),M__namespace.default.createElement(ln,{target:"all"}),M__namespace.default.createElement("span",{className:l.asterisk},"*"),M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(an,{classes:{button:l.button},storyData:s,target:"file"}),M__namespace.default.createElement(ln,{target:"file"}),M__namespace.default.createElement("span",{className:l.asterisk},"*")),o&&M__namespace.default.createElement(Ht,{open:o,onClose:()=>r(false)}),e&&M__namespace.default.createElement(ts,{open:e,onClose:d}))},ds=()=>M__namespace.default.createElement(Me,null,M__namespace.default.createElement(wy,null));ds.displayName="Tool";function Ty(e){if(e)return e.reduce((t,o)=>(t[o]=o,t),{})}function Cy(e,t){if(t!==void 0)return t;switch(e){case "boolean":return  false;case "number":return "";case "options":return [];default:return ""}}var Ay=({onChange:e,knob:t})=>{let o=s=>{e(s);},r=s=>{let a=t.type==="boolean"?s.currentTarget.checked:t.type==="number"?Number(s.currentTarget.value):s.currentTarget.value;e(a);},n=s=>{e(s.currentTarget.value);},i=s=>{let a=t.type==="number"?Number(s.currentTarget.value):s.currentTarget.value;e(a);};if(t.type==="boolean")return M__namespace.default.createElement(uo,{checked:!!t.value,onClick:()=>{},onChange:o});if(t.type==="number")return M__namespace.default.createElement(components.Form.Input,{onChange:r,type:"number",value:t.value});if(t.type==="select"&&Array.isArray(t.options))return M__namespace.default.createElement(components.Form.Select,{onChange:n,value:t.value},t.options.map(s=>M__namespace.default.createElement("option",{key:s,value:s},s)));if(t.type==="options"&&t.options&&typeof t.options=="object"){let s=t.options;return M__namespace.default.createElement(components.Form.Select,{onChange:n,value:t.value},Object.entries(s).map(([a,l])=>M__namespace.default.createElement("option",{key:a,value:l},a)))}return M__namespace.default.createElement(components.Form.Textarea,{onChange:i,value:t.value||""})};function My(e){return Ay}function pn(e){let{label:t,type:o,onChange:r,value:n,options:i,display:s}=e,[a,l]=M.useState({defaultValue:n,name:t,options:o==="select"?i:i?Ty(i):void 0,optionsObj:{display:s},type:o,value:Cy(o,n)}),c=My(),u=M.useCallback(p=>{l({...a,value:p}),r(p);},[a,r]);return {Control:c,handleChange:u,knob:a,setKnob:l}}function Ap(){let e=M__namespace.default.useRef(null),[t,o]=M__namespace.default.useState(),r=M__namespace.default.useCallback(i=>{o(e.current||i.currentTarget);},[]),n=M__namespace.default.useCallback(()=>{o(void 0);},[]);return {anchorEl:t,anchorElRef:e,clearAnchorEl:n,setAnchorEl:r}}function Ip(e,t=false){let[o,r]=M.useState(false),n=M.useCallback(({key:s})=>{o||s===e&&r(true);},[o,e]),i=M.useCallback(({key:s})=>{s===e&&r(false);},[e]);return Vt(n,i,t),o}function Kc(){let e=M.useRef(void 0);return e.current||(e.current=Te()||void 0),M.useEffect(()=>()=>{e.current=void 0;},[]),e.current}function Gt(){let e=Vl(),t=M.useCallback(n=>{let{onData:i,type:s,onStop:a}=n;hi({onData:i,onStop:a,start:true,type:s});},[]),o=M.useCallback(()=>{e.onStop&&e.onStop(),hi({onData:void 0,onStop:void 0,start:false});},[e]),r=M.useCallback(n=>{e.onData&&e.onData(n);},[e]);return {selectorManager:e,setSelectorData:r,startSelector:t,stopSelector:o}}var To=e=>{let{imgSrcString:t,diffDirection:o}=e,r=Ip("Control"),n=M.useRef(),[i,s]=M.useState(false);return M.useEffect(()=>{n.current!==t&&s(true),n.current=t;},[t]),M__namespace.default.useEffect(()=>{i&&s(false);},[i]),!t||i?null:M__namespace.default.createElement(reactMapInteraction.MapInteraction,{defaultScale:1,disableZoom:!r},({translation:a,scale:l})=>{let c=`translate(${a.x}px, ${a.y}px) scale(${l})`;return M__namespace.default.createElement("div",{style:{MozUserSelect:"none",WebkitUserSelect:"none",cursor:"all-scroll",height:"100%",msTouchAction:"none",msUserSelect:"none",position:"relative",touchAction:"none",width:"100%"}},M__namespace.default.createElement("div",{style:{display:"inline-block",transform:c,transformOrigin:"0 0 "}},M__namespace.default.createElement("img",{style:{width:o==="horizontal"?"100%":void 0},src:t.startsWith("data:image")?t:`data:image/gif;base64,${t}`})))})};To.displayName="ImagePreview";var Ry=y(()=>({preview:{flexGrow:1,margin:5,overflow:"auto"},root:{display:"flex",flexFlow:"column",height:"100%",overflow:"hidden",position:"relative",width:"100%"}}),{name:"ImageDiffPreview"});var wo=e=>{let{imageDiffResult:t,activeTab:o}=e,r=o==="imageDiff"||t.error!==void 0,[n,i]=M__namespace.default.useState(r?1:0),[s,a]=M__namespace.default.useState(r),l=Ry(),u=(t.pass||!s?t.newScreenshot:t.imgSrcString)||"",p=wt(t),d=M.useCallback((f,m)=>{i(m),a(!s);},[s]);return M__namespace.default.createElement("div",{className:l.root},!t.pass&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Tabs,{textColor:"primary",value:n,variant:"fullWidth",onChange:d,indicatorColor:"primary"},M__namespace.default.createElement(material.Tab,{label:"New screen shot"}),M__namespace.default.createElement(material.Tab,{label:"Screenshot image diff"})),M__namespace.default.createElement(material.Divider,null)),p&&n===1&&M__namespace.default.createElement(material.Alert,{severity:"error"},p.split(`
+`).map((f,m)=>M__namespace.default.createElement("div",{key:m},f))),M__namespace.default.createElement("div",{className:l.preview},M__namespace.default.createElement(To,{imgSrcString:u,diffDirection:t.diffDirection})))};wo.displayName="ImageDiffPreview";var lt=e=>{let{imageDiffResult:t,activeTab:o,...r}=e;return M__namespace.default.createElement(Se,{width:"100%",height:"100%",...r},M__namespace.default.createElement(wo,{imageDiffResult:t,activeTab:o}))};lt.displayName="ImageDiffPreviewDialog";var Ep=e=>{let{title:t,result:o,onClose:r,browserType:n,...i}=e,s=t||o&&o.oldScreenShotTitle;return M__namespace.default.useEffect(()=>{o&&o.added&&v.success(`Screenshot ${`${n?` for '${n}'`:""}`} saved successfully.`,{duration:5e3,onAutoClose:r,onDismiss:r});},[n,r,o]),M__namespace.default.useEffect(()=>{if(o){if(o.pass){v.success(`Testing existing screenshot were successful, no change has been detected.${s?`
 Title: ${s}`:""}${n?`
-Browser: ${n}`:""}`,{duration:5e3,onAutoClose:r,onDismiss:r});return}(o.diffSize||o.error)&&v.error(bt(o),{duration:1/0,onDismiss:r});}},[n,r,o,s]),!o||o.pass||o.added||o.diffSize||o.error?null:M__namespace.default.createElement(lt,{imageDiffResult:o,onClose:r,open:true,activeTab:"imageDiff",title:s,...i})};ku.displayName="ImageDiffMessage";var Dc=M__namespace.default.memo(ku);var Ky=fl(),Du=new reactQuery$1.QueryClient({defaultOptions:{mutations:{retry:false},queries:{retry:false}}}),Me=e=>{let{children:t}=e;return M__namespace.default.createElement(P.Provider,{client:Ky,queryClient:Du},M__namespace.default.createElement(reactQuery$1.QueryClientProvider,{client:Du},M__namespace.default.createElement(lo,null,M__namespace.default.createElement(oi__default.default.Provider,null,M__namespace.default.createElement(reinspect.StateInspector,null,t)))))};Me.displayName="CommonProvider";var qy=D(Gy__default.default),Xy=D(Wy__default.default),Yy=D(Uy__default.default),Jy=y(e=>({active:{color:e.palette.primary.main},controlWrap:{flex:2},iconWrapper:{marginBottom:-2,marginRight:-8,paddingLeft:4,width:14,"& svg":{width:14,height:14}},icons:{"&:hover":{opacity:.8},cursor:"pointer",opacity:.4},labelWrap:{alignItems:"center",display:"flex",flex:1,justifyContent:"space-between"},root:{"& fieldset > div":{"&>div":{margin:0,marginRight:10}},'& input[type="number"], select,textarea':{transition:"none",width:"100%"},"& label":{border:"none !important",margin:"0 !important"},alignItems:"center",display:"flex",justifyContent:"space-between",marginBottom:4}}),{name:"FormControl"}),Do=M.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:n,children:i,isRequired:s,active:a}=e,l=Jy();return M__namespace.default.createElement("div",{className:l.root},M__namespace.default.createElement("div",{className:Pr__default.default(l.labelWrap,{[l.active]:a})},M__namespace.default.createElement("span",{className:"form-label"},yr(t),s&&M__namespace.default.createElement("span",{style:{marginLeft:2}},"*"))),M__namespace.default.createElement("div",{className:l.controlWrap},i),M__namespace.default.createElement("div",{className:l.iconWrapper},M__namespace.default.createElement("div",null,o&&M__namespace.default.createElement(material.Tooltip,{placement:"top",disableInteractive:false,enterDelay:800,title:o},M__namespace.default.createElement(Xy,{className:l.icons}))),n&&M__namespace.default.createElement("div",{onClick:n},M__namespace.default.createElement(material.Tooltip,{placement:"top",enterDelay:800,title:"Append value to title"},r?M__namespace.default.createElement(qy,{style:{opacity:1},className:l.icons}):M__namespace.default.createElement(Yy,{className:l.icons})))))});Do.displayName="FormControl";var dt=M.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:n,isRequired:i,value:s,defaultValue:a}=e,{Control:l,handleChange:c,knob:p}=un(e);return M__namespace.default.createElement(Do,{label:t,appendValueToTitle:r,onAppendValueToTitle:n,description:o,isRequired:i,active:a!==s&&s!==void 0&&s!==""&&s!==false},M__namespace.default.createElement(l,{onChange:c,knob:p}))});dt.displayName="Control";var Fu=D(Zy__default.default),o1=D(e1__default.default),r1=y(e=>({button:{color:e.palette.text.primary,"& svg":{height:20,width:20}},buttonWrap:{alignItems:"center",display:"flex",zIndex:1},error:{"& textarea":{border:"1px solid red"}},errorMessage:{color:"red"},root:{alignItems:"center",display:"flex"},selectorButtonWrap:{alignItems:"center",backgroundColor:e.palette.background.paper,display:"flex",flexDirection:"column"},selectorHashIcon:{"&:before":{backgroundColor:e.palette.background.paper,content:'"#"',fontSize:"12px",left:"6px",position:"absolute",top:"3px"},height:20,position:"relative"},selectorIcon:{fontSize:"1.25rem"}}),{name:"SelectorControl"}),gs=M.memo(e=>{let{selectorType:t,label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,value:s,isFollowedByPositionProp:a,fullObjectPath:l,isRequired:c,onSelectorChange:p}=e,[u,f]=M.useState(false),d=r1(),[m,h]=M.useState(false),{startSelector:S}=Gt(),{Control:b,knob:w,handleChange:O,setKnob:x}=un(e),A=M.useCallback(W=>{f(false),S({onData:X=>{if(W==="selector"||W==="id-selector")p(l,X.path);else if(a){let ge=l.length===1?"":`${l.slice(0,-2)}.`;p(`${ge}x`,Math.round(X.x??0)),p(`${ge}y`,Math.round(X.y??0));}else O(X[o==="top"?"y":o==="left"?"x":o]);},type:W});},[S,a,p,l,o,O]),I=M__namespace.default.useCallback(()=>{A(t);},[t,A]),L=M__namespace.default.useCallback(()=>{A("id-selector");},[A]);M.useEffect(()=>{if(u&&t!=="selector"){h(false);return}h(!ol(s));},[t,u,s]),M.useEffect(()=>{w.defaultValue!==s&&(O(s),x({...w,defaultValue:s,value:s}));},[O,w,x,s]);let _=M.useCallback(W=>{f(true),O(W);},[O]),H=M.useCallback(W=>f(W.target.tagName==="TEXTAREA"),[]),te=t==="selector";return M__namespace.default.createElement(Do,{label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,isRequired:c},M__namespace.default.createElement("div",{className:Pr__default.default("selector-root",d.root,{[d.error]:m&&u}),onBlur:H},M__namespace.default.createElement(b,{onChange:_,knob:w}),M__namespace.default.createElement("div",{className:Pr__default.default({[d.buttonWrap]:a,[d.selectorButtonWrap]:te})},M__namespace.default.createElement(material.IconButton,{size:"small",onClick:I,className:d.button},te?M__namespace.default.createElement(Fu,{className:d.selectorIcon}):M__namespace.default.createElement(o1,null)),te&&M__namespace.default.createElement(material.IconButton,{size:"small",onClick:L,className:d.button},M__namespace.default.createElement("div",{className:d.selectorHashIcon},M__namespace.default.createElement(Fu,{className:d.selectorIcon}))))),m&&u&&M__namespace.default.createElement("div",{className:Pr__default.default("selector-error",d.errorMessage)},"Invalid Selector!"))});gs.displayName="SelectorControl";var _u=({name:e,schema:t,parents:o=[],nextPropName:r,isRequired:n,onChange:i,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})=>{let p=[...o,e].join("."),u=M.useCallback(S=>{i(p,S);},[i,p]),f=t.type!=="object"&&s(p,t),m=!!(a&&a(p)),h=M.useCallback(()=>{l&&l(p);},[l,p]);if(c&&(e==="selector"||t.type==="number"&&["x","y","top","left"].includes(e)))return M__namespace.default.createElement(gs,{label:e,type:e==="selector"?"text":"number",onChange:u,selectorType:e==="selector"?"selector":"position",value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isFollowedByPositionProp:r==="x"||r==="y",fullObjectPath:p,isRequired:!!n,onSelectorChange:c,defaultValue:t.default});if(t.enum)return M__namespace.default.createElement(dt,{label:e,type:"select",onChange:u,options:t.enum,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});switch(t.type){case "string":case "any":return M__namespace.default.createElement(dt,{label:e,type:"text",onChange:u,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "number":case "integer":return M__namespace.default.createElement(dt,{label:e,type:"number",onChange:u,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "boolean":return M__namespace.default.createElement(dt,{label:e,type:"boolean",onChange:u,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "array":{if(!t.items)return null;let S=t.items.enum;return S?M__namespace.default.createElement(dt,{label:e,type:"options",onChange:u,display:"inline-check",options:S,value:f,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default}):null}case "object":return M__namespace.default.createElement("div",{style:{marginBottom:6}},M__namespace.default.createElement("p",{style:{margin:"6px 0",marginTop:14}},material.capitalize(i1__default.default(e).toLowerCase()),":"),M__namespace.default.createElement("div",{style:{paddingLeft:12}},M__namespace.default.createElement(dn,{schemaProps:t.properties||{},parents:[...o,e],required:t.required,onChange:i,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})));default:return null}};_u.displayName="SchemaProp";var Ru=M__namespace.default.memo(_u);var dn=({schemaProps:e,required:t,parents:o=[],onChange:r,getValue:n,shouldAppendToTitle:i,onAppendValueToTitle:s,onSelectorChange:a})=>M__namespace.default.createElement(M__namespace.default.Fragment,null,Object.keys(e).map((l,c,p)=>{let u=e[l];return M__namespace.default.createElement(Ru,{key:l,name:l,schema:u,parents:o,nextPropName:p[c+1],isRequired:t&&t.includes(l),onChange:r,getValue:n,shouldAppendToTitle:i,onAppendValueToTitle:s,onSelectorChange:a})}));dn.displayName="SchemaRenderer";var hn=M__namespace.default.memo(dn);var l1=y(()=>({footer:{display:"flex",justifyContent:"space-between",paddingTop:2},main:{fontSize:14,height:400,overflowX:"hidden",overflowY:"auto",padding:5,paddingRight:20}}),{name:"SchemaFormLoader"}),Gu=({defaultData:e,onSave:t,FooterComponent:o,schemaName:r})=>{let n=l1(),[i,s]=M.useState(e),[a,l]=M.useState(false),c=M.useRef(),{mutate:p,data:u}=P.schema.getSchema.useMutation();M.useEffect(()=>{c.current!==r&&(c.current=r,p({schemaName:r}));},[p,r]);let f=M.useCallback(()=>{t(i);},[t,i]),d=M.useCallback(()=>{t({}),s({}),l(true);},[t]),m=M.useCallback((S,b)=>{let w=gn__namespace.set(i,S,b);s(w);},[i]),h=S=>gn__namespace.get(i,S);return M.useEffect(()=>{a&&l(false);},[a]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("div",{className:n.main},M__namespace.default.createElement(E,{open:u===void 0,position:"relative"}),u&&!a&&M__namespace.default.createElement(hn,{schemaProps:u,onChange:m,getValue:h})),M__namespace.default.createElement(material.Divider,null),M__namespace.default.createElement("div",{className:n.footer},M__namespace.default.createElement("div",null,o),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.Button,{onClick:d},"Clear"),M__namespace.default.createElement(material.Button,{onClick:f},"Save"))))};Gu.displayName="SchemaFormLoader";var $r=M__namespace.default.memo(Gu);var Rt=({fixFunction:e,onClose:t,open:o})=>{let{fixFileNames:r,clearError:n,fixFileNamesError:i,fixFileNamesInProgress:s,handleReload:a,reload:l,functionName:c,handleFunctionNameInput:p}=hc({fixFunction:e}),u=M__namespace.default.useCallback(()=>{n(),t(false);},[t,n]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(Se,{open:o,onClose:u,title:"Fix Screenshot File Name",width:"400px"},M__namespace.default.createElement(E,{open:s}),M__namespace.default.createElement("div",{style:{padding:20,width:"100%"}},l&&!i?M__namespace.default.createElement("p",null,"Fix applied, reload the page"):M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("p",null,"Screenshot file name consist of the story title and story function name, when the title or function name changes, plugin is no longer able to detect the screenshots, hence it wont list the screenshots in the panel."),M__namespace.default.createElement("p",null,"This utility will apply changes to the screenshot file name and playwright config file.")),e&&M__namespace.default.createElement(material.TextField,{label:"Enter previous name export function",variant:"outlined",onChange:p,value:c,fullWidth:true,focused:true,required:true}),i&&M__namespace.default.createElement("p",{style:{color:"red"}},i)),M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(M__namespace.default.Fragment,null,l?M__namespace.default.createElement(material.Button,{onClick:a,color:"primary"},"Reload Page"):M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:u,color:"primary"},"Cancel"),M__namespace.default.createElement(material.Button,{onClick:r,color:"primary",autoFocus:true},"Apply Fix"))))))};Rt.displayName="FixScreenshotFileDialog";M__namespace.default.memo(Rt);function Sn(e,t,o){return e&&e.args?gn__namespace.get(e.args,t):o?o.default:void 0}var vs=e=>{let{schema:t,actionId:o,actionSetId:r}=e,i=C()?.id,s=Br(i||"",o),a=M.useCallback((f,d)=>{i&&di({actionId:o,actionSetId:r,objPath:f,storyId:i,val:d});},[o,r,i]),l=M.useCallback((f,d)=>s?Sn(s,f,d):void 0,[s]),c=M.useCallback(f=>{if(!(!s||!s.subtitleItems))return s.subtitleItems.includes(f)},[s]),p=M.useCallback(f=>{i&&kl({actionId:o,actionOptionPath:f,actionSetId:r,storyId:i});},[o,r,i]),u=M.useCallback((f,d)=>{i&&di({actionId:o,actionSetId:r,objPath:f,storyId:i,val:d});},[o,r,i]);return s?M__namespace.default.createElement("div",null,M__namespace.default.createElement(hn,{schemaProps:t.parameters,required:t.required,onChange:a,getValue:l,shouldAppendToTitle:c,onAppendValueToTitle:p,onSelectorChange:u})):null};vs.displayName="ActionSchemaRenderer";var w1=y(e=>{let{divider:t}=e.palette;return {chip:{color:e.palette.text.primary,height:20,maxWidth:150},detailPanel:{display:"block"},expanded:{transform:"rotate(0deg) !important"},expansionPanel:{border:`1px solid ${t}`,boxShadow:"none"},heading:{alignItems:"center",display:"flex",fontWeight:e.typography.fontWeightRegular,marginRight:10},icon:{fontSize:20},root:{padding:4,width:"100%"},subtitleWrap:{width:"100%"},summary:{alignItems:"center",justifyContent:"space-between"},summaryInner:{display:"flex"}}},{name:"ActionOptions"}),bs=M.memo(e=>{let{actionId:t,actionName:o,DragHandle:r,actionSetId:n,dragHandleProps:i}=e,[s,a]=M.useState(),c=C()?.id,p=pe(),u=Br(c||"",t),f=ao(p.actionSchema,o),d=w1(),m=M.useCallback(()=>{Ir(t);},[t]);M.useEffect(()=>{if(!u||!u.subtitleItems)return;let b=u.subtitleItems.reduce((w,O)=>{let x=O.split(".").pop(),A=Sn(u,O);return A&&w.push(`${x}: ${A}`),w},[]);a(b);},[u,o]);let h=M.useCallback(b=>{b.preventDefault(),b.stopPropagation(),c&&El({actionId:t,actionSetId:n,storyId:c});},[t,n,c]),S=f&&f.parameters&&Object.keys(f.parameters).length!==0;return M__namespace.default.createElement("div",{className:d.root},M__namespace.default.createElement(m1__default.default,{expanded:p.expandedActions&&p.expandedActions[t]===true&&S,onChange:m,className:d.expansionPanel,square:true,slotProps:{transition:{timeout:100}}},M__namespace.default.createElement(h1__default.default,{"aria-controls":"panel1a-content",id:"panel1a-header",classes:{content:d.summary,expanded:d.expanded}},M__namespace.default.createElement("div",{className:d.summaryInner},M__namespace.default.createElement(r,{...i}),M__namespace.default.createElement("div",{className:d.heading},yr(f&&f.title?f.title:o)),M__namespace.default.createElement("div",{className:d.subtitleWrap},s&&s.map(b=>M__namespace.default.createElement(material.Chip,{className:d.chip,key:b,size:"small",label:b,variant:"outlined",title:b})))),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.Tooltip,{title:f&&f.description?f.description:"Not Available!"},M__namespace.default.createElement(components.IconButton,null,M__namespace.default.createElement(icons.QuestionIcon,{className:d.icon}))),M__namespace.default.createElement(components.IconButton,{onClick:h},M__namespace.default.createElement(icons.TrashIcon,{className:d.icon})))),M__namespace.default.createElement(material.AccordionDetails,{className:d.detailPanel},p.expandedActions&&p.expandedActions[t]&&S&&M__namespace.default.createElement(vs,{schema:f,actionId:t,actionSetId:n}))))});bs.displayName="ActionOptions";var N1=y(e=>{let{palette:{text:t}}=e;return {noActionMessage:{color:t.primary,margin:20,textAlign:"center"}}},{name:"ActionSetList"}),F1=({action:e,actionSetId:t,sortableId:o})=>{let{attributes:r,listeners:n,setActivatorNodeRef:i,setNodeRef:s,transform:a,transition:l,isDragging:c}=sortable.useSortable({id:o});return M__namespace.default.createElement("div",{ref:s,style:{opacity:c?.8:1,transform:utilities.CSS.Transform.toString(a),transition:l}},M__namespace.default.createElement(bs,{key:e.id,actionName:e.name,actionId:e.id,DragHandle:co,actionSetId:t,dragHandleProps:{...r,...n,setNodeRef:i}}))},z1=({items:e,actionSetId:t,onSortEnd:o})=>{let[r,n]=M.useState(e);M.useEffect(()=>{n(e);},[e]);let i=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=M.useCallback(({active:c,over:p})=>{!p||c.id===p.id||n(u=>{let f=u.findIndex(m=>m.id===c.id),d=u.findIndex(m=>m.id===p.id);return f<0||d<0?u:sortable.arrayMove(u,f,d)});},[]),a=M.useCallback(()=>{n(e);},[e]),l=M.useCallback(({active:c})=>{let p=e.findIndex(f=>f.id===c.id),u=r.findIndex(f=>f.id===c.id);if(p<0||u<0||p===u||!o){n(e);return}o({newIndex:u,oldIndex:p});},[e,r,o]);return M__namespace.default.createElement(core.DndContext,{sensors:i,collisionDetection:core.closestCenter,onDragOver:s,onDragCancel:a,onDragEnd:l},M__namespace.default.createElement(sortable.SortableContext,{items:r.map(c=>c.id),strategy:sortable.verticalListSortingStrategy},M__namespace.default.createElement("div",null,r.map(c=>M__namespace.default.createElement(F1,{key:`item-${c.id}`,action:c,actionSetId:t,sortableId:c.id})))))},ws=({actionSet:e})=>{let t=N1(),o=C(),r=M.useCallback(n=>{o&&Dl({actionSetId:e.id,newIndex:n.newIndex,oldIndex:n.oldIndex,storyId:o.id});},[e.id,o]);return !e||!e.actions.length?M__namespace.default.createElement("div",{className:t.noActionMessage},M__namespace.default.createElement("div",null,"Click the '+' button to create an action.")):M__namespace.default.createElement(Mt,null,M__namespace.default.createElement(z1,{items:e.actions,onSortEnd:r,actionSetId:e.id}))};ws.displayName="ActionList";var xs=M.memo(M.forwardRef((e,t)=>{let{onChange:o,label:r,name:n}=e,i=M.useCallback(()=>{o(n);},[n,o]);return M__namespace.default.createElement(material.MenuItem,{ref:t,onClick:i},r)}));xs.displayName="ActionMenuItem";var Ps=(e,t=[])=>{let o=Object.keys(e),r=[];return o.forEach(n=>{let i=e[n];if(i.type==="object"){let s=Ps(i.properties,[...t,n]);r=[...r,...s];}else {let s=[...t,n];r.push({label:s.join("."),name:s.join(".")});}}),r.sort((n,i)=>n.name<i.name?-1:n.name>i.name?1:0)};var Xu=(e,t)=>e.reduce((o,r)=>{let n=r.visibleTo||"*";return (n==="*"||new RegExp(n).test(t))&&o.push(r),o},[]);var $1=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),Ts=M.memo(e=>{let{onChange:t,onClose:o,anchorEl:r}=e,n=pe(),[i,s]=M.useState([]),a=$1();M__namespace.default.useEffect(()=>{if(!n.actionSchema)return;let c=Ps(n.actionSchema);s(c);},[n.actionSchema]);let l=M.useCallback(c=>{t(c);},[t]);return M__namespace.default.createElement(material.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:o,className:a.menu},i.map(c=>M__namespace.default.createElement(xs,{key:c.name,name:c.name,label:c.label,onChange:l},"Profile")))});Ts.displayName="ActionMenu";var Ms=e=>{let{onSave:t,onEditTitle:o,onCancel:r,onAddAction:n}=e,{loading:i}=Lr(),[s,a]=M__namespace.default.useState(null),l=M.useCallback(u=>{a(u.currentTarget);},[]),c=M.useCallback(()=>{a(null);},[]),p=M.useCallback(u=>{n(u),a(null);},[n]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:i}),M__namespace.default.createElement(components.IconButton,{size:"small",className:"edit-desc",onClick:o,title:"Edit Title"},M__namespace.default.createElement(icons.EditIcon,null)),M__namespace.default.createElement(components.IconButton,{size:"small",className:"open-action-menu",onClick:l,title:"Add Actions"},M__namespace.default.createElement(icons.PlusIcon,null)),M__namespace.default.createElement(components.IconButton,{size:"small",className:"save-action",title:"Save Actions",onClick:t},M__namespace.default.createElement(icons.SaveIcon,null)),M__namespace.default.createElement(components.IconButton,{size:"small",className:"Cancel",title:"Cancel",onClick:r},M__namespace.default.createElement(icons.CrossIcon,null)),M__namespace.default.createElement(Ts,{onClose:c,anchorEl:s,onChange:p}))};Ms.displayName="ActionSetEditorIcons";var ev=y(e=>{let{palette:{secondary:t}}=e;return {divider:{backgroundColor:t.main},root:{height:"100%"}}},{name:"ActionSetEditor"}),Is=({actionSet:e})=>{let{handleAddAction:t,handleDescriptionChange:o,handleSave:r,cancelEditActionSet:n}=Gl(e),i=ev(),{loading:s}=Lr(),a=M.useCallback(()=>{Tt.show({onSave:o,title:"Edit Description",value:e.title});},[e.title,o]);return M__namespace.default.createElement(nt,{tooltip:e.temp?e.title+nn:e.title,title:e.temp?`${e.title} *`:e.title,draggable:true,selected:true,secondaryColor:true,icons:M__namespace.default.createElement(Ms,{onAddAction:t,onCancel:n,onEditTitle:a,onSave:r})},M__namespace.default.createElement("div",{className:i.root},M__namespace.default.createElement(material.Divider,{className:i.divider}),M__namespace.default.createElement(ws,{actionSet:e}),M__namespace.default.createElement(E,{open:s})))};Is.displayName="ActionSetEditor";var ks=e=>{let{item:t}=e,{anchorEl:o,setAnchorEl:r,clearAnchorEl:n}=Cu(),[i,s]=M__namespace.default.useState("*"),[a,l]=M__namespace.default.useState("*"),c=C(),{mutateAsync:p}=P.favouriteActions.addFavouriteAction.useMutation(),{parent:u="parent"}=c||{},f=M__namespace.default.useCallback(async()=>{t.visibleTo=i,n();try{await p(t),v.success("Successfully added action to favourites",{duration:5e3});}catch(m){v.error(`An error has occurred:
- ${m.message||"Unknown error"}`,{duration:5e3});}},[p,n,i,t]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{className:"add-favourite",onClick:r,size:"small",title:"Add To Favourite"},M__namespace.default.createElement(icons.StarIcon,null)),o&&M__namespace.default.createElement(material.Popover,{anchorEl:o,open:true,onClose:n},M__namespace.default.createElement(material.DialogTitle,null,"Define witch story(s) can use this action:"),M__namespace.default.createElement(material.DialogContent,null,M__namespace.default.createElement(material.FormControl,null,M__namespace.default.createElement(material.RadioGroup,{row:true,value:a,onChange:(m,h)=>{s(h),l(h);}},M__namespace.default.createElement(material.FormControlLabel,{value:"*",control:M__namespace.default.createElement(material.Radio,{size:"small"}),label:"All Stories"}),M__namespace.default.createElement(material.FormControlLabel,{value:u,control:M__namespace.default.createElement(material.Radio,{size:"small"}),label:`${material.capitalize(u)} Stories`}))),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.TextField,{value:i,onChange:m=>s(m.target.value),helperText:"Or enter regex expression",fullWidth:true}))),M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(material.Button,{onClick:f},"Save"))))};ks.displayName="AddFavouriteAction";function ep({onEdit:e,onDelete:t,item:o,onCheckBoxClick:r,checked:n,title:i,isEditing:s,hideIcons:a,onDuplicate:l,sortableId:c}){let{attributes:p,listeners:u,setActivatorNodeRef:f,setNodeRef:d,transform:m,transition:h,isDragging:S}=sortable.useSortable({disabled:!!s,id:c??o.id}),b=M.useCallback(()=>{e(o);},[o,e]),w=M.useCallback(()=>{r&&r(o);},[o,r]),O=M.useCallback(()=>{t(o);},[o,t]),x=M.useCallback(()=>{l&&l(o);},[o,l]);return s?M__namespace.default.createElement("div",{ref:d,style:{transform:utilities.CSS.Transform.toString(m),transition:h}},M__namespace.default.createElement(Is,{actionSet:o})):M__namespace.default.createElement("div",{ref:d,style:{opacity:S?.8:1,position:"relative",transform:utilities.CSS.Transform.toString(m),transition:h,zIndex:1}},M__namespace.default.createElement(nt,{tooltip:i+(o.temp?nn:""),title:i+(o.temp?" *":""),draggable:true,selected:n,dragHandleProps:{...p,...u,setNodeRef:f},icons:M__namespace.default.createElement(M__namespace.default.Fragment,null,!a&&M__namespace.default.createElement(components.IconButton,{className:"edit-button",onClick:b,size:"small",title:"Edit"},M__namespace.default.createElement(icons.EditIcon,null)),M__namespace.default.createElement(components.IconButton,{className:"duplicate-button",onClick:x,size:"small",title:"Duplicate Action"},M__namespace.default.createElement(icons.CopyIcon,null)),!a&&M__namespace.default.createElement(ks,{item:o}),M__namespace.default.createElement(uo,{onClick:w,checked:!!n}),!a&&M__namespace.default.createElement(Te,{onDelete:O}))}))}ep.displayName="ActionSetListItem";var Ds=e=>M__namespace.default.createElement(ep,{...e});Ds.displayName="SortableActionSetListItem";var Mv=y(()=>({message:{marginTop:20,textAlign:"center"}}),{name:"ActionSetList"}),Es=({onSortEnd:e})=>{let t=Mv(),o=C(),{copyActionSet:r,inProgress:n}=Wl(o),{mutateAsync:i}=P.actionSet.deleteActionSet.useMutation(),{storyActionSets:s,currentActionSets:a,state:l}=Ul(),{loading:c}=jl(),p=M.useCallback(async x=>{if(o)try{await i({actionSetId:x.id,filePath:o.filePath,storyId:o.id}),Mr({actionSetId:x.id,storyId:o.id});}catch(A){v.error(A instanceof Error?A.message:"Failed to delete action set");}},[i,o]),u=M.useCallback(x=>{Al(x);},[]),f=M.useCallback(x=>{Tl(x.id);},[]),d=l.orgEditingActionSet!==void 0,[m,h]=M.useState(s);M.useEffect(()=>{h(s);},[s]);let S=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),b=M.useCallback(({active:x,over:A})=>{!A||x.id===A.id||h(I=>{let L=I.findIndex(H=>H.id===x.id),_=I.findIndex(H=>H.id===A.id);return L<0||_<0?I:sortable.arrayMove(I,L,_)});},[]),w=M.useCallback(()=>{h(s);},[s]),O=M.useCallback(({active:x})=>{let A=s.findIndex(L=>L.id===x.id),I=m.findIndex(L=>L.id===x.id);if(A<0||I<0||A===I||!e){h(s);return}e({newIndex:I,oldIndex:A});},[m,e,s]);return M__namespace.default.createElement(Mt,null,M__namespace.default.createElement(core.DndContext,{sensors:S,collisionDetection:core.closestCenter,onDragOver:b,onDragCancel:w,onDragEnd:O},M__namespace.default.createElement(sortable.SortableContext,{items:m.map(x=>x.id),strategy:sortable.verticalListSortingStrategy},m.length>0?m.map((x,A)=>M__namespace.default.createElement(Ds,{index:A,sortableId:x.id,key:x.id+d,item:x,onDelete:p,onEdit:u,onCheckBoxClick:f,checked:a.includes(x.id),title:x.title,onDuplicate:r,isEditing:d&&l.orgEditingActionSet&&l.orgEditingActionSet.id===x.id,hideIcons:d})):M__namespace.default.createElement("div",{className:Pr__default.default(t.message,"no-data")},M__namespace.default.createElement("div",null,"No action set to display!"),M__namespace.default.createElement("div",null,"Click the '+' button to create an action set.")))),M__namespace.default.createElement(E,{open:c||n}))};Es.displayName="ActionSetList";var Lv=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),op=[{actions:[{id:"Kj6iSI1D3BIF1yX",name:"takeScreenshot"}],id:"1--default",title:"Take screenshot",visibleTo:"*"},{actions:[{id:"zjgHFLzuMbXG",name:"takeScreenshotAll"}],id:"2--default",title:"Take screenshot of all actions",visibleTo:"*"}],Os=e=>{let{children:t,getContainerHeight:o}=e,[r,n]=M__namespace.default.useState(op),{mutateAsync:i}=P.actionSet.saveActionSet.useMutation(),{mutateAsync:s}=P.favouriteActions.deleteFavouriteAction.useMutation(),{refetch:a}=P.favouriteActions.getFavouriteActions.useQuery(void 0,{enabled:false}),l=C(),{id:c}=l||{},p=Lv(),u=M__namespace.default.useCallback(()=>{a().then(({data:m})=>{let h=[...op,...Xu(m||[],c??"")];n(h);});},[a,c]),f=async m=>{if(!l||!c)return;let h=nanoid.nanoid(12),S={...m,id:h,visibleTo:void 0};await i({actionSet:S,filePath:l.filePath,storyId:c}),Dt({actionSet:S,isNew:false,selected:true,storyId:c});},d=async m=>{await s({actionSetId:m}),u();};return M__namespace.default.useEffect(()=>{u();},[u]),M__namespace.default.createElement(components.WithTooltip,{closeOnOutsideClick:true,placement:"bottom-start",trigger:"click",tooltip:({onHide:m})=>{let h=o?.();return M__namespace.default.createElement("div",{className:p.menu,style:{maxHeight:h?`${h-50}px`:"50vh",overflowY:"auto"},onMouseDown:S=>S.stopPropagation()},r.map(S=>M__namespace.default.createElement(components.ListItem,{key:S.id,title:material.capitalize(S.title),right:M__namespace.default.createElement(components.IconButton,{disabled:S.id.endsWith("--default"),onClick:b=>{b.stopPropagation(),d(S.id),m();}},M__namespace.default.createElement(icons.TrashIcon,{fontSize:"small"})),onClick:async()=>{await f(S),m();}})))}},t)};Os.displayName="FavouriteActions";var Bs=e=>{let{onAddActionSet:t,onReset:o,onFavoriteActionsClick:r,onDeleteSelectedActionSets:n,deleteDisabled:i,getContainerHeight:s}=e;return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(rt,{border:["bottom"]},M__namespace.default.createElement("div",{className:"left"},M__namespace.default.createElement("span",null,"Action Sets")),M__namespace.default.createElement("div",{className:"right"},M__namespace.default.createElement(Os,{getContainerHeight:s},M__namespace.default.createElement(components.IconButton,{onClick:r,title:"Favourite Actions"},M__namespace.default.createElement(icons.StarIcon,null))),M__namespace.default.createElement(components.IconButton,{onClick:o,title:"Reset"},M__namespace.default.createElement(icons.RefreshIcon,null)),M__namespace.default.createElement(Te,{disabled:i,onDelete:n,IconButton:components.IconButton}),M__namespace.default.createElement(components.IconButton,{onClick:t,title:"Add Action Set"},M__namespace.default.createElement(icons.PlusIcon,null)))))};Bs.displayName="ActionToolbar";var Ls=()=>{let{storyId:e}=managerApi.useStorybookState(),t=C(),o=M__namespace.default.useRef(null),{currentActions:r}=Ne(e),{mutateAsync:n}=P.actionSet.deleteActionSet.useMutation(),{mutateAsync:i}=P.actionSet.changeActionSetIndex.useMutation(),s=M.useCallback(f=>{let d=nanoid.nanoid(12),m={actions:[],id:d,title:f};kr(e),Dt({actionSet:m,isNew:true,selected:true,storyId:e});},[e]),a=M.useCallback(()=>{Tt.show({onSave:s,required:true,title:"Action set title"});},[s]),l=M.useCallback(()=>{at(),Et(e);},[e]),c=M.useCallback(async()=>{if(t)for(let f of r)try{await n({actionSetId:f.id,filePath:t.filePath,storyId:e}),Mr({actionSetId:f.id,storyId:e});}catch(d){console.error(d);}},[r,n,t,e]);M.useEffect(()=>{at();},[e]);let p=M.useCallback(async f=>{if(t){ui({newIndex:f.newIndex,oldIndex:f.oldIndex,storyId:e});try{await i({filePath:t.filePath,newIndex:f.newIndex,oldIndex:f.oldIndex,storyId:e});}catch(d){ui({newIndex:f.oldIndex,oldIndex:f.newIndex,storyId:e}),console.error(d);}}},[i,t,e]),u=M__namespace.default.useCallback(()=>o.current?.offsetHeight??void 0,[]);return M__namespace.default.createElement("div",{style:{height:"calc(100% - 55px)",transform:"none"},ref:o},M__namespace.default.createElement(Bs,{onAddActionSet:a,onReset:l,onDeleteSelectedActionSets:c,deleteDisabled:r.length===0,getContainerHeight:u}),M__namespace.default.createElement(Es,{onSortEnd:p}))};Ls.displayName="ActionSetMain";var Ns=M.memo(()=>M__namespace.default.createElement(Me,null,M__namespace.default.createElement(Ls,null)));Ns.displayName="ActionPanel";var Fs=()=>{let e=managerApi.useStorybookState();return M__namespace.default.createElement(Fi,{showPanel:e.selectedPanel===Kt})};Fs.displayName="ScreenshotPanel";managerApi.addons.add(ru,{render:as,type:managerApi.types.PREVIEW});ul();managerApi.addons.register(ke,()=>{try{if(!new URL(window.location.href).hostname)return}catch{return}managerApi.addons.add(ou,{render:()=>M__namespace.default.createElement(sonner.Toaster,{position:"bottom-left"}),title:"toast",type:managerApi.types.TOOL}),managerApi.addons.add(tu,{render:()=>M__namespace.default.createElement(fs,null),title:"snapshot",type:managerApi.types.TOOL}),managerApi.addons.add(eu,{render:({active:e})=>M__namespace.default.createElement(components.AddonPanel,{active:e??false},M__namespace.default.createElement(Ns,null)),title:"Playwright Actions",type:managerApi.types.PANEL}),managerApi.addons.add(Kt,{render:({active:e})=>M__namespace.default.createElement(components.AddonPanel,{active:e??false},M__namespace.default.createElement(Fs,null)),title:"Screenshots",type:managerApi.types.PANEL});});
+Browser: ${n}`:""}`,{duration:5e3,onAutoClose:r,onDismiss:r});return}(o.diffSize||o.error)&&v.error(wt(o),{duration:1/0,onDismiss:r});}},[n,r,o,s]),!o||o.pass||o.added||o.diffSize||o.error?null:M__namespace.default.createElement(lt,{imageDiffResult:o,onClose:r,open:true,activeTab:"imageDiff",title:s,...i})};Ep.displayName="ImageDiffMessage";var Oc=M__namespace.default.memo(Ep);var Gy=ml(),Op=new reactQuery$1.QueryClient({defaultOptions:{mutations:{retry:false},queries:{retry:false}}}),Me=e=>{let{children:t}=e;return M__namespace.default.createElement(P.Provider,{client:Gy,queryClient:Op},M__namespace.default.createElement(reactQuery$1.QueryClientProvider,{client:Op},M__namespace.default.createElement(co,null,M__namespace.default.createElement(oi__default.default.Provider,null,M__namespace.default.createElement(reinspect.StateInspector,null,t)))))};Me.displayName="CommonProvider";var Yy=D(Uy__default.default),Jy=D(jy__default.default),Qy=D($y__default.default),Zy=y(e=>({active:{color:e.palette.primary.main},controlWrap:{flex:2},iconWrapper:{marginBottom:-2,marginRight:-8,paddingLeft:4,width:14,"& svg":{width:14,height:14}},icons:{"&:hover":{opacity:.8},cursor:"pointer",opacity:.4},labelWrap:{alignItems:"center",display:"flex",flex:1,justifyContent:"space-between"},root:{"& fieldset > div":{"&>div":{margin:0,marginRight:10}},'& input[type="number"], select,textarea':{transition:"none",width:"100%"},"& label":{border:"none !important",margin:"0 !important"},alignItems:"center",display:"flex",justifyContent:"space-between",marginBottom:4}}),{name:"FormControl"}),Eo=M.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:n,children:i,isRequired:s,active:a}=e,l=Zy();return M__namespace.default.createElement("div",{className:l.root},M__namespace.default.createElement("div",{className:Pr__default.default(l.labelWrap,{[l.active]:a})},M__namespace.default.createElement("span",{className:"form-label"},yr(t),s&&M__namespace.default.createElement("span",{style:{marginLeft:2}},"*"))),M__namespace.default.createElement("div",{className:l.controlWrap},i),M__namespace.default.createElement("div",{className:l.iconWrapper},M__namespace.default.createElement("div",null,o&&M__namespace.default.createElement(material.Tooltip,{placement:"top",disableInteractive:false,enterDelay:800,title:o},M__namespace.default.createElement(Jy,{className:l.icons}))),n&&M__namespace.default.createElement("div",{onClick:n},M__namespace.default.createElement(material.Tooltip,{placement:"top",enterDelay:800,title:"Append value to title"},r?M__namespace.default.createElement(Yy,{style:{opacity:1},className:l.icons}):M__namespace.default.createElement(Qy,{className:l.icons})))))});Eo.displayName="FormControl";var ft=M.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:n,isRequired:i,value:s,defaultValue:a}=e,{Control:l,handleChange:c,knob:u}=pn(e);return M__namespace.default.createElement(Eo,{label:t,appendValueToTitle:r,onAppendValueToTitle:n,description:o,isRequired:i,active:a!==s&&s!==void 0&&s!==""&&s!==false},M__namespace.default.createElement(l,{onChange:c,knob:u}))});ft.displayName="Control";var zp=D(t1__default.default),n1=D(o1__default.default),i1=y(e=>({button:{color:e.palette.text.primary,"& svg":{height:20,width:20}},buttonWrap:{alignItems:"center",display:"flex",zIndex:1},error:{"& textarea":{border:"1px solid red"}},errorMessage:{color:"red"},root:{alignItems:"center",display:"flex"},selectorButtonWrap:{alignItems:"center",backgroundColor:e.palette.background.paper,display:"flex",flexDirection:"column"},selectorHashIcon:{"&:before":{backgroundColor:e.palette.background.paper,content:'"#"',fontSize:"12px",left:"6px",position:"absolute",top:"3px"},height:20,position:"relative"},selectorIcon:{fontSize:"1.25rem"}}),{name:"SelectorControl"}),gs=M.memo(e=>{let{selectorType:t,label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,value:s,isFollowedByPositionProp:a,fullObjectPath:l,isRequired:c,onSelectorChange:u}=e,[p,d]=M.useState(false),f=i1(),[m,h]=M.useState(false),{startSelector:S}=Gt(),{Control:b,knob:w,handleChange:O,setKnob:x}=pn(e),A=M.useCallback(G=>{d(false),S({onData:X=>{if(G==="selector"||G==="id-selector")u(l,X.path);else if(a){let ge=l.length===1?"":`${l.slice(0,-2)}.`;u(`${ge}x`,Math.round(X.x??0)),u(`${ge}y`,Math.round(X.y??0));}else O(X[o==="top"?"y":o==="left"?"x":o]);},type:G});},[S,a,u,l,o,O]),I=M__namespace.default.useCallback(()=>{A(t);},[t,A]),L=M__namespace.default.useCallback(()=>{A("id-selector");},[A]);M.useEffect(()=>{if(p&&t!=="selector"){h(false);return}h(!nl(s));},[t,p,s]),M.useEffect(()=>{w.defaultValue!==s&&(O(s),x({...w,defaultValue:s,value:s}));},[O,w,x,s]);let z=M.useCallback(G=>{d(true),O(G);},[O]),H=M.useCallback(G=>d(G.target.tagName==="TEXTAREA"),[]),te=t==="selector";return M__namespace.default.createElement(Eo,{label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,isRequired:c},M__namespace.default.createElement("div",{className:Pr__default.default("selector-root",f.root,{[f.error]:m&&p}),onBlur:H},M__namespace.default.createElement(b,{onChange:z,knob:w}),M__namespace.default.createElement("div",{className:Pr__default.default({[f.buttonWrap]:a,[f.selectorButtonWrap]:te})},M__namespace.default.createElement(material.IconButton,{size:"small",onClick:I,className:f.button},te?M__namespace.default.createElement(zp,{className:f.selectorIcon}):M__namespace.default.createElement(n1,null)),te&&M__namespace.default.createElement(material.IconButton,{size:"small",onClick:L,className:f.button},M__namespace.default.createElement("div",{className:f.selectorHashIcon},M__namespace.default.createElement(zp,{className:f.selectorIcon}))))),m&&p&&M__namespace.default.createElement("div",{className:Pr__default.default("selector-error",f.errorMessage)},"Invalid Selector!"))});gs.displayName="SelectorControl";var Hp=({name:e,schema:t,parents:o=[],nextPropName:r,isRequired:n,onChange:i,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})=>{let u=[...o,e].join("."),p=M.useCallback(S=>{i(u,S);},[i,u]),d=t.type!=="object"&&s(u,t),m=!!(a&&a(u)),h=M.useCallback(()=>{l&&l(u);},[l,u]);if(c&&(e==="selector"||t.type==="number"&&["x","y","top","left"].includes(e)))return M__namespace.default.createElement(gs,{label:e,type:e==="selector"?"text":"number",onChange:p,selectorType:e==="selector"?"selector":"position",value:d,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isFollowedByPositionProp:r==="x"||r==="y",fullObjectPath:u,isRequired:!!n,onSelectorChange:c,defaultValue:t.default});if(t.enum)return M__namespace.default.createElement(ft,{label:e,type:"select",onChange:p,options:t.enum,value:d,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});switch(t.type){case "string":case "any":return M__namespace.default.createElement(ft,{label:e,type:"text",onChange:p,value:d,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "number":case "integer":return M__namespace.default.createElement(ft,{label:e,type:"number",onChange:p,value:d,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "boolean":return M__namespace.default.createElement(ft,{label:e,type:"boolean",onChange:p,value:d,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "array":{if(!t.items)return null;let S=t.items.enum;return S?M__namespace.default.createElement(ft,{label:e,type:"options",onChange:p,display:"inline-check",options:S,value:d,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default}):null}case "object":return M__namespace.default.createElement("div",{style:{marginBottom:6}},M__namespace.default.createElement("p",{style:{margin:"6px 0",marginTop:14}},material.capitalize(a1__default.default(e).toLowerCase()),":"),M__namespace.default.createElement("div",{style:{paddingLeft:12}},M__namespace.default.createElement(fn,{schemaProps:t.properties||{},parents:[...o,e],required:t.required,onChange:i,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})));default:return null}};Hp.displayName="SchemaProp";var Vp=M__namespace.default.memo(Hp);var fn=({schemaProps:e,required:t,parents:o=[],onChange:r,getValue:n,shouldAppendToTitle:i,onAppendValueToTitle:s,onSelectorChange:a})=>M__namespace.default.createElement(M__namespace.default.Fragment,null,Object.keys(e).map((l,c,u)=>{let p=e[l];return M__namespace.default.createElement(Vp,{key:l,name:l,schema:p,parents:o,nextPropName:u[c+1],isRequired:t&&t.includes(l),onChange:r,getValue:n,shouldAppendToTitle:i,onAppendValueToTitle:s,onSelectorChange:a})}));fn.displayName="SchemaRenderer";var hn=M__namespace.default.memo(fn);var p1=y(()=>({footer:{display:"flex",justifyContent:"space-between",paddingTop:2},main:{fontSize:14,height:400,overflowX:"hidden",overflowY:"auto",padding:5,paddingRight:20}}),{name:"SchemaFormLoader"}),Up=({defaultData:e,onSave:t,FooterComponent:o,schemaName:r})=>{let n=p1(),[i,s]=M.useState(e),[a,l]=M.useState(false),c=M.useRef(),{mutate:u,data:p}=P.schema.getSchema.useMutation();M.useEffect(()=>{c.current!==r&&(c.current=r,u({schemaName:r}));},[u,r]);let d=M.useCallback(()=>{t(i);},[t,i]),f=M.useCallback(()=>{t({}),s({}),l(true);},[t]),m=M.useCallback((S,b)=>{let w=gn__namespace.set(i,S,b);s(w);},[i]),h=S=>gn__namespace.get(i,S);return M.useEffect(()=>{a&&l(false);},[a]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("div",{className:n.main},M__namespace.default.createElement(E,{open:p===void 0,position:"relative"}),p&&!a&&M__namespace.default.createElement(hn,{schemaProps:p,onChange:m,getValue:h})),M__namespace.default.createElement(material.Divider,null),M__namespace.default.createElement("div",{className:n.footer},M__namespace.default.createElement("div",null,o),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.Button,{onClick:f},"Clear"),M__namespace.default.createElement(material.Button,{onClick:d},"Save"))))};Up.displayName="SchemaFormLoader";var $r=M__namespace.default.memo(Up);var Ht=({fixFunction:e,onClose:t,open:o})=>{let{fixFileNames:r,clearError:n,fixFileNamesError:i,fixFileNamesInProgress:s,handleReload:a,reload:l,functionName:c,handleFunctionNameInput:u}=Sc({fixFunction:e}),p=M__namespace.default.useCallback(()=>{n(),t(false);},[t,n]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(Se,{open:o,onClose:p,title:"Fix Screenshot File Name",width:"400px"},M__namespace.default.createElement(E,{open:s}),M__namespace.default.createElement("div",{style:{padding:20,width:"100%"}},l&&!i?M__namespace.default.createElement("p",null,"Fix applied, reload the page"):M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("p",null,"Screenshot file name consist of the story title and story function name, when the title or function name changes, plugin is no longer able to detect the screenshots, hence it wont list the screenshots in the panel."),M__namespace.default.createElement("p",null,"This utility will apply changes to the screenshot file name and playwright config file.")),e&&M__namespace.default.createElement(material.TextField,{label:"Enter previous name export function",variant:"outlined",onChange:u,value:c,fullWidth:true,focused:true,required:true}),i&&M__namespace.default.createElement("p",{style:{color:"red"}},i)),M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(M__namespace.default.Fragment,null,l?M__namespace.default.createElement(material.Button,{onClick:a,color:"primary"},"Reload Page"):M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(material.Button,{onClick:p,color:"primary"},"Cancel"),M__namespace.default.createElement(material.Button,{onClick:r,color:"primary",autoFocus:true},"Apply Fix"))))))};Ht.displayName="FixScreenshotFileDialog";M__namespace.default.memo(Ht);var m1=120,h1=12,g1="50vh",S1=(e,t)=>typeof e=="function"?e(t):e,y1=({children:e,className:t,minVisibleHeight:o,style:r,viewportBottomOffset:n})=>{let i=M__namespace.default.useRef(null),s=M__namespace.default.useCallback(()=>{if(!i.current)return;let a=i.current.getBoundingClientRect().top,l=Math.floor(window.innerHeight-a-n),c=Math.max(o,l);i.current.style.maxHeight=`${c}px`;},[o,n]);return M__namespace.default.useEffect(()=>{s();let a=window.requestAnimationFrame(s);return window.addEventListener("resize",s),window.addEventListener("scroll",s,true),()=>{window.cancelAnimationFrame(a),window.removeEventListener("resize",s),window.removeEventListener("scroll",s,true);}},[e,s]),M__namespace.default.createElement("div",{ref:i,className:t,style:{...r,maxHeight:r?.maxHeight??g1,overflowY:r?.overflowY??"auto"},onMouseDown:a=>a.stopPropagation()},e)},vs=({minVisibleHeight:e=m1,tooltip:t,tooltipClassName:o,tooltipStyle:r,viewportBottomOffset:n=h1,...i})=>{let s=M__namespace.default.useCallback(a=>M__namespace.default.createElement(y1,{className:o,minVisibleHeight:e,style:r,viewportBottomOffset:n},S1(t,a)),[e,t,o,r,n]);return M__namespace.default.createElement(components.WithTooltip,{...i,tooltip:s})};vs.displayName="AutoHeightWithTooltip";function Sn(e,t,o){return e&&e.args?gn__namespace.get(e.args,t):o?o.default:void 0}var bs=e=>{let{schema:t,actionId:o,actionSetId:r}=e,i=T()?.id,s=Br(i||"",o),a=M.useCallback((d,f)=>{i&&fi({actionId:o,actionSetId:r,objPath:d,storyId:i,val:f});},[o,r,i]),l=M.useCallback((d,f)=>s?Sn(s,d,f):void 0,[s]),c=M.useCallback(d=>{if(!(!s||!s.subtitleItems))return s.subtitleItems.includes(d)},[s]),u=M.useCallback(d=>{i&&El({actionId:o,actionOptionPath:d,actionSetId:r,storyId:i});},[o,r,i]),p=M.useCallback((d,f)=>{i&&fi({actionId:o,actionSetId:r,objPath:d,storyId:i,val:f});},[o,r,i]);return s?M__namespace.default.createElement("div",null,M__namespace.default.createElement(hn,{schemaProps:t.parameters,required:t.required,onChange:a,getValue:l,shouldAppendToTitle:c,onAppendValueToTitle:u,onSelectorChange:p})):null};bs.displayName="ActionSchemaRenderer";var k1=y(e=>{let{divider:t}=e.palette;return {chip:{color:e.palette.text.primary,height:20,maxWidth:150},detailPanel:{display:"block"},expanded:{transform:"rotate(0deg) !important"},expansionPanel:{border:`1px solid ${t}`,boxShadow:"none"},heading:{alignItems:"center",display:"flex",fontWeight:e.typography.fontWeightRegular,marginRight:10},icon:{fontSize:20},root:{padding:4,width:"100%"},subtitleWrap:{width:"100%"},summary:{alignItems:"center",justifyContent:"space-between"},summaryInner:{display:"flex"}}},{name:"ActionOptions"}),ws=M.memo(e=>{let{actionId:t,actionName:o,DragHandle:r,actionSetId:n,dragHandleProps:i}=e,[s,a]=M.useState(),c=T()?.id,u=ue(),p=Br(c||"",t),d=lo(u.actionSchema,o),f=k1(),m=M.useCallback(()=>{Ir(t);},[t]);M.useEffect(()=>{if(!p||!p.subtitleItems)return;let b=p.subtitleItems.reduce((w,O)=>{let x=O.split(".").pop(),A=Sn(p,O);return A&&w.push(`${x}: ${A}`),w},[]);a(b);},[p,o]);let h=M.useCallback(b=>{b.preventDefault(),b.stopPropagation(),c&&Bl({actionId:t,actionSetId:n,storyId:c});},[t,n,c]),S=d&&d.parameters&&Object.keys(d.parameters).length!==0;return M__namespace.default.createElement("div",{className:f.root},M__namespace.default.createElement(x1__default.default,{expanded:u.expandedActions&&u.expandedActions[t]===true&&S,onChange:m,className:f.expansionPanel,square:true,slotProps:{transition:{timeout:100}}},M__namespace.default.createElement(P1__default.default,{"aria-controls":"panel1a-content",id:"panel1a-header",classes:{content:f.summary,expanded:f.expanded}},M__namespace.default.createElement("div",{className:f.summaryInner},M__namespace.default.createElement(r,{...i}),M__namespace.default.createElement("div",{className:f.heading},yr(d&&d.title?d.title:o)),M__namespace.default.createElement("div",{className:f.subtitleWrap},s&&s.map(b=>M__namespace.default.createElement(material.Chip,{className:f.chip,key:b,size:"small",label:b,variant:"outlined",title:b})))),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.Tooltip,{title:d&&d.description?d.description:"Not Available!"},M__namespace.default.createElement(components.IconButton,null,M__namespace.default.createElement(icons.QuestionIcon,{className:f.icon}))),M__namespace.default.createElement(components.IconButton,{onClick:h},M__namespace.default.createElement(icons.TrashIcon,{className:f.icon})))),M__namespace.default.createElement(material.AccordionDetails,{className:f.detailPanel},u.expandedActions&&u.expandedActions[t]&&S&&M__namespace.default.createElement(bs,{schema:d,actionId:t,actionSetId:n}))))});ws.displayName="ActionOptions";var W1=y(e=>{let{palette:{text:t}}=e;return {noActionMessage:{color:t.primary,margin:20,textAlign:"center"}}},{name:"ActionSetList"}),G1=({action:e,actionSetId:t,sortableId:o})=>{let{attributes:r,listeners:n,setActivatorNodeRef:i,setNodeRef:s,transform:a,transition:l,isDragging:c}=sortable.useSortable({id:o});return M__namespace.default.createElement("div",{ref:s,style:{opacity:c?.8:1,transform:utilities.CSS.Transform.toString(a),transition:l}},M__namespace.default.createElement(ws,{key:e.id,actionName:e.name,actionId:e.id,DragHandle:po,actionSetId:t,dragHandleProps:{...r,...n,setNodeRef:i}}))},U1=({items:e,actionSetId:t,onSortEnd:o})=>{let[r,n]=M.useState(e);M.useEffect(()=>{n(e);},[e]);let i=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),s=M.useCallback(({active:c,over:u})=>{!u||c.id===u.id||n(p=>{let d=p.findIndex(m=>m.id===c.id),f=p.findIndex(m=>m.id===u.id);return d<0||f<0?p:sortable.arrayMove(p,d,f)});},[]),a=M.useCallback(()=>{n(e);},[e]),l=M.useCallback(({active:c})=>{let u=e.findIndex(d=>d.id===c.id),p=r.findIndex(d=>d.id===c.id);if(u<0||p<0||u===p||!o){n(e);return}o({newIndex:p,oldIndex:u});},[e,r,o]);return M__namespace.default.createElement(core.DndContext,{sensors:i,collisionDetection:core.closestCenter,onDragOver:s,onDragCancel:a,onDragEnd:l},M__namespace.default.createElement(sortable.SortableContext,{items:r.map(c=>c.id),strategy:sortable.verticalListSortingStrategy},M__namespace.default.createElement("div",null,r.map(c=>M__namespace.default.createElement(G1,{key:`item-${c.id}`,action:c,actionSetId:t,sortableId:c.id})))))},xs=({actionSet:e})=>{let t=W1(),o=T(),r=M.useCallback(n=>{o&&Ol({actionSetId:e.id,newIndex:n.newIndex,oldIndex:n.oldIndex,storyId:o.id});},[e.id,o]);return !e||!e.actions.length?M__namespace.default.createElement("div",{className:t.noActionMessage},M__namespace.default.createElement("div",null,"Click the '+' button to create an action.")):M__namespace.default.createElement(It,null,M__namespace.default.createElement(U1,{items:e.actions,onSortEnd:r,actionSetId:e.id}))};xs.displayName="ActionList";var Ps=M.memo(M.forwardRef((e,t)=>{let{onChange:o,label:r,name:n}=e,i=M.useCallback(()=>{o(n);},[n,o]);return M__namespace.default.createElement(material.MenuItem,{ref:t,onClick:i},r)}));Ps.displayName="ActionMenuItem";var Ts=(e,t=[])=>{let o=Object.keys(e),r=[];return o.forEach(n=>{let i=e[n];if(i.type==="object"){let s=Ts(i.properties,[...t,n]);r=[...r,...s];}else {let s=[...t,n];r.push({label:s.join("."),name:s.join(".")});}}),r.sort((n,i)=>n.name<i.name?-1:n.name>i.name?1:0)};var Jp=(e,t)=>e.reduce((o,r)=>{let n=r.visibleTo||"*";return (n==="*"||new RegExp(n).test(t))&&o.push(r),o},[]);var tv=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),As=M.memo(e=>{let{onChange:t,onClose:o,anchorEl:r}=e,n=ue(),[i,s]=M.useState([]),a=tv();M__namespace.default.useEffect(()=>{if(!n.actionSchema)return;let c=Ts(n.actionSchema);s(c);},[n.actionSchema]);let l=M.useCallback(c=>{t(c);},[t]);return M__namespace.default.createElement(material.Menu,{id:"simple-menu",anchorEl:r,keepMounted:true,open:!!r,onClose:o,className:a.menu},i.map(c=>M__namespace.default.createElement(Ps,{key:c.name,name:c.name,label:c.label,onChange:l},"Profile")))});As.displayName="ActionMenu";var Is=e=>{let{onSave:t,onEditTitle:o,onCancel:r,onAddAction:n}=e,{loading:i}=Lr(),[s,a]=M__namespace.default.useState(null),l=M.useCallback(p=>{a(p.currentTarget);},[]),c=M.useCallback(()=>{a(null);},[]),u=M.useCallback(p=>{n(p),a(null);},[n]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:i}),M__namespace.default.createElement(components.IconButton,{size:"small",className:"edit-desc",onClick:o,title:"Edit Title"},M__namespace.default.createElement(icons.EditIcon,null)),M__namespace.default.createElement(components.IconButton,{size:"small",className:"open-action-menu",onClick:l,title:"Add Actions"},M__namespace.default.createElement(icons.PlusIcon,null)),M__namespace.default.createElement(components.IconButton,{size:"small",className:"save-action",title:"Save Actions",onClick:t},M__namespace.default.createElement(icons.SaveIcon,null)),M__namespace.default.createElement(components.IconButton,{size:"small",className:"Cancel",title:"Cancel",onClick:r},M__namespace.default.createElement(icons.CrossIcon,null)),M__namespace.default.createElement(As,{onClose:c,anchorEl:s,onChange:u}))};Is.displayName="ActionSetEditorIcons";var lv=y(e=>{let{palette:{secondary:t}}=e;return {divider:{backgroundColor:t.main},root:{height:"100%"}}},{name:"ActionSetEditor"}),ks=({actionSet:e})=>{let{handleAddAction:t,handleDescriptionChange:o,handleSave:r,cancelEditActionSet:n}=Ul(e),i=lv(),{loading:s}=Lr(),a=M.useCallback(()=>{At.show({onSave:o,title:"Edit Description",value:e.title});},[e.title,o]);return M__namespace.default.createElement(nt,{tooltip:e.temp?e.title+nn:e.title,title:e.temp?`${e.title} *`:e.title,draggable:true,selected:true,secondaryColor:true,icons:M__namespace.default.createElement(Is,{onAddAction:t,onCancel:n,onEditTitle:a,onSave:r})},M__namespace.default.createElement("div",{className:i.root},M__namespace.default.createElement(material.Divider,{className:i.divider}),M__namespace.default.createElement(xs,{actionSet:e}),M__namespace.default.createElement(E,{open:s})))};ks.displayName="ActionSetEditor";var Ds=e=>{let{item:t}=e,{anchorEl:o,setAnchorEl:r,clearAnchorEl:n}=Ap(),[i,s]=M__namespace.default.useState("*"),[a,l]=M__namespace.default.useState("*"),c=T(),{mutateAsync:u}=P.favouriteActions.addFavouriteAction.useMutation(),{parent:p="parent"}=c||{},d=M__namespace.default.useCallback(async()=>{t.visibleTo=i,n();try{await u(t),v.success("Successfully added action to favourites",{duration:5e3});}catch(m){v.error(`An error has occurred:
+ ${m.message||"Unknown error"}`,{duration:5e3});}},[u,n,i,t]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(components.IconButton,{className:"add-favourite",onClick:r,size:"small",title:"Add To Favourite"},M__namespace.default.createElement(icons.StarIcon,null)),o&&M__namespace.default.createElement(material.Popover,{anchorEl:o,open:true,onClose:n},M__namespace.default.createElement(material.DialogTitle,null,"Define witch story(s) can use this action:"),M__namespace.default.createElement(material.DialogContent,null,M__namespace.default.createElement(material.FormControl,null,M__namespace.default.createElement(material.RadioGroup,{row:true,value:a,onChange:(m,h)=>{s(h),l(h);}},M__namespace.default.createElement(material.FormControlLabel,{value:"*",control:M__namespace.default.createElement(material.Radio,{size:"small"}),label:"All Stories"}),M__namespace.default.createElement(material.FormControlLabel,{value:p,control:M__namespace.default.createElement(material.Radio,{size:"small"}),label:`${material.capitalize(p)} Stories`}))),M__namespace.default.createElement("div",null,M__namespace.default.createElement(material.TextField,{value:i,onChange:m=>s(m.target.value),helperText:"Or enter regex expression",fullWidth:true}))),M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(material.Button,{onClick:d},"Save"))))};Ds.displayName="AddFavouriteAction";function ou({onEdit:e,onDelete:t,item:o,onCheckBoxClick:r,checked:n,title:i,isEditing:s,hideIcons:a,onDuplicate:l,sortableId:c}){let{attributes:u,listeners:p,setActivatorNodeRef:d,setNodeRef:f,transform:m,transition:h,isDragging:S}=sortable.useSortable({disabled:!!s,id:c??o.id}),b=M.useCallback(()=>{e(o);},[o,e]),w=M.useCallback(()=>{r&&r(o);},[o,r]),O=M.useCallback(()=>{t(o);},[o,t]),x=M.useCallback(()=>{l&&l(o);},[o,l]);return s?M__namespace.default.createElement("div",{ref:f,style:{transform:utilities.CSS.Transform.toString(m),transition:h}},M__namespace.default.createElement(ks,{actionSet:o})):M__namespace.default.createElement("div",{ref:f,style:{opacity:S?.8:1,position:"relative",transform:utilities.CSS.Transform.toString(m),transition:h,zIndex:1}},M__namespace.default.createElement(nt,{tooltip:i+(o.temp?nn:""),title:i+(o.temp?" *":""),draggable:true,selected:n,dragHandleProps:{...u,...p,setNodeRef:d},icons:M__namespace.default.createElement(M__namespace.default.Fragment,null,!a&&M__namespace.default.createElement(components.IconButton,{className:"edit-button",onClick:b,size:"small",title:"Edit"},M__namespace.default.createElement(icons.EditIcon,null)),M__namespace.default.createElement(components.IconButton,{className:"duplicate-button",onClick:x,size:"small",title:"Duplicate Action"},M__namespace.default.createElement(icons.CopyIcon,null)),!a&&M__namespace.default.createElement(Ds,{item:o}),M__namespace.default.createElement(uo,{onClick:w,checked:!!n}),!a&&M__namespace.default.createElement(Ce,{onDelete:O}))}))}ou.displayName="ActionSetListItem";var Es=e=>M__namespace.default.createElement(ou,{...e});Es.displayName="SortableActionSetListItem";var Nv=y(()=>({message:{marginTop:20,textAlign:"center"}}),{name:"ActionSetList"}),Os=({onSortEnd:e})=>{let t=Nv(),o=T(),{copyActionSet:r,inProgress:n}=jl(o),{mutateAsync:i}=P.actionSet.deleteActionSet.useMutation(),{storyActionSets:s,currentActionSets:a,state:l}=$l(),{loading:c}=ql(),u=M.useCallback(async x=>{if(o)try{await i({actionSetId:x.id,filePath:o.filePath,storyId:o.id}),Mr({actionSetId:x.id,storyId:o.id});}catch(A){v.error(A instanceof Error?A.message:"Failed to delete action set");}},[i,o]),p=M.useCallback(x=>{Il(x);},[]),d=M.useCallback(x=>{Ml(x.id);},[]),f=l.orgEditingActionSet!==void 0,[m,h]=M.useState(s);M.useEffect(()=>{h(s);},[s]);let S=core.useSensors(core.useSensor(core.PointerSensor),core.useSensor(core.KeyboardSensor,{coordinateGetter:sortable.sortableKeyboardCoordinates})),b=M.useCallback(({active:x,over:A})=>{!A||x.id===A.id||h(I=>{let L=I.findIndex(H=>H.id===x.id),z=I.findIndex(H=>H.id===A.id);return L<0||z<0?I:sortable.arrayMove(I,L,z)});},[]),w=M.useCallback(()=>{h(s);},[s]),O=M.useCallback(({active:x})=>{let A=s.findIndex(L=>L.id===x.id),I=m.findIndex(L=>L.id===x.id);if(A<0||I<0||A===I||!e){h(s);return}e({newIndex:I,oldIndex:A});},[m,e,s]);return M__namespace.default.createElement(It,null,M__namespace.default.createElement(core.DndContext,{sensors:S,collisionDetection:core.closestCenter,onDragOver:b,onDragCancel:w,onDragEnd:O},M__namespace.default.createElement(sortable.SortableContext,{items:m.map(x=>x.id),strategy:sortable.verticalListSortingStrategy},m.length>0?m.map((x,A)=>M__namespace.default.createElement(Es,{index:A,sortableId:x.id,key:x.id+f,item:x,onDelete:u,onEdit:p,onCheckBoxClick:d,checked:a.includes(x.id),title:x.title,onDuplicate:r,isEditing:f&&l.orgEditingActionSet&&l.orgEditingActionSet.id===x.id,hideIcons:f})):M__namespace.default.createElement("div",{className:Pr__default.default(t.message,"no-data")},M__namespace.default.createElement("div",null,"No action set to display!"),M__namespace.default.createElement("div",null,"Click the '+' button to create an action set.")))),M__namespace.default.createElement(E,{open:c||n}))};Os.displayName="ActionSetList";var Vv=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),nu=[{actions:[{id:"Kj6iSI1D3BIF1yX",name:"takeScreenshot"}],id:"1--default",title:"Take screenshot",visibleTo:"*"},{actions:[{id:"zjgHFLzuMbXG",name:"takeScreenshotAll"}],id:"2--default",title:"Take screenshot of all actions",visibleTo:"*"}],Bs=e=>{let{children:t}=e,[o,r]=M__namespace.default.useState(nu),{mutateAsync:n}=P.actionSet.saveActionSet.useMutation(),{mutateAsync:i}=P.favouriteActions.deleteFavouriteAction.useMutation(),{refetch:s}=P.favouriteActions.getFavouriteActions.useQuery(void 0,{enabled:false}),a=T(),{id:l}=a||{},c=Vv(),u=M__namespace.default.useCallback(()=>{s().then(({data:f})=>{let m=[...nu,...Jp(f||[],l??"")];r(m);});},[s,l]),p=async f=>{if(!a||!l)return;let m=nanoid.nanoid(12),h={...f,id:m,visibleTo:void 0};await n({actionSet:h,filePath:a.filePath,storyId:l}),Et({actionSet:h,isNew:false,selected:true,storyId:l});},d=async f=>{await i({actionSetId:f}),u();};return M__namespace.default.useEffect(()=>{u();},[u]),M__namespace.default.createElement(vs,{closeOnOutsideClick:true,placement:"bottom-start",trigger:"click",tooltipClassName:c.menu,tooltip:({onHide:f})=>M__namespace.default.createElement(M__namespace.default.Fragment,null,o.map(m=>M__namespace.default.createElement(components.ListItem,{key:m.id,title:material.capitalize(m.title),right:M__namespace.default.createElement(components.IconButton,{disabled:m.id.endsWith("--default"),onClick:h=>{h.stopPropagation(),d(m.id),f();}},M__namespace.default.createElement(icons.TrashIcon,{fontSize:"small"})),onClick:async()=>{await p(m),f();}})))},t)};Bs.displayName="FavouriteActions";var Ls=e=>{let{onAddActionSet:t,onReset:o,onFavoriteActionsClick:r,onDeleteSelectedActionSets:n,deleteDisabled:i}=e;return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(rt,{border:["bottom"]},M__namespace.default.createElement("div",{className:"left"},M__namespace.default.createElement("span",null,"Action Sets")),M__namespace.default.createElement("div",{className:"right"},M__namespace.default.createElement(Bs,null,M__namespace.default.createElement(components.IconButton,{onClick:r,title:"Favourite Actions"},M__namespace.default.createElement(icons.StarIcon,null))),M__namespace.default.createElement(components.IconButton,{onClick:o,title:"Reset"},M__namespace.default.createElement(icons.RefreshIcon,null)),M__namespace.default.createElement(Ce,{disabled:i,onDelete:n,IconButton:components.IconButton}),M__namespace.default.createElement(components.IconButton,{onClick:t,title:"Add Action Set"},M__namespace.default.createElement(icons.PlusIcon,null)))))};Ls.displayName="ActionToolbar";var qv=12,Fs=()=>{let{storyId:e}=managerApi.useStorybookState(),t=T(),{currentActions:o}=Fe(e),{mutateAsync:r}=P.actionSet.deleteActionSet.useMutation(),{mutateAsync:n}=P.actionSet.changeActionSetIndex.useMutation(),i=M.useCallback(u=>{let p=nanoid.nanoid(qv),d={actions:[],id:p,title:u};kr(e),Et({actionSet:d,isNew:true,selected:true,storyId:e});},[e]),s=M.useCallback(()=>{At.show({onSave:i,required:true,title:"Action set title"});},[i]),a=M.useCallback(()=>{at(),Ot(e);},[e]),l=M.useCallback(async()=>{if(t)for(let u of o)try{await r({actionSetId:u.id,filePath:t.filePath,storyId:e}),Mr({actionSetId:u.id,storyId:e});}catch(p){console.error(p);}},[o,r,t,e]);M.useEffect(()=>{at();},[e]);let c=M.useCallback(async u=>{if(t){pi({newIndex:u.newIndex,oldIndex:u.oldIndex,storyId:e});try{await n({filePath:t.filePath,newIndex:u.newIndex,oldIndex:u.oldIndex,storyId:e});}catch(p){pi({newIndex:u.oldIndex,oldIndex:u.newIndex,storyId:e}),console.error(p);}}},[n,t,e]);return M__namespace.default.createElement("div",{style:{height:"calc(100% - 55px)",transform:"none"}},M__namespace.default.createElement(Ls,{onAddActionSet:s,onReset:a,onDeleteSelectedActionSets:l,deleteDisabled:o.length===0}),M__namespace.default.createElement(Os,{onSortEnd:c}))};Fs.displayName="ActionSetMain";var _s=M.memo(()=>M__namespace.default.createElement(Me,null,M__namespace.default.createElement(Fs,null)));_s.displayName="ActionPanel";var zs=()=>{let e=managerApi.useStorybookState();return M__namespace.default.createElement(Fi,{showPanel:e.selectedPanel===Wt})};zs.displayName="ScreenshotPanel";managerApi.addons.add(ip,{render:as,type:managerApi.types.PREVIEW});dl();managerApi.addons.register(ke,()=>{try{if(!new URL(window.location.href).hostname)return}catch{return}managerApi.addons.add(np,{render:()=>M__namespace.default.createElement(sonner.Toaster,{position:"bottom-left"}),title:"toast",type:managerApi.types.TOOL}),managerApi.addons.add(rp,{render:()=>M__namespace.default.createElement(ds,null),title:"snapshot",type:managerApi.types.TOOL}),managerApi.addons.add(op,{render:({active:e})=>M__namespace.default.createElement(components.AddonPanel,{active:e??false},M__namespace.default.createElement(_s,null)),title:"Playwright Actions",type:managerApi.types.PANEL}),managerApi.addons.add(Wt,{render:({active:e})=>M__namespace.default.createElement(components.AddonPanel,{active:e??false},M__namespace.default.createElement(zs,null)),title:"Screenshots",type:managerApi.types.PANEL});});
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.js: