Public Access
MVP
This commit is contained in:
cmedina committed
1 parent
51da011d12
commit
7f6116450f
187 files changed
+81911
-388
No files matched your search
@@ -0,0 +1,129 @@
|
||||
try{
|
||||
(()=>{var io=Object.create;var wt=Object.defineProperty;var ao=Object.getOwnPropertyDescriptor;var so=Object.getOwnPropertyNames;var lo=Object.getPrototypeOf,co=Object.prototype.hasOwnProperty;var ye=(e,t)=>()=>(e&&(t=e(e=0)),t);var uo=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),gn=(e,t)=>{for(var n in t)wt(e,n,{get:t[n],enumerable:!0})},bn=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of so(t))!co.call(e,i)&&i!==n&&wt(e,i,{get:()=>t[i],enumerable:!(r=ao(t,i))||r.enumerable});return e};var po=(e,t,n)=>(n=e!=null?io(lo(e)):{},bn(t||!e||!e.__esModule?wt(n,"default",{value:e,enumerable:!0}):n,e)),vn=e=>bn(wt({},"__esModule",{value:!0}),e);var Q=ye(()=>{});var X=ye(()=>{});var Z=ye(()=>{});var De,Xs,it,Zs,el,tl,nl,rl,ol,En,il,On,al,St=ye(()=>{Q();X();Z();De=__REACT_DOM__,{__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Xs,createPortal:it,createRoot:Zs,findDOMNode:el,flushSync:tl,hydrate:nl,hydrateRoot:rl,render:ol,unmountComponentAtNode:En,unstable_batchedUpdates:il,unstable_renderSubtreeIntoContainer:On,version:al}=__REACT_DOM__});var Tt={};gn(Tt,{Children:()=>ho,Component:()=>_e,Fragment:()=>yo,Profiler:()=>mo,PureComponent:()=>go,StrictMode:()=>bo,Suspense:()=>Wt,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:()=>vo,cloneElement:()=>Eo,createContext:()=>Oo,createElement:()=>V,createFactory:()=>wo,createRef:()=>So,default:()=>E,forwardRef:()=>Ut,isValidElement:()=>Ht,lazy:()=>Gt,memo:()=>To,startTransition:()=>Io,unstable_act:()=>Co,useCallback:()=>ze,useContext:()=>Po,useDebugValue:()=>Ro,useDeferredValue:()=>xo,useEffect:()=>ce,useId:()=>_o,useImperativeHandle:()=>Ao,useInsertionEffect:()=>ko,useLayoutEffect:()=>No,useMemo:()=>jo,useReducer:()=>Mo,useRef:()=>Lo,useState:()=>ue,useSyncExternalStore:()=>Do,useTransition:()=>Fo,version:()=>Bo});var E,ho,_e,yo,mo,go,bo,Wt,vo,Eo,Oo,V,wo,So,Ut,Ht,Gt,To,Io,Co,ze,Po,Ro,xo,ce,_o,Ao,ko,No,jo,Mo,Lo,ue,Do,Fo,Bo,Ye=ye(()=>{Q();X();Z();E=__REACT__,{Children:ho,Component:_e,Fragment:yo,Profiler:mo,PureComponent:go,StrictMode:bo,Suspense:Wt,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:vo,cloneElement:Eo,createContext:Oo,createElement:V,createFactory:wo,createRef:So,forwardRef:Ut,isValidElement:Ht,lazy:Gt,memo:To,startTransition:Io,unstable_act:Co,useCallback:ze,useContext:Po,useDebugValue:Ro,useDeferredValue:xo,useEffect:ce,useId:_o,useImperativeHandle:Ao,useInsertionEffect:ko,useLayoutEffect:No,useMemo:jo,useReducer:Mo,useRef:Lo,useState:ue,useSyncExternalStore:Do,useTransition:Fo,version:Bo}=__REACT__});var Kl,Jl,Ql,Xl,Zl,ec,tc,nc,rc,oc,ic,ac,sc,lc,cc,uc,pc,fc,dc,hc,yc,mc,gc,bc,vc,Ec,Sn,Oc,wc,Sc,Tc,Ic,Cc,Pc,Rc,xc,_c,Ac,kc,Nc,jc,Mc,Lc,Dc,Fc,Bc,Tn,Wc,Uc,Hc,Gc,zc,Yc,qc,$c,In=ye(()=>{Q();X();Z();Kl=__STORYBOOK_CORE_EVENTS__,{ARGTYPES_INFO_REQUEST:Jl,ARGTYPES_INFO_RESPONSE:Ql,CHANNEL_CREATED:Xl,CHANNEL_WS_DISCONNECT:Zl,CONFIG_ERROR:ec,CREATE_NEW_STORYFILE_REQUEST:tc,CREATE_NEW_STORYFILE_RESPONSE:nc,CURRENT_STORY_WAS_SET:rc,DOCS_PREPARED:oc,DOCS_RENDERED:ic,FILE_COMPONENT_SEARCH_REQUEST:ac,FILE_COMPONENT_SEARCH_RESPONSE:sc,FORCE_REMOUNT:lc,FORCE_RE_RENDER:cc,GLOBALS_UPDATED:uc,NAVIGATE_URL:pc,PLAY_FUNCTION_THREW_EXCEPTION:fc,PRELOAD_ENTRIES:dc,PREVIEW_BUILDER_PROGRESS:hc,PREVIEW_KEYDOWN:yc,REGISTER_SUBSCRIPTION:mc,REQUEST_WHATS_NEW_DATA:gc,RESET_STORY_ARGS:bc,RESULT_WHATS_NEW_DATA:vc,SAVE_STORY_REQUEST:Ec,SAVE_STORY_RESPONSE:Sn,SELECT_STORY:Oc,SET_CONFIG:wc,SET_CURRENT_STORY:Sc,SET_GLOBALS:Tc,SET_INDEX:Ic,SET_STORIES:Cc,SET_WHATS_NEW_CACHE:Pc,SHARED_STATE_CHANGED:Rc,SHARED_STATE_SET:xc,STORIES_COLLAPSE_ALL:_c,STORIES_EXPAND_ALL:Ac,STORY_ARGS_UPDATED:kc,STORY_CHANGED:Nc,STORY_ERRORED:jc,STORY_INDEX_INVALIDATED:Mc,STORY_MISSING:Lc,STORY_PREPARED:Dc,STORY_RENDERED:Fc,STORY_RENDER_PHASE_CHANGED:Bc,STORY_SPECIFIED:Tn,STORY_THREW_EXCEPTION:Wc,STORY_UNCHANGED:Uc,TELEMETRY_ERROR:Hc,TOGGLE_WHATS_NEW_NOTIFICATIONS:Gc,UNHANDLED_ERRORS_WHILE_PLAYING:zc,UPDATE_GLOBALS:Yc,UPDATE_QUERY_PARAMS:qc,UPDATE_STORY_ARGS:$c}=__STORYBOOK_CORE_EVENTS__});var zt=ye(()=>{Q();X();Z();In()});var ru,ou,iu,au,su,lu,cu,uu,pu,fu,du,hu,yu,mu,gu,bu,vu,Eu,Ou,wu,Su,Tu,Iu,Cu,Cn,Pu,Ru,xu,_u,Au,ku,Nu,ju,Mu,Lu,Du,Fu,Bu,Wu,Uu,Hu,Gu,zu,Yu,qu,Pn,$u,Vu,Ku,Ju,Qu,Xu,Zu,ep,tp,np,rp,op,ip,ap,sp,lp,cp,up,pp,fp,dp,hp,yp,Rn=ye(()=>{Q();X();Z();ru=__STORYBOOK_COMPONENTS__,{A:ou,ActionBar:iu,AddonPanel:au,Badge:su,Bar:lu,Blockquote:cu,Button:uu,ClipboardCode:pu,Code:fu,DL:du,Div:hu,DocumentWrapper:yu,EmptyTabContent:mu,ErrorFormatter:gu,FlexBar:bu,Form:vu,H1:Eu,H2:Ou,H3:wu,H4:Su,H5:Tu,H6:Iu,HR:Cu,IconButton:Cn,IconButtonSkeleton:Pu,Icons:Ru,Img:xu,LI:_u,Link:Au,ListItem:ku,Loader:Nu,Modal:ju,OL:Mu,P:Lu,Placeholder:Du,Pre:Fu,ResetWrapper:Bu,ScrollArea:Wu,Separator:Uu,Spaced:Hu,Span:Gu,StorybookIcon:zu,StorybookLogo:Yu,Symbols:qu,SyntaxHighlighter:Pn,TT:$u,TabBar:Vu,TabButton:Ku,TabWrapper:Ju,Table:Qu,Tabs:Xu,TabsState:Zu,TooltipLinkList:ep,TooltipMessage:tp,TooltipNote:np,UL:rp,WithTooltip:op,WithTooltipPure:ip,Zoom:ap,codeCommon:sp,components:lp,createCopyToClipboardFunction:cp,getLine truncated
|
||||
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function B(d){return(B=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(h){return typeof h}:function(h){return h&&typeof Symbol=="function"&&h.constructor===Symbol&&h!==Symbol.prototype?"symbol":typeof h})(d)}function te(){return(te=Object.assign||function(d){for(var h=1;h<arguments.length;h++){var g=arguments[h];for(var y in g)Object.prototype.hasOwnProperty.call(g,y)&&(d[y]=g[y])}return d}).apply(this,arguments)}function J(d,h){var g=Object.keys(d);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(d);h&&(y=y.filter(function(k){return Object.getOwnPropertyDescriptor(d,k).enumerable})),g.push.apply(g,y)}return g}function se(d){for(var h=1;h<arguments.length;h++){var g=arguments[h]!=null?arguments[h]:{};h%2?J(Object(g),!0).forEach(function(y){we(d,y,g[y])}):Object.getOwnPropertyDescriptors?Object.defineProperties(d,Object.getOwnPropertyDescriptors(g)):J(Object(g)).forEach(function(y){Object.defineProperty(d,y,Object.getOwnPropertyDescriptor(g,y))})}return d}function Ze(d,h){return function(g){if(Array.isArray(g))return g}(d)||function(g,y){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(g)))){var k=[],M=!0,w=!1,O=void 0;try{for(var U,z=g[Symbol.iterator]();!(M=(U=z.next()).done)&&(k.push(U.value),!y||k.length!==y);M=!0);}catch(ne){w=!0,O=ne}finally{try{M||z.return==null||z.return()}finally{if(w)throw O}}return k}}(d,h)||Ue(d,h)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
||||
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function Ue(d,h){if(d){if(typeof d=="string")return Re(d,h);var g=Object.prototype.toString.call(d).slice(8,-1);return g==="Object"&&d.constructor&&(g=d.constructor.name),g==="Map"||g==="Set"?Array.from(d):g==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(g)?Re(d,h):void 0}}function Re(d,h){(h==null||h>d.length)&&(h=d.length);for(var g=0,y=new Array(h);g<h;g++)y[g]=d[g];return y}function et(d,h){if(!(d instanceof h))throw new TypeError("Cannot call a class as a function")}function He(d,h){for(var g=0;g<h.length;g++){var y=h[g];y.enumerable=y.enumerable||!1,y.configurable=!0,"value"in y&&(y.writable=!0),Object.defineProperty(d,y.key,y)}}function Ce(d,h){return(Ce=Object.setPrototypeOf||function(g,y){return g.__proto__=y,g})(d,h)}function tt(d){var h=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}();return function(){var g,y=Le(d);if(h){var k=Le(this).constructor;g=Reflect.construct(y,arguments,k)}else g=y.apply(this,arguments);return pe(this,g)}}function pe(d,h){return!h||B(h)!=="object"&&typeof h!="function"?fe(d):h}function fe(d){if(d===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return d}function Le(d){return(Le=Object.setPrototypeOf?Object.getPrototypeOf:function(h){return h.__proto__||Object.getPrototypeOf(h)})(d)}function we(d,h,g){return h in d?Object.defineProperty(d,h,{value:g,enumerable:!0,configurable:!0,writable:!0}):d[h]=g,d}var S=s.a.createRef(),N=function(d){(function(w,O){if(typeof O!="function"&&O!==null)throw new TypeError("Super expression must either be null or a function");w.prototype=Object.create(O&&O.prototype,{constructor:{value:w,writable:!0,configurable:!0}}),O&&Ce(w,O)})(M,d);var h,g,y,k=tt(M);function M(w){var O;et(this,M);for(var U=arguments.length,z=new Array(U>1?U-1:0),ne=1;ne<U;ne++)z[ne-1]=arguments[ne];return we(fe(O=k.call.apply(k,[this,w].concat(z))),"canvas",s.a.createRef()),we(fe(O),"confetti",void 0),O.canvas=w.canvasRef||S,O}return h=M,(g=[{key:"componentDidMount",value:function(){if(this.canvas.current){var w=H(this.props)[0];this.confetti=new R(this.canvas.current,w)}}},{key:"componentDidUpdate",value:function(){var w=H(this.props)[0];this.confetti&&(this.confetti.options=w)}},{key:"componentWillUnmount",value:function(){this.confetti&&this.confetti.stop(),this.confetti=void 0}},{key:"render",value:function(){var w=Ze(H(this.props),2),O=w[0],U=w[1],z=se({zIndex:2,position:"absolute",pointerEvents:"none",top:0,left:0,bottom:0,right:0},U.style);return s.a.createElement("canvas",te({width:O.width,height:O.height,ref:this.canvas},U,{style:z}))}}])&&He(h.prototype,g),y&&He(h,y),M}(a.Component);function H(d){var h={},g={},y=[].concat(K(Object.keys(P)),["confettiSource","drawShape","onConfettiComplete"]),k=["canvasRef"];for(var M in d){var w=d[M];y.includes(M)?h[M]=w:k.includes(M)?k[M]=w:g[M]=w}return[h,g,{}]}we(N,"defaultProps",se({},P)),we(N,"displayName","ReactConfetti");var G=s.a.forwardRef(function(d,h){return s.a.createElement(N,te({canvasRef:h},d))});n.default=G}]).default})});var no={};gn(no,{default:()=>Gs});function Er(e){return t=>typeof t===e}function ni(e,t){let{length:n}=e;if(n!==t.length)return!1;for(let r=n;r--!==0;)if(!ae(e[r],t[r]))return!1;return!0}function ri(e,t){if(e.byteLength!==t.byteLength)return!1;let n=new DataView(e.buffer),r=new DataView(t.buffer),i=e.byteLength;for(;i--;)if(n.getUint8(i)!==r.getUint8(i))return!1;return!0}function oi(e,t){if(e.size!==t.size)return!1;for(let n of e.entries())if(!t.has(n[0]))return!1;for(let n of e.entries())if(!ae(n[1],t.get(n[0])))return!1;return!0}function ii(e,t){if(e.size!==t.size)return!1;for(let n of e.entries())if(!t.has(n[0]))return!1;return!0}function ae(e,t){if(e===t)return!0;if(e&&Dn(e)&&t&&Dn(t)){if(e.constructor!==t.constructor)return!1;if(Array.isArray(e)&&Array.isArray(t))return ni(e,t);if(e instanceof Map&&t instanceof Map)return oi(e,t);if(e instanceof Set&&t instanceof Set)return ii(e,t);if(ArrayBuffer.isView(e)&&ArrayBuffer.isView(t))return ri(e,t);if(Ln(e)&&Ln(t))return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let i=n.length;i--!==0;)if(!Object.prototype.hasOwnProperty.call(t,n[i]))return!1;for(let i=n.length;i--!==0;){let o=n[i];if(!(o==="_owner"&&e.$$typeof)&&!ae(e[o],t[o]))return!1}return!0}return Number.isNaN(e)&&Number.isNaN(t)?!0:e===t}function Nt(e){let t=Object.prototype.toString.call(e).slice(8,-1);if(/HTML\w+Element/.test(t))return"HTMLElement";if(li(t))return t}function Ee(e){return t=>Nt(t)===e}function li(e){return ai.includes(e)}function
Line truncated
|
||||
@keyframes pulsate {
|
||||
0% {
|
||||
box-shadow: rgba(2,156,253,1) 0 0 2px 1px, 0 0 0 0 rgba(2, 156, 253, 0.7), 0 0 0 0 rgba(2, 156, 253, 0.4);
|
||||
}
|
||||
50% {
|
||||
box-shadow: rgba(2,156,253,1) 0 0 2px 1px, 0 0 0 20px rgba(2, 156, 253, 0), 0 0 0 40px rgba(2, 156, 253, 0);
|
||||
}
|
||||
100% {
|
||||
box-shadow: rgba(2,156,253,1) 0 0 2px 1px, 0 0 0 0 rgba(2, 156, 253, 0), 0 0 0 0 rgba(2, 156, 253, 0);
|
||||
}
|
||||
}
|
||||
`,i=document.createElement("style");i.id="sb-onboarding-pulsating-effect",i.innerHTML=r,document.head.appendChild(i)}else n.style.boxShadow="rgba(2,156,253,1) 0 0 2px 1px";return()=>{let r=document.querySelector("#sb-onboarding-pulsating-effect");r&&r.remove(),n&&(n.style.animation="",n.style.boxShadow="")}},[e,t]),null}function Gs({api:e}){let[t,n]=ue(!0),[r,i]=ue(!1),[o,a]=ue("1:Intro"),[s,l]=ue(),[c,p]=ue(),[u,f]=ue(),[b,m]=ue(),T=ze(B=>{try{let{id:te,refId:J}=e.getCurrentStoryData()||{};(te!==B||J!==void 0)&&e.selectStory(B)}catch{}},[e]),F=ze(()=>{let B=new URL(window.location.href),te=decodeURIComponent(B.searchParams.get("path"));B.search=`?path=${te}&onboarding=false`,history.replaceState({},"",B.href),e.setQueryParams({onboarding:"false"}),n(!1)},[e,n]),I=ze(()=>{e.emit(pr,{step:"6:FinishedOnboarding",type:"telemetry"}),T("configure-your-project--docs"),F()},[e,T,F]);if(ce(()=>{e.setQueryParams({onboarding:"true"}),T("example-button--primary"),e.togglePanel(!0),e.togglePanelPosition("bottom"),e.setSelectedPanel("addon-controls")},[e,T]),ce(()=>{let B=new MutationObserver(()=>{l(document.getElementById("control-primary")),p(document.getElementById("save-from-controls")),f(document.getElementById("create-new-story-form"))});return B.observe(document.body,{childList:!0,subtree:!0}),()=>B.disconnect()},[]),ce(()=>{a(B=>["1:Intro","5:StoryCreated","6:FinishedOnboarding"].includes(B)?B:u?"4:CreateStory":c?"3:SaveFromControls":s?"2:Controls":"1:Intro")},[u,s,c]),ce(()=>e.on(Sn,({payload:B,success:te})=>{!te||!B?.newStoryName||(m(B),i(!0),a("5:StoryCreated"),setTimeout(()=>e.clearNotification("save-story-success")))}),[e]),ce(()=>e.emit(pr,{step:o,type:"telemetry"}),[e,o]),!t)return null;let x=b?.sourceFileContent,v=x?.lastIndexOf(`export const ${b?.newStoryExportName}`),P=x?.slice(v).trim(),R=x?.slice(0,v).split(`
|
||||
`).length,K=[{key:"2:Controls",target:"#control-primary",title:"Interactive story playground",content:E.createElement(E.Fragment,null,"See how a story renders with different data and state without touching code. Try it out by toggling this button.",E.createElement(fr,{targetSelector:"#control-primary",pulsating:!0})),offset:20,placement:"right",disableBeacon:!0,disableOverlay:!0,spotlightClicks:!0,onNextButtonClick:()=>{document.querySelector("#control-primary").click()}},{key:"3:SaveFromControls",target:'button[aria-label="Create new story with these settings"]',title:"Save your changes as a new story",content:E.createElement(E.Fragment,null,"Great! Storybook stories represent the key states of each of your components. After modifying a story, you can save your changes from here or reset it.",E.createElement(fr,{targetSelector:"button[aria-label='Create new story with these settings']"})),offset:6,placement:"top",disableBeacon:!0,disableOverlay:!0,spotlightClicks:!0,onNextButtonClick:()=>{document.querySelector('button[aria-label="Create new story with these settings"]').click()},styles:{tooltip:{width:400}}},{key:"5:StoryCreated",target:'#storybook-explorer-tree [data-selected="true"]',title:"You just added your first story!",content:E.createElement(E.Fragment,null,"Well done! You just created your first story from the Storybook manager. This automatically added a few lines of code in"," ",E.createElement(Ws,null,b?.sourceFileName),".",P&&E.createElement(Yt,{theme:qt(xn.dark)},E.createElement(Us,null,E.createElement(Pn,{language:"jsx",showLineNumbers:!0,startingLineNumber:R},P)))),offset:12,placement:"right",disableBeacon:!0,disableOverlay:!0,styles:{tooltip:{width:400}}}];return E.createElement(Yt,{theme:Hs},r&&E.createElement(Ps,{numberOfPieces:800,recycle:!1,tweenDuration:2e4,onConfettiComplete:B=>{B?.reset(),i(!1)}}),o==="1:Intro"?E.createElement(Bs,{onDismiss:()=>a("2:Controls")}):E.createElement(Is,{step:o,steps:K,onClose:F,onComplete:I}))}var hr,Wo,yr,Uo,mr,Ho,Go,he,zo,Be,Yo,qo,rn,$o,gr,Vo,br,vr,Ko,Jo,Qo,Xo,Zo,ei,Ln,Dn,ti,ai,si,ui,j,hi,wr,Ct,Pt,C,ht,yi,bi,vi,Gn,zn,wi,Si,Ke,de,Di,Dr,Vt,Kt,Ji,Qi,jt,Vn,en,Xi,Zi,ea,D,ra,oa,Kn,Jn,ia,tn,ba,va,Ea,q,ut,Hr,Gr,Ra,qr,$r,xa,Aa,ka,fn,Na,ja,Ma,L,$,ve,W,Y,pt,Va,Qr,Ka,Ja,Qa,ft,lr,Zr,ur,es,rs,os,is,as,ss,cs,ps,fs,ds,eo,hs,ys,ms,gs,bs,vs,Es,Os,ws,Ss,Ts,Cs,pr,_s,to,As,ks,Ns,js,Ms,Ls,Ds,Fs,dr,Bs,Ws,Us,Hs,ro=ye(()=>{Q();X();Z();Rn();zt();An();Ye();Ye();St();St();jn();hr=po(Mn()),Wo=Object.create,yr=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,mr=Object.getOwnPropertyNames,Ho=Object.getPrototypeOf,Go=Object.prototype.hasOwnProperty,he=(e,t)=>function(){return t||(0,e[mr(e)[0]])((t={exports:{}}).exports,t),t.exports},zo=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of mr(t))!Go.call(e,i)&&i!==n&&yr(e,i,{get:()=>t[i],enumerable:!(r=Uo(t,i))||r.enumerable});return e},Be=(e,t,n)=>(n=e!=null?Wo(Ho(e)):{},zo(t||!e||!e.__esModule?yr(n,"default",{value:e,enumerable:!0}):n,e)),Yo=he({"../../node_modules/scroll/index.js"(e,t){var n=new Error("Element already at target scroll position"),r=new Error("Scroll cancelled"),i=Math.min,o=Date.now;t.exports={left:a("scrollLeft"),top:a("scrollTop")};function a(c){return function(p,u,f,b){f=f||{},typeof f=="function"&&(b=f,f={}),typeof b!="function"&&(b=l);var m=o(),T=p[c],F=f.ease||s,I=isNaN(f.duration)?350:+f.duration,x=!1;return T===u?b(n,p[c]):requestAnimationFrame(P),v;function v(){x=!0}function P(R){if(x)return b(r,p[c]);var K=o(),B=i(1,(K-m)/I),te=F(B);p[c]=te*(u-T)+T,B<1?requestAnimationFrame(P):requestAnimationFrame(function(){b(null,p[c])})}}}function s(c){return .5*(1-Math.cos(Math.PI*c))}function l(){}}}),qo=he({"../../node_modules/scrollparent/scrollparent.js"(e,t){(function(n,r){typeof define=="function"&&define.amd?define([],r):typeof t=="object"&&t.exports?t.exports=r():n.Scrollparent=r()})(e,function(){function n(i){var o=getComputedStyle(i,null).getPropertyValue("overflow");return o.indexOf("scroll")>-1||o.indexOf("auto")>-1}function r(i){if(i instanceof HTMLElement||i instanceof SVGElement){for(var o=i.parentNode;o.parentNode;){if(n(o))return o;o=o.parentNode}return document.scrollingElement||document.documentElement}}return r})}}),rn=he({"../../node_modules/deepmerge/dist/cjs.js"(e,t){var n=function(v){return r(v)&&!i(v)};function r(v){return!!v&&typeof v=="object"}function i(v){var P=Object.prototype.toString.call(v);return P==="[object RegExp]"||P==="[object Date]"||s(v)}var o=typeof Symbol=="function"&&Symbol.for,a=o?Symbol.for("react.element"):60103;function s(v){return v.$$typeof===a}function l(v){return Array.isArray(v)?[]:{}}function c(v,P){return P.clone!==!1&&P.isMergeableObject(v)?I(l(v),v,P):v}function p(v,P,R){return v.concat(P).map(function(K){return c(K,R)})}function u(v,P){if(!P.customMerge)return I;var R=P.customMerge(v);return typeof R=="function"?R:I}function f(v){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(v).filter(function(P){return Object.prop
Line truncated
|
||||
Valid keys: `+JSON.stringify(Object.keys(S),null," "));var U=O(y,w,d,h,g+"."+w,i);if(U)return U}return null}return x(N)}function Ce(S){switch(typeof S){case"number":case"string":case"undefined":return!0;case"boolean":return!S;case"object":if(Array.isArray(S))return S.every(Ce);if(S===null||c(S))return!0;var N=b(S);if(N){var H=N.call(S),G;if(N!==S.entries){for(;!(G=H.next()).done;)if(!Ce(G.value))return!1}else for(;!(G=H.next()).done;){var d=G.value;if(d&&!Ce(d[1]))return!1}}else return!1;return!0;default:return!1}}function tt(S,N){return S==="symbol"?!0:N?N["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&N instanceof Symbol:!1}function pe(S){var N=typeof S;return Array.isArray(S)?"array":S instanceof RegExp?"object":tt(N,S)?"symbol":N}function fe(S){if(typeof S>"u"||S===null)return""+S;var N=pe(S);if(N==="object"){if(S instanceof Date)return"date";if(S instanceof RegExp)return"regexp"}return N}function Le(S){var N=fe(S);switch(N){case"array":case"object":return"an "+N;case"boolean":case"date":case"regexp":return"a "+N;default:return N}}function we(S){return!S.constructor||!S.constructor.name?m:S.constructor.name}return T.checkPropTypes=a,T.resetWarningCache=a.resetWarningCache,T.PropTypes=T,T}}}),Qo=he({"../../node_modules/prop-types/index.js"(e,t){n=gr(),r=!0,t.exports=Jo()(n.isElement,r);var n,r}}),Xo=he({"../../node_modules/react-innertext/index.js"(e,t){var n=function(o){return Object.prototype.hasOwnProperty.call(o,"props")},r=function(o,a){return o+i(a)},i=function(o){return o===null||typeof o=="boolean"||typeof o>"u"?"":typeof o=="number"?o.toString():typeof o=="string"?o:Array.isArray(o)?o.reduce(r,""):n(o)&&Object.prototype.hasOwnProperty.call(o.props,"children")?i(o.props.children):""};i.default=i,t.exports=i}});Zo=Er("function"),ei=e=>e===null,Ln=e=>Object.prototype.toString.call(e).slice(8,-1)==="RegExp",Dn=e=>!ti(e)&&!ei(e)&&(Zo(e)||typeof e=="object"),ti=Er("undefined");ai=["Array","ArrayBuffer","AsyncFunction","AsyncGenerator","AsyncGeneratorFunction","Date","Error","Function","Generator","GeneratorFunction","HTMLElement","Map","Object","Promise","RegExp","Set","WeakMap","WeakSet"],si=["bigint","boolean","null","number","string","symbol","undefined"];ui=["innerHTML","ownerDocument","style","attributes","nodeValue"];_.array=Array.isArray;_.arrayOf=(e,t)=>!_.array(e)&&!_.function(t)?!1:e.every(n=>t(n));_.asyncGeneratorFunction=e=>Nt(e)==="AsyncGeneratorFunction";_.asyncFunction=Ee("AsyncFunction");_.bigint=Je("bigint");_.boolean=e=>e===!0||e===!1;_.date=Ee("Date");_.defined=e=>!_.undefined(e);_.domElement=e=>_.object(e)&&!_.plainObject(e)&&e.nodeType===1&&_.string(e.nodeName)&&ui.every(t=>t in e);_.empty=e=>_.string(e)&&e.length===0||_.array(e)&&e.length===0||_.object(e)&&!_.map(e)&&!_.set(e)&&Object.keys(e).length===0||_.set(e)&&e.size===0||_.map(e)&&e.size===0;_.error=Ee("Error");_.function=Je("function");_.generator=e=>_.iterable(e)&&_.function(e.next)&&_.function(e.throw);_.generatorFunction=Ee("GeneratorFunction");_.instanceOf=(e,t)=>!e||!t?!1:Object.getPrototypeOf(e)===t.prototype;_.iterable=e=>!_.nullOrUndefined(e)&&_.function(e[Symbol.iterator]);_.map=Ee("Map");_.nan=e=>Number.isNaN(e);_.null=e=>e===null;_.nullOrUndefined=e=>_.null(e)||_.undefined(e);_.number=e=>Je("number")(e)&&!_.nan(e);_.numericString=e=>_.string(e)&&e.length>0&&!Number.isNaN(Number(e));_.object=e=>!_.nullOrUndefined(e)&&(_.function(e)||typeof e=="object");_.oneOf=(e,t)=>_.array(e)?e.indexOf(t)>-1:!1;_.plainFunction=Ee("Function");_.plainObject=e=>{if(Nt(e)!=="Object")return!1;let t=Object.getPrototypeOf(e);return t===null||t===Object.getPrototypeOf({})};_.primitive=e=>_.null(e)||ci(typeof e);_.promise=Ee("Promise");_.propertyOf=(e,t,n)=>{if(!_.object(e)||!t)return!1;let r=e[t];return _.function(n)?n(r):_.defined(r)};_.regexp=Ee("RegExp");_.set=Ee("Set");_.string=Je("string");_.symbol=Je("symbol");_.undefined=Je("undefined");_.weakMap=Ee("WeakMap");_.weakSet=Ee("WeakSet");j=_;hi=Be(Yo(),1),wr=Be(qo(),1),Ct=Be(rn(),1),Pt=Be(rn(),1),C=Be(Qo()),ht=typeof window<"u"&&typeof document<"u"&&typeof navigator<"u",yi=function(){for(var e=["Edge","Trident","Firefox"],t=0;t<e.length;t+=1)if(ht&&navigator.userAgent.indexOf(e[t])>=0)return 1;return 0}();bi=ht&&window.Promise,vi=bi?mi:gi;Gn=ht&&!!(window.MSInputMethodContext&&document.documentMode),zn=ht&&/MSIE 10/.test(navigator.userAgent);wi=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},Si=function(){function e(t,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),Ke=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},de=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};Di=ht&&/Firefo
Line truncated
|
||||
@keyframes joyride-beacon-inner {
|
||||
20% {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
90% {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes joyride-beacon-outer {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
45% {
|
||||
opacity: 0.7;
|
||||
transform: scale(0.75);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0.9;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
`)),t.appendChild(n)}componentDidMount(){let{shouldFocus:e}=this.props;j.domElement(this.beacon)||console.warn("beacon is not a valid DOM element"),setTimeout(()=>{j.domElement(this.beacon)&&e&&this.beacon.focus()},0)}componentWillUnmount(){let e=document.getElementById("joyride-beacon-animation");e?.parentNode&&e.parentNode.removeChild(e)}render(){let{beaconComponent:e,continuous:t,index:n,isLastStep:r,locale:i,onClickOrHover:o,size:a,step:s,styles:l}=this.props,c=j.string(i.open)?i.open:(0,Na.default)(i.open),p={"aria-label":c,onClick:o,onMouseEnter:o,ref:this.setBeaconRef,title:c},u;return e?u=V(e,{continuous:t,index:n,isLastStep:r,size:a,step:s,...p}):u=V("button",{key:"JoyrideBeacon",className:"react-joyride__beacon","data-test-id":"button-beacon",style:l.beacon,type:"button",...p},V("span",{style:l.beaconInner}),V("span",{style:l.beaconOuter})),u}};cs=ls;ps=us,fs=class extends _e{constructor(){super(...arguments),L(this,"handleClickBack",e=>{e.preventDefault();let{helpers:t}=this.props;t.prev()}),L(this,"handleClickClose",e=>{e.preventDefault();let{helpers:t}=this.props;t.close("button_close")}),L(this,"handleClickPrimary",e=>{e.preventDefault();let{continuous:t,helpers:n}=this.props;if(!t){n.close("button_primary");return}n.next()}),L(this,"handleClickSkip",e=>{e.preventDefault();let{helpers:t}=this.props;t.skip()}),L(this,"getElementsProps",()=>{let{continuous:e,isLastStep:t,setTooltipRef:n,step:r}=this.props,i=ke(r.locale.back),o=ke(r.locale.close),a=ke(r.locale.last),s=ke(r.locale.next),l=ke(r.locale.skip),c=e?s:o;return t&&(c=a),{backProps:{"aria-label":i,"data-action":"back",onClick:this.handleClickBack,role:"button",title:i},closeProps:{"aria-label":o,"data-action":"close",onClick:this.handleClickClose,role:"button",title:o},primaryProps:{"aria-label":c,"data-action":"primary",onClick:this.handleClickPrimary,role:"button",title:c},skipProps:{"aria-label":l,"data-action":"skip",onClick:this.handleClickSkip,role:"button",title:l},tooltipProps:{"aria-modal":!0,ref:n,role:"alertdialog"}}})}render(){let{continuous:e,index:t,isLastStep:n,setTooltipRef:r,size:i,step:o}=this.props,{beaconComponent:a,tooltipComponent:s,...l}=o,c;if(s){let p={...this.getElementsProps(),continuous:e,index:t,isLastStep:n,size:i,step:l,setTooltipRef:r};c=V(s,{...p})}else c=V(ps,{...this.getElementsProps(),continuous:e,index:t,isLastStep:n,size:i,step:o});return c}},ds=class extends _e{constructor(){super(...arguments),L(this,"scope",null),L(this,"tooltip",null),L(this,"handleClickHoverBeacon",e=>{let{step:t,store:n}=this.props;e.type==="mouseenter"&&t.event!=="hover"||n.update({lifecycle:W.TOOLTIP})}),L(this,"setTooltipRef",e=>{this.tooltip=e}),L(this,"setPopper",(e,t)=>{var n;let{action:r,lifecycle:i,step:o,store:a}=this.props;t==="wrapper"?a.setPopper("beacon",e):a.setPopper("tooltip",e),a.getPopper("beacon")&&a.getPopper("tooltip")&&i===W.INIT&&a.update({action:r,lifecycle:W.READY}),(n=o.floaterProps)!=null&&n.getPopper&&o.floaterProps.getPopper(e,t)}),L(this,"renderTooltip",e=>{let{continuous:t,helpers:n,index:r,size:i,step:o}=this.props;return V(fs,{continuous:t,helpers:n,index:r,isLastStep:r+1===i,setTooltipRef:this.setTooltipRef,size:i,step:o,...e})})}componentDidMount(){let{debug:e,index:t}=this.props;Me({title:`step:${t}`,data:[{key:"props",value:this.props}],debug:e})}componentDidUpdate(e){var t;let{action:n,callback:r,continuous:i,controlled:o,debug:a,helpers:s,index:l,lifecycle:c,status:p,step:u,store:f}=this.props,{changed:b,changedFrom:m}=xt(e,this.props),T=s.info(),F=i&&n!==$.CLOSE&&(l>0||n===$.PREV),I=b("action")||b("index")||b("lifecycle")||b("status"),x=m("lifecycle",[W.TOOLTIP,W.INIT],W.INIT),v=b("action",[$.NEXT,$.PREV,$.SKIP,$.CLOSE]),P=o&&l===e.index;if(v&&(x||P)&&r({...T,index:e.index,lifecycle:W.COMPLETE,step:e.step,type:ve.STEP_AFTER}),u.placement==="center"&&p===Y.RUNNING&&b("index")&&n!==$.START&&c===W.INIT&&f.update({lifecycle:W.READY}),I){let R=Ne(u.target),K=!!R;K&&Ba(R)?(m("status",Y.READY,Y.RUNNING)||m("lifecycle",W.INIT,W.READY))&&r({...T,step:u,type:ve.STEP_BEFORE}):(console.warn(K?"Target not visible":"Target not mounted",u),r({...T,type:ve.TARGET_NOT_FOUND,step:u}),o||f.update({index:l+(n===$.PREV?-1:1)}))}m("lifecycle",W.INIT,W.READY)&&f.update({lifecycle:ar(u)||F?W.TOOLTIP:W.BEACON}),b("index")&&Me({title:`step:${c}`,data:[{key:"props",value:this.props}],debug:a}),b("lifecycle",W.BEACON)&&r({...T,step:u,type:ve.BEACON}),b("lifecycle",W.TOOLTIP)&&(r({...T,step:u,type:ve.TOOLTIP}),this.tooltip&&(this.scope=new as(this.tooltip,{selector:"[data-action=primary]"}),this.scope.setFocus())),m("lifecycle",[W.TOOLTIP,W.INIT],W.INIT)&&((t=this.scope)==null||t.removeScope(),f.cleanupPoppers())}componentWillUnmount(){var e;(e=this.scope)==null||e.removeScope()}get open(){let{lifecycle:e,step:t}=this.props;return ar(t)||e===W.TOOLTIP}render(){let{continuous:e,debug:t,index:n,nonce:r,shouldScroll:i,size:o,step:a}=this.props,s=Ne(a.target);return!Xr(a)||!j.domElement(s)?null:V("div",{key:`JoyridLine truncated
|
||||
all: unset;
|
||||
box-sizing: border-box;
|
||||
border: 0;
|
||||
border-radius: 0.25rem;
|
||||
cursor: pointer;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 0.75rem;
|
||||
background: ${({theme:e,variant:t})=>t==="primary"?e.color.secondary:t==="secondary"?e.color.lighter:t==="outline"?"transparent":t==="white"?e.color.lightest:e.color.secondary};
|
||||
color: ${({theme:e,variant:t})=>t==="primary"?e.color.lightest:t==="secondary"||t==="outline"?e.darkest:t==="white"?e.color.secondary:e.color.lightest};
|
||||
box-shadow: ${({variant:e})=>e==="secondary"||e==="outline"?"#D9E8F2 0 0 0 1px inset":"none"};
|
||||
height: 32px;
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 700;
|
||||
font-family: ${({theme:e})=>e.typography.fonts.base};
|
||||
transition: background-color, box-shadow, color, opacity;
|
||||
transition-duration: 0.16s;
|
||||
transition-timing-function: ease-in-out;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
background-color: ${({theme:e,variant:t})=>t==="primary"?"#0b94eb":t==="secondary"?"#eef4f9":t==="outline"?"transparent":t==="white"?e.color.lightest:"#0b94eb"};
|
||||
color: ${({theme:e,variant:t})=>t==="primary"?e.color.lightest:t==="secondary"||t==="outline"?e.darkest:t==="white"?e.color.darkest:e.color.lightest};
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: ${({variant:e})=>e==="primary"?"inset 0 0 0 1px rgba(0, 0, 0, 0.2)":e==="secondary"||e==="outline"?"inset 0 0 0 1px #0b94eb":e==="white"?"none":"inset 0 0 0 2px rgba(0, 0, 0, 0.1)"};
|
||||
}
|
||||
`,ms=Ut(function({children:e,onClick:t,variant:n="primary",...r},i){return E.createElement(ys,{ref:i,onClick:t,variant:n,...r},e)}),gs=re.div`
|
||||
padding: 15px;
|
||||
border-radius: 5px;
|
||||
`,bs=re.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
`,vs=re.div`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-self: stretch;
|
||||
justify-content: space-between;
|
||||
margin: -5px -5px 5px 0;
|
||||
`,Es=re.div`
|
||||
line-height: 18px;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
margin: 5px 5px 5px 0;
|
||||
`,Os=re.p`
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
text-align: start;
|
||||
text-wrap: balance;
|
||||
margin: 0;
|
||||
margin-top: 5px;
|
||||
`,ws=re.div`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 15px;
|
||||
`,Ss=re.span`
|
||||
font-size: 13px;
|
||||
`,Ts=({index:e,size:t,step:n,closeProps:r,primaryProps:i,tooltipProps:o})=>(ce(()=>{let a=document.createElement("style");return a.id="#sb-onboarding-arrow-style",a.innerHTML=`
|
||||
.__floater__arrow { container-type: size; }
|
||||
.__floater__arrow span { background: ${It.secondary}; }
|
||||
.__floater__arrow span::before, .__floater__arrow span::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 2px;
|
||||
height: 2px;
|
||||
background: ${It.secondary};
|
||||
box-shadow: 0 0 0 2px ${It.secondary};
|
||||
border-radius: 3px;
|
||||
flex: 0 0 2px;
|
||||
}
|
||||
@container (min-height: 1px) {
|
||||
.__floater__arrow span { flex-direction: column; }
|
||||
}
|
||||
`,document.head.appendChild(a),()=>{let s=document.querySelector("#sb-onboarding-arrow-style");s&&s.remove()}},[]),E.createElement(gs,{...o,style:n.styles?.tooltip},E.createElement(bs,null,E.createElement(vs,null,n.title&&E.createElement(Es,null,n.title),E.createElement(Cn,{...r,onClick:r.onClick,variant:"solid"},E.createElement(Nn,null))),E.createElement(Os,null,n.content)),E.createElement(ws,{id:"buttonNext"},E.createElement(Ss,null,e+1," of ",t),!n.hideNextButton&&E.createElement(ms,{...i,onClick:n.onNextButtonClick||i.onClick,variant:"white"},e+1===t?"Done":"Next"))));Cs=re.div(({width:e,height:t,left:n,top:r})=>({width:`${e}px`,height:`${t}px`,left:`${n}px`,top:`${r}px`,position:"relative",overflow:"hidden"}));pr="STORYBOOK_ADDON_ONBOARDING_CHANNEL";_s=at({from:{opacity:0},to:{opacity:1}}),to=at({from:{transform:"translate(0, 20px)",opacity:0},to:{transform:"translate(0, 0)",opacity:1}}),As=at({from:{opacity:0,transform:"scale(0.8)"},to:{opacity:1,transform:"scale(1)"}}),ks=at({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ns=re.div(({visible:e})=>({position:"fixed",top:0,left:0,right:0,bottom:0,display:"flex",opacity:e?1:0,alignItems:"center",justifyContent:"center",zIndex:1e3,transition:"opacity 1s 0.5s"})),js=re.div({position:"absolute",top:0,left:0,right:0,bottom:0,animation:`${_s} 2s`,background:`
|
||||
radial-gradient(90% 90%, #ff4785 0%, #db5698 30%, #1ea7fdcc 100%),
|
||||
radial-gradient(circle, #ff4785 0%, transparent 80%),
|
||||
radial-gradient(circle at 30% 40%, #fc521f99 0%, #fc521f66 20%, transparent 40%),
|
||||
radial-gradient(circle at 75% 75%, #fc521f99 0%, #fc521f77 18%, transparent 30%)`,"&::before":{opacity:.5,background:`
|
||||
radial-gradient(circle at 30% 40%, #fc521f99 0%, #fc521f66 10%, transparent 20%),
|
||||
radial-gradient(circle at 75% 75%, #fc521f99 0%, #fc521f77 8%, transparent 20%)`,content:'""',position:"absolute",top:"-50vw",left:"-50vh",transform:"translate(-50%, -50%)",width:"calc(100vw + 100vh)",height:"calc(100vw + 100vh)",animation:`${ks} 12s linear infinite`}}),Ms=re.div(({visible:e})=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:"white",textAlign:"center",width:"90vw",minWidth:290,maxWidth:410,opacity:e?1:0,transition:"opacity 0.5s",h1:{fontSize:45,fontWeight:"bold",animation:`${to} 1.5s 1s backwards`}})),Ls=re.div({display:"flex",marginTop:40,div:{display:"flex",flexBasis:"33.33%",flexDirection:"column",alignItems:"center",animation:`${to} 1s backwards`,"&:nth-child(1)":{animationDelay:"2s"},"&:nth-child(2)":{animationDelay:"2.5s"},"&:nth-child(3)":{animationDelay:"3s"}},svg:{marginBottom:10}}),Ds=re.button({display:"inline-flex",position:"relative",alignItems:"center",justifyContent:"center",marginTop:40,width:48,height:48,padding:0,borderRadius:"50%",border:0,outline:"none",background:"rgba(255, 255, 255, 0.3)",cursor:"pointer",transition:"background 0.2s",animation:`${As} 1.5s 4s backwards`,"&:hover, &:focus":{background:"rgba(255, 255, 255, 0.4)"}}),Fs=re(kn)({width:30,color:"white"}),dr=re.svg(({progress:e})=>({position:"absolute",top:-1,left:-1,width:"50px!important",height:"50px!important",transform:"rotate(-90deg)",color:"white",circle:{r:"24",cx:"25",cy:"25",fill:"transparent",stroke:e?"currentColor":"transparent",strokeWidth:"1",strokeLinecap:"round",strokeDasharray:Math.PI*48}})),Bs=({onDismiss:e,duration:t=6e3})=>{let[n,r]=ue(-4e5/t),[i,o]=ue(!0),a=n>=100,s=ze(()=>{o(!1);let l=setTimeout(e,1500);return()=>clearTimeout(l)},[e]);return ce(()=>{if(!t)return;let l=1e3/50,c=100/(t/l),p=setInterval(()=>r(u=>u+c),l);return()=>clearInterval(p)},[t]),ce(()=>{a&&s()},[a,s]),E.createElement(Ns,{visible:i},E.createElement(js,null),E.createElement(Ms,{visible:i},E.createElement("h1",null,"Meet your new frontend workshop"),E.createElement(Ls,null,E.createElement("div",null,E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"33",height:"32"},E.createElement("path",{d:"M4.06 0H32.5v28.44h-3.56V32H.5V3.56h3.56V0Zm21.33 7.11H4.06v21.33h21.33V7.11Z",fill:"currentColor"})),"Development"),E.createElement("div",null,E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32"},E.createElement("path",{d:"M15.95 32c-1.85 0-3.1-1.55-3.1-3.54 0-1.1.45-2.78 1.35-5.03.9-2.3 1.35-4.51 1.35-6.81a22.21 22.21 0 0 0-5.1 3.67c-2.5 2.47-4.95 4.9-7.55 4.9-1.6 0-2.9-1.1-2.9-2.43 0-1.46 1.35-2.91 4.3-3.62 1.45-.36 3.1-.75 4.95-1.06 1.8-.31 3.8-1.02 5.9-2.08a23.77 23.77 0 0 0-6.1-2.12C5.3 13.18 2.3 12.6 1 11.28.35 10.6 0 9.9 0 9.14 0 7.82 1.2 6.8 2.95 6.8c2.65 0 5.75 3.1 7.95 5.3 1.1 1.1 2.65 2.21 4.65 3.27v-.57c0-1.77-.15-3.23-.55-4.3-.8-2.11-2.05-5.43-2.05-6.97 0-2.04 1.3-3.54 3.1-3.54 1.75 0 3.1 1.41 3.1 3.54 0 1.06-.45 2.78-1.35 5.12-.9 2.35-1.35 4.6-1.35 6.72 2.85-1.59 2.5-1.41 4.95-3.5 2.35-2.29 4-3.7 4.9-4.23.95-.58 1.9-.84 2.9-.84 1.6 0 2.8.97 2.8 2.34 0 1.5-1.25 2.78-4.15 3.62-1.4.4-3.05.75-4.9 1.1-1.9.36-3.9 1.07-6.1 2.13a23.3 23.3 0 0 0 5.95 2.08c3.65.7 6.75 1.32 8.15 2.6.7.67 1.05 1.33 1.05 2.08 0 1.33-1.2 2.43-2.95 2.43-2.95 0-6.75-4.15-8.2-5.61-.7-.7-2.2-1.72-4.4-2.96v.57c0 1.9.45 4.03 1.3 6.32.85 2.3 1.3 3.94 1.3 4.95 0 2.08-1.35 3.54-3.1 3.54Z",fill:"currentColor"})),"Testing"),E.createElement("div",null,E.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"33",height:"32"},E.createElement("path",{d:"M.5 16a16 16 0 1 1 32 0 16 16 0 0 1-32 0Zm16 12.44A12.44 12.44 0 0 1 4.3 13.53a8 8 0 1 0 9.73-9.73 12.44 12.44 0 1 1 2.47 24.64ZM12.06 16a4.44 4.44 0 1 1 0-8.89 4.44 4.44 0 0 1 0 8.89Z",fill:"currentColor",fillRule:"evenodd"})),"Documentation")),E.createElement(Ds,{onClick:s},E.createElement(Fs,null),E.createElement(dr,{xmlns:"http://www.w3.org/2000/svg"},E.createElement("circle",null)),E.createElement(dr,{xmlns:"http://www.w3.org/2000/svg",progress:!0},E.createElement("circle",{strokeDashoffset:Math.PI*48*(1-Math.max(0,Math.min(n,100))/100)})))))},Ws=re.span(({theme:e})=>({display:"inline-flex",borderRadius:3,padding:"0 5px",marginBottom:-2,opacity:.8,fontFamily:e.typography.fonts.mono,fontSize:11,border:e.base==="dark"?e.color.darkest:e.color.lightest,color:e.base==="dark"?e.color.lightest:e.color.darkest,backgroundColor:e.base==="dark"?"black":e.color.light,boxSizing:"border-box",lineHeight:"17px"})),Us=re.div(({theme:e})=>({background:e.background.content,borderRadius:3,marginTop:15,padding:10,fontSize:e.typography.size.s1,".linenumber":{opacity:.5}})),Hs=qt()});Q();X();Z();Q();X();Z();St();Ye();Q();X();Z();var dl=__STORYBOOK_API__,{ActiveTabs:hl,Consumer:yl,ManagerContext:ml,Provider:gl,RequestResponseError:bl,addons:wn,combineParameters:vl,controlOrMetaKey:El,controlOrMetaSymbol:Ol,eventMatchesShortcut:wl,eventToShortcut:Sl,experimental_requestResponse:Tl,isMacLike:Il,isShortcutTaken:Cl,keyToSymbol:Pl,merge:Rl,mockCha
Line truncated
|
||||
}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
|
||||
Whitespace-only changes.
Reference in new issue
Block a user