storybook-addon-playwright 7.6.0 → 7.7.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'),xd=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'),nm=require('tinycolor2'),styles=require('@mui/material/styles'),client=require('@trpc/client'),reactQuery=require('@trpc/react-query'),Tr=require('clsx'),ym=require('@mui/icons-material/DragIndicatorSharp'),reactMapInteraction=require('react-map-interaction'),nanoid=require('nanoid'),zustand=require('zustand'),middleware=require('zustand/middleware'),xl=require('array-move'),Ym=require('fast-deep-equal'),sortable=require('@dnd-kit/sortable'),utilities=require('@dnd-kit/utilities'),I0=require('@mui/icons-material/CheckCircle'),k0=require('@mui/icons-material/Error'),coreEvents=require('@storybook/core-events'),object=require('@pixpilot/object'),uc=require('react-json-view'),b0=require('hash-sum'),core=require('@dnd-kit/core'),DS=require('@mui/material/Dialog'),bg=require('@mui/icons-material/FullscreenSharp'),wg=require('@mui/icons-material/RefreshOutlined'),xg=require('@mui/icons-material/SaveAltOutlined'),hg=require('@mui/icons-material/Settings'),mS=require('@mui/icons-material/CloseOutlined'),hS=require('@mui/icons-material/NearMe'),gS=require('@mui/icons-material/RefreshSharp'),Hg=require('react-selecto'),Zg=require('@mui/icons-material/AspectRatio'),rS=require('@mui/icons-material/FitScreen'),aS=require('@mui/icons-material/RotateLeft'),pS=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'),f1=require('lodash/startCase'),Xy=require('@mui/icons-material/CheckCircleOutlineRounded'),Yy=require('@mui/icons-material/HelpOutlineSharp'),Jy=require('@mui/icons-material/RadioButtonUncheckedRounded'),i1=require('@mui/icons-material/FilterCenterFocusSharp'),s1=require('@mui/icons-material/FilterTiltShift'),M1=require('@mui/material/Accordion'),I1=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 xd__default=/*#__PURE__*/_interopDefault(xd);var oi__default=/*#__PURE__*/_interopDefault(oi);var qa__default=/*#__PURE__*/_interopDefault(qa);var gn__namespace=/*#__PURE__*/_interopNamespace(gn);var nm__default=/*#__PURE__*/_interopDefault(nm);var Tr__default=/*#__PURE__*/_interopDefault(Tr);var ym__default=/*#__PURE__*/_interopDefault(ym);var xl__default=/*#__PURE__*/_interopDefault(xl);var Ym__default=/*#__PURE__*/_interopDefault(Ym);var I0__default=/*#__PURE__*/_interopDefault(I0);var k0__default=/*#__PURE__*/_interopDefault(k0);var uc__default=/*#__PURE__*/_interopDefault(uc);var b0__default=/*#__PURE__*/_interopDefault(b0);var DS__default=/*#__PURE__*/_interopDefault(DS);var bg__default=/*#__PURE__*/_interopDefault(bg);var wg__default=/*#__PURE__*/_interopDefault(wg);var xg__default=/*#__PURE__*/_interopDefault(xg);var hg__default=/*#__PURE__*/_interopDefault(hg);var mS__default=/*#__PURE__*/_interopDefault(mS);var hS__default=/*#__PURE__*/_interopDefault(hS);var gS__default=/*#__PURE__*/_interopDefault(gS);var Hg__default=/*#__PURE__*/_interopDefault(Hg);var Zg__default=/*#__PURE__*/_interopDefault(Zg);var rS__default=/*#__PURE__*/_interopDefault(rS);var aS__default=/*#__PURE__*/_interopDefault(aS);var pS__default=/*#__PURE__*/_interopDefault(pS);var f1__default=/*#__PURE__*/_interopDefault(f1);var Xy__default=/*#__PURE__*/_interopDefault(Xy);var Yy__default=/*#__PURE__*/_interopDefault(Yy);var Jy__default=/*#__PURE__*/_interopDefault(Jy);var i1__default=/*#__PURE__*/_interopDefault(i1);var s1__default=/*#__PURE__*/_interopDefault(s1);var M1__default=/*#__PURE__*/_interopDefault(M1);var I1__default=/*#__PURE__*/_interopDefault(I1);var lu=Object.create;var Rs=Object.defineProperty;var cu=Object.getOwnPropertyDescriptor;var pu=Object.getOwnPropertyNames;var uu=Object.getPrototypeOf,fu=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 pu(t))!fu.call(e,n)&&n!==o&&Rs(e,n,{get:()=>t[n],enumerable:!(r=cu(t,n))||r.enumerable});return e};var mu=(e,t,o)=>(o=e!=null?lu(uu(e)):{},du(!e||!e.__esModule?Rs(o,"default",{value:e,enumerable:true}):o,e));var Ks=Hs(B=>{var Tn=Symbol.for("react.transitional.element"),Pn=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"),vu=Symbol.for("react.view_transition"),bu=Symbol.for("react.client.reference");function pe(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Tn:switch(e=e.type,e){case Wo:case Uo:case Go:case Xo:case Yo:case vu: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 Pn:return t}}}B.ContextConsumer=jo;B.ContextProvider=$o;B.Element=Tn;B.ForwardRef=qo;B.Fragment=Wo;B.Lazy=Qo;B.Memo=Jo;B.Portal=Pn;B.Profiler=Uo;B.StrictMode=Go;B.Suspense=Xo;B.SuspenseList=Yo;B.isContextConsumer=function(e){return pe(e)===jo};B.isContextProvider=function(e){return pe(e)===$o};B.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Tn};B.isForwardRef=function(e){return pe(e)===qo};B.isFragment=function(e){return pe(e)===Wo};B.isLazy=function(e){return pe(e)===Qo};B.isMemo=function(e){return pe(e)===Jo};B.isPortal=function(e){return pe(e)===Pn};B.isProfiler=function(e){return pe(e)===Uo};B.isStrictMode=function(e){return pe(e)===Go};B.isSuspense=function(e){return pe(e)===Xo};B.isSuspenseList=function(e){return pe(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===bu||e.getModuleId!==void 0)};B.typeOf=pe;});var Gs=Hs((cb,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=mu(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 wu=M__namespace.createContext(null),er=wu;function St(){return M__namespace.useContext(er)}var xu=typeof Symbol=="function"&&Symbol.for,Jt=xu?Symbol.for("mui.nested"):"__THEME_NESTED__";function Pu(e,t){return typeof t=="function"?t(e):{...e,...t}}function Cu(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=Cu;var Au=["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(Au.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},Mu=(typeof window>"u"?"undefined":qs(window))==="object"&&(typeof document>"u"?"undefined":qs(document))==="object"&&document.nodeType===9,Qe=Mu;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 Iu={}.constructor;function Bn(e){if(e==null||typeof e!="object")return e;if(Array.isArray(e))return e.map(Bn);if(e.constructor!==Iu)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 f=a[p];for(var d in f){var m=f[d];m!=null&&(r&&(r+=c),r+=Zt(d+":"+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 x=t[b];x!=null&&b!=="fallbacks"&&(r&&(r+=c),r+=Zt(b+":"+u+Ee(x)+";",s));}return !r&&!o.allowEmpty||!e?r:(s--,r&&(r=""+c+r+c),Zt(""+e+u+"{"+r,s)+Zt("}",s))}var ku=/([[\].#*$><+~=|^:(),"'`\s])/g,ea=typeof CSS<"u"&&CSS.escape,Rn=(function(e){return ea?ea(e):e.replace(ku,"\\$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),Du={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},Eu=/@([\w-]+)/,Ou=(function(){function e(o,r,n){this.type="conditional",this.isProcessed=false,this.key=o;var i=o.match(Eu);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})(),Bu=/@container|@media|@supports\s+/,Lu={onCreateRule:function(t,o,r){return Bu.test(t)?new Ou(t,o,r):null}},On={indent:1,children:true},Nu=/@keyframes\s+([\w-]+)/,Nn=(function(){function e(o,r,n){this.type="keyframes",this.at="@keyframes",this.isProcessed=false;var i=o.match(Nu);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})(),Fu=/@keyframes\s+/,_u=/\$([\w-]+)/g,Fn=function(t,o){return typeof t=="string"?t.replace(_u,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);},zu={onCreateRule:function(t,o,r){return typeof t=="string"&&Fu.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}}},Ru=(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),Hu={onCreateRule:function(t,o,r){return r.parent&&r.parent.type==="keyframes"?new Ru(t,o,r):null}},Vu=(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})(),Ku=/@font-face/,Wu={onCreateRule:function(t,o,r){return Ku.test(t)?new Vu(t,o,r):null}},Gu=(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})(),Uu={onCreateRule:function(t,o,r){return t==="@viewport"||t==="@-ms-viewport"?new Gu(t,o,r):null}},ju=(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})(),$u={"@charset":true,"@import":true,"@namespace":true},qu={onCreateRule:function(t,o,r){return t in $u?new ju(t,o,r):null}},oa=[Du,Lu,zu,Hu,Wu,Uu,qu],Xu={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,f=s.scoped,d=N({classes:this.classes,parent:a,sheet:l,jss:c,Renderer:u,generateId:p,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=Xu);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],f=c[u];p!==f&&r.prop(u,p,ra);}for(var d in c){var m=r.style[d],h=c[d];m==null&&m!==h&&r.prop(d,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})(),Yu=(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})(),Ju=(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 Ju,_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}},Zu=function(t,o){try{return t.attributeStyleMap?t.attributeStyleMap.get(o):t.style.getPropertyValue(o)}catch{return ""}},ef=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},tf=function(t,o){try{t.attributeStyleMap?t.attributeStyleMap.delete(o):t.style.removeProperty(o);}catch{}},of=function(t,o){return t.selectorText=o,t.selectorText===o},ua=pa(function(){return document.querySelector("head")});function rf(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 nf(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 sf(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 af(e){var t=eo.registry;if(t.length>0){var o=rf(t,e);if(o&&o.renderer)return {parent:o.renderer.element.parentNode,node:o.renderer.element};if(o=nf(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=sf(r);if(n)return {parent:n.parentNode,node:n.nextSibling}}return  false}function lf(e,t){var o=t.insertionPoint,r=af(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 cf=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},pf=function(){var t=document.createElement("style");return t.textContent=`
-`,t},uf=(function(){function e(o){this.getPropertyValue=Zu,this.setProperty=ef,this.removeProperty=tf,this.setSelector=of,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||pf(),this.element.setAttribute("data-jss",""),n&&this.element.setAttribute("media",n),i&&this.element.setAttribute("data-meta",i);var a=cf();a&&this.element.setAttribute("nonce",a);}var t=e.prototype;return t.attach=function(){if(!(this.element.parentNode||!this.sheet)){lf(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'),Cf=require('@mui/icons-material/Close'),ri=require('@ebay/nice-modal-react');require('@storybook/core/router');var Ya=require('normalize-url'),yn=require('object-path-immutable'),dom=require('@pixpilot/dom'),icons=require('@storybook/icons'),hash=require('@pixpilot/hash'),sonner=require('sonner'),am=require('tinycolor2'),styles=require('@mui/material/styles'),client=require('@trpc/client'),reactQuery=require('@trpc/react-query'),Mr=require('clsx'),wm=require('@mui/icons-material/DragIndicatorSharp'),reactMapInteraction=require('react-map-interaction'),nanoid=require('nanoid'),zustand=require('zustand'),middleware=require('zustand/middleware'),Pl=require('array-move'),Zm=require('fast-deep-equal'),sortable=require('@dnd-kit/sortable'),utilities=require('@dnd-kit/utilities'),E0=require('@mui/icons-material/CheckCircle'),O0=require('@mui/icons-material/Error'),coreEvents=require('@storybook/core-events'),object=require('@pixpilot/object'),fc=require('react-json-view'),T0=require('hash-sum'),core=require('@dnd-kit/core'),BS=require('@mui/material/Dialog'),Tg=require('@mui/icons-material/FullscreenSharp'),Pg=require('@mui/icons-material/RefreshOutlined'),Cg=require('@mui/icons-material/SaveAltOutlined'),yg=require('@mui/icons-material/Settings'),SS=require('@mui/icons-material/CloseOutlined'),yS=require('@mui/icons-material/NearMe'),vS=require('@mui/icons-material/RefreshSharp'),Wg=require('react-selecto'),oS=require('@mui/icons-material/AspectRatio'),sS=require('@mui/icons-material/FitScreen'),uS=require('@mui/icons-material/RotateLeft'),fS=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'),h1=require('lodash/startCase'),Qy=require('@mui/icons-material/CheckCircleOutlineRounded'),Zy=require('@mui/icons-material/HelpOutlineSharp'),e1=require('@mui/icons-material/RadioButtonUncheckedRounded'),l1=require('@mui/icons-material/FilterCenterFocusSharp'),c1=require('@mui/icons-material/FilterTiltShift'),D1=require('@mui/material/Accordion'),E1=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 Cf__default=/*#__PURE__*/_interopDefault(Cf);var ri__default=/*#__PURE__*/_interopDefault(ri);var Ya__default=/*#__PURE__*/_interopDefault(Ya);var yn__namespace=/*#__PURE__*/_interopNamespace(yn);var am__default=/*#__PURE__*/_interopDefault(am);var Mr__default=/*#__PURE__*/_interopDefault(Mr);var wm__default=/*#__PURE__*/_interopDefault(wm);var Pl__default=/*#__PURE__*/_interopDefault(Pl);var Zm__default=/*#__PURE__*/_interopDefault(Zm);var E0__default=/*#__PURE__*/_interopDefault(E0);var O0__default=/*#__PURE__*/_interopDefault(O0);var fc__default=/*#__PURE__*/_interopDefault(fc);var T0__default=/*#__PURE__*/_interopDefault(T0);var BS__default=/*#__PURE__*/_interopDefault(BS);var Tg__default=/*#__PURE__*/_interopDefault(Tg);var Pg__default=/*#__PURE__*/_interopDefault(Pg);var Cg__default=/*#__PURE__*/_interopDefault(Cg);var yg__default=/*#__PURE__*/_interopDefault(yg);var SS__default=/*#__PURE__*/_interopDefault(SS);var yS__default=/*#__PURE__*/_interopDefault(yS);var vS__default=/*#__PURE__*/_interopDefault(vS);var Wg__default=/*#__PURE__*/_interopDefault(Wg);var oS__default=/*#__PURE__*/_interopDefault(oS);var sS__default=/*#__PURE__*/_interopDefault(sS);var uS__default=/*#__PURE__*/_interopDefault(uS);var fS__default=/*#__PURE__*/_interopDefault(fS);var h1__default=/*#__PURE__*/_interopDefault(h1);var Qy__default=/*#__PURE__*/_interopDefault(Qy);var Zy__default=/*#__PURE__*/_interopDefault(Zy);var e1__default=/*#__PURE__*/_interopDefault(e1);var l1__default=/*#__PURE__*/_interopDefault(l1);var c1__default=/*#__PURE__*/_interopDefault(c1);var D1__default=/*#__PURE__*/_interopDefault(D1);var E1__default=/*#__PURE__*/_interopDefault(E1);var pp=Object.create;var Vs=Object.defineProperty;var dp=Object.getOwnPropertyDescriptor;var fp=Object.getOwnPropertyNames;var mp=Object.getPrototypeOf,hp=Object.prototype.hasOwnProperty;var Ks=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var gp=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of fp(t))!hp.call(e,n)&&n!==o&&Vs(e,n,{get:()=>t[n],enumerable:!(r=dp(t,n))||r.enumerable});return e};var Sp=(e,t,o)=>(o=e!=null?pp(mp(e)):{},gp(!e||!e.__esModule?Vs(o,"default",{value:e,enumerable:true}):o,e));var Gs=Ks(B=>{var Pn=Symbol.for("react.transitional.element"),Cn=Symbol.for("react.portal"),$o=Symbol.for("react.fragment"),qo=Symbol.for("react.strict_mode"),Xo=Symbol.for("react.profiler"),Yo=Symbol.for("react.consumer"),Jo=Symbol.for("react.context"),Qo=Symbol.for("react.forward_ref"),Zo=Symbol.for("react.suspense"),er=Symbol.for("react.suspense_list"),tr=Symbol.for("react.memo"),or=Symbol.for("react.lazy"),xp=Symbol.for("react.view_transition"),Tp=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 $o:case Xo:case qo:case Zo:case er:case xp:return e;default:switch(e=e&&e.$$typeof,e){case Jo:case Qo:case or:case tr:return e;case Yo:return e;default:return t}}case Cn:return t}}}B.ContextConsumer=Yo;B.ContextProvider=Jo;B.Element=Pn;B.ForwardRef=Qo;B.Fragment=$o;B.Lazy=or;B.Memo=tr;B.Portal=Cn;B.Profiler=Xo;B.StrictMode=qo;B.Suspense=Zo;B.SuspenseList=er;B.isContextConsumer=function(e){return ce(e)===Yo};B.isContextProvider=function(e){return ce(e)===Jo};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)===$o};B.isLazy=function(e){return ce(e)===or};B.isMemo=function(e){return ce(e)===tr};B.isPortal=function(e){return ce(e)===Cn};B.isProfiler=function(e){return ce(e)===Xo};B.isStrictMode=function(e){return ce(e)===qo};B.isSuspense=function(e){return ce(e)===Zo};B.isSuspenseList=function(e){return ce(e)===er};B.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===$o||e===Xo||e===qo||e===Zo||e===er||typeof e=="object"&&e!==null&&(e.$$typeof===or||e.$$typeof===tr||e.$$typeof===Jo||e.$$typeof===Yo||e.$$typeof===Qo||e.$$typeof===Tp||e.getModuleId!==void 0)};B.typeOf=ce;});var js=Ks((db,Us)=>{Us.exports=Gs();});var Zt=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))));Zt.displayName="ActionPanel";var Mn=Sp(js());function yt(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 $s(e){if(M__namespace.isValidElement(e)||(0, Mn.isValidElementType)(e)||!yt(e))return e;let t={};return Object.keys(e).forEach(o=>{t[o]=$s(e[o]);}),t}function Je(e,t,o={clone:true}){let r=o.clone?{...e}:e;return yt(e)&&yt(t)&&Object.keys(t).forEach(n=>{M__namespace.isValidElement(t[n])||(0, Mn.isValidElementType)(t[n])?r[n]=t[n]:yt(t[n])&&Object.prototype.hasOwnProperty.call(e,n)&&yt(e[n])?r[n]=Je(e[n],t[n],o):o.clone?r[n]=yt(t[n])?$s(t[n]):t[n]:r[n]=t[n];}),r}function rr(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 Qe(e){if(typeof e!="string")throw new Error(rr(7));return e.charAt(0).toUpperCase()+e.slice(1)}var Pp=M__namespace.createContext(null),nr=Pp;function vt(){return M__namespace.useContext(nr)}var Cp=typeof Symbol=="function"&&Symbol.for,eo=Cp?Symbol.for("mui.nested"):"__THEME_NESTED__";function Mp(e,t){return typeof t=="function"?t(e):{...e,...t}}function Ip(e){let{children:t,theme:o}=e,r=vt(),n=M__namespace.useMemo(()=>{let i=r===null?{...o}:Mp(r,o);return i!=null&&(i[eo]=r!==null),i},[o,r]);return jsxRuntime.jsx(nr.Provider,{value:n,children:t})}var to=Ip;var kp=["checked","disabled","error","focused","focusVisible","required","expanded","selected"];function ir(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(kp.includes(a.key))return `Mui-${a.key}`;let u=`${n}${c}-${a.key}`;return !l.options.theme[eo]||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 Ys=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},Dp=(typeof window>"u"?"undefined":Ys(window))==="object"&&(typeof document>"u"?"undefined":Ys(document))==="object"&&document.nodeType===9,Ze=Dp;function et(e){"@babel/helpers - typeof";return et=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},et(e)}function Js(e,t){if(et(e)!="object"||!e)return e;var o=e[Symbol.toPrimitive];if(o!==void 0){var r=o.call(e,t);if(et(r)!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return (String)(e)}function Qs(e){var t=Js(e,"string");return et(t)=="symbol"?t:t+""}function Zs(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 kn(e,t,o){return t&&Zs(e.prototype,t),Object.defineProperty(e,"prototype",{writable:false}),e}function sr(e,t){return sr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,r){return o.__proto__=r,o},sr(e,t)}function Dn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,sr(e,t);}function En(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ea(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 Ep={}.constructor;function Ln(e){if(e==null||typeof e!="object")return e;if(Array.isArray(e))return e.map(Ln);if(e.constructor!==Ep)return e;var t={};for(var o in e)t[o]=Ln(e[o]);return t}function ar(e,t,o){e===void 0&&(e="unnamed");var r=o.jss,n=Ln(t),i=r.plugins.onCreateRule(e,n,o);return i||(e[0],null)}var ta=function(t,o){for(var r="",n=0;n<t.length&&t[n]!=="!important";n++)r&&(r+=o),r+=t[n];return r},Be=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+=ta(t[r]," ");else o=ta(t,", ");return t[t.length-1]==="!important"&&(o+=" !important"),o};function bt(e){return e&&e.format===false?{linebreak:"",space:""}:{linebreak:`
+`,space:" "}}function oo(e,t){for(var o="",r=0;r<t;r++)o+="  ";return o+e}function no(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=bt(o),c=l.linebreak,p=l.space;if(e&&s++,a)if(Array.isArray(a))for(var u=0;u<a.length;u++){var d=a[u];for(var f in d){var m=d[f];m!=null&&(r&&(r+=c),r+=oo(f+":"+p+Be(m)+";",s));}}else for(var h in a){var S=a[h];S!=null&&(r&&(r+=c),r+=oo(h+":"+p+Be(S)+";",s));}for(var b in t){var x=t[b];x!=null&&b!=="fallbacks"&&(r&&(r+=c),r+=oo(b+":"+p+Be(x)+";",s));}return !r&&!o.allowEmpty||!e?r:(s--,r&&(r=""+c+r+c),oo(""+e+p+"{"+r,s)+oo("}",s))}var Op=/([[\].#*$><+~=|^:(),"'`\s])/g,oa=typeof CSS<"u"&&CSS.escape,Hn=(function(e){return oa?oa(e):e.replace(Op,"\\$1")}),ua=(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})(),Nn=(function(e){Dn(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(En(En(s)),c),s.selectorText="."+Hn(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]=Be(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 no(this.selectorText,this.style,a)},kn(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})(ua),Bp={onCreateRule:function(t,o,r){return t[0]==="@"||r.parent&&r.parent.type==="keyframes"?null:new Nn(t,o,r)}},On={indent:1,children:true},Lp=/@([\w-]+)/,Np=(function(){function e(o,r,n){this.type="conditional",this.isProcessed=false,this.key=o;var i=o.match(Lp);this.at=i?i[1]:"unknown",this.query=n.name||"@"+this.at,this.options=n,this.rules=new io(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=On);var n=bt(r),i=n.linebreak;if(r.indent==null&&(r.indent=On.indent),r.children==null&&(r.children=On.children),r.children===false)return this.query+" {}";var s=this.rules.toString(r);return s?this.query+" {"+i+s+i+"}":""},e})(),Fp=/@container|@media|@supports\s+/,_p={onCreateRule:function(t,o,r){return Fp.test(t)?new Np(t,o,r):null}},Bn={indent:1,children:true},zp=/@keyframes\s+([\w-]+)/,Fn=(function(){function e(o,r,n){this.type="keyframes",this.at="@keyframes",this.isProcessed=false;var i=o.match(zp);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:Hn(l(this,a)),this.rules=new io(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=Bn);var n=bt(r),i=n.linebreak;if(r.indent==null&&(r.indent=Bn.indent),r.children==null&&(r.children=Bn.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})(),Rp=/@keyframes\s+/,Hp=/\$([\w-]+)/g,_n=function(t,o){return typeof t=="string"?t.replace(Hp,function(r,n){return n in o?o[n]:r}):t},ra=function(t,o,r){var n=t[o],i=_n(n,r);i!==n&&(t[o]=i);},Vp={onCreateRule:function(t,o,r){return typeof t=="string"&&Rp.test(t)?new Fn(t,o,r):null},onProcessStyle:function(t,o,r){return o.type!=="style"||!r||("animation-name"in t&&ra(t,"animation-name",r.keyframes),"animation"in t&&ra(t,"animation",r.keyframes)),t},onChangeValue:function(t,o,r){var n=r.options.sheet;if(!n)return t;switch(o){case "animation":return _n(t,n.keyframes);case "animation-name":return _n(t,n.keyframes);default:return t}}},Kp=(function(e){Dn(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 no(this.key,this.style,a)},t})(ua),Wp={onCreateRule:function(t,o,r){return r.parent&&r.parent.type==="keyframes"?new Kp(t,o,r):null}},Gp=(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=bt(r),i=n.linebreak;if(Array.isArray(this.style)){for(var s="",a=0;a<this.style.length;a++)s+=no(this.at,this.style[a]),this.style[a+1]&&(s+=i);return s}return no(this.at,this.style,r)},e})(),Up=/@font-face/,jp={onCreateRule:function(t,o,r){return Up.test(t)?new Gp(t,o,r):null}},$p=(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 no(this.key,this.style,r)},e})(),qp={onCreateRule:function(t,o,r){return t==="@viewport"||t==="@-ms-viewport"?new $p(t,o,r):null}},Xp=(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})(),Yp={"@charset":true,"@import":true,"@namespace":true},Jp={onCreateRule:function(t,o,r){return t in Yp?new Xp(t,o,r):null}},na=[Bp,_p,Vp,Wp,jp,qp,Jp],Qp={process:true},ia={force:true,process:true},io=(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,d=s.scoped,f=N({classes:this.classes,parent:a,sheet:l,jss:c,Renderer:p,generateId:u,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="."+Hn(this.classes[m]));var h=ar(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 Nn?(this.map[r.selector]=r,r.id&&(this.classes[r.key]=r.id)):r instanceof Fn&&this.keyframes&&(this.keyframes[r.name]=r.id);},t.unregister=function(r){delete this.map[r.key],r instanceof Nn?(delete this.map[r.selector],delete this.classes[r.key]):r instanceof Fn&&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=Qp);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],d=c[p];u!==d&&r.prop(p,u,ia);}for(var f in c){var m=r.style[f],h=c[f];m==null&&m!==h&&r.prop(f,null,ia);}}},t.toString=function(r){for(var n="",i=this.options.sheet,s=i?i.options.link:false,a=bt(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})(),pa=(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 io(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})(),Zp=(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})(),ed=(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=ea(n,["attached"]),a=bt(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},kn(e,[{key:"index",get:function(){return this.registry.length===0?0:this.registry[this.registry.length-1].options.index}}]),e})(),ro=new ed,zn=typeof globalThis<"u"?globalThis:typeof window<"u"&&window.Math===Math?window:typeof self<"u"&&self.Math===Math?self:Function("return this")(),Rn="2f1acc6c3a606b082e5eef5e54414ffb";zn[Rn]==null&&(zn[Rn]=0);var sa=zn[Rn]++,aa=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")+sa+a+o:l+i.key+"-"+sa+(a?"-"+a:"")+"-"+o};return r},da=function(t){var o;return function(){return o||(o=t()),o}},od=function(t,o){try{return t.attributeStyleMap?t.attributeStyleMap.get(o):t.style.getPropertyValue(o)}catch{return ""}},rd=function(t,o,r){try{var n=r;if(Array.isArray(r)&&(n=Be(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},nd=function(t,o){try{t.attributeStyleMap?t.attributeStyleMap.delete(o):t.style.removeProperty(o);}catch{}},id=function(t,o){return t.selectorText=o,t.selectorText===o},fa=da(function(){return document.querySelector("head")});function sd(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 ad(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 ld(e){for(var t=fa(),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 cd(e){var t=ro.registry;if(t.length>0){var o=sd(t,e);if(o&&o.renderer)return {parent:o.renderer.element.parentNode,node:o.renderer.element};if(o=ad(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=ld(r);if(n)return {parent:n.parentNode,node:n.nextSibling}}return  false}function ud(e,t){var o=t.insertionPoint,r=cd(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}fa().appendChild(e);}var pd=da(function(){var e=document.querySelector('meta[property="csp-nonce"]');return e?e.getAttribute("content"):null}),la=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]},ca=function(t,o){var r=t.cssRules.length;return o===void 0||o>r?r:o},dd=function(){var t=document.createElement("style");return t.textContent=`
+`,t},fd=(function(){function e(o){this.getPropertyValue=od,this.setProperty=rd,this.removeProperty=nd,this.setSelector=id,this.hasInsertedRules=false,this.cssRules=[],o&&ro.add(o),this.sheet=o;var r=this.sheet?this.sheet.options:{},n=r.media,i=r.meta,s=r.element;this.element=s||dd(),this.element.setAttribute("data-jss",""),n&&this.element.setAttribute("media",n),i&&this.element.setAttribute("data-meta",i);var a=pd();a&&this.element.setAttribute("nonce",a);}var t=e.prototype;return t.attach=function(){if(!(this.element.parentNode||!this.sheet)){ud(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=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})(),ff=0,df=(function(){function e(o){this.id=ff++,this.version="10.10.0",this.plugins=new Yu,this.options={id:{minify:false},createGenerateId:ia,Renderer:Qe?uf: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 df(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 fa=Date.now(),Kn="fnValues"+fa,Wn="fnStyle"+ ++fa,mf=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);}}},da=mf;var Oe="@global",Gn="@global ",hf=(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})(),gf=(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})(),Sf=/\s*,\s*/g;function ma(e,t){for(var o=e.split(Sf),r="",n=0;n<o.length;n++)r+=t+" "+o[n].trim(),o[n+1]&&(r+=", ");return r}function yf(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 vf(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 bf(){function e(o,r,n){if(!o)return null;if(o===Oe)return new hf(o,r,n);if(o[0]==="@"&&o.substr(0,Gn.length)===Gn)return new gf(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||(yf(o,r),vf(o,r));}return {onCreateRule:e,onProcessRule:t}}var ha=bf;var ga=/\s*,\s*/g,wf=/&/g,xf=/\$([\w-]+)/g;function Tf(){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 f=a[p];l&&(l+=", "),l+=f.indexOf("&")!==-1?f.replace(wf,u):u+" "+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,u;for(var p in n){var f=p.indexOf("&")!==-1,d=p[0]==="@";if(!(!f&&!d)){if(c=o(a,l,c),f){var m=t(p,a.selector);u||(u=e(l,s)),m=m.replace(xf,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 d&&l.addRule(p,{},c).addRule(a.key,n[p],{selector:a.selector});delete n[p];}}return n}return {onProcessStyle:r}}var Sa=Tf;var Pf=/[A-Z]/g,Cf=/^ms-/,Un={};function Af(e){return "-"+e.toLowerCase()}function Mf(e){if(Un.hasOwnProperty(e))return Un[e];var t=e.replace(Pf,Af);return Un[e]=Cf.test(t)?"-"+t:t}var jn=Mf;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 If(){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=If;var g=nr&&CSS?CSS.px:"px",sr=nr&&CSS?CSS.ms:"ms",vt=nr&&CSS?CSS.percent:"%",kf={"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 Df=va(kf);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]||Df[e];return s&&!(t===0&&s===g)?typeof s=="function"?s(t).toString():""+t+s:t.toString()}return t}function Ef(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=Ef;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 Ta(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 Pa(){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)||Ta(e)||Pa()}var io="",$n="",ka="",Da="",Of=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:Of};function Ea(e){return e[1]==="-"||C.js==="ms"?e:"@"+C.css+"keyframes"+e.substr(10)}var Bf={noPrefill:["appearance"],supportedProperty:function(t){return t!=="appearance"?false:C.js==="ms"?"-webkit-"+t:C.css+t}},Lf={noPrefill:["color-adjust"],supportedProperty:function(t){return t!=="color-adjust"?false:C.js==="Webkit"?C.css+"print-"+t:t}},Nf=/[-\s]+(.)?/g;function Ff(e,t){return t?t.toUpperCase():""}function qn(e){return e.replace(Nf,Ff)}function Le(e){return qn("-"+e)}var _f={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}},zf={noPrefill:["text-orientation"],supportedProperty:function(t){return t!=="text-orientation"?false:C.vendor==="apple"&&!C.isTouch?C.css+t:t}},Rf={noPrefill:["transform"],supportedProperty:function(t,o,r){return t!=="transform"?false:r.transform?t:C.css+t}},Hf={noPrefill:["transition"],supportedProperty:function(t,o,r){return t!=="transition"?false:r.transition?t:C.css+t}},Vf={noPrefill:["writing-mode"],supportedProperty:function(t){return t!=="writing-mode"?false:C.js==="Webkit"||C.js==="ms"&&C.browser!=="edge"?C.css+t:t}},Kf={noPrefill:["user-select"],supportedProperty:function(t){return t!=="user-select"?false:C.js==="Moz"||C.js==="ms"||C.vendor==="apple"?C.css+t:t}},Wf={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}},Gf={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}},Uf={supportedProperty:function(t,o){return qn(t)in o?t:false}},jf={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}},$f={supportedProperty:function(t){return t.substring(0,11)!=="scroll-snap"?false:C.js==="ms"?""+C.css+t:t}},qf={supportedProperty:function(t){return t!=="overscroll-behavior"?false:C.js==="ms"?C.css+"scroll-chaining":t}},Xf={"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"},Yf={supportedProperty:function(t,o){var r=Xf[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"},Jf=Object.keys(Oa),Qf=function(t){return C.css+t},Zf={supportedProperty:function(t,o,r){var n=r.multiple;if(Jf.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(Qf)}return  false}},Ba=[Bf,Lf,_f,zf,Rf,Hf,Vf,Kf,Wf,Gf,Uf,jf,$f,qf,Yf,Zf],Ia=Ba.filter(function(e){return e.supportedProperty}).map(function(e){return e.supportedProperty}),ed=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]);ed.forEach(function(e){return delete et[e]});}var pr,ur;function fr(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={},td={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},od=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,Be;function rd(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&&(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(td[e])o=o.replace(od,rd);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 nd(){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=fr(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=nd;function id(){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=id;function dr(){return {plugins:[da(),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 sd={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=sd;function Yn(){let e=St();return e?.$$material??e}var ad=Hn(dr()),ld=tr(),cd=new Map;var pd={disableGeneration:false,generateClassName:ld,jss:ad,sheetsCache:null,sheetsManager:cd,sheetsRegistry:null},Fa=M__namespace.createContext(pd);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 ud={},Ha=ud;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 fd({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 dd({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 md({state:e},t){e.dynamicSheet&&e.dynamicSheet.update(t);}function hd({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 gd(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,f={...M__namespace.useContext(Fa),...s},d=M__namespace.useRef(),m=M__namespace.useRef();return gd(()=>{let S={name:o,state:{},stylesCreator:a,stylesOptions:f,theme:p};return dd(S,u),m.current=false,d.current=S,()=>{hd(S);}},[p,a]),M__namespace.useEffect(()=>{m.current&&md(d.current,u),m.current=true;}),fd(d.current,u.classes,n)}}function D(e){return e.default??e}var Td=D(xd__default.default),Pd=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"}),ye=({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=Pd({height:o,width:t}),f=i,d=a;return M__namespace.default.createElement(material.Dialog,{open:l,classes:{paper:p.paper},onClose:n,...u},(d||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},d&&M__namespace.default.createElement(d,null),c&&M__namespace.default.createElement(material.IconButton,{color:"primary",className:p.closIcon,onClick:n},M__namespace.default.createElement(Td,null)))),M__namespace.default.createElement(material.Divider,null)),e,f&&M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(f,null)))};ye.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(ye,{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 Ed=y(()=>({backdrop:{position:"absolute"},root:{color:"red"}}),{name:"ErrorPanel"}),Zn=M.memo(e=>{let{message:t}=e,o=Ed();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 Pe(){return document.body.querySelector("#storybook-preview-iframe")}function Ya(e){return Pe()?.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 Hd(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 Vd(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}}),Kd=({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)",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 ${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=Hd(o),S=Vd(o,l),b=typeof t=="string"?t.split(`
-`).map((x,O)=>M__namespace.default.createElement("span",{key:O},x,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=Kd;var sl=1e4,Tt=new Map;function Ud(e){let t=Tt.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):Tt.set(e,{counter:0,currentId:`${e}_0`}),Tt.get(e)?.currentId??e}function jd(e){let t=o=>{let r=Tt.get(e);r&&r.currentId===o&&Tt.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=Ud(l),a=jd(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(),Tt.clear();};function $d(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=$d(e,n);return i.required&&r.push({id:n.id,name:n.name,...i}),r},[]);return o.length===0?void 0:o}var Zd=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[f,d]=M.useState(e),[m,h]=M.useState(false),[S,b]=M.useState(false),x=Zd({width:s}),O=!!u,w=M.useCallback(z=>{d(z.target.value);},[]),I=M.useCallback(()=>{i(true),n&&n();},[n,i]),A=M.useCallback(()=>{if(r&&!f){v.error(o),h(true);return}t(f.trim());},[f,t,r,o]),L=M.useCallback(async()=>{if(u){b(true);try{let z=await u();z!==void 0&&d(z);}finally{b(false);}}},[u]);return M.useEffect(()=>{d(e);},[e,a]),M__namespace.default.createElement(Jn,{onPositiveAction:A,onNegativeAction:I,onClose:I,open:a,...p},M__namespace.default.createElement(material.TextField,{className:x.input,multiline:true,rows:3,value:f,onChange:w,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:x.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,fl=()=>{ll||(oi__default.default.register(ul,pl),ll=true);},At={show:e=>oi__default.default.show(ul,e)};var im=y(e=>{let{background:t}=e.palette,o=nm__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=im();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 lm=typeof window<"u"?window.location.origin:"",T=reactQuery.createTRPCReact();function ml(){return T.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${lm}/__storybook_playwright/trpc`})]})}function hl(){let[e,t]=M__namespace.default.useState(),o=M__namespace.default.useRef(false),{data:r}=T.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 mm=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=mm();return M__namespace.default.createElement("div",{className:Tr__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 bm=D(ym__default.default),po=({className:e,setNodeRef:t,...o})=>M__namespace.default.createElement("span",{className:Tr__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},M__namespace.default.createElement(bm,{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 ${nm__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,f=Pm(),d=M.useCallback(m=>{s&&m.target.classList.contains("clickable")&&s(m);},[s]);return M__namespace.default.createElement("div",{className:Tr__default.default(f.root,{[f.selected]:n&&!c},{[f.selectedSecondary]:n&&c},i),...p,title:a,onClick:d},M__namespace.default.createElement("div",{className:Tr__default.default("clickable",f.header,"list-item-header")},M__namespace.default.createElement("div",{className:Tr__default.default(f.column,"clickable",{[f.secondaryColor]:c})},o&&M__namespace.default.createElement(po,{...u}),material.capitalize(t)),M__namespace.default.createElement("div",{className:Tr__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 km=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=km(),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:Tr__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 Rm=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=Rm(),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 P(){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 Xm={actionSchema:{},currentActionSets:[],expandedActions:{},initialised:true,stories:{}},fo=zustand.create()(middleware.devtools(()=>({...Xm}),{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 Ym__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 Pl(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(f=>f.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(Pl(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 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(Pl(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 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 Ll(){R({orgEditingActionSet:void 0});}function fe(){return fo()}var eh={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},te=zustand.create()(middleware.devtools(middleware.persist(()=>({...eh}),{name:"__playwright_ui-store",partialize:e=>({addonState:e.addonState,browserOptions:e.browserOptions,screenshotOptions:e.screenshotOptions})}),{name:"ui-store"}));function Ne(e){return te.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 te(e=>e.addonState)}function Rl(){return te(e=>e.browserOptions)}function Er(){return te(e=>e.screenshotOptions)}function Hl(){return te(e=>e.dragStart)}function Vl(){return te(e=>e.selectorManager)}function Kl(){return te(e=>e.screenshotUpdateState)}function Wl(){return te(e=>e.editScreenshotState)}function Gl(){return te(e=>e.schemaLoaded)}function Ul(e){let{mutateAsync:t,isPending:o}=T.actionSet.saveActionSet.useMutation({onError:p=>{v.error(p.message||"Unexpected error occurred");}}),r=fe(),n=P(),i=M.useCallback(p=>{if(!n)return;let f=nanoid.nanoid(10),d={id:f,name:p};ui(),Dl({action:d,actionSetId:e.id,storyId:n.id}),Ir(f);},[n,e.id]);M.useEffect(()=>()=>ui(),[]);let s=M.useCallback(async()=>{let p=al(r.actionSchema,e.actions);if(p){let f=p.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=ca(i,n);if(a=la(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=ca(i,n),u=la(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 pa&&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})(),md=0,hd=(function(){function e(o){this.id=md++,this.version="10.10.0",this.plugins=new Zp,this.options={id:{minify:false},createGenerateId:aa,Renderer:Ze?fd:null,plugins:[]},this.generateId=aa({minify:false});for(var r=0;r<na.length;r++)this.plugins.use(na[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=ro.index===0?0:ro.index+1);var a=new pa(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(),ro.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=ar(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})(),Vn=function(t){return new hd(t)};var lr=typeof CSS=="object"&&CSS!=null&&"number"in CSS;function Kn(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=Kn(r);i&&(t||(t={}),t[o]=i);}}return t}Vn();var ma=Date.now(),Wn="fnValues"+ma,Gn="fnStyle"+ ++ma,gd=function(){return {onCreateRule:function(o,r,n){if(typeof r!="function")return null;var i=ar(o,{},n);return i[Gn]=r,i},onProcessStyle:function(o,r){if(Wn 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[Wn]=n,o},onUpdate:function(o,r,n,i){var s=r,a=s[Gn];if(a&&(s.style=a(o)||{},0));var c=s[Wn];if(c)for(var p in c)s.prop(p,c[p](o),i);}}},ha=gd;var Le="@global",Un="@global ",Sd=(function(){function e(o,r,n){this.type="global",this.at=Le,this.isProcessed=false,this.key=o,this.options=n,this.rules=new io(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})(),yd=(function(){function e(o,r,n){this.type="global",this.at=Le,this.isProcessed=false,this.key=o,this.options=n;var i=o.substr(Un.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})(),vd=/\s*,\s*/g;function ga(e,t){for(var o=e.split(vd),r="",n=0;n<o.length;n++)r+=t+" "+o[n].trim(),o[n+1]&&(r+=", ");return r}function bd(e,t){var o=e.options,r=e.style,n=r?r[Le]:null;if(n){for(var i in n)t.addRule(i,n[i],N({},o,{selector:ga(i,e.selector)}));delete r[Le];}}function wd(e,t){var o=e.options,r=e.style;for(var n in r)if(!(n[0]!=="@"||n.substr(0,Le.length)!==Le)){var i=ga(n.substr(Le.length),e.selector);t.addRule(i,r[n],N({},o,{selector:i})),delete r[n];}}function xd(){function e(o,r,n){if(!o)return null;if(o===Le)return new Sd(o,r,n);if(o[0]==="@"&&o.substr(0,Un.length)===Un)return new yd(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||(bd(o,r),wd(o,r));}return {onCreateRule:e,onProcessRule:t}}var Sa=xd;var ya=/\s*,\s*/g,Td=/&/g,Pd=/\$([\w-]+)/g;function Cd(){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(ya),a=n.split(ya),l="",c=0;c<s.length;c++)for(var p=s[c],u=0;u<a.length;u++){var d=a[u];l&&(l+=", "),l+=d.indexOf("&")!==-1?d.replace(Td,p):p+" "+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,p;for(var u in n){var d=u.indexOf("&")!==-1,f=u[0]==="@";if(!(!d&&!f)){if(c=o(a,l,c),d){var m=t(u,a.selector);p||(p=e(l,s)),m=m.replace(Pd,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 f&&l.addRule(u,{},c).addRule(a.key,n[u],{selector:a.selector});delete n[u];}}return n}return {onProcessStyle:r}}var va=Cd;var Ad=/[A-Z]/g,Md=/^ms-/,jn={};function Id(e){return "-"+e.toLowerCase()}function kd(e){if(jn.hasOwnProperty(e))return jn[e];var t=e.replace(Ad,Id);return jn[e]=Md.test(t)?"-"+t:t}var $n=kd;function cr(e){var t={};for(var o in e){var r=o.indexOf("--")===0?o:$n(o);t[r]=e[o];}return e.fallbacks&&(Array.isArray(e.fallbacks)?t.fallbacks=e.fallbacks.map(cr):t.fallbacks=cr(e.fallbacks)),t}function Dd(){function e(o){if(Array.isArray(o)){for(var r=0;r<o.length;r++)o[r]=cr(o[r]);return o}return cr(o)}function t(o,r,n){if(r.indexOf("--")===0)return o;var i=$n(r);return r===i?o:(n.prop(i,o),null)}return {onProcessStyle:e,onChangeValue:t}}var ba=Dd;var g=lr&&CSS?CSS.px:"px",ur=lr&&CSS?CSS.ms:"ms",wt=lr&&CSS?CSS.percent:"%",Ed={"animation-delay":ur,"animation-duration":ur,"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":wt,"perspective-origin-y":wt,"transform-origin":wt,"transform-origin-x":wt,"transform-origin-y":wt,"transform-origin-z":wt,"transition-delay":ur,"transition-duration":ur,"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 wa(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 Od=wa(Ed);function so(e,t,o){if(t==null)return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]=so(e,t[r],o);else if(typeof t=="object")if(e==="fallbacks")for(var n in t)t[n]=so(n,t[n],o);else for(var i in t)t[i]=so(e+"-"+i,t[i],o);else if(typeof t=="number"&&isNaN(t)===false){var s=o[e]||Od[e];return s&&!(t===0&&s===g)?typeof s=="function"?s(t).toString():""+t+s:t.toString()}return t}function Bd(e){e===void 0&&(e={});var t=wa(e);function o(n,i){if(i.type!=="style")return n;for(var s in n)n[s]=so(s,n[s],t);return n}function r(n,i){return so(i,n,t)}return {onProcessStyle:o,onChangeValue:r}}var xa=Bd;function ao(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 Ta(e){if(Array.isArray(e))return ao(e)}function Pa(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ca(e,t){if(e){if(typeof e=="string")return ao(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)?ao(e,t):void 0}}function Aa(){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 Ma(e){return Ta(e)||Pa(e)||Ca(e)||Aa()}var lo="",qn="",Ea="",Oa="",Ld=Ze&&"ontouchstart"in document.documentElement;if(Ze){pr={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},Ia=document.createElement("p"),dr=Ia.style,ka="Transform";for(fr in pr)if(fr+ka in dr){lo=fr,qn=pr[fr];break}lo==="Webkit"&&"msHyphens"in dr&&(lo="ms",qn=pr.ms,Oa="edge"),lo==="Webkit"&&"-apple-trailing-word"in dr&&(Ea="apple");}var pr,Ia,dr,ka,fr,C={js:lo,css:qn,vendor:Ea,browser:Oa,isTouch:Ld};function Ba(e){return e[1]==="-"||C.js==="ms"?e:"@"+C.css+"keyframes"+e.substr(10)}var Nd={noPrefill:["appearance"],supportedProperty:function(t){return t!=="appearance"?false:C.js==="ms"?"-webkit-"+t:C.css+t}},Fd={noPrefill:["color-adjust"],supportedProperty:function(t){return t!=="color-adjust"?false:C.js==="Webkit"?C.css+"print-"+t:t}},_d=/[-\s]+(.)?/g;function zd(e,t){return t?t.toUpperCase():""}function Xn(e){return e.replace(_d,zd)}function Fe(e){return Xn("-"+e)}var Rd={noPrefill:["mask"],supportedProperty:function(t,o){if(!/^mask/.test(t))return  false;if(C.js==="Webkit"){var r="mask-image";if(Xn(r)in o)return t;if(C.js+Fe(r)in o)return C.css+t}return t}},Hd={noPrefill:["text-orientation"],supportedProperty:function(t){return t!=="text-orientation"?false:C.vendor==="apple"&&!C.isTouch?C.css+t:t}},Vd={noPrefill:["transform"],supportedProperty:function(t,o,r){return t!=="transform"?false:r.transform?t:C.css+t}},Kd={noPrefill:["transition"],supportedProperty:function(t,o,r){return t!=="transition"?false:r.transition?t:C.css+t}},Wd={noPrefill:["writing-mode"],supportedProperty:function(t){return t!=="writing-mode"?false:C.js==="Webkit"||C.js==="ms"&&C.browser!=="edge"?C.css+t:t}},Gd={noPrefill:["user-select"],supportedProperty:function(t){return t!=="user-select"?false:C.js==="Moz"||C.js==="ms"||C.vendor==="apple"?C.css+t:t}},Ud={supportedProperty:function(t,o){if(!/^break-/.test(t))return  false;if(C.js==="Webkit"){var r="WebkitColumn"+Fe(t);return r in o?C.css+"column-"+t:false}if(C.js==="Moz"){var n="page"+Fe(t);return n in o?"page-"+t:false}return  false}},jd={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+Fe(r)in o?C.css+r:false}},$d={supportedProperty:function(t,o){return Xn(t)in o?t:false}},qd={supportedProperty:function(t,o){var r=Fe(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}},Xd={supportedProperty:function(t){return t.substring(0,11)!=="scroll-snap"?false:C.js==="ms"?""+C.css+t:t}},Yd={supportedProperty:function(t){return t!=="overscroll-behavior"?false:C.js==="ms"?C.css+"scroll-chaining":t}},Jd={"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=Jd[t];return r&&C.js+Fe(r)in o?C.css+r:false}},La={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"},Zd=Object.keys(La),ef=function(t){return C.css+t},tf={supportedProperty:function(t,o,r){var n=r.multiple;if(Zd.indexOf(t)>-1){var i=La[t];if(!Array.isArray(i))return C.js+Fe(i)in o?C.css+i:false;if(!n)return  false;for(var s=0;s<i.length;s++)if(!(C.js+Fe(i[0])in o))return  false;return i.map(ef)}return  false}},Na=[Nd,Fd,Rd,Hd,Vd,Kd,Wd,Gd,Ud,jd,$d,qd,Xd,Yd,Qd,tf],Da=Na.filter(function(e){return e.supportedProperty}).map(function(e){return e.supportedProperty}),of=Na.filter(function(e){return e.noPrefill}).reduce(function(e,t){return e.push.apply(e,Ma(t.noPrefill)),e},[]),co,tt={};if(Ze){co=document.createElement("p"),mr=window.getComputedStyle(document.documentElement,"");for(hr in mr)isNaN(hr)||(tt[mr[hr]]=mr[hr]);of.forEach(function(e){return delete tt[e]});}var mr,hr;function gr(e,t){if(t===void 0&&(t={}),!co)return e;if(tt[e]!=null)return tt[e];(e==="transition"||e==="transform")&&(t[e]=e in co.style);for(var o=0;o<Da.length&&(tt[e]=Da[o](e,co.style,t),!tt[e]);o++);try{co.style[e]="";}catch{return  false}return tt[e]}var xt={},rf={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1},nf=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g,Ne;function sf(e,t,o){if(t==="var")return "var";if(t==="all")return "all";if(o==="all")return ", all";var r=t?gr(t):", "+gr(o);return r||t||o}Ze&&(Ne=document.createElement("p"));function Yn(e,t){var o=t;if(!Ne||e==="content")return t;if(typeof o!="string"||!isNaN(parseInt(o,10)))return o;var r=e+o;if(xt[r]!=null)return xt[r];try{Ne.style[e]=o;}catch{return xt[r]=false,false}if(rf[e])o=o.replace(nf,sf);else if(Ne.style[e]===""&&(o=C.css+o,o==="-ms-flex"&&(Ne.style[e]="-ms-flexbox"),Ne.style[e]=o,Ne.style[e]===""))return xt[r]=false,false;return Ne.style[e]="",xt[r]=o,xt[r]}function af(){function e(n){if(n.type==="keyframes"){var i=n;i.at=Ba(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=gr(i);l&&l!==i&&(a=true);var c=false,p=Yn(l,Be(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 Yn(i,Be(n))||n}return {onProcessRule:e,onProcessStyle:o,onChangeValue:r}}var Fa=af;function lf(){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 _a=lf;function Sr(){return {plugins:[ha(),Sa(),va(),ba(),xa(),typeof window>"u"?null:Fa(),_a()]}}function uo(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 cf={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);}},ot=cf;function Jn(){let e=vt();return e?.$$material??e}var uf=Vn(Sr()),pf=ir(),df=new Map;var ff={disableGeneration:false,generateClassName:pf,jss:uf,sheetsCache:null,sheetsManager:df,sheetsRegistry:null},za=M__namespace.createContext(ff);var Ra=-1e9;function Ha(){return Ra+=1,Ra}function Va(e){return e.length===0}function vr(e){let{variant:t,...o}=e,r=t||"";return Object.keys(o).sort().forEach(n=>{n==="color"?r+=Va(r)?e[n]:Qe(e[n]):r+=`${Va(r)?n:Qe(n)}${Qe(e[n].toString())}`;}),r}var mf={},Ka=mf;function br(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]=Je(a[l]||{},i[l]);}),s.forEach(l=>{let c=vr(l.props);a[c]=Je(a[c]||{},l.style);}),a},options:{}}}function hf({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=uo({baseClasses:e.cacheClasses.lastJSS,newClasses:o,Component:r})),e.cacheClasses.value}function gf({state:e,theme:t,stylesOptions:o,stylesCreator:r,name:n},i){if(o.disableGeneration)return;let s=ot.get(o.sheetsManager,r,t);s||(s={refs:0,staticSheet:null,dynamicStyles:null},ot.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=ot.get(o.sheetsCache,r,t));let p=r.create(t,n);c||(c=o.jss.createStyleSheet(p,{link:false,...a}),c.attach(),o.sheetsCache&&ot.set(o.sheetsCache,r,t,c)),l&&l.add(c),s.staticSheet=c,s.dynamicStyles=Kn(p);}if(s.dynamicStyles){let c=o.jss.createStyleSheet(s.dynamicStyles,{link:true,...a});c.update(i),c.attach(),e.dynamicSheet=c,e.classes=uo({baseClasses:s.staticSheet.classes,newClasses:c.classes}),l&&l.add(c);}else e.classes=s.staticSheet.classes;s.refs+=1;}function Sf({state:e},t){e.dynamicSheet&&e.dynamicSheet.update(t);}function yf({state:e,theme:t,stylesOptions:o,stylesCreator:r}){if(o.disableGeneration)return;let n=ot.get(o.sheetsManager,r,t);n.refs-=1;let i=o.sheetsRegistry;n.refs===0&&(ot.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 vf(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=Ka,...s}=t,a=br(e),l=o||r||"makeStyles";return a.options={index:Ha(),name:o,meta:l,classNamePrefix:l},(p={})=>{let u=Jn()||i,d={...M__namespace.useContext(za),...s},f=M__namespace.useRef(),m=M__namespace.useRef();return vf(()=>{let S={name:o,state:{},stylesCreator:a,stylesOptions:d,theme:u};return gf(S,p),m.current=false,f.current=S,()=>{yf(S);}},[u,a]),M__namespace.useEffect(()=>{m.current&&Sf(f.current,p),m.current=true;}),hf(f.current,p.classes,n)}}function D(e){return e.default??e}var Af=D(Cf__default.default),Mf=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"}),ye=({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=Mf({height:o,width:t}),d=i,f=a;return M__namespace.default.createElement(material.Dialog,{open:l,classes:{paper:u.paper},onClose:n,...p},(f||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},f&&M__namespace.default.createElement(f,null),c&&M__namespace.default.createElement(material.IconButton,{color:"primary",className:u.closIcon,onClick:n},M__namespace.default.createElement(Af,null)))),M__namespace.default.createElement(material.Divider,null)),e,d&&M__namespace.default.createElement(material.DialogActions,null,M__namespace.default.createElement(d,null)))};ye.displayName="Dialog";var Qn=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(ye,{enableCloseButton:false,open:r,onClose:u,width:i,...p},M__namespace.default.createElement(Zt,{onPositiveAction:e,negativeActionName:l,title:t,onNegativeAction:o,positiveActionName:a},s))});Qn.displayName="ActionDialog";var Zn=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(Zt,{onPositiveAction:e,negativeActionName:i,title:t,onNegativeAction:o,positiveActionName:n},r)));Zn.displayName="ActionPopover";var Lf=y(()=>({backdrop:{position:"absolute"},root:{color:"red"}}),{name:"ErrorPanel"}),ei=M.memo(e=>{let{message:t}=e,o=Lf();return M__namespace.default.createElement(material.Backdrop,{open:true,className:o.backdrop},M__namespace.default.createElement("div",{className:o.root},t)," ")});ei.displayName="ErrorPanel";function xr(e){return e.charAt(0).toUpperCase()+e.slice(1)}function Ja(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=Ya__default.default(e):i=Ya__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 po(e,t){if(!t)return;let o=t.split(".").join(".properties.");return yn.get(e,o)}var Tr={"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 Za(e){if(!e)return;let t=Tr[e];if(t)return t.deviceName=e,t}function el(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=el(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 tl(e){let t=e.contentDocument;return t?el(t):null}function ol(e){return e.contentDocument||e.contentWindow?.document}function rl(e){let t=ol(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 Tt(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 Pt(...e){for(let t=0;t<e.length;t++){let o=e[t];if(o&&Object.keys(o).length>0)return o}}var nl=e=>{if(e)return Pt(e.globals)};var il=e=>{if(e)return Pt(e.args,e.props)};function Pr(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 sl(e){try{return !(!e||Qa(e)==null)}catch{return  false}}function Wf(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 Gf(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 ti=e=>M__namespace.default.createElement("div",{...e,style:{fontSize:"11px",lineHeight:"14px",opacity:.9,overflowWrap:"anywhere",whiteSpace:"normal",wordBreak:"break-word",...e.style}}),Uf=({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)",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 ${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=Wf(o),S=Gf(o,l),b=typeof t=="string"?t.split(`
+`).map((x,O)=>M__namespace.default.createElement("span",{key:O},x,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(ti,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)))},Cr=Uf;var ll=1e4,Ct=new Map;function qf(e){let t=Ct.get(e);return t?(sonner.toast.dismiss(t.currentId),t.counter+=1,t.currentId=`${e}_${t.counter}`):Ct.set(e,{counter:0,currentId:`${e}_0`}),Ct.get(e)?.currentId??e}function Xf(e){let t=o=>{let r=Ct.get(e);r&&r.currentId===o&&Ct.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=qf(l),a=Xf(l);}return sonner.toast.custom(l=>M__namespace.default.createElement(Cr,{...i,onClose:r?()=>sonner.toast.dismiss(l):void 0}),{duration:t??ll,id:s,position:n,...a}),s};function Ar(e,t,o){return v(typeof t=="string"?{...o,description:t,variant:e}:{...o,...t,variant:e})}v.error=(e,t)=>Ar("error",e,t);v.success=(e,t)=>Ar("success",e,t);v.warning=(e,t)=>Ar("warning",e,t);v.info=(e,t)=>Ar("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??ll,...r})};v.dismiss=e=>{sonner.toast.dismiss(e);};v.dismissAll=()=>{sonner.toast.dismiss(),Ct.clear();};function Yf(e,t){let o=po(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 cl(e,t){let o=t.reduce((r,n)=>{let i=Yf(e,n);return i.required&&r.push({id:n.id,name:n.name,...i}),r},[]);return o.length===0?void 0:o}var om=y(()=>({generateButton:{marginTop:8},input:{width:"100%"},paper:{width:e=>e.width}}),{name:"InputDialog"});var pl=({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[d,f]=M.useState(e),[m,h]=M.useState(false),[S,b]=M.useState(false),x=om({width:s}),O=!!p,w=M.useCallback(z=>{f(z.target.value);},[]),I=M.useCallback(()=>{i(true),n&&n();},[n,i]),A=M.useCallback(()=>{if(r&&!d){v.error(o),h(true);return}t(d.trim());},[d,t,r,o]),L=M.useCallback(async()=>{if(p){b(true);try{let z=await p();z!==void 0&&f(z);}finally{b(false);}}},[p]);return M.useEffect(()=>{f(e);},[e,a]),M__namespace.default.createElement(Qn,{onPositiveAction:A,onNegativeAction:I,onClose:I,open:a,...u},M__namespace.default.createElement(material.TextField,{className:x.input,multiline:true,rows:3,value:d,onChange:w,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:x.generateButton,size:"small",onClick:L,disabled:S,startIcon:S?M__namespace.default.createElement(material.CircularProgress,{size:14}):void 0},S?"Generating...":"Generate Title")),l)};pl.displayName="InputDialog";var dl=ri__default.default.create(e=>{let t=ri.useModal(),o=M.useCallback(()=>{t.hide();},[t]),r=M.useCallback(n=>{e.onSave(n),t.hide();},[t,e]);return M__namespace.default.createElement(pl,{...e,open:t.visible,onClose:o,onSave:r})});dl.displayName="InputDialogModal";var fl="input-dialog",ul=false,ml=()=>{ul||(ri__default.default.register(fl,dl),ul=true);},It={show:e=>ri__default.default.show(fl,e)};var lm=y(e=>{let{background:t}=e.palette,o=am__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=lm();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 pm=typeof window<"u"?window.location.origin:"",T=reactQuery.createTRPCReact();function gl(){return T.createClient({links:[client.httpBatchLink({maxURLLength:2083,url:`${pm}/__storybook_playwright/trpc`})]})}function Sl(){let[e,t]=M__namespace.default.useState(),o=M__namespace.default.useRef(false),{data:r}=T.theme.getThemeData.useQuery();return M__namespace.default.useEffect(()=>(!o.current&&r&&t(r),()=>{o.current=true;}),[r]),{setTheme:t,theme:e}}var fo=M.memo(e=>{let{children:t}=e,{theme:o}=managerApi.useStorybookState(),{theme:r}=Sl(),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(to,{theme:n},M__namespace.default.createElement(styles.ThemeProvider,{theme:n},t))});fo.displayName="ThemeProvider";var Sm=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"}),nt=e=>{let{children:t,border:o}=e,r=Sm();return M__namespace.default.createElement("div",{className:Mr__default.default(r.root)+(o&&o.map(n=>` border-${n}`).join(" "))},M__namespace.default.createElement("div",{className:r.toolbar},t))};nt.displayName="Toolbar";var ii=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(Zn,{onPositiveAction:o,onNegativeAction:s,positiveActionName:"yes",negativeActionName:"no",onClose:s,title:t,...i},M__namespace.default.createElement(material.Typography,null,e))});ii.displayName="ConfirmationPopover";var Tm=D(wm__default.default),mo=({className:e,setNodeRef:t,...o})=>M__namespace.default.createElement("span",{className:Mr__default.default("drag-handle",e),ref:t,style:{cursor:"move",display:"inline-flex"},...o},M__namespace.default.createElement(Tm,{style:{cursor:"move",fontSize:25,marginLeft:-12,marginRight:2}}));mo.displayName="DragHandle";var Mm=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 ${am__default.default(r.main).setAlpha(.6)}`},selectedSecondary:{border:`1px solid ${n.main}`}}},{name:"ListItemWrapper"}),it=e=>{let{title:t,draggable:o,children:r,selected:n,className:i,onClick:s,tooltip:a,icons:l,secondaryColor:c,dragHandleProps:p,...u}=e,d=Mm(),f=M.useCallback(m=>{s&&m.target.classList.contains("clickable")&&s(m);},[s]);return M__namespace.default.createElement("div",{className:Mr__default.default(d.root,{[d.selected]:n&&!c},{[d.selectedSecondary]:n&&c},i),...u,title:a,onClick:f},M__namespace.default.createElement("div",{className:Mr__default.default("clickable",d.header,"list-item-header")},M__namespace.default.createElement("div",{className:Mr__default.default(d.column,"clickable",{[d.secondaryColor]:c})},o&&M__namespace.default.createElement(mo,{...p}),material.capitalize(t)),M__namespace.default.createElement("div",{className:Mr__default.default("clickable",d.column,d.icons,{[d.secondaryColor]:c})},l)),r&&M__namespace.default.createElement("div",{className:"list-item-content"},r))};it.displayName="ListItemWrapper";var Om=y(e=>({root:{"& *:focus":{outline:"none"},color:e.palette.text.primary,height:"calc(100% - 50px)",padding:4,width:"100%"}}),{name:"ListWrapper"});var Dt=e=>{let{children:t,...o}=e,r=Om(),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:Mr__default.default(r.root,e.className)},M__namespace.default.createElement(components.ScrollArea,{vertical:true},t))},ai=e=>M__namespace.default.createElement(Dt,{...e});ai.displayName="ListWrapperSortableContainer";Dt.displayName="ListWrapper";var Ae=({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(ii,{onClose:a,onConfirm:l,anchorEl:n}))};Ae.displayName="DeleteConfirmationButton";var ho=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))};ho.displayName="CheckBox";var Km=y(()=>({root:{display:"flex",justifyContent:"space-between"}}),{name:"DeviceListItem"}),kr=M.memo(M.forwardRef((e,t)=>{let{viewportSize:o,name:r,value:n,onClick:i,selected:s}=e,a=Km(),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}`))}));kr.displayName="DeviceListItem";var ui=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(Tr),[]),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(kr,{name:"None",value:void 0,onClick:l,selected:false}),a.map(c=>M__namespace.default.createElement(kr,{name:c,key:c,viewportSize:o&&o.viewport,onClick:l,selected:!!(o&&o.deviceName===c),value:c}))))};ui.displayName="DeviceList";function P(){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:{}},go=zustand.create()(middleware.devtools(()=>({...Qm}),{name:"action-set-store"}));function xl(e){return e.map(t=>{let{id:o,...r}=t;return r})}function Tl(e,t){if(e.length!==t.length)return  false;let o=xl(e),r=xl(t);return Zm__default.default(o,r)}var j=()=>go.getState();function R(e){return go.setState(e)}function Ot(e,t,o){return {stories:{...e.stories,[t]:{...e.stories[t],actionSets:o}}}}function at(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 Al(e,t,o){let r=e.stories[t]?.actionSets||[];return {...Ot(e,t,r.filter(i=>i.id!==o)),orgEditingActionSet:void 0}}function Ml({storyId:e,actionSets:t}){let o=j();R(Ot(o,e,t));}function Il({storyId:e,actionSets:t}){let o=j(),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(d=>d.id===u.id)&&Tl(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=Ot(o,e,[...n,...r.filter(a=>!i.includes(a.id))]);R({...s,currentActionSets:i});}function lt({storyId:e,actionSet:t,selected:o,isNew:r}){let n=j(),i=[...n.stories[e]?(n.stories[e].actionSets||[]).filter(a=>a.id!==t.id):[],t],s=Ot(n,e,i);R({...s,currentActionSets:[...n.currentActionSets?n.currentActionSets:[],t.id],orgEditingActionSet:r?{...t,isNew:true}:void 0});}function ct(){R({currentActionSets:[]});}function Er({storyId:e,actionSetId:t}){let o=j();R(Al(o,e,t));}function Bt(e){let t=j();!t.stories[e]||!t.stories[e].actionSets||R(Ot(t,e,t.stories[e].actionSets.filter(o=>!o.temp)));}function pi({storyId:e,oldIndex:t,newIndex:o}){let r=j(),n=r.stories[e]?.actionSets||[];R(Ot(r,e,[...Pl__default.default(n,t,o)]));}function kl(e){let t=j(),o=t.currentActionSets.find(r=>r===e);R({currentActionSets:o?t.currentActionSets.filter(r=>r!==e):[...t.currentActionSets,e]});}function Or(e){let t=j(),o=t.expandedActions[e]===true;R({expandedActions:{...t.expandedActions,[e]:!o}});}function di(){R({expandedActions:{}});}function fi(e){R({actionSchema:e});}function So(e){let t=j(),{orgEditingActionSet:o}=t;if(!o)return;let{isNew:r,...n}=o;if(r)R(Al(t,e,o.id));else {let i=at(t,e,o.id,s=>({...s,...n}));R({...i,orgEditingActionSet:void 0});}}function Dl(e){let t=j();R({currentActionSets:[...t.currentActionSets,e.id],orgEditingActionSet:e});}function El({storyId:e,actionSetId:t,title:o}){let r=j();R(at(r,e,t,n=>({...n,title:o})));}function Ol({storyId:e,actionSetId:t,action:o}){let r=j();R(at(r,e,t,n=>({...n,actions:[...n.actions,o]})));}function Bl({storyId:e,actionSetId:t,actionId:o,actionOptionPath:r}){let n=j();R(at(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 Ll({storyId:e,actionSetId:t,oldIndex:o,newIndex:r}){let n=j();R(at(n,e,t,i=>({...i,actions:[...Pl__default.default(i.actions,o,r)]})));}function Nl({storyId:e,actionSetId:t,actionId:o}){let r=j();R(at(r,e,t,n=>({...n,actions:n.actions.filter(i=>i.id!==o)})));}function mi({storyId:e,actionSetId:t,actionId:o,objPath:r,val:n}){let i=j();R(at(i,e,t,s=>({...s,actions:s.actions.map(a=>a.id===o?{...a,args:yn__namespace.set(a.args,r,n)}:a)})));}function Fl(){R({orgEditingActionSet:void 0});}function pe(){return go()}var rh={addonState:{clippingWarningDismissed:false,previewPanelEnabled:true},browserOptions:{all:{}},dragStart:false,editScreenshotState:void 0,schemaLoaded:false,screenshotOptions:{},screenshotUpdateState:{},selectorManager:{}},te=zustand.create()(middleware.devtools(middleware.persist(()=>({...rh}),{name:"__playwright_ui-store",partialize:e=>({addonState:e.addonState,browserOptions:e.browserOptions,screenshotOptions:e.screenshotOptions})}),{name:"ui-store"}));function _e(e){return te.setState(e)}function _l(e){_e({addonState:e});}function hi(e){_e({browserOptions:e});}function zl(e){_e({screenshotOptions:e});}function Rl(e){_e({dragStart:e});}function gi(e){_e({selectorManager:e});}function Br(e){_e({screenshotUpdateState:e});}function Si(e){_e({editScreenshotState:e});}function yi(e){_e({schemaLoaded:e});}function Hl(){return te(e=>e.addonState)}function Vl(){return te(e=>e.browserOptions)}function Lr(){return te(e=>e.screenshotOptions)}function Kl(){return te(e=>e.dragStart)}function Wl(){return te(e=>e.selectorManager)}function Gl(){return te(e=>e.screenshotUpdateState)}function Ul(){return te(e=>e.editScreenshotState)}function jl(){return te(e=>e.schemaLoaded)}function $l(e){let{mutateAsync:t,isPending:o}=T.actionSet.saveActionSet.useMutation({onError:u=>{v.error(u.message||"Unexpected error occurred");}}),r=pe(),n=P(),i=M.useCallback(u=>{if(!n)return;let d=nanoid.nanoid(10),f={id:d,name:u};di(),Ol({action:f,actionSetId:e.id,storyId:n.id}),Or(d);},[n,e.id]);M.useEffect(()=>()=>di(),[]);let s=M.useCallback(async()=>{let u=cl(r.actionSchema,e.actions);if(u){let d=u.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}}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}=T.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=fe();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=fe(),[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=fe();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}=T.actionSet.getActionSet.useMutation(),{id:o,filePath:r}=P()||{};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}=T.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 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 gh={imageDiffResults:[],pauseDeleteImageDiffResult:false,screenshots:[]},Lt=zustand.create()(middleware.devtools(()=>({...gh}),{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}=T.screenshot.deleteStoryScreenshots.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");},onSuccess:()=>{v.success("Story screenshots deleted successfully.");}}),o=P(),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=P(),{mutateAsync:t,isPending:o}=T.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=P(),{mutateAsync:o,isPending:r}=T.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 me(){return {addonState:zl(),setAddonState:Nl}}var Vr=["chromium","firefox","webkit"];function Kr(e){let{addonState:t,setAddonState:o}=me(),[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,f,d)=>{t.disabledBrowser||(t.disabledBrowser={}),o({...t,disabledBrowser:{...t.disabledBrowser,[f]:{...t.disabledBrowser[f],[p]:d}}});},[t,o]);M.useEffect(()=>{let p=te.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 ()=>{p();}},[i]),M.useEffect(()=>{let p=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 p.on(coreEvents.STORY_RENDERED,f),()=>{p.off(coreEvents.STORY_RENDERED,f);}},[s]);let l=M.useCallback(p=>{let f=!s(p);if(a(p,e,f),f){n(d=>d.filter(m=>m!==p));return}n(d=>d.includes(p)?d:[...d,p]);},[e,s,a]),c=M.useCallback(p=>{n(f=>f.filter(d=>d!==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=P(),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=P(),{setAddonState:o,addonState:r}=me(),{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(d=>{t&&(u(),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,u,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){u();return}},[u,e,t]),{clearScreenshotEdit:u,editScreenshot:p,editScreenshotState:e,isEditing:f,loadSetting:i}}function _t(){let[e,t]=M.useState(void 0),{mutateAsync:o,isPending:r,reset:n,data:i}=T.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 Rh=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(Rh,{enableClipboard:false,theme:"railscasts",src:s(),displayObjectSize:false,displayDataTypes:false,style:{fontSize:13}}))))};Ae.displayName="ScreenshotInfo";function dc(){let e=P(),[t,o]=M.useState(),{mutateAsync:r,reset:n,isPending:i}=T.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 Pi=e=>{let{onStateChange:t,screenshot:o,onClose:r,onDelete:n}=e,{deleteScreenshot:i,inProgress:s}=dc(),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}))};Pi.displayName="ScreenshotDelete";function Wr(e){let{mutateAsync:t,isPending:o,reset:r}=T.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=P(),{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]),f=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:f,color:"primary",autoFocus:true},"Yes"))}),M__namespace.default.createElement(E,{open:s}))};Ci.displayName="ScreenshotUpdate";var Qh=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:f,onDelete:d},m)=>{let[h,S]=M.useState(false),b=Qh();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:Tr__default.default(b.menu,{[b.visible]:s})},!f&&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(Pi,{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 Sc(e){let{fixFunction:t}=e,o=P(),[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}=T.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);},[]),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:p,fixFileNames:f,fixFileNamesError:a,fixFileNamesInProgress:u,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||{},u=Object.keys(a.args).reduce((p,f)=>{let d=a.args[f];return d!==void 0&&!Ym__default.default(d,c[f])&&(p[f]=a.args[f]),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=P(),{currentActions:o}=Fe(t?.id??""),r=zt(),n=managerApi.useStorybookApi(),{getBrowserOptions:i}=K(),s=Er(),{data:a=false}=T.screenshot.hasScreenshotTitleGenerator.useQuery(),l=i(e),{mutateAsync:c,isPending:u}=T.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:u}}function wc(){return {imageDiffResult:tc(),setImageDiffResult:Nt}}function c0(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 Tc(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(c0(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,f)=>{let d=a.globals?.[f];return d!==void 0&&!Ym__default.default(d,c[f])&&(p[f]=d),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=P(),{editScreenshotState:a,clearScreenshotEdit:l}=Re(),{currentActions:c}=Fe(s?.id??""),[u,p]=M.useState(void 0),{mutateAsync:f,data:d,reset:m,isPending:h}=T.screenshot.saveScreenshot.useMutation({onError:A=>{let L=A.message||"Unexpected error occurred";p(L),v.error(L);},onSettled(A,L){if(L){v.error(L.message||"Unexpected error occurred in saving screenshot");return}if(!A)return;let z=t||A.oldScreenShotTitle;if(A.added)v.success(`Screenshot ${`${o?` for '${o}'`:""}`} saved successfully.`,{duration:5e3,id:`image-diff-message:added:${o||"default"}`,onAutoClose:m,onDismiss:m});else if(A.pass){let H=`Testing existing screenshot were successful, no change has been detected.${z?`
+`);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}}Fl();},[e,t,r.actionSchema,n]),a=M.useCallback(u=>{!n||!r.orgEditingActionSet||El({actionSetId:r.orgEditingActionSet.id,storyId:n.id,title:u});},[n,r.orgEditingActionSet]),l=M.useCallback(()=>{n&&So(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 ql(e){let{mutateAsync:t,isPending:o}=T.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}),lt({actionSet:i,isNew:!1,selected:!0,storyId:e.id});}catch{}},[e,t]),inProgress:o}}function ze(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 Xl(){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 Fr(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 yo={};function Yl(){let{mutateAsync:e,isPending:t}=T.actionSet.getActionSet.useMutation(),{id:o,filePath:r}=P()||{};return M.useEffect(()=>{!r||!o||t||yo[r]&&yo[r][o]||e({filePath:r,storyId:o}).then(n=>{yo[r]||(yo[r]={}),yo[r][o]=true,n&&Ml({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 Lt(){let e=jl(),{data:t,isLoading:o,error:r,refetch:n}=T.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),yi(true));},[n]);return M.useEffect(()=>{t&&(fi(t),yi(true));},[t]),M.useEffect(()=>{o||e||i();},[o,i,e]),{loaded:e,loading:o}}function Nt(e,t){let o=Gl(),[r,n]=M__namespace.default.useState(false),i=M__namespace.default.useCallback(()=>{Br({inProgress:true,reqBy:e,target:t});},[e,t]),s=M__namespace.default.useCallback(()=>{Br({}),n(false);},[]);return M__namespace.default.useEffect(()=>{o&&o.inProgress&&r&&Br({...o,inProgress:false});},[r,o]),{handleClose:s,runDiffTest:i,setIsLoadingFinish:n,updateInf:o}}var vh={imageDiffResults:[],pauseDeleteImageDiffResult:false,screenshots:[]},Ft=zustand.create()(middleware.devtools(()=>({...vh}),{name:"screenshot-store"}));var Re=()=>Ft.getState();function de(e){return Ft.setState(e)}function Jl(e){let t=Re(),o=t.screenshots?[...t.screenshots,e]:[e];de({screenshots:[...o]});}function Ql(e){let t=Re();de({imageDiffResults:t.imageDiffResults?t.imageDiffResults.filter(o=>o.screenshotId!==e):[],screenshots:t.screenshots.filter(o=>o.id!==e)});}function bi({oldIndex:e,newIndex:t}){let o=Re();de({screenshots:[...Pl__default.default(o.screenshots,e,t).map((r,n)=>(r.index=n,r))]});}function Zl(){de({screenshots:[]});}function zr(e){de({screenshots:e});}function _t(e){de({imageDiffResults:e});}function Rr(e){let t=Re();de({imageDiffResults:[...t.imageDiffResults.filter(o=>o.screenshotId!==e.screenshotId),e]});}function ec(e){let t=Re();de({imageDiffResults:t.imageDiffResults.map(o=>o.screenshotId!==e.screenshotId?o:{...o,...e})});}function vo(e){de({pauseDeleteImageDiffResult:e});}function Hr(e){let t=Re();t.pauseDeleteImageDiffResult||de({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e)});}function tc(){let e=Re();de({imageDiffResults:e.imageDiffResults.filter(t=>!t.pass)});}function oc(e){let t=Re();de({imageDiffResults:t.imageDiffResults.filter(o=>o.screenshotId!==e),screenshots:t.screenshots.filter(o=>o.id!==e)});}function rc(){return Ft(e=>e.imageDiffResults)}function He(){return Ft()}function nc(){let{mutateAsync:e,isPending:t}=T.screenshot.deleteStoryScreenshots.useMutation({onError:n=>{v.error(n.message||"Unexpected error occurred");},onSuccess:()=>{v.success("Story screenshots deleted successfully.");}}),o=P(),r=M.useCallback(async()=>{if(o)try{await e({filePath:o.filePath,storyId:o.id}),Zl();}catch{}},[o,e]);return {deleteInProgress:t,deleteStoryScreenshots:r}}function zt(){let e=P(),{mutateAsync:t,isPending:o}=T.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=>{Rr(s);}):_t(i),i}catch{return}},[t,e]);return {imageDiffTestInProgress:o,storyData:e,testStoryScreenShots:r}}function ic(){let e=M.useRef(),t=P(),{mutateAsync:o,isPending:r}=T.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,zr(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 Vr(){return {dragStart:Kl(),setDragStart:Rl}}function fe(){return {addonState:Hl(),setAddonState:_l}}var Wr=["chromium","firefox","webkit"];function Gr(e){let{addonState:t,setAddonState:o}=fe(),[r,n]=M.useState([]),[i]=M.useState(Wr),s=M.useCallback(u=>!(!t||!t.disabledBrowser||!t.disabledBrowser[e]||!t.disabledBrowser[e][u]),[t,e]),a=M.useCallback((u,d,f)=>{t.disabledBrowser||(t.disabledBrowser={}),o({...t,disabledBrowser:{...t.disabledBrowser,[d]:{...t.disabledBrowser[d],[u]:f}}});},[t,o]);M.useEffect(()=>{let u=te.subscribe((d,f)=>{(!object.deepEqual(d.browserOptions.all,f.browserOptions.all)||!object.deepEqual(d.screenshotOptions,f.screenshotOptions))&&n(Wr),Wr.forEach(m=>{object.deepEqual(d.browserOptions[m],f.browserOptions[m])||n(h=>h.includes(m)?h:[...h,m]);});});return ()=>{u();}},[i]),M.useEffect(()=>{let u=managerApi.addons.getChannel(),d=()=>{let f=Wr.filter(m=>!s(m));n(m=>m.length===f.length&&f.every(h=>m.includes(h))?m:f);};return u.on(coreEvents.STORY_RENDERED,d),()=>{u.off(coreEvents.STORY_RENDERED,d);}},[s]);let l=M.useCallback(u=>{let d=!s(u);if(a(u,e,d),d){n(f=>f.filter(m=>m!==u));return}n(f=>f.includes(u)?f:[...f,u]);},[e,s,a]),c=M.useCallback(u=>{n(d=>d.filter(f=>f!==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 G(e){let t=Vl(),o=M.useCallback((s,a)=>{hi({...t,[s]:Za(a)});},[t]),r=M.useCallback((s,a)=>{hi({...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 $(){return {screenshotOptions:Lr(),setScreenshotOptions:zl}}function uc(){let{setBrowserOptions:e,browserOptions:t}=G(),{setScreenshotOptions:o,screenshotOptions:r}=$(),n=managerApi.useStorybookApi(),i=P(),s=M.useCallback(l=>{i&&(!l.actionSets||!l.actionSets.length||Il({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=il(l);p&&Object.keys(p).length&&n.emit(coreEvents.UPDATE_STORY_ARGS,{storyId:i?.id,updatedArgs:p});let u=nl(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 Ve(){let e=Ul(),t=P(),{setAddonState:o,addonState:r}=fe(),{setBrowserState:n}=Gr("dialog"),{loadSetting:i,screenshotOptions:s,browserOptions:a}=uc(),l=M.useRef(false),c=managerApi.useStorybookApi(),p=M.useCallback(()=>{t?.id&&Bt(t.id),ct(),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||Si(void 0);},[c,e,i,t]),u=M.useCallback(f=>{t&&(p(),Si({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,p,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){p();return}},[p,e,t]),{clearScreenshotEdit:p,editScreenshot:u,editScreenshotState:e,isEditing:d,loadSetting:i}}function Rt(){let[e,t]=M.useState(void 0),{mutateAsync:o,isPending:r,reset:n,data:i}=T.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 Rr(l),l}catch{return}},[o]);return {inProgress:r,reset:n,result:i,testScreenshot:s,testScreenshotError:e}}var Kh=fc__default.default.default??fc__default.default,Me=({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(Kh,{enableClipboard:false,theme:"railscasts",src:s(),displayObjectSize:false,displayDataTypes:false,style:{fontSize:13}}))))};Me.displayName="ScreenshotInfo";function hc(){let e=P(),[t,o]=M.useState(),{mutateAsync:r,reset:n,isPending:i}=T.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}),oc(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}=hc(),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(Ae,{onClose:r,onDelete:a}))};Ci.displayName="ScreenshotDelete";function Ur(e){let{mutateAsync:t,isPending:o,reset:r}=T.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};ec(a);},[t]),updateScreenshotClearResult:n,updateScreenshotInProgress:o}}var Ai=e=>{let{screenshot:t,onStateChange:o,imageDiffResult:r}=e,n=P(),{updateScreenshot:i,updateScreenshotInProgress:s}=Ur("Successfully updated."),{testScreenshot:a,inProgress:l,reset:c,result:p}=Rt(),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]),d=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(ut,{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(Me,{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}))};Ai.displayName="ScreenshotUpdate";var t0=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"}),Ii=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:d,onDelete:f},m)=>{let[h,S]=M.useState(false),b=t0();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:Mr__default.default(b.menu,{[b.visible]:s})},!d&&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(Ai,{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:f}),M__namespace.default.createElement(Me,{onClose:a,screenshotData:o})))});Ii.displayName="ScreenshotListItemMenu";var ki=({children:e,...t})=>M__namespace.default.createElement(it,{style:{cursor:"pointer"},icons:e,...t});ki.displayName="ScreenshotListItemWrapper";function vc(e){let{fixFunction:t}=e,o=P(),[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}=T.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);},[]),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:u,fixFileNames:d,fixFileNamesError:a,fixFileNamesInProgress:p,functionName:i,handleFunctionNameInput:m,handleReload:f,reload:r}}function Ht(){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,d)=>{let f=a.args[d];return f!==void 0&&!Zm__default.default(f,c[d])&&(u[d]=a.args[d]),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 xc(e){let t=P(),{currentActions:o}=ze(t?.id??""),r=Ht(),n=managerApi.useStorybookApi(),{getBrowserOptions:i}=G(),s=Lr(),{data:a=false}=T.screenshot.hasScreenshotTitleGenerator.useQuery(),l=i(e),{mutateAsync:c,isPending:p}=T.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:p}}function Tc(){return {imageDiffResult:rc(),setImageDiffResult:_t}}function d0(e,t,o){return t==="all"?e.map(r=>r.screenshotData):t==="file"?o?e.filter(r=>r.filePath?Pr(r.filePath,o.filePath):false).map(r=>r.screenshotData):[]:o?e.filter(r=>r.storyId===o.id).map(r=>r.screenshotData):[]}function Cc(e,t){let{imageDiffTestInProgress:o,testStoryScreenShots:r,storyData:n}=zt(),[i,s]=M__namespace.default.useState(false),a=M__namespace.default.useCallback(async()=>{let l=await r(e);Array.isArray(l)&&zr(d0(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 jr(){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,d)=>{let f=a.globals?.[d];return f!==void 0&&!Zm__default.default(f,c[d])&&(u[d]=f),u},{});t(Pt(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 Ic(e){let{title:t,browserType:o}={},r=Ht(),n=jr(),{screenshotOptions:i}=$(),s=P(),{editScreenshotState:a,clearScreenshotEdit:l}=Ve(),{currentActions:c}=ze(s?.id??""),[p,u]=M.useState(void 0),{mutateAsync:d,data:f,reset:m,isPending:h}=T.screenshot.saveScreenshot.useMutation({onError:A=>{let L=A.message||"Unexpected error occurred";u(L),v.error(L);},onSettled(A,L){if(L){v.error(L.message||"Unexpected error occurred in saving screenshot");return}if(!A)return;let z=t||A.oldScreenShotTitle;if(A.added)v.success(`Screenshot ${`${o?` for '${o}'`:""}`} saved successfully.`,{duration:5e3,id:`image-diff-message:added:${o||"default"}`,onAutoClose:m,onDismiss:m});else if(A.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(A.diffSize||A.error){let H=wt(A);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]),x=M.useCallback(A=>a?a.screenshotData.browserType===A:false,[a]),O=M.useCallback(()=>a&&a.screenshotData.title,[a]),w=M.useCallback(async(A,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 Se=H?{...H}:void 0,le={actionSets:c,args:r,base64:z,browserOptions:Se,browserType:A,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&&x(A)&&(le.updateScreenshot=a.screenshotData);let W;S();try{W=await f(le);}catch{return new Error("Unexpected error occurred")}if(a&&x(A)&&(W.added&&Yl(a.screenshotData.id),l()),W.added){le.index=W.index;let{base64:ce,...X}=le;Xl(X);}return W},[c,r,n,i,s,x,a,f,l,S]),I=M.useCallback(()=>{b();},[b]);return {clearError:S,error:u,getUpdatingScreenshotTitle:O,inProgress:h,isUpdating:x,onSuccessClose:I,result:d,saveScreenShot:w}}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:f}=T.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(x=>x+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||d===0)return;let S=b0__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,d]),{error:l,getSnapshot:h,loading:p,screenshot:f}}function Ec(){let{mutateAsync:e,isPending:t}=T.screenshot.changeScreenshotIndex.useMutation(),o=P(),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 O0=D(I0__default.default),B0=D(k0__default.default),L0=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:f,listeners:d,setActivatorNodeRef:m,setNodeRef:h,transform:S,transition:b,isDragging:x}=sortable.useSortable({disabled:!a,id:r??o.id}),O=L0(),[w,I]=M.useState(false),[A,L]=M.useState(false),z=M.useRef(0),{dragStart:H}=Rr(),[Se,le]=M.useState(false),{inProgress:W,testScreenshot:ce}=_t(),X=n&&n.pass,qe=M.useCallback(()=>{L(false),!e&&X&&n?.screenshotId?zr(n.screenshotId):window.clearTimeout(z.current);},[e,X,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(()=>{I(true);},[]),Fo=M.useCallback(()=>{I(false);},[]),_o=M.useCallback(async()=>{await ce({...u,screenshotId:o.id}),L(true);},[o.id,u,ce]),Xt=M.useCallback(()=>{s&&s(o),t&&le(!Se);},[s,o,Se,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:x?.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?{...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:W}),X&&M__namespace.default.createElement(O0,{color:"primary",onClick:qe,className:O.indicatorIcon}),n&&!n.pass&&M__namespace.default.createElement(B0,{color:"secondary",onClick:No,className:O.indicatorIcon}),M__namespace.default.createElement(yo,{style:{height:16},browserType:o.browserType}),A&&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||w)&&!H,screenshot:o,onHide:Fo,onRunImageDiff:_o,imageDiffResult:n,onEditClick:Vo,onLoadSettingClick:Ko,isEditing:!!ht,onDelete:Ho,...p}),Se&&t&&M__namespace.default.createElement(ki,{screenShotData:o,storyData:u,onClose:Xt,open:true,width:"100%",height:"100%",activeTab:X?"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(d=>d===c.id),f=t.findIndex(d=>d===u.id);p<0||f<0||r({newIndex:f,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=P(),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 J0=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=J0(),p=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]);Vt(void 0,f),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 d=a&&c.imageDiffResults.find(m=>m.screenshotId===a.id);return M__namespace.default.createElement(ye,{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}),d&&M__namespace.default.createElement(wo,{imageDiffResult:d}),n))};Li.displayName="ScreenshotListPreviewDialog";var jr=e=>{let{onClose:t,updating:o,target:r,onLoad:n}=e,{loading:i,storyData:s}=Tc(r,n),[a,l]=M.useState(false),c=ze(),{updateScreenshot:u}=Wr(),p=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(u(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,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]),f=l.screenshots&&l.screenshots.length>0;M.useEffect(()=>{ho(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:p,hasScreenShot:f,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(xd__default.default),mg=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=mg(),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 yg=D(hg__default.default),To=({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:yg,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};To.displayName="BrowserOptions";var Tg=D(bg__default.default),Pg=D(wg__default.default),Cg=D(xg__default.default),Ag=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=Ag();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(Cg,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(To,{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(Tg,null)))))};Hi.displayName="ScreenShotViewToolbar";var Vi=(e,t,o=.1)=>e==="dark"?styles.lighten(t,o):styles.darken(t,o);var Lg=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=Lg(),{getBrowserOptions:f}=K(),d=f(t),{loading:m,screenshot:h,getSnapshot:S,error:b}=Dc(t,d);M.useEffect(()=>{!n||m||(S(),i?.());},[S,m,i,n]);let x=r-30,O=t==="storybook",w=!!(h&&h.base64)&&t!=="storybook",I=M.useCallback(()=>{u(!c);},[c]),A=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:Tr__default.default(p.card,{[p.editMode]:l(t)})},M__namespace.default.createElement(Hi,{browserType:t,onSave:L,loading:m,onRefresh:S,showSaveButton:w,onFullScreen:I}),M__namespace.default.createElement("div",{className:p.container,style:{height:x,overflow:O?"hidden":"auto"}},t!=="storybook"?M__namespace.default.createElement("div",{className:p.imageContainer},h&&h.base64&&!A?M__namespace.default.createElement("img",{className:p.image,src:`data:image/gif;base64,${h.base64}`}):M__namespace.default.createElement(M__namespace.default.Fragment,null,A&&M__namespace.default.createElement(Zn,{message:A}))):M__namespace.default.createElement("iframe",{src:o,className:p.iframe,style:{height:x},frameBorder:"0"})),M__namespace.default.createElement(ye,{open:c,width:"100%",height:"100%",onClose:I,title:`${material.capitalize(t)} screenshot`},h&&c&&h.base64&&M__namespace.default.createElement(Po,{imgSrcString:h.base64})))};qr.displayName="ScreenshotView";var zg=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=zg();return M__namespace.default.createElement("div",{...e,className:Tr__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}=me(),{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(f=>{if(!c.current||!u)return;let d=tl(u),{height:m,width:h,top:S,left:b}=f.rect,x=u.contentDocument??u.contentWindow?.document,O=x?Math.max(x.body?.scrollHeight||0,x.body?.offsetHeight||0,x.documentElement.scrollHeight,x.documentElement.offsetHeight,x.documentElement.clientHeight):u.getBoundingClientRect().height,w=u.getBoundingClientRect(),I=u.contentWindow?.innerWidth??w.width,A=u.contentWindow?.innerHeight??w.height,L=x?.documentElement?.clientWidth??w.width,z=x?.documentElement?.clientHeight??w.height,H=Math.min(w.width,L),Se=Math.min(w.height,z),le=w.left+H,W=w.top+Se,ce=H?I/H:1,X=Se?A/Se:1,qe=Number.isFinite(ce)&&ce>0?ce:1,No=Number.isFinite(X)&&X>0?X:1,xn=b+h,Fo=S+m,_o=Math.max(b,w.left),Xt=Math.max(S,w.top),zo=Math.min(xn,le),Ro=Math.min(Fo,W),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(I)}});let Vo={left:d.scrollLeft+(_o-w.left)*qe,top:d.scrollTop+(Xt-w.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,f=>{f.code==="Escape"&&t();}),e?M__namespace.default.createElement(Ki,{ref:c},M__namespace.default.createElement(Hg__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 tS=D(Zg__default.default),Yi=()=>{let{setBrowserOptions:e,browserOptions:t}=K(),{setScreenshotOptions:o,screenshotOptions:r}=j(),n=M__namespace.default.useCallback(()=>{let i=Pe();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(tS,null)))};Yi.displayName="ResizeBrowserToIframeContent";var iS=D(rS__default.default),Ji=()=>{let{setBrowserOptions:e,browserOptions:t}=K(),{setScreenshotOptions:o,screenshotOptions:r}=j(),n=M__namespace.default.useCallback(()=>{let i=Pe();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(iS,null)))};Ji.displayName="ResizeBrowserToPreview";var cS=D(aS__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(cS,{style:{marginTop:4,width:"20px"}})))}Qi.displayName="ResetSettings";var dS=D(pS__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 vS=D(mS__default.default),bS=D(hS__default.default),wS=D(gS__default.default),xS=D(xg__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(f=>f===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(bS,{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(xS,null))),M__namespace.default.createElement(components.IconButton,{onClick:i},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},M__namespace.default.createElement(wS,null))),M__namespace.default.createElement(Qi,null),M__namespace.default.createElement(Zi,null),M__namespace.default.createElement(To,{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(vS,null)))))};es.displayName="Toolbar";var PS=100,Jc=2,CS=2,Qc=(e,t)=>{let[o,r]=reactUse.useMeasure(),n=M.useMemo(()=>`calc(${PS/(e||t||1)}% - ${CS}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]),f=M.useCallback(()=>{p(e);},[e,p]),d=M.useCallback(m=>{p([m]);},[p]);return {isSaving:t||a,requestSaveAll:f,requestSaveOne:d,setScreenshotData:c}};var kS=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=kS(),f=_c(),{itemHeight:d,ref:m,width:h}=Qc(o,i.length),{isSaving:S,requestSaveAll:b,requestSaveOne:x,setScreenshotData:O}=Zc(i),w=M.useCallback(()=>{u(i);},[i,u]);return M__namespace.default.createElement("div",{className:Tr__default.default(p.root,{[p.vertical]:o===1})},M__namespace.default.createElement(es,{browserTypes:a,activeBrowsers:i,toggleBrowser:s,onCLose:r,onRefresh:w,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:Tr__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:f,height:d})),i.map(I=>M__namespace.default.createElement("div",{key:I,className:p.listItem,style:{width:h}},M__namespace.default.createElement(qr,{browserType:I,height:d,refresh:l.includes(I),onSave:x,onRefreshEnd:()=>{c(I);},onScreenshotDataChange:O}))))),M__namespace.default.createElement(E,{open:S}))};Mo.displayName="ScreenshotListView";var ES=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=ES();return M__namespace.default.createElement(co,null,M__namespace.default.createElement(DS__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 LS=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=LS();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 NS="storybook-root",rs=`html>body>#${NS}`;var sp="html>body>#root",FS=8;function ap(e){return typeof e.querySelector=="function"}function _S(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=_S(t);if(!o)return e;let r=t.querySelector(o);if(!r)return e;for(let n=1;n<=FS;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 WS=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"}),GS=["id"];function fp(e){return typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function US(e){return e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function jS(e,t){let o=t&&t.length>0?t:GS;for(let r of o){let n=r.trim();if(!n)continue;if(n.toLowerCase()==="id"){if(e.id)return `#${fp(e.id)}`;if(!e.hasAttribute("id"))continue;return "[id]"}if(!e.hasAttribute(n))continue;let s=e.getAttribute(n);if(s==null)continue;let a=fp(n);return s===""?`[${a}]`:`[${a}="${US(s)}"]`}return ""}var 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=WS(),l=M.useRef(null),c=r.type==="id-selector",u=r.type==="selector"||c,[p,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,x=b.elementFromPoint(h,S);if(x)if(c)f({rect:x.getBoundingClientRect(),selector:jS(x,r.selectorAttributeNames)});else {let O=lp(selectorPath.getSelectorPath(x,{minify:true}),b);x.tagName==="HTML"?f({rect:ns,selector:O}):f({rect:x.getBoundingClientRect(),selector:O});}else f({...p,rect:void 0});}},150,[d,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(d),y:Math.round(m)});}},[d,m,n,i,p.selector,o]),M.useEffect(()=>{let h=x=>{s(x.target);},S=document.createElement("STYLE");S.innerHTML=`html, body {
+Browser: ${o}`:""}`;v.success(H,{duration:5e3,id:`image-diff-message:pass:${H}`,onAutoClose:m,onDismiss:m});}else if(A.diffSize||A.error){let H=Tt(A);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]),x=M.useCallback(A=>a?a.screenshotData.browserType===A:false,[a]),O=M.useCallback(()=>a&&a.screenshotData.title,[a]),w=M.useCallback(async(A,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 ge=H?{...H}:void 0,ee={actionSets:c,args:r,base64:z,browserOptions:ge,browserType:A,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&&x(A)&&(ee.updateScreenshot=a.screenshotData);let Se;S();try{Se=await d(ee);}catch{return new Error("Unexpected error occurred")}if(a&&x(A)&&(Se.added&&Ql(a.screenshotData.id),l()),Se.added){ee.index=Se.index;let{base64:Pe,...W}=ee;Jl(W);}return Se},[c,r,n,i,s,x,a,d,l,S]),I=M.useCallback(()=>{b();},[b]);return {clearError:S,error:p,getUpdatingScreenshotTitle:O,inProgress:h,isUpdating:x,onSuccessClose:I,result:f,saveScreenShot:w}}function Oc(e,t){let o=Ht(),r=jr(),n=managerApi.useStorybookState(),{screenshotOptions:i}=$(),{currentActions:s}=ze(n.storyId),a=M.useRef(),[l,c]=M.useState(),{mutate:p,isPending:u,data:d}=T.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(x=>x+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||f===0)return;let S=T0__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,f]),{error:l,getSnapshot:h,loading:u,screenshot:d}}function Bc(){let{mutateAsync:e,isPending:t}=T.screenshot.changeScreenshotIndex.useMutation(),o=P(),r=M.useCallback(async n=>{if(o){bi({newIndex:n.newIndex,oldIndex:n.oldIndex});try{await e({filePath:o.filePath,newIndex:n.newIndex,oldIndex:n.oldIndex,storyId:o.id});}catch{bi({newIndex:n.oldIndex,oldIndex:n.newIndex});}}},[e,o]);return {ChangeIndexInProgress:t,changeIndex:r}}var Di=e=>{let{storyData:t,screenShotData:o,onClose:r,open:n=true,...i}=e,{testScreenshot:s,inProgress:a,result:l}=Rt();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(ut,{title:o.title,imageDiffResult:l,open:n,onClose:r,titleActions:()=>M__namespace.default.createElement(Me,{color:"primary",size:"medium",screenshotData:o}),...i}),M__namespace.default.createElement(E,{open:a}))};Di.displayName="ScreenshotPreviewDialog";var N0=D(E0__default.default),F0=D(O0__default.default),_0=y(()=>({indicatorIcon:{height:16,position:"absolute",right:-1,top:0,zIndex:1},visible:{display:"block"}}),{name:"ScreenshotListItemMenu"});function wo({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:d,listeners:f,setActivatorNodeRef:m,setNodeRef:h,transform:S,transition:b,isDragging:x}=sortable.useSortable({disabled:!a,id:r??o.id}),O=_0(),[w,I]=M.useState(false),[A,L]=M.useState(false),z=M.useRef(0),{dragStart:H}=Vr(),[ge,ee]=M.useState(false),{inProgress:Se,testScreenshot:Pe}=Rt(),W=n&&n.pass,le=M.useCallback(()=>{L(false),!e&&W&&n?.screenshotId?Hr(n.screenshotId):window.clearTimeout(z.current);},[e,W,n]);M.useEffect(()=>(!e&&n&&n.pass&&(z.current=window.setTimeout(()=>{le();},1e4)),()=>{window.clearTimeout(z.current);}),[e,le,n]);let Oe=M.useCallback(()=>{L(true);},[]),Tn=M.useCallback(()=>{I(true);},[]),Ho=M.useCallback(()=>{I(false);},[]),Vo=M.useCallback(async()=>{await Pe({...p,screenshotId:o.id}),L(true);},[o.id,p,Pe]),Qt=M.useCallback(()=>{s&&s(o),t&&ee(!ge);},[s,o,ge,t]),{editScreenshot:Ko,loadSetting:Wo,editScreenshotState:St,clearScreenshotEdit:Go}=Ve(),Uo=M.useCallback(()=>Ko(o),[Ko,o]),jo=M.useCallback(()=>{Wo(o);},[Wo,o]);return M__namespace.default.createElement("div",{ref:h,style:{opacity:x?.8:1,transform:utilities.CSS.Transform.toString(S),transition:b}},M__namespace.default.createElement(ki,{onClick:Qt,title:o.title,draggable:a,selected:i||St&&St.screenshotData.id===o.id,tooltip:o.title+(p&&` - ${p.id}`),onMouseEnter:Tn,onMouseLeave:Ho,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:Se}),W&&M__namespace.default.createElement(N0,{color:"primary",onClick:le,className:O.indicatorIcon}),n&&!n.pass&&M__namespace.default.createElement(F0,{color:"secondary",onClick:Oe,className:O.indicatorIcon}),M__namespace.default.createElement(xo,{style:{height:16},browserType:o.browserType}),A&&c&&n&&M__namespace.default.createElement(Lc,{result:n,onClose:le,title:o.title,titleActions:()=>M__namespace.default.createElement(Me,{color:"primary",size:"medium",screenshotData:o})}),M__namespace.default.createElement(Ii,{show:(l||w)&&!H,screenshot:o,onHide:Ho,onRunImageDiff:Vo,imageDiffResult:n,onEditClick:Uo,onLoadSettingClick:jo,isEditing:!!St,onDelete:Go,...u}),ge&&t&&M__namespace.default.createElement(Di,{screenShotData:o,storyData:p,onClose:Qt,open:true,width:"100%",height:"100%",activeTab:W?"newScreenshot":"imageDiff"}))))}wo.displayName="ScreenshotListItem";var To=({children:e,items:t})=>{let{setDragStart:o}=Vr(),{changeIndex:r,ChangeIndexInProgress:n}=Bc(),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(f=>f===c.id),d=t.findIndex(f=>f===p.id);u<0||d<0||r({newIndex:d,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(ai,null,M__namespace.default.createElement(E,{open:n}),e)))};To.displayName="ScreenshotListSortable";var Bi=({children:e})=>{let t=P(),o=He(),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(To,{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(wo,{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))};Bi.displayName="ScreenshotList";var Li=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(nt,{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(Kt,{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(Ae,{IconButton:components.IconButton,onDelete:s}))))};Li.displayName="ScreenshotListToolbar";function Wt(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 eg=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"}),Ni=({screenshots:e,storyData:t,selectedItem:o,title:r,children:n,draggable:i=true,...s})=>{let[a,l]=M.useState(),c=He(),p=eg(),u=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]);Wt(void 0,d),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 f=a&&c.imageDiffResults.find(m=>m.screenshotId===a.id);return M__namespace.default.createElement(ye,{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(To,{items:e.map(m=>m.id)},a&&e.map((m,h)=>M__namespace.default.createElement(wo,{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}),f&&M__namespace.default.createElement(Co,{imageDiffResult:f}),n))};Ni.displayName="ScreenshotListPreviewDialog";var qr=e=>{let{onClose:t,updating:o,target:r,onLoad:n}=e,{loading:i,storyData:s}=Cc(r,n),[a,l]=M.useState(false),c=He(),{updateScreenshot:p}=Ur(),u=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(p(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,p]);return M__namespace.default.useEffect(()=>(vo(true),()=>{vo(false),tc();}),[]),M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:i||a}),!i&&M__namespace.default.createElement(Ni,{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})))};qr.displayName="StoryScreenshotPreview";var zc=M__namespace.default.memo(qr);function Fi(){let[e,t]=M.useState(false),o="screenshot-panel",{runDiffTest:r,updateInf:n}=Nt(o,"story"),{screenshotLoaderInProgress:i}=ic(),{deleteInProgress:s,deleteStoryScreenshots:a}=nc(),l=He(),{testStoryScreenShots:c,imageDiffTestInProgress:p}=zt(),u=M.useCallback(()=>{t(!e);},[e]),d=l.screenshots&&l.screenshots.length>0;M.useEffect(()=>{vo(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(Li,{onUpdateClick:r,title:"Story Screenshots",onTestClick:f,onPreviewClick:u,hasScreenShot:d,onDelete:a}),M__namespace.default.createElement(Bi,null,M__namespace.default.createElement(E,{open:i||p||s||n.reqBy!==void 0})),e&&M__namespace.default.createElement(qr,{onClose:u,target:"story"}))}Fi.displayName="ScreenshotPanel";var _i=({showPanel:e})=>{let[t,o]=M__namespace.default.useState(false),{updateInf:r,handleClose:n,setIsLoadingFinish:i}=Nt(""),s=M__namespace.default.useCallback(()=>{o(true),i(true);},[i]),a=M__namespace.default.useCallback(()=>{n(),o(false);},[n]);return M__namespace.default.createElement(Ie,null,e&&!t&&M__namespace.default.createElement(Fi,null),r.reqBy&&M__namespace.default.createElement(zc,{onClose:a,updating:true,target:r.target??"story",onLoad:s}))};_i.displayName="ScreenshotMain";function Rc(){let e=managerApi.useStorybookState(),[t,o]=M.useState();return M.useEffect(()=>{let r=Ja(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 gg=D(Cf__default.default),Sg=y(()=>({content:{padding:5},root:{padding:5,width:450},title:{display:"flex",fontSize:20,justifyContent:"space-between",padding:5}}),{name:"OptionPopover"}),Ao=({title:e,Icon:t,children:o,width:r,active:n})=>{let[i,s]=M.useState(),a=Sg(),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(gg,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))))};Ao.displayName="OptionPopover";var wg=D(yg__default.default),Mo=({browserType:e})=>{let{setBrowserOptions:t,browserOptions:o,hasOption:r,setBrowserDeviceOptions:n}=G(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(Ao,{title:"Browser Options",Icon:wg,active:r},!i&&M__namespace.default.createElement(Xr,{onSave:a,schemaName:"browser-options",defaultData:o&&o[e],FooterComponent:M__namespace.default.createElement(ui,{onDeviceSelect:l})})):null};Mo.displayName="BrowserOptions";var Ag=D(Tg__default.default),Mg=D(Pg__default.default),Ig=D(Cg__default.default),kg=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"}}}),Vi=e=>{let{browserType:t,onSave:o,showSaveButton:r,loading:n,onRefresh:i,onFullScreen:s}=e,a=kg();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(Ig,null))),M__namespace.default.createElement(components.IconButton,{onClick:i},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},M__namespace.default.createElement(Mg,null))),t!=="storybook"&&M__namespace.default.createElement(Mo,{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(Ag,null)))))};Vi.displayName="ScreenShotViewToolbar";var Ki=(e,t,o=.1)=>e==="dark"?styles.lighten(t,o):styles.darken(t,o);var _g=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:Ki(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 ${Ki(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"}),Yr=e=>{let{browserType:t,url:o,height:r,refresh:n,onRefreshEnd:i,onSave:s,onScreenshotDataChange:a}=e,{isEditing:l}=Ve(),[c,p]=M.useState(false),u=_g(),{getBrowserOptions:d}=G(),f=d(t),{loading:m,screenshot:h,getSnapshot:S,error:b}=Oc(t,f);M.useEffect(()=>{!n||m||(S(),i?.());},[S,m,i,n]);let x=r-30,O=t==="storybook",w=!!(h&&h.base64)&&t!=="storybook",I=M.useCallback(()=>{p(!c);},[c]),A=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:Mr__default.default(u.card,{[u.editMode]:l(t)})},M__namespace.default.createElement(Vi,{browserType:t,onSave:L,loading:m,onRefresh:S,showSaveButton:w,onFullScreen:I}),M__namespace.default.createElement("div",{className:u.container,style:{height:x,overflow:O?"hidden":"auto"}},t!=="storybook"?M__namespace.default.createElement("div",{className:u.imageContainer},h&&h.base64&&!A?M__namespace.default.createElement("img",{className:u.image,src:`data:image/gif;base64,${h.base64}`}):M__namespace.default.createElement(M__namespace.default.Fragment,null,A&&M__namespace.default.createElement(ei,{message:A}))):M__namespace.default.createElement("iframe",{src:o,className:u.iframe,style:{height:x},frameBorder:"0"})),M__namespace.default.createElement(ye,{open:c,width:"100%",height:"100%",onClose:I,title:`${material.capitalize(t)} screenshot`},h&&c&&h.base64&&M__namespace.default.createElement(Io,{imgSrcString:h.base64})))};Yr.displayName="ScreenshotView";var Vg=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"}),Wi=M.forwardRef((e,t)=>{let o=Vg();return M__namespace.default.createElement("div",{...e,className:Mr__default.default(o.overlay),ref:t})});Wi.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"})),Ui=()=>{let{clipping:e,stop:t}=Gi(),{addonState:o,setAddonState:r}=fe(),{setBrowserOptions:n,browserOptions:i}=G(),s=o.clippingWarningDismissed??false,{setScreenshotOptions:a,screenshotOptions:l}=$(),c=M__namespace.default.useRef(null),p=Gc(),u=M__namespace.default.useCallback(d=>{if(!c.current||!p)return;let f=rl(p),{height:m,width:h,top:S,left:b}=d.rect,x=p.contentDocument??p.contentWindow?.document,O=x?Math.max(x.body?.scrollHeight||0,x.body?.offsetHeight||0,x.documentElement.scrollHeight,x.documentElement.offsetHeight,x.documentElement.clientHeight):p.getBoundingClientRect().height,w=p.getBoundingClientRect(),I=p.contentWindow?.innerWidth??w.width,A=p.contentWindow?.innerHeight??w.height,L=x?.documentElement?.clientWidth??w.width,z=x?.documentElement?.clientHeight??w.height,H=Math.min(w.width,L),ge=Math.min(w.height,z),ee=w.left+H,Se=w.top+ge,Pe=H?I/H:1,W=ge?A/ge:1,le=Number.isFinite(Pe)&&Pe>0?Pe:1,Oe=Number.isFinite(W)&&W>0?W:1,Tn=b+h,Ho=S+m,Vo=Math.max(b,w.left),Qt=Math.max(S,w.top),Ko=Math.min(Tn,ee),Wo=Math.min(Ho,Se),St=Math.max(0,Ko-Vo),Go=Math.max(0,Wo-Qt);if(St===0||Go===0){t();return}n("all",{...i.all||{},viewport:{height:Math.round(O),width:Math.round(I)}});let Uo={left:f.scrollLeft+(Vo-w.left)*le,top:f.scrollTop+(Qt-w.top)*Oe};a({...l,clip:{height:Math.ceil(Go*Oe),width:Math.ceil(St*le),x:Math.floor(Uo.left),y:Math.floor(Uo.top)}}),t(),s||v.custom(({dismiss:jo})=>M__namespace.default.createElement(Cr,{variant:"info",onClose:jo},M__namespace.default.createElement(ti,{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}),jo();}},"Do Not Show Again"))));},[o,i.all,p,s,l,n,a,r,t]);return Wt(void 0,d=>{d.code==="Escape"&&t();}),e?M__namespace.default.createElement(Wi,{ref:c},M__namespace.default.createElement(Wg__default.default,{dragContainer:c.current,hitRate:100,selectByClick:true,selectFromInside:true,ratio:0,onSelectEnd:u})):null};Ui.displayName="Clipper";var ji=()=>{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"}))))};ji.displayName="ClipperButton";var Uc=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 jc=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 $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:"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 Xc=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 xo=M.memo(e=>{let{browserType:t,...o}=e;switch(t){case "chromium":return M__namespace.default.createElement(jc,{...o});case "firefox":return M__namespace.default.createElement($c,{...o});case "webkit":return M__namespace.default.createElement(Xc,{...o});default:return M__namespace.default.createElement(Uc,{...o})}});xo.displayName="BrowserIcon";var Yi=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(xo,{browserType:t}))};Yi.displayName="BrowserIconButton";var nS=D(oS__default.default),Ji=()=>{let{setBrowserOptions:e,browserOptions:t}=G(),{setScreenshotOptions:o,screenshotOptions:r}=$(),n=M__namespace.default.useCallback(()=>{let i=Ce();if(!i)return;let s=tl(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(nS,null)))};Ji.displayName="ResizeBrowserToIframeContent";var lS=D(sS__default.default),Qi=()=>{let{setBrowserOptions:e,browserOptions:t}=G(),{setScreenshotOptions:o,screenshotOptions:r}=$(),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(lS,null)))};Qi.displayName="ResizeBrowserToPreview";var dS=D(uS__default.default);function Zi(){let{setBrowserOptions:e}=G(),{setScreenshotOptions:t}=$(),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(dS,{style:{marginTop:4,width:"20px"}})))}Zi.displayName="ResetSettings";var gS=D(fS__default.default),es=()=>{let{setScreenshotOptions:e,screenshotOptions:t}=$(),o=M.useCallback(n=>{e(n);},[e]),r=M.useMemo(()=>t&&Object.keys(t).length>0,[t]);return M__namespace.default.createElement(Ao,{title:"Screenshot Options",Icon:gS,active:r},M__namespace.default.createElement(Xr,{onSave:o,schemaName:"screenshot-options",defaultData:t,excludeProps:["path"]}))};es.displayName="ScreenshotOptions";var xS=D(SS__default.default),TS=D(yS__default.default),PS=D(vS__default.default),CS=D(Cg__default.default),ts=e=>{let{browserTypes:t,toggleBrowser:o,activeBrowsers:r,onCLose:n,onRefresh:i,isVertical:s,onSave:a}=e,{setBrowserOptions:l,browserOptions:c}=G(),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(nt,{border:s?void 0:["top"]},M__namespace.default.createElement("div",{className:"left"},t.map(u=>M__namespace.default.createElement(Yi,{key:u,browserType:u,onClick:o,active:r.find(d=>d===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(TS,{style:{transform:"rotate(-80deg)"}}))),M__namespace.default.createElement(ji,null),M__namespace.default.createElement(Qi,null),M__namespace.default.createElement(Ji,null),M__namespace.default.createElement(components.IconButton,{onClick:a},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Save screenshots"},M__namespace.default.createElement(CS,null))),M__namespace.default.createElement(components.IconButton,{onClick:i},M__namespace.default.createElement(material.Tooltip,{placement:"top",title:"Refresh"},M__namespace.default.createElement(PS,null))),M__namespace.default.createElement(Zi,null),M__namespace.default.createElement(es,null),M__namespace.default.createElement(Mo,{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(xS,null)))))};ts.displayName="Toolbar";var MS=100,Zc=2,IS=2,eu=(e,t)=>{let[o,r]=reactUse.useMeasure(),n=M.useMemo(()=>`calc(${MS/(e||t||1)}% - ${IS}px)`,[t,e]);return {itemHeight:M.useMemo(()=>e===1?r.height/(t||1):e===Zc?r.height/Zc:r.height,[t,e,r.height]),ref:o,width:n}};var tu=e=>{let[t,o]=M.useState(false),r=M.useRef({}),{generateTitle:n,hasGenerator:i}=xc(null),{getUpdatingScreenshotTitle:s,inProgress:a,saveScreenShot:l}=Ic(),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";It.show({onGenerateContent:i?n:void 0,onSave:S=>{p(S,m);},required:true,title:h,value:s()});},[n,s,i,p]),d=M.useCallback(()=>{u(e);},[e,u]),f=M.useCallback(m=>{u([m]);},[u]);return {isSaving:t||a,requestSaveAll:d,requestSaveOne:f,setScreenshotData:c}};var OS=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}`}})),Eo=e=>{let{showStorybook:t,column:o,onClose:r,viewPanel:n}=e,{activeBrowsers:i,toggleBrowser:s,browserTypes:a,refreshingBrowsers:l,clearBrowserRefresh:c,refreshBrowsers:p}=Gr(n),u=OS(),d=Rc(),{itemHeight:f,ref:m,width:h}=eu(o,i.length),{isSaving:S,requestSaveAll:b,requestSaveOne:x,setScreenshotData:O}=tu(i),w=M.useCallback(()=>{p(i);},[i,p]);return M__namespace.default.createElement("div",{className:Mr__default.default(u.root,{[u.vertical]:o===1})},M__namespace.default.createElement(ts,{browserTypes:a,activeBrowsers:i,toggleBrowser:s,onCLose:r,onRefresh:w,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:Mr__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(Yr,{browserType:"storybook",url:d,height:f})),i.map(I=>M__namespace.default.createElement("div",{key:I,className:u.listItem,style:{width:h}},M__namespace.default.createElement(Yr,{browserType:I,height:f,refresh:l.includes(I),onSave:x,onRefreshEnd:()=>{c(I);},onScreenshotDataChange:O}))))),M__namespace.default.createElement(E,{open:S}))};Eo.displayName="ScreenshotListView";var LS=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%"}})),os=e=>{let{onClose:t,open:o}=e,r=LS();return M__namespace.default.createElement(fo,null,M__namespace.default.createElement(BS__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(Eo,{showStorybook:true,column:2,onClose:t,viewPanel:"dialog"}))))};os.displayName="PreviewDialog";var _S=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"}),rs=()=>{let{editScreenshotState:e,clearScreenshotEdit:t}=Ve(),o=_S();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};rs.displayName="EditScreenshotAlert";function ru(e,t){return e&&e.placement&&e.placement!=="auto"?e.placement==="bottom":t!=="bottom"}var De="playwright-addon",nu=`${De}/action-panel`,Ut=`${De}/screenshot-panel`,iu=`${De}/tool`,su=`${De}/toast`,au=`${De}/preview-panel`;var an=" (This action loaded from screenshot actions, its temporary and will be removed)";var zS="storybook-root",ns=`html>body>#${zS}`;var lu="html>body>#root",RS=8;function cu(e){return typeof e.querySelector=="function"}function HS(e){if(cu(e)){if(e.querySelector(lu))return lu;if(e.querySelector(ns))return ns}}function uu(e,t){if(!cu(t))return e;let o=HS(t);if(!o)return e;let r=t.querySelector(o);if(!r)return e;for(let n=1;n<=RS;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 jS=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"}),$S=["id"];function mu(e){return typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function qS(e){return e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}function XS(e,t){let o=t&&t.length>0?t:$S;for(let r of o){let n=r.trim();if(!n)continue;if(n.toLowerCase()==="id"){if(e.id)return `#${mu(e.id)}`;if(!e.hasAttribute("id"))continue;return "[id]"}if(!e.hasAttribute(n))continue;let s=e.getAttribute(n);if(s==null)continue;let a=mu(n);return s===""?`[${a}]`:`[${a}="${qS(s)}"]`}return ""}var is={height:"100%",left:0,right:0,width:"100%"},ss=e=>{let{iframe:t}=e,{stopSelector:o,selectorManager:r,setSelectorData:n}=jt(),[i,s]=M.useState(),a=jS(),l=M.useRef(null),c=r.type==="id-selector",p=r.type==="selector"||c,[u,d]=M.useState({rect:is}),{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,x=b.elementFromPoint(h,S);if(x)if(c)d({rect:x.getBoundingClientRect(),selector:XS(x,r.selectorAttributeNames)});else {let O=uu(selectorPath.getSelectorPath(x,{minify:true}),b);x.tagName==="HTML"?d({rect:is,selector:O}):d({rect:x.getBoundingClientRect(),selector:O});}else d({...u,rect:void 0});}},150,[f,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(f),y:Math.round(m)});}},[f,m,n,i,u.selector,o]),M.useEffect(()=>{let h=x=>{s(x.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:Tr__default.default(a.overlay)},r&&p&&p.rect&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("div",{className:Tr__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: ${d}`),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 ey=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"}),gp=3,ty=e=>{let{children:t}=e,{addonState:o,setAddonState:r}=me(),n=managerApi.useStorybookState(),i=ey(),s=tp(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,u=M__namespace.default.createElement(reactSplitPane.Pane,{key:"preview",minSize:50,size:o&&o.previewPanelSize||"30%",className:Tr__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:Tr__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"})),f=[u,p];return M__namespace.default.createElement("div",{id:"preview-container",className:Tr__default.default(i.root)},M__namespace.default.createElement(reactSplitPane.SplitPane,{direction:s?"vertical":"horizontal",onResize:d=>a(d[c]),dividerClassName:Tr__default.default(i.splitPane),dividerStyle:{...s?{height:gp}:{width:gp}}},f))},as=e=>M__namespace.default.createElement(Me,null,M__namespace.default.createElement(ty,{...e}));as.displayName="Preview";var ny=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=ny(),{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 py=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=py({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]),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: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(x=>x.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 vp(){let e=managerApi.useStorybookApi(),t=P(),{addonState:o,setAddonState:r}=me();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 Py=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}})),Cy=()=>{let[e,t]=M.useState(false),[o,r]=M.useState(false),{setAddonState:n,addonState:i}=me(),s=P(),a=vp(),l=Py(),c=i&&i.previewPanelEnabled,u=i?i.placement:"auto",p=()=>{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:()=>{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:()=>{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: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:f}))},fs=()=>M__namespace.default.createElement(Me,null,M__namespace.default.createElement(Cy,null));fs.displayName="Tool";function Iy(e){if(e)return e.reduce((t,o)=>(t[o]=o,t),{})}function ky(e,t){if(t!==void 0)return t;switch(e){case "boolean":return  false;case "number":return "";case "options":return [];default:return ""}}var Dy=({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 Ey(e){return Dy}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?Iy(i):void 0,optionsObj:{display:s},type:o,value:ky(o,n)}),c=Ey(),u=M.useCallback(p=>{l({...a,value:p}),r(p);},[a,r]);return {Control:c,handleChange:u,knob:a,setKnob:l}}function Mp(){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 kp(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=Pe()||void 0),M.useEffect(()=>()=>{e.current=void 0;},[]),e.current}function Gt(){let e=Vl(),t=M.useCallback(n=>{let{onData:i,onStop:s,selectorAttributeNames:a,type:l}=n;hi({onData:i,onStop:s,selectorAttributeNames:a,start:true,type:l});},[]),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=kp("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 Wy=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=Wy(),u=(t.pass||!s?t.newScreenshot:t.imgSrcString)||"",p=wt(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)),p&&n===1&&M__namespace.default.createElement(material.Alert,{severity:"error"},p.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:u,diffDirection:t.diffDirection})))};wo.displayName="ImageDiffPreview";var lt=e=>{let{imageDiffResult:t,activeTab:o,...r}=e;return M__namespace.default.createElement(ye,{width:"100%",height:"100%",...r},M__namespace.default.createElement(wo,{imageDiffResult:t,activeTab:o}))};lt.displayName="ImageDiffPreviewDialog";var Op=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:Mr__default.default(a.overlay)},r&&u&&u.rect&&M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement("div",{className:Mr__default.default(a.preview,"selector-preview"),style:p?{height:u.rect.height,left:u.rect.left,top:u.rect.top,width:u.rect.width}:is}),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,u.selector))))};ss.displayName="SelectorOverlay";var as=M.memo(e=>{let{children:t}=e,{selectorManager:o}=jt(),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(ss,{iframe:n}))});as.displayName="Selector";var ry=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"}),yu=3,ny=e=>{let{children:t}=e,{addonState:o,setAddonState:r}=fe(),n=managerApi.useStorybookState(),i=ry(),s=ru(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,p=M__namespace.default.createElement(reactSplitPane.Pane,{key:"preview",minSize:50,size:o&&o.previewPanelSize||"30%",className:Mr__default.default("preview-main",i.preview)},M__namespace.default.createElement("div",{className:i.iframeContainer},M__namespace.default.createElement(as,null,t)),M__namespace.default.createElement(Ui,null),M__namespace.default.createElement(rs,null)),u=M__namespace.default.createElement(reactSplitPane.Pane,{key:"screenshot",minSize:50,className:Mr__default.default(i.snapshotPanel)},M__namespace.default.createElement(components.Separator,null),o&&o.previewPanelEnabled&&M__namespace.default.createElement(Eo,{column:s?void 0:1,onClose:l,viewPanel:"main"})),d=[p,u];return M__namespace.default.createElement("div",{id:"preview-container",className:Mr__default.default(i.root)},M__namespace.default.createElement(reactSplitPane.SplitPane,{direction:s?"vertical":"horizontal",onResize:f=>a(f[c]),dividerClassName:Mr__default.default(i.splitPane),dividerStyle:{...s?{height:yu}:{width:yu}}},d))},ls=e=>M__namespace.default.createElement(Ie,null,M__namespace.default.createElement(ny,{...e}));ls.displayName="Preview";var ay=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"}),cs=e=>{let{imageDiff:t,onClick:o}=e,r=managerApi.useStorybookApi(),n=ay(),{storyId:i}=t,s=i?r.getData(i):void 0,a=M.useCallback(()=>{i&&(o(),r.selectStory(i),r.setSelectedPanel(Ut));},[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)))};cs.displayName="ImageDiffMenuItem";var fy=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"}),cn=e=>{let{target:t,storyData:o}=e,r=fy({classes:e.classes}),{imageDiffResult:n}=Tc(),{testStoryScreenShots:i,imageDiffTestInProgress:s}=zt(),a=t==="file"&&o?n.filter(m=>m.filePath?Pr(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&&Hr(m.screenshotId);}):_t([]);},[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: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(x=>x.storyId===h.storyId)).map(h=>M__namespace.default.createElement(cs,{key:`${h.storyId||""}${h.screenshotId||""}`,imageDiff:h,onClick:m})))},f):f};cn.displayName="ImageDiff";var us=100;function wu(){let e=managerApi.useStorybookApi(),t=P(),{addonState:o,setAddonState:r}=fe();return ()=>{r({...o,placement:"auto",previewPanelEnabled:true,previewPanelSize:us}),e.emit(coreEvents.RESET_STORY_ARGS,{storyId:t?.id}),ct(),t?.id&&Bt(t.id);}}var un=({target:e})=>{let t=`tool-${e}`,{runDiffTest:o,updateInf:r}=Nt(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}))};un.displayName="ScreenshotUpdateIcon";var My=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}})),Iy=()=>{let[e,t]=M.useState(false),[o,r]=M.useState(false),{setAddonState:n,addonState:i}=fe(),s=P(),a=wu(),l=My(),c=i&&i.previewPanelEnabled,p=i?i.placement:"auto",u=()=>{t(true);},d=()=>{t(false);},f=M.useCallback(()=>{n({...i,previewPanelEnabled:!c});},[i,c,n]),m=M.useCallback(h=>{n({...i,placement:h,previewPanelSize:us});},[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:()=>{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: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(cn,{classes:{button:l.button},storyData:s,target:"all"}),M__namespace.default.createElement(un,{target:"all"}),M__namespace.default.createElement("span",{className:l.asterisk},"*"),M__namespace.default.createElement(components.Separator,null),M__namespace.default.createElement(cn,{classes:{button:l.button},storyData:s,target:"file"}),M__namespace.default.createElement(un,{target:"file"}),M__namespace.default.createElement("span",{className:l.asterisk},"*")),o&&M__namespace.default.createElement(Kt,{open:o,onClose:()=>r(false)}),e&&M__namespace.default.createElement(os,{open:e,onClose:d}))},fs=()=>M__namespace.default.createElement(Ie,null,M__namespace.default.createElement(Iy,null));fs.displayName="Tool";function Ey(e){if(e)return e.reduce((t,o)=>(t[o]=o,t),{})}function Oy(e,t){if(t!==void 0)return t;switch(e){case "boolean":return  false;case "number":return "";case "options":return [];default:return ""}}var By=({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(ho,{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 Ly(e){return By}function dn(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?Ey(i):void 0,optionsObj:{display:s},type:o,value:Oy(o,n)}),c=Ly(),p=M.useCallback(u=>{l({...a,value:u}),r(u);},[a,r]);return {Control:c,handleChange:p,knob:a,setKnob:l}}function ku(){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 Eu(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 Wt(n,i,t),o}function Gc(){let e=M.useRef(void 0);return e.current||(e.current=Ce()||void 0),M.useEffect(()=>()=>{e.current=void 0;},[]),e.current}function jt(){let e=Wl(),t=M.useCallback(n=>{let{onData:i,onStop:s,selectorAttributeNames:a,type:l}=n;gi({onData:i,onStop:s,selectorAttributeNames:a,start:true,type:l});},[]),o=M.useCallback(()=>{e.onStop&&e.onStop(),gi({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 Io=e=>{let{imgSrcString:t,diffDirection:o}=e,r=Eu("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}`})))})};Io.displayName="ImagePreview";var jy=y(()=>({preview:{flexGrow:1,margin:5,overflow:"auto"},root:{display:"flex",flexFlow:"column",height:"100%",overflow:"hidden",position:"relative",width:"100%"}}),{name:"ImageDiffPreview"});var Co=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=jy(),p=(t.pass||!s?t.newScreenshot:t.imgSrcString)||"",u=Tt(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)),u&&n===1&&M__namespace.default.createElement(material.Alert,{severity:"error"},u.split(`
+`).map((f,m)=>M__namespace.default.createElement("div",{key:m},f))),M__namespace.default.createElement("div",{className:l.preview},M__namespace.default.createElement(Io,{imgSrcString:p,diffDirection:t.diffDirection})))};Co.displayName="ImageDiffPreview";var ut=e=>{let{imageDiffResult:t,activeTab:o,...r}=e;return M__namespace.default.createElement(ye,{width:"100%",height:"100%",...r},M__namespace.default.createElement(Co,{imageDiffResult:t,activeTab:o}))};ut.displayName="ImageDiffPreviewDialog";var Lu=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(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})};Op.displayName="ImageDiffMessage";var Oc=M__namespace.default.memo(Op);var qy=ml(),Bp=new reactQuery$1.QueryClient({defaultOptions:{mutations:{retry:false},queries:{retry:false}}}),Me=e=>{let{children:t}=e;return M__namespace.default.createElement(T.Provider,{client:qy,queryClient:Bp},M__namespace.default.createElement(reactQuery$1.QueryClientProvider,{client:Bp},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 e1=D(Xy__default.default),t1=D(Yy__default.default),o1=D(Jy__default.default),r1=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=r1();return M__namespace.default.createElement("div",{className:l.root},M__namespace.default.createElement("div",{className:Tr__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(t1,{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(e1,{style:{opacity:1},className:l.icons}):M__namespace.default.createElement(o1,{className:l.icons})))))});Eo.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: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}))});dt.displayName="Control";var l1=["id"],Rp=D(i1__default.default),c1=D(s1__default.default),p1=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,f]=M.useState(false),d=p1(),[m,h]=M.useState(false),{startSelector:S}=Gt(),{data:b}=T.schema.getClientConfig.useQuery(),{Control:x,knob:O,handleChange:w,setKnob:I}=pn(e),A=M.useCallback(W=>{f(false),S({onData:ce=>{if(W==="selector"||W==="id-selector")u(l,ce.path);else if(a){let X=l.length===1?"":`${l.slice(0,-2)}.`;u(`${X}x`,Math.round(ce.x??0)),u(`${X}y`,Math.round(ce.y??0));}else w(ce[o==="top"?"y":o==="left"?"x":o]);},selectorAttributeNames:b?.selectorAttributeNames??l1,type:W});},[S,a,u,l,o,w,b?.selectorAttributeNames]),L=M__namespace.default.useCallback(()=>{A(t);},[t,A]),z=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(()=>{O.defaultValue!==s&&(w(s),I({...O,defaultValue:s,value:s}));},[w,O,I,s]);let H=M.useCallback(W=>{f(true),w(W);},[w]),Se=M.useCallback(W=>f(W.target.tagName==="TEXTAREA"),[]),le=t==="selector";return M__namespace.default.createElement(Eo,{label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,isRequired:c},M__namespace.default.createElement("div",{className:Tr__default.default("selector-root",d.root,{[d.error]:m&&p}),onBlur:Se},M__namespace.default.createElement(x,{onChange:H,knob:O}),M__namespace.default.createElement("div",{className:Tr__default.default({[d.buttonWrap]:a,[d.selectorButtonWrap]:le})},M__namespace.default.createElement(material.IconButton,{size:"small",onClick:L,className:d.button},le?M__namespace.default.createElement(Rp,{className:d.selectorIcon}):M__namespace.default.createElement(c1,null)),le&&M__namespace.default.createElement(material.IconButton,{size:"small",onClick:z,className:d.button},M__namespace.default.createElement("div",{className:d.selectorHashIcon},M__namespace.default.createElement(Rp,{className:d.selectorIcon}))))),m&&p&&M__namespace.default.createElement("div",{className:Tr__default.default("selector-error",d.errorMessage)},"Invalid Selector!"))});gs.displayName="SelectorControl";var Vp=({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]),f=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:f,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(dt,{label:e,type:"select",onChange:p,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:p,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:p,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:p,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:p,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(f1__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}};Vp.displayName="SchemaProp";var Kp=M__namespace.default.memo(Vp);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,u)=>{let p=e[l];return M__namespace.default.createElement(Kp,{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})}));dn.displayName="SchemaRenderer";var hn=M__namespace.default.memo(dn);var h1=y(()=>({footer:{display:"flex",justifyContent:"space-between",paddingTop:2},main:{fontSize:14,height:400,overflowX:"hidden",overflowY:"auto",padding:5,paddingRight:20}}),{name:"SchemaFormLoader"}),jp=({defaultData:e,onSave:t,FooterComponent:o,schemaName:r})=>{let n=h1(),[i,s]=M.useState(e),[a,l]=M.useState(false),c=M.useRef(),{mutate:u,data:p}=T.schema.getSchema.useMutation();M.useEffect(()=>{c.current!==r&&(c.current=r,u({schemaName:r}));},[u,r]);let f=M.useCallback(()=>{t(i);},[t,i]),d=M.useCallback(()=>{t({}),s({}),l(true);},[t]),m=M.useCallback((S,b)=>{let x=gn__namespace.set(i,S,b);s(x);},[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:d},"Clear"),M__namespace.default.createElement(material.Button,{onClick:f},"Save"))))};jp.displayName="SchemaFormLoader";var $r=M__namespace.default.memo(jp);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(ye,{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 v1=120,b1=12,w1="50vh",x1=(e,t)=>typeof e=="function"?e(t):e,T1=({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??w1,overflowY:r?.overflowY??"auto"},onMouseDown:a=>a.stopPropagation()},e)},vs=({minVisibleHeight:e=v1,tooltip:t,tooltipClassName:o,tooltipStyle:r,viewportBottomOffset:n=b1,...i})=>{let s=M__namespace.default.useCallback(a=>M__namespace.default.createElement(T1,{className:o,minVisibleHeight:e,style:r,viewportBottomOffset:n},x1(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=P()?.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]),u=M.useCallback(f=>{i&&El({actionId:o,actionOptionPath:f,actionSetId:r,storyId:i});},[o,r,i]),p=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:u,onSelectorChange:p})):null};bs.displayName="ActionSchemaRenderer";var L1=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=P()?.id,u=fe(),p=Br(c||"",t),f=lo(u.actionSchema,o),d=L1(),m=M.useCallback(()=>{Ir(t);},[t]);M.useEffect(()=>{if(!p||!p.subtitleItems)return;let b=p.subtitleItems.reduce((x,O)=>{let w=O.split(".").pop(),I=Sn(p,O);return I&&x.push(`${w}: ${I}`),x},[]);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=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:u.expandedActions&&u.expandedActions[t]===true&&S,onChange:m,className:d.expansionPanel,square:true,slotProps:{transition:{timeout:100}}},M__namespace.default.createElement(I1__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},u.expandedActions&&u.expandedActions[t]&&S&&M__namespace.default.createElement(bs,{schema:f,actionId:t,actionSetId:n}))))});ws.displayName="ActionOptions";var q1=y(e=>{let{palette:{text:t}}=e;return {noActionMessage:{color:t.primary,margin:20,textAlign:"center"}}},{name:"ActionSetList"}),X1=({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}}))},Y1=({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 f=p.findIndex(m=>m.id===c.id),d=p.findIndex(m=>m.id===u.id);return f<0||d<0?p:sortable.arrayMove(p,f,d)});},[]),a=M.useCallback(()=>{n(e);},[e]),l=M.useCallback(({active:c})=>{let u=e.findIndex(f=>f.id===c.id),p=r.findIndex(f=>f.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(X1,{key:`item-${c.id}`,action:c,actionSetId:t,sortableId:c.id})))))},xs=({actionSet:e})=>{let t=q1(),o=P(),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(Y1,{items:e.actions,onSortEnd:r,actionSetId:e.id}))};xs.displayName="ActionList";var Ts=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)}));Ts.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 Qp=(e,t)=>e.reduce((o,r)=>{let n=r.visibleTo||"*";return (n==="*"||new RegExp(n).test(t))&&o.push(r),o},[]);var sv=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),As=M.memo(e=>{let{onChange:t,onClose:o,anchorEl:r}=e,n=fe(),[i,s]=M.useState([]),a=sv();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(Ts,{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 dv=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=dv(),{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}=Mp(),[i,s]=M__namespace.default.useState("*"),[a,l]=M__namespace.default.useState("*"),c=P(),{mutateAsync:u}=T.favouriteActions.addFavouriteAction.useMutation(),{parent:p="parent"}=c||{},f=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:f},"Save"))))};Ds.displayName="AddFavouriteAction";function ru({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:f,setNodeRef:d,transform:m,transition:h,isDragging:S}=sortable.useSortable({disabled:!!s,id:c??o.id}),b=M.useCallback(()=>{e(o);},[o,e]),x=M.useCallback(()=>{r&&r(o);},[o,r]),O=M.useCallback(()=>{t(o);},[o,t]),w=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(ks,{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:{...u,...p,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:w,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:x,checked:!!n}),!a&&M__namespace.default.createElement(Ce,{onDelete:O}))}))}ru.displayName="ActionSetListItem";var Es=e=>M__namespace.default.createElement(ru,{...e});Es.displayName="SortableActionSetListItem";var Hv=y(()=>({message:{marginTop:20,textAlign:"center"}}),{name:"ActionSetList"}),Os=({onSortEnd:e})=>{let t=Hv(),o=P(),{copyActionSet:r,inProgress:n}=jl(o),{mutateAsync:i}=T.actionSet.deleteActionSet.useMutation(),{storyActionSets:s,currentActionSets:a,state:l}=$l(),{loading:c}=ql(),u=M.useCallback(async w=>{if(o)try{await i({actionSetId:w.id,filePath:o.filePath,storyId:o.id}),Mr({actionSetId:w.id,storyId:o.id});}catch(I){v.error(I instanceof Error?I.message:"Failed to delete action set");}},[i,o]),p=M.useCallback(w=>{Il(w);},[]),f=M.useCallback(w=>{Ml(w.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:w,over:I})=>{!I||w.id===I.id||h(A=>{let L=A.findIndex(H=>H.id===w.id),z=A.findIndex(H=>H.id===I.id);return L<0||z<0?A:sortable.arrayMove(A,L,z)});},[]),x=M.useCallback(()=>{h(s);},[s]),O=M.useCallback(({active:w})=>{let I=s.findIndex(L=>L.id===w.id),A=m.findIndex(L=>L.id===w.id);if(I<0||A<0||I===A||!e){h(s);return}e({newIndex:A,oldIndex:I});},[m,e,s]);return M__namespace.default.createElement(It,null,M__namespace.default.createElement(core.DndContext,{sensors:S,collisionDetection:core.closestCenter,onDragOver:b,onDragCancel:x,onDragEnd:O},M__namespace.default.createElement(sortable.SortableContext,{items:m.map(w=>w.id),strategy:sortable.verticalListSortingStrategy},m.length>0?m.map((w,I)=>M__namespace.default.createElement(Es,{index:I,sortableId:w.id,key:w.id+d,item:w,onDelete:u,onEdit:p,onCheckBoxClick:f,checked:a.includes(w.id),title:w.title,onDuplicate:r,isEditing:d&&l.orgEditingActionSet&&l.orgEditingActionSet.id===w.id,hideIcons:d})):M__namespace.default.createElement("div",{className:Tr__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 jv=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),iu=[{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(iu),{mutateAsync:n}=T.actionSet.saveActionSet.useMutation(),{mutateAsync:i}=T.favouriteActions.deleteFavouriteAction.useMutation(),{refetch:s}=T.favouriteActions.getFavouriteActions.useQuery(void 0,{enabled:false}),a=P(),{id:l}=a||{},c=jv(),u=M__namespace.default.useCallback(()=>{s().then(({data:d})=>{let m=[...iu,...Qp(d||[],l??"")];r(m);});},[s,l]),p=async d=>{if(!a||!l)return;let m=nanoid.nanoid(12),h={...d,id:m,visibleTo:void 0};await n({actionSet:h,filePath:a.filePath,storyId:l}),Et({actionSet:h,isNew:false,selected:true,storyId:l});},f=async d=>{await i({actionSetId:d}),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:d})=>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(),f(m.id),d();}},M__namespace.default.createElement(icons.TrashIcon,{fontSize:"small"})),onClick:async()=>{await p(m),d();}})))},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 Zv=12,Fs=()=>{let{storyId:e}=managerApi.useStorybookState(),t=P(),{currentActions:o}=Fe(e),{mutateAsync:r}=T.actionSet.deleteActionSet.useMutation(),{mutateAsync:n}=T.actionSet.changeActionSetIndex.useMutation(),i=M.useCallback(u=>{let p=nanoid.nanoid(Zv),f={actions:[],id:p,title:u};kr(e),Et({actionSet:f,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});fl();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(fs,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});});
+Browser: ${n}`:""}`,{duration:5e3,onAutoClose:r,onDismiss:r});return}(o.diffSize||o.error)&&v.error(Tt(o),{duration:1/0,onDismiss:r});}},[n,r,o,s]),!o||o.pass||o.added||o.diffSize||o.error?null:M__namespace.default.createElement(ut,{imageDiffResult:o,onClose:r,open:true,activeTab:"imageDiff",title:s,...i})};Lu.displayName="ImageDiffMessage";var Lc=M__namespace.default.memo(Lu);var Jy=gl(),Nu=new reactQuery$1.QueryClient({defaultOptions:{mutations:{retry:false},queries:{retry:false}}}),Ie=e=>{let{children:t}=e;return M__namespace.default.createElement(T.Provider,{client:Jy,queryClient:Nu},M__namespace.default.createElement(reactQuery$1.QueryClientProvider,{client:Nu},M__namespace.default.createElement(fo,null,M__namespace.default.createElement(ri__default.default.Provider,null,M__namespace.default.createElement(reinspect.StateInspector,null,t)))))};Ie.displayName="CommonProvider";var r1=D(Qy__default.default),n1=D(Zy__default.default),i1=D(e1__default.default),s1=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"}),No=M.memo(e=>{let{label:t,description:o,appendValueToTitle:r,onAppendValueToTitle:n,children:i,isRequired:s,active:a}=e,l=s1();return M__namespace.default.createElement("div",{className:l.root},M__namespace.default.createElement("div",{className:Mr__default.default(l.labelWrap,{[l.active]:a})},M__namespace.default.createElement("span",{className:"form-label"},xr(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(n1,{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(r1,{style:{opacity:1},className:l.icons}):M__namespace.default.createElement(i1,{className:l.icons})))))});No.displayName="FormControl";var ht=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}=dn(e);return M__namespace.default.createElement(No,{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}))});ht.displayName="Control";var p1=["id"],Vu=D(l1__default.default),d1=D(c1__default.default),f1=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"}),Ss=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,d]=M.useState(false),f=f1(),[m,h]=M.useState(false),{startSelector:S}=jt(),{data:b}=T.schema.getClientConfig.useQuery(),{Control:x,knob:O,handleChange:w,setKnob:I}=dn(e),A=M.useCallback(W=>{d(false),S({onData:le=>{if(W==="selector"||W==="id-selector")p(l,le.path);else if(a){let Oe=l.length===1?"":`${l.slice(0,-2)}.`;p(`${Oe}x`,Math.round(le.x??0)),p(`${Oe}y`,Math.round(le.y??0));}else w(le[o==="top"?"y":o==="left"?"x":o]);},selectorAttributeNames:b?.selectorAttributeNames??p1,type:W});},[S,a,p,l,o,w,b?.selectorAttributeNames]),L=M__namespace.default.useCallback(()=>{A(t);},[t,A]),z=M__namespace.default.useCallback(()=>{A("id-selector");},[A]);M.useEffect(()=>{if(u&&t!=="selector"){h(false);return}h(!sl(s));},[t,u,s]),M.useEffect(()=>{O.defaultValue!==s&&(w(s),I({...O,defaultValue:s,value:s}));},[w,O,I,s]);let H=M.useCallback(W=>{d(true),w(W);},[w]),ge=M.useCallback(W=>d(W.target.tagName==="TEXTAREA"),[]),ee=t==="selector",Se=t==="position"&&o==="y",Pe=t==="position"&&o==="x";return M__namespace.default.createElement(No,{label:o,appendValueToTitle:r,onAppendValueToTitle:n,description:i,isRequired:c},M__namespace.default.createElement("div",{className:Mr__default.default("selector-root",f.root,{[f.error]:m&&u}),onBlur:ge},M__namespace.default.createElement(x,{onChange:H,knob:O}),M__namespace.default.createElement("div",{className:Mr__default.default({[f.buttonWrap]:a,[f.selectorButtonWrap]:ee})},M__namespace.default.createElement(material.IconButton,{size:"small",onClick:L,className:f.button,title:ee?"Select element on the page to get its selector path":"Select element on the page to get its position relative to the viewport",style:{visibility:Se?"hidden":void 0,...Pe&&{position:"relative",bottom:-20}}},ee?M__namespace.default.createElement(Vu,{className:f.selectorIcon}):M__namespace.default.createElement(d1,null)),ee&&M__namespace.default.createElement(material.IconButton,{size:"small",onClick:z,className:f.button,title:"Select element by ID or attributes set on selectorAttributeNames in config"},M__namespace.default.createElement("div",{className:f.selectorHashIcon},M__namespace.default.createElement(Vu,{className:f.selectorIcon}))))),m&&u&&M__namespace.default.createElement("div",{className:Mr__default.default("selector-error",f.errorMessage)},"Invalid Selector!"))});Ss.displayName="SelectorControl";var Wu=({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]),d=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(Ss,{label:e,type:e==="selector"?"text":"number",onChange:u,selectorType:e==="selector"?"selector":"position",value:d,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(ht,{label:e,type:"select",onChange:u,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(ht,{label:e,type:"text",onChange:u,value:d,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "number":case "integer":return M__namespace.default.createElement(ht,{label:e,type:"number",onChange:u,value:d,description:t.description,onAppendValueToTitle:h,appendValueToTitle:m,isRequired:!!n,defaultValue:t.default});case "boolean":return M__namespace.default.createElement(ht,{label:e,type:"boolean",onChange:u,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(ht,{label:e,type:"options",onChange:u,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(h1__default.default(e).toLowerCase()),":"),M__namespace.default.createElement("div",{style:{paddingLeft:12}},M__namespace.default.createElement(hn,{schemaProps:t.properties||{},parents:[...o,e],required:t.required,onChange:i,getValue:s,shouldAppendToTitle:a,onAppendValueToTitle:l,onSelectorChange:c})));default:return null}};Wu.displayName="SchemaProp";var Gu=M__namespace.default.memo(Wu);var hn=({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(Gu,{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})}));hn.displayName="SchemaRenderer";var Sn=M__namespace.default.memo(hn);var y1=y(()=>({footer:{display:"flex",justifyContent:"space-between",paddingTop:2},main:{fontSize:14,height:400,overflowX:"hidden",overflowY:"auto",padding:5,paddingRight:20}}),{name:"SchemaFormLoader"}),qu=({defaultData:e,onSave:t,FooterComponent:o,schemaName:r})=>{let n=y1(),[i,s]=M.useState(e),[a,l]=M.useState(false),c=M.useRef(),{mutate:p,data:u}=T.schema.getSchema.useMutation();M.useEffect(()=>{c.current!==r&&(c.current=r,p({schemaName:r}));},[p,r]);let d=M.useCallback(()=>{t(i);},[t,i]),f=M.useCallback(()=>{t({}),s({}),l(true);},[t]),m=M.useCallback((S,b)=>{let x=yn__namespace.set(i,S,b);s(x);},[i]),h=S=>yn__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(Sn,{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:f},"Clear"),M__namespace.default.createElement(material.Button,{onClick:d},"Save"))))};qu.displayName="SchemaFormLoader";var Xr=M__namespace.default.memo(qu);var Kt=({fixFunction:e,onClose:t,open:o})=>{let{fixFileNames:r,clearError:n,fixFileNamesError:i,fixFileNamesInProgress:s,handleReload:a,reload:l,functionName:c,handleFunctionNameInput:p}=vc({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(ye,{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"))))))};Kt.displayName="FixScreenshotFileDialog";M__namespace.default.memo(Kt);var x1=120,T1=12,P1="50vh",C1=(e,t)=>typeof e=="function"?e(t):e,A1=({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??P1,overflowY:r?.overflowY??"auto"},onMouseDown:a=>a.stopPropagation()},e)},bs=({minVisibleHeight:e=x1,tooltip:t,tooltipClassName:o,tooltipStyle:r,viewportBottomOffset:n=T1,...i})=>{let s=M__namespace.default.useCallback(a=>M__namespace.default.createElement(A1,{className:o,minVisibleHeight:e,style:r,viewportBottomOffset:n},C1(t,a)),[e,t,o,r,n]);return M__namespace.default.createElement(components.WithTooltip,{...i,tooltip:s})};bs.displayName="AutoHeightWithTooltip";function vn(e,t,o){return e&&e.args?yn__namespace.get(e.args,t):o?o.default:void 0}var ws=e=>{let{schema:t,actionId:o,actionSetId:r}=e,i=P()?.id,s=Fr(i||"",o),a=M.useCallback((d,f)=>{i&&mi({actionId:o,actionSetId:r,objPath:d,storyId:i,val:f});},[o,r,i]),l=M.useCallback((d,f)=>s?vn(s,d,f):void 0,[s]),c=M.useCallback(d=>{if(!(!s||!s.subtitleItems))return s.subtitleItems.includes(d)},[s]),p=M.useCallback(d=>{i&&Bl({actionId:o,actionOptionPath:d,actionSetId:r,storyId:i});},[o,r,i]),u=M.useCallback((d,f)=>{i&&mi({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(Sn,{schemaProps:t.parameters,required:t.required,onChange:a,getValue:l,shouldAppendToTitle:c,onAppendValueToTitle:p,onSelectorChange:u})):null};ws.displayName="ActionSchemaRenderer";var _1=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"}),xs=M.memo(e=>{let{actionId:t,actionName:o,DragHandle:r,actionSetId:n,dragHandleProps:i}=e,[s,a]=M.useState(),c=P()?.id,p=pe(),u=Fr(c||"",t),d=po(p.actionSchema,o),f=_1(),m=M.useCallback(()=>{Or(t);},[t]);M.useEffect(()=>{if(!u||!u.subtitleItems)return;let b=u.subtitleItems.reduce((x,O)=>{let w=O.split(".").pop(),I=vn(u,O);return I&&x.push(`${w}: ${I}`),x},[]);a(b);},[u,o]);let h=M.useCallback(b=>{b.preventDefault(),b.stopPropagation(),c&&Nl({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(D1__default.default,{expanded:p.expandedActions&&p.expandedActions[t]===true&&S,onChange:m,className:f.expansionPanel,square:true,slotProps:{transition:{timeout:100}}},M__namespace.default.createElement(E1__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},xr(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},p.expandedActions&&p.expandedActions[t]&&S&&M__namespace.default.createElement(ws,{schema:d,actionId:t,actionSetId:n}))))});xs.displayName="ActionOptions";var J1=y(e=>{let{palette:{text:t}}=e;return {noActionMessage:{color:t.primary,margin:20,textAlign:"center"}}},{name:"ActionSetList"}),Q1=({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(xs,{key:e.id,actionName:e.name,actionId:e.id,DragHandle:mo,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 d=u.findIndex(m=>m.id===c.id),f=u.findIndex(m=>m.id===p.id);return d<0||f<0?u:sortable.arrayMove(u,d,f)});},[]),a=M.useCallback(()=>{n(e);},[e]),l=M.useCallback(({active:c})=>{let p=e.findIndex(d=>d.id===c.id),u=r.findIndex(d=>d.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(Q1,{key:`item-${c.id}`,action:c,actionSetId:t,sortableId:c.id})))))},Ts=({actionSet:e})=>{let t=J1(),o=P(),r=M.useCallback(n=>{o&&Ll({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(Dt,null,M__namespace.default.createElement(Z1,{items:e.actions,onSortEnd:r,actionSetId:e.id}))};Ts.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 Cs=(e,t=[])=>{let o=Object.keys(e),r=[];return o.forEach(n=>{let i=e[n];if(i.type==="object"){let s=Cs(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 ep=(e,t)=>e.reduce((o,r)=>{let n=r.visibleTo||"*";return (n==="*"||new RegExp(n).test(t))&&o.push(r),o},[]);var cv=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),_o=M.memo(e=>{let{onChange:t,onClose:o,anchorEl:r}=e,n=pe(),[i,s]=M.useState([]),a=cv();M__namespace.default.useEffect(()=>{if(!n.actionSchema)return;let c=Cs(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")))});_o.displayName="ActionMenu";var Is=e=>{let{onSave:t,onEditTitle:o,onCancel:r,onAddAction:n}=e,{loading:i}=Lt(),[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(_o,{onClose:c,anchorEl:s,onChange:p}))};Is.displayName="ActionSetEditorIcons";var gv=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}=$l(e),i=gv(),{loading:s}=Lt(),a=M.useCallback(()=>{It.show({onSave:o,title:"Edit Description",value:e.title});},[e.title,o]);return M__namespace.default.createElement(it,{tooltip:e.temp?e.title+an: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(Ts,{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}=ku(),[i,s]=M__namespace.default.useState("*"),[a,l]=M__namespace.default.useState("*"),c=P(),{mutateAsync:p}=T.favouriteActions.addFavouriteAction.useMutation(),{parent:u="parent"}=c||{},d=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:d},"Save"))))};Ds.displayName="AddFavouriteAction";function ip({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:d,setNodeRef:f,transform:m,transition:h,isDragging:S}=sortable.useSortable({disabled:!!s,id:c??o.id}),b=M.useCallback(()=>{e(o);},[o,e]),x=M.useCallback(()=>{r&&r(o);},[o,r]),O=M.useCallback(()=>{t(o);},[o,t]),w=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(it,{tooltip:i+(o.temp?an:""),title:i+(o.temp?" *":""),draggable:true,selected:n,dragHandleProps:{...p,...u,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:w,size:"small",title:"Duplicate Action"},M__namespace.default.createElement(icons.CopyIcon,null)),!a&&M__namespace.default.createElement(Ds,{item:o}),M__namespace.default.createElement(ho,{onClick:x,checked:!!n}),!a&&M__namespace.default.createElement(Ae,{onDelete:O}))}))}ip.displayName="ActionSetListItem";var Es=e=>M__namespace.default.createElement(ip,{...e});Es.displayName="SortableActionSetListItem";var Wv=y(()=>({message:{marginTop:20,textAlign:"center"}}),{name:"ActionSetList"}),Os=({onSortEnd:e})=>{let t=Wv(),o=P(),{copyActionSet:r,inProgress:n}=ql(o),{mutateAsync:i}=T.actionSet.deleteActionSet.useMutation(),{storyActionSets:s,currentActionSets:a,state:l}=Xl(),{loading:c}=Yl(),p=M.useCallback(async w=>{if(o)try{await i({actionSetId:w.id,filePath:o.filePath,storyId:o.id}),Er({actionSetId:w.id,storyId:o.id});}catch(I){v.error(I instanceof Error?I.message:"Failed to delete action set");}},[i,o]),u=M.useCallback(w=>{Dl(w);},[]),d=M.useCallback(w=>{kl(w.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:w,over:I})=>{!I||w.id===I.id||h(A=>{let L=A.findIndex(H=>H.id===w.id),z=A.findIndex(H=>H.id===I.id);return L<0||z<0?A:sortable.arrayMove(A,L,z)});},[]),x=M.useCallback(()=>{h(s);},[s]),O=M.useCallback(({active:w})=>{let I=s.findIndex(L=>L.id===w.id),A=m.findIndex(L=>L.id===w.id);if(I<0||A<0||I===A||!e){h(s);return}e({newIndex:A,oldIndex:I});},[m,e,s]);return M__namespace.default.createElement(Dt,null,M__namespace.default.createElement(core.DndContext,{sensors:S,collisionDetection:core.closestCenter,onDragOver:b,onDragCancel:x,onDragEnd:O},M__namespace.default.createElement(sortable.SortableContext,{items:m.map(w=>w.id),strategy:sortable.verticalListSortingStrategy},m.length>0?m.map((w,I)=>M__namespace.default.createElement(Es,{index:I,sortableId:w.id,key:w.id+f,item:w,onDelete:p,onEdit:u,onCheckBoxClick:d,checked:a.includes(w.id),title:w.title,onDuplicate:r,isEditing:f&&l.orgEditingActionSet&&l.orgEditingActionSet.id===w.id,hideIcons:f})):M__namespace.default.createElement("div",{className:Mr__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 Xv=y(()=>({menu:{minWidth:100}}),{name:"ActionMenu"}),ap=[{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(ap),{mutateAsync:n}=T.actionSet.saveActionSet.useMutation(),{mutateAsync:i}=T.favouriteActions.deleteFavouriteAction.useMutation(),{refetch:s}=T.favouriteActions.getFavouriteActions.useQuery(void 0,{enabled:false}),a=P(),{id:l}=a||{},c=Xv(),p=M__namespace.default.useCallback(()=>{s().then(({data:f})=>{let m=[...ap,...ep(f||[],l??"")];r(m);});},[s,l]),u=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}),lt({actionSet:h,isNew:false,selected:true,storyId:l});},d=async f=>{await i({actionSetId:f}),p();};return M__namespace.default.useEffect(()=>{p();},[p]),M__namespace.default.createElement(bs,{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 u(m),f();}})))},t)};Bs.displayName="FavouriteActions";var Ns=e=>{let{onAddActionSet:t,onAddAction:o,onReset:r,onFavoriteActionsClick:n,onDeleteSelectedActionSets:i,deleteDisabled:s}=e,{loading:a}=Lt(),[l,c]=M__namespace.default.useState(null),p=M.useCallback(f=>{c(f.currentTarget);},[]),u=M.useCallback(()=>{c(null);},[]),d=M.useCallback(f=>{o(f),c(null);},[o]);return M__namespace.default.createElement(M__namespace.default.Fragment,null,M__namespace.default.createElement(E,{open:a}),M__namespace.default.createElement(nt,{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:n,title:"Favourite Actions"},M__namespace.default.createElement(icons.StarIcon,null))),M__namespace.default.createElement(components.IconButton,{onClick:r,title:"Reset"},M__namespace.default.createElement(icons.RefreshIcon,null)),M__namespace.default.createElement(Ae,{disabled:s,onDelete:i,IconButton:components.IconButton}),M__namespace.default.createElement(components.IconButton,{onClick:p,title:"Add Quick Action"},M__namespace.default.createElement(icons.LightningIcon,null)),M__namespace.default.createElement(components.IconButton,{onClick:t,title:"Add Action Set"},M__namespace.default.createElement(icons.PlusIcon,null)))),M__namespace.default.createElement(_o,{onClose:u,anchorEl:l,onChange:d}))};Ns.displayName="ActionToolbar";var lp=12,ob=10,zs=()=>{let{storyId:e}=managerApi.useStorybookState(),t=P(),{currentActions:o}=ze(e),{mutateAsync:r}=T.actionSet.deleteActionSet.useMutation(),{mutateAsync:n}=T.actionSet.changeActionSetIndex.useMutation(),i=M.useCallback(u=>{let d=nanoid.nanoid(lp),f={actions:[],id:d,title:u};So(e),lt({actionSet:f,isNew:true,selected:true,storyId:e});},[e]),s=M.useCallback(u=>{let d=nanoid.nanoid(lp),m={actions:[{id:nanoid.nanoid(ob),name:u}],id:d,title:u};So(e),lt({actionSet:m,isNew:true,selected:true,storyId:e});},[e]),a=M.useCallback(()=>{It.show({onSave:i,required:true,title:"Action set title"});},[i]),l=M.useCallback(()=>{ct(),Bt(e);},[e]),c=M.useCallback(async()=>{if(t)for(let u of o)try{await r({actionSetId:u.id,filePath:t.filePath,storyId:e}),Er({actionSetId:u.id,storyId:e});}catch(d){console.error(d);}},[o,r,t,e]);M.useEffect(()=>{ct();},[e]);let p=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(d){pi({newIndex:u.oldIndex,oldIndex:u.newIndex,storyId:e}),console.error(d);}}},[n,t,e]);return M__namespace.default.createElement("div",{style:{height:"calc(100% - 55px)",transform:"none"}},M__namespace.default.createElement(Ns,{onAddActionSet:a,onAddAction:s,onReset:l,onDeleteSelectedActionSets:c,deleteDisabled:o.length===0}),M__namespace.default.createElement(Os,{onSortEnd:p}))};zs.displayName="ActionSetMain";var Rs=M.memo(()=>M__namespace.default.createElement(Ie,null,M__namespace.default.createElement(zs,null)));Rs.displayName="ActionPanel";var Hs=()=>{let e=managerApi.useStorybookState();return M__namespace.default.createElement(_i,{showPanel:e.selectedPanel===Ut})};Hs.displayName="ScreenshotPanel";managerApi.addons.add(au,{render:ls,type:managerApi.types.PREVIEW});ml();managerApi.addons.register(De,()=>{try{if(!new URL(window.location.href).hostname)return}catch{return}managerApi.addons.add(su,{render:()=>M__namespace.default.createElement(sonner.Toaster,{position:"bottom-left"}),title:"toast",type:managerApi.types.TOOL}),managerApi.addons.add(iu,{render:()=>M__namespace.default.createElement(fs,null),title:"snapshot",type:managerApi.types.TOOL}),managerApi.addons.add(nu,{render:({active:e})=>M__namespace.default.createElement(components.AddonPanel,{active:e??false},M__namespace.default.createElement(Rs,null)),title:"Playwright Actions",type:managerApi.types.PANEL}),managerApi.addons.add(Ut,{render:({active:e})=>M__namespace.default.createElement(components.AddonPanel,{active:e??false},M__namespace.default.createElement(Hs,null)),title:"Screenshots",type:managerApi.types.PANEL});});
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.js: