UNPKG

storybook-prebuilt

Version:

A prebuilt storybook version for web components

6 lines • 338 kB
1
2
3
4
5
6
function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}import"./dist/storybook-prebuilt-53103ce5.js";import{c as t,u as n,a as r,g as o}from"./dist/storybook-prebuilt-3ba63d3f.js";import{D as i,b as a,c as s}from"./dist/storybook-prebuilt-4dae7756.js";import"./dist/storybook-prebuilt-c9cef5f5.js";import"./dist/storybook-prebuilt-9dd61b75.js";import{a as u}from"./dist/storybook-prebuilt-0b3b0ce5.js";import{P as l,_ as c}from"./dist/storybook-prebuilt-2f55489d.js";import{p as f}from"./dist/storybook-prebuilt-0b1685b3.js";import"./dist/storybook-prebuilt-d03cde97.js";import"./dist/storybook-prebuilt-ef0ce90f.js";import{r as d}from"./dist/storybook-prebuilt-c5081207.js";import{_ as p}from"./dist/storybook-prebuilt-e17bc3b1.js";import"./dist/storybook-prebuilt-1a6e3162.js";import"./dist/storybook-prebuilt-6918c481.js";import{r as h,_ as y}from"./dist/storybook-prebuilt-c5aee634.js";import{i as v}from"./dist/storybook-prebuilt-29c1a26d.js";import"./dist/storybook-prebuilt-d050466c.js";import"./dist/storybook-prebuilt-d40d7550.js";import"./dist/storybook-prebuilt-da3f7036.js";import"./dist/storybook-prebuilt-4e5e6cbb.js";import"./dist/storybook-prebuilt-8f2fc776.js";import{b as g}from"./dist/storybook-prebuilt-617f6ed7.js";import"./dist/storybook-prebuilt-52e8b197.js";import{i as m,_ as b}from"./dist/storybook-prebuilt-31092c1e.js";import{r as _}from"./dist/storybook-prebuilt-685049dd.js";import{_ as k,M as E}from"./dist/storybook-prebuilt-e1e8d54e.js";import{_ as O}from"./dist/storybook-prebuilt-85a38199.js";import"./dist/storybook-prebuilt-e856152c.js";import{r as w}from"./dist/storybook-prebuilt-6aa1ee92.js";import{_ as S}from"./dist/storybook-prebuilt-ffb249b0.js";import{r as P}from"./dist/storybook-prebuilt-1188e5c0.js";import{r as C}from"./dist/storybook-prebuilt-7a45086c.js";var I=Array.isArray,T=Object.keys,j=Object.prototype.hasOwnProperty,x="undefined"!=typeof Element;var K=function(t,n){try{return function t(n,r){if(n===r)return!0;if(n&&r&&"object"==e(n)&&"object"==e(r)){var o,i,a,s=I(n),u=I(r);if(s&&u){if((i=n.length)!=r.length)return!1;for(o=i;0!=o--;)if(!t(n[o],r[o]))return!1;return!0}if(s!=u)return!1;var l=n instanceof Date,c=r instanceof Date;if(l!=c)return!1;if(l&&c)return n.getTime()==r.getTime();var f=n instanceof RegExp,d=r instanceof RegExp;if(f!=d)return!1;if(f&&d)return n.toString()==r.toString();var p=T(n);if((i=p.length)!==T(r).length)return!1;for(o=i;0!=o--;)if(!j.call(r,p[o]))return!1;if(x&&n instanceof Element&&r instanceof Element)return n===r;for(o=i;0!=o--;)if(!("_owner"===(a=p[o])&&n.$$typeof||t(n[a],r[a])))return!1;return!0}return n!=n&&r!=r}(t,n)}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: react-fast-compare does not handle circular references.",e.name,e.message),!1;throw e}},M={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},L=Object.keys(M).map((function(e){return M[e]})),A={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},R=Object.keys(A).reduce((function(e,t){return e[A[t]]=t,e}),{}),D=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},N=function(e){var t=D(e,M.TITLE),n=D(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=D(e,"defaultTitle");return t||r||void 0},H=function(e){return D(e,"onChangeClientState")||function(){}},F=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return Object.assign({},e,t)}),{})},q=function(e,t){return t.filter((function(e){return void 0!==e[M.BASE]})).map((function(e){return e[M.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var i=r[o].toLowerCase();if(-1!==e.indexOf(i)&&n[i])return t.concat(n)}return t}),[])},U=function(t,n,r){var o={};return r.filter((function(n){return!!Array.isArray(n[t])||(void 0!==n[t]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+t+' should be of type "Array". Instead found type "'+e(n[t])+'"'),!1)})).map((function(e){return e[t]})).reverse().reduce((function(e,t){var r={};t.filter((function(e){for(var t,i=Object.keys(e),a=0;a<i.length;a+=1){var s=i[a],u=s.toLowerCase();-1===n.indexOf(u)||"rel"===t&&"canonical"===e[t].toLowerCase()||"rel"===u&&"stylesheet"===e[u].toLowerCase()||(t=u),-1===n.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(t=s)}if(!t||!e[t])return!1;var l=e[t].toLowerCase();return o[t]||(o[t]={}),r[t]||(r[t]={}),!o[t][l]&&(r[t][l]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var i=Object.keys(r),a=0;a<i.length;a+=1){var s=i[a],u=Object.assign({},o[s],r[s]);o[s]=u}return e}),[]).reverse()},B=function(e){return Array.isArray(e)?e.join(""):e},z=[M.NOSCRIPT,M.SCRIPT,M.STYLE],G=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},W=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},X=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[A[n]||n]=e[n],t}),t)},Y=function(e,t,n){switch(e){case M.TITLE:return{toComponent:function(){return n=X(t.titleAttributes,{key:e=t.title,"data-rh":!0}),[i.createElement(M.TITLE,n,e)];var e,n},toString:function(){return function(e,n,r,o){var i=W(t.titleAttributes),a=B(n);return i?"<"+e+' data-rh="true" '+i+">"+G(a,o)+"</"+e+">":"<"+e+' data-rh="true">'+G(a,o)+"</"+e+">"}(e,t.title,0,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return X(t)},toString:function(){return W(t)}};default:return{toComponent:function(){return function(e,t){return t.map((function(t,n){var r={key:n,"data-rh":!0};return Object.keys(t).forEach((function(e){var n=A[e]||e;"innerHTML"===n||"cssText"===n?r.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:r[n]=t[e]})),i.createElement(e,r)}))}(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+G(r[t],n)+'"';return e?e+" "+o:o}),""),i=r.innerHTML||r.cssText||"",a=-1===z.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(a?"/>":">"+i+"</"+e+">")}),"")}(e,t,n)}}}},V=function(e){var t=e.bodyAttributes,n=e.encode,r=e.htmlAttributes,o=e.linkTags,i=e.metaTags,a=e.noscriptTags,s=e.scriptTags,u=e.styleTags,l=e.title;void 0===l&&(l="");var c=e.titleAttributes;return{base:Y(M.BASE,e.baseTag,n),bodyAttributes:Y("bodyAttributes",t,n),htmlAttributes:Y("htmlAttributes",r,n),link:Y(M.LINK,o,n),meta:Y(M.META,i,n),noscript:Y(M.NOSCRIPT,a,n),script:Y(M.SCRIPT,s,n),style:Y(M.STYLE,u,n),title:Y(M.TITLE,{title:l,titleAttributes:c},n)}},$=i.createContext({}),J=l.shape({setHelmet:l.func,helmetInstances:l.shape({get:l.func,add:l.func,remove:l.func})}),Z="undefined"!=typeof document,Q=function(e){function t(n){var r=this;e.call(this,n),this.instances=[],this.value={setHelmet:function(e){r.props.context.helmet=e},helmetInstances:{get:function(){return r.instances},add:function(e){r.instances.push(e)},remove:function(e){var t=r.instances.indexOf(e);r.instances.splice(t,1)}}},t.canUseDOM||(n.context.helmet=V({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return i.createElement($.Provider,{value:this.value},this.props.children)},t}(a);Q.canUseDOM=Z,Q.propTypes={context:l.shape({helmet:l.shape()}),children:l.node.isRequired},Q.defaultProps={context:{}},Q.displayName="HelmetProvider";var ee=function(e,t){var n,r=document.head||document.querySelector(M.HEAD),o=r.querySelectorAll(e+"[data-rh]"),i=[].slice.call(o),a=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),i.some((function(e,t){return n=t,r.isEqualNode(e)}))?i.splice(n,1):a.push(r)})),i.forEach((function(e){return e.parentNode.removeChild(e)})),a.forEach((function(e){return r.appendChild(e)})),{oldTags:i,newTags:a}},te=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],i=[].concat(o),a=Object.keys(t),s=0;s<a.length;s+=1){var u=a[s],l=t[u]||"";n.getAttribute(u)!==l&&n.setAttribute(u,l),-1===o.indexOf(u)&&o.push(u);var c=i.indexOf(u);-1!==c&&i.splice(c,1)}for(var f=i.length-1;f>=0;f-=1)n.removeAttribute(i[f]);o.length===i.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==a.join(",")&&n.setAttribute("data-rh",a.join(","))}},ne=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,i=e.metaTags,a=e.noscriptTags,s=e.onChangeClientState,u=e.scriptTags,l=e.styleTags,c=e.title,f=e.titleAttributes;te(M.BODY,e.bodyAttributes),te(M.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=B(e)),te(M.TITLE,t)}(c,f);var d={baseTag:ee(M.BASE,n),linkTags:ee(M.LINK,o),metaTags:ee(M.META,i),noscriptTags:ee(M.NOSCRIPT,a),scriptTags:ee(M.SCRIPT,u),styleTags:ee(M.STYLE,l)},p={},h={};Object.keys(d).forEach((function(e){var t=d[e],n=t.newTags,r=t.oldTags;n.length&&(p[e]=n),r.length&&(h[e]=d[e].oldTags)})),t&&t(),s(e,p,h)},re=null,oe=function(e){function t(){for(var t=[],n=arguments.length;n--;)t[n]=arguments[n];e.apply(this,t),this.rendered=!1}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.shouldComponentUpdate=function(e){return!m(e,this.props)},t.prototype.componentDidUpdate=function(){this.emitChange()},t.prototype.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},t.prototype.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,i=(e=n.helmetInstances.get().map((function(e){var t=Object.assign({},e.props);return delete t.context,t})),{baseTag:q(["href"],e),bodyAttributes:F("bodyAttributes",e),defer:D(e,"defer"),encode:D(e,"encodeSpecialCharacters"),htmlAttributes:F("htmlAttributes",e),linkTags:U(M.LINK,["rel","href"],e),metaTags:U(M.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:U(M.NOSCRIPT,["innerHTML"],e),onChangeClientState:H(e),scriptTags:U(M.SCRIPT,["src","innerHTML"],e),styleTags:U(M.STYLE,["cssText"],e),title:N(e),titleAttributes:F("titleAttributes",e)});Q.canUseDOM?(t=i,re&&cancelAnimationFrame(re),t.defer?re=requestAnimationFrame((function(){ne(t,(function(){re=null}))})):(ne(t),re=null)):V&&(o=V(i)),r(o)},t.prototype.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},t.prototype.render=function(){return this.init(),null},t}(a);function ie(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&-1===t.indexOf(r)&&(n[r]=e[r]);return n}oe.propTypes={context:J.isRequired},oe.displayName="HelmetDispatcher";var ae=function(t){function n(){t.apply(this,arguments)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.shouldComponentUpdate=function(e){return!K(this.props,e)},n.prototype.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case M.SCRIPT:case M.NOSCRIPT:return{innerHTML:t};case M.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.prototype.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return Object.assign({},r,((t={})[n.type]=(r[n.type]||[]).concat([Object.assign({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.prototype.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,i=e.newChildProps,a=e.nestedChildren;switch(r.type){case M.TITLE:return Object.assign({},o,((t={})[r.type]=a,t),{titleAttributes:Object.assign({},i)});case M.BODY:return Object.assign({},o,{bodyAttributes:Object.assign({},i)});case M.HTML:return Object.assign({},o,{htmlAttributes:Object.assign({},i)});default:return Object.assign({},o,((n={})[r.type]=Object.assign({},i),n))}},n.prototype.mapArrayTypeChildrenToProps=function(e,t){var n=Object.assign({},t);return Object.keys(e).forEach((function(t){var r;n=Object.assign({},n,((r={})[t]=e[t],r))})),n},n.prototype.warnOnInvalidChildren=function(e,t){return v(L.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+L.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),v(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.prototype.mapChildrenToProps=function(t,n){var r=this,o={};return i.Children.forEach(t,(function(t){if(t&&t.props){var i=t.props,a=i.children,s=ie(i,["children"]),u=Object.keys(s).reduce((function(e,t){return e[R[t]||t]=s[t],e}),{}),l=t.type;switch("symbol"==e(l)?l=l.toString():r.warnOnInvalidChildren(t,a),l){case M.FRAGMENT:n=r.mapChildrenToProps(a,n);break;case M.LINK:case M.META:case M.NOSCRIPT:case M.SCRIPT:case M.STYLE:o=r.flattenArrayTypeChildren({child:t,arrayTypeChildren:o,newChildProps:u,nestedChildren:a});break;default:n=r.mapObjectTypeChildren({child:t,newProps:n,newChildProps:u,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,n)},n.prototype.render=function(){var e=this.props,t=e.children,n=ie(e,["children"]),r=Object.assign({},n);return t&&(r=this.mapChildrenToProps(t,r)),i.createElement($.Consumer,null,(function(e){return i.createElement(oe,Object.assign({},r,{context:e}))}))},n}(a);ae.propTypes={base:l.object,bodyAttributes:l.object,children:l.oneOfType([l.arrayOf(l.node),l.node]),defaultTitle:l.string,defer:l.bool,encodeSpecialCharacters:l.bool,htmlAttributes:l.object,link:l.arrayOf(l.object),meta:l.arrayOf(l.object),noscript:l.arrayOf(l.object),onChangeClientState:l.func,script:l.arrayOf(l.object),style:l.arrayOf(l.object),title:l.string,titleAttributes:l.object,titleTemplate:l.string},ae.defaultProps={defer:!0,encodeSpecialCharacters:!0},ae.displayName="Helmet";var se=Object.freeze({__proto__:null,Helmet:ae,HelmetProvider:Q}),ue=t((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"store",{enumerable:!0,get:function(){return n.default}}),t.set=t.get=void 0;var n=i(h),r=i(O),o=i(d);function i(e){return e&&e.__esModule?e:{default:e}}t.get=function(){try{return n.default.local.get("storybook-layout")||!1}catch(e){return console.error(e),!1}};var a=(0,o.default)(1)((function(e){try{n.default.local.set("storybook-layout",e)}catch(e){console.error(e)}})),s=(0,r.default)(a,500);t.set=s}));n(ue);ue.set,ue.get;var le=t((function(t,n){var r,o;window,t.exports=(r=i,o=_,function(t){var n={};function r(e){if(n[e])return n[e].exports;var o=n[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=t,r.c=n,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,n){if(1&n&&(t=r(t)),8&n)return t;if(4&n&&"object"==e(t)&&t&&t.__esModule)return t;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var i in t)r.d(o,i,function(e){return t[e]}.bind(null,i));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=4)}([function(e,t,n){e.exports=n(5)()},function(e,t){e.exports=r},function(e,t){e.exports=o},function(t,n,r){var o; /*! Copyright (c) 2017 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */!function(){var r={}.hasOwnProperty;function i(){for(var t=[],n=0;n<arguments.length;n++){var o=arguments[n];if(o){var a=e(o);if("string"===a||"number"===a)t.push(o);else if(Array.isArray(o)&&o.length){var s=i.apply(null,o);s&&t.push(s)}else if("object"===a)for(var u in o)r.call(o,u)&&o[u]&&t.push(u)}}return t.join(" ")}t.exports?(i.default=i,t.exports=i):void 0===(o=function(){return i}.apply(n,[]))||(t.exports=o)}()},function(e,t,n){var r=n(7),o=r.default,i=r.DraggableCore;e.exports=o,e.exports.default=o,e.exports.DraggableCore=i},function(e,t,n){var r=n(6);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},function(e,t,n){e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(t,n,r){r.r(n);var o=r(1),i=r.n(o),a=r(0),s=r.n(a),u=r(2),l=r.n(u),c=r(3),f=r.n(c);function d(e,t){for(var n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function p(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)}function h(e){return"number"==typeof e&&!isNaN(e)}function y(e){return parseInt(e,10)}function v(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))}var g=["Moz","Webkit","O","ms"];function m(e,t){return t?"".concat(t).concat(function(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):"-"===e[r]?n=!0:t+=e[r];return t}(e)):e}var b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window||void 0===window.document)return"";var t=window.document.documentElement.style;if(e in t)return"";for(var n=0;n<g.length;n++)if(m(e,g[n])in t)return g[n];return""}();function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var E="";function O(e,t){return E||(E=d(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(t){return p(e[t])}))),!!p(e[E])&&e[E](t)}function w(e,t,n){var r=e;do{if(O(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function S(e,t,n){e&&(e.attachEvent?e.attachEvent("on"+t,n):e.addEventListener?e.addEventListener(t,n,!0):e["on"+t]=n)}function P(e,t,n){e&&(e.detachEvent?e.detachEvent("on"+t,n):e.removeEventListener?e.removeEventListener(t,n,!0):e["on"+t]=null)}function C(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return(t+=y(n.borderTopWidth))+y(n.borderBottomWidth)}function I(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return(t+=y(n.borderLeftWidth))+y(n.borderRightWidth)}function T(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return(t-=y(n.paddingTop))-y(n.paddingBottom)}function j(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return(t-=y(n.paddingLeft))-y(n.paddingRight)}function x(e,t,n){var r=e.x,o=e.y,i="translate(".concat(r).concat(n,",").concat(o).concat(n,")");if(t){var a="".concat("string"==typeof t.x?t.x:t.x+n),s="".concat("string"==typeof t.y?t.y:t.y+n);i="translate(".concat(a,", ").concat(s,")")+i}return i}function K(e){if(e){var t,n,r=e.getElementById("react-draggable-style-el");r||((r=e.createElement("style")).type="text/css",r.id="react-draggable-style-el",r.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",r.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(r)),e.body&&(n="react-draggable-transparent-selection",(t=e.body).classList?t.classList.add(n):t.className.match(new RegExp("(?:^|\\s)".concat(n,"(?!\\S)")))||(t.className+=" ".concat(n)))}}function M(e){try{e&&e.body&&(t=e.body,n="react-draggable-transparent-selection",t.classList?t.classList.remove(n):t.className=t.className.replace(new RegExp("(?:^|\\s)".concat(n,"(?!\\S)"),"g"),"")),e.selection?e.selection.empty():window.getSelection().removeAllRanges()}catch(e){}var t,n}function L(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(n,!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({touchAction:"none"},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}function A(e){return"both"===e.props.axis||"x"===e.props.axis}function R(e){return"both"===e.props.axis||"y"===e.props.axis}function D(e,t,n){var r="number"==typeof t?function(e,t){return e.targetTouches&&d(e.targetTouches,(function(e){return t===e.identifier}))||e.changedTouches&&d(e.changedTouches,(function(e){return t===e.identifier}))}(e,t):null;if("number"==typeof t&&!r)return null;var o=F(n);return function(e,t,n){var r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-r.left)/n,y:(e.clientY+t.scrollTop-r.top)/n}}(r||e,n.props.offsetParent||o.offsetParent||o.ownerDocument.body,n.props.scale)}function N(e,t,n){var r=e.state,o=!h(r.lastX),i=F(e);return o?{node:i,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:i,deltaX:t-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:t,y:n}}function H(e,t){var n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function F(e){var t=l.a.findDOMNode(e);if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}function q(t){return(q="function"==typeof Symbol&&"symbol"==e(Symbol.iterator)?function(t){return e(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":e(t)})(t)}function U(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function B(e){return(B=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function z(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function G(e,t){return(G=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function W(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var X={start:"touchstart",move:"touchmove",stop:"touchend"},Y={start:"mousedown",move:"mousemove",stop:"mouseup"},V=Y,$=function(e){function t(){var e,n,r,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var i=arguments.length,a=new Array(i),s=0;s<i;s++)a[s]=arguments[s];return r=this,o=(e=B(t)).call.apply(e,[this].concat(a)),n=!o||"object"!==q(o)&&"function"!=typeof o?z(r):o,W(z(n),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),W(z(n),"handleDragStart",(function(e){if(n.props.onMouseDown(e),!n.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;var t=l.a.findDOMNode(z(n));if(!t||!t.ownerDocument||!t.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var r=t.ownerDocument;if(!(n.props.disabled||!(e.target instanceof r.defaultView.Node)||n.props.handle&&!w(e.target,n.props.handle,t)||n.props.cancel&&w(e.target,n.props.cancel,t))){var o=function(e){return e.targetTouches&&e.targetTouches[0]?e.targetTouches[0].identifier:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].identifier:void 0}(e);n.setState({touchIdentifier:o});var i=D(e,o,z(n));if(null!=i){var a=i.x,s=i.y,u=N(z(n),a,s);n.props.onStart,!1!==n.props.onStart(e,u)&&(n.props.enableUserSelectHack&&K(r),n.setState({dragging:!0,lastX:a,lastY:s}),S(r,V.move,n.handleDrag),S(r,V.stop,n.handleDragStop))}}})),W(z(n),"handleDrag",(function(e){"touchmove"===e.type&&e.preventDefault();var t=D(e,n.state.touchIdentifier,z(n));if(null!=t){var r,o,i,a=t.x,s=t.y;if(Array.isArray(n.props.grid)){var u=a-n.state.lastX,l=s-n.state.lastY,c=U((r=n.props.grid,o=u,i=l,[Math.round(o/r[0])*r[0],Math.round(i/r[1])*r[1]]),2);if(u=c[0],l=c[1],!u&&!l)return;a=n.state.lastX+u,s=n.state.lastY+l}var f=N(z(n),a,s);if(!1!==n.props.onDrag(e,f))n.setState({lastX:a,lastY:s});else try{n.handleDragStop(new MouseEvent("mouseup"))}catch(e){var d=document.createEvent("MouseEvents");d.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),n.handleDragStop(d)}}})),W(z(n),"handleDragStop",(function(e){if(n.state.dragging){var t=D(e,n.state.touchIdentifier,z(n));if(null!=t){var r=t.x,o=t.y,i=N(z(n),r,o),a=l.a.findDOMNode(z(n));a&&n.props.enableUserSelectHack&&M(a.ownerDocument),n.setState({dragging:!1,lastX:NaN,lastY:NaN}),n.props.onStop(e,i),a&&(P(a.ownerDocument,V.move,n.handleDrag),P(a.ownerDocument,V.stop,n.handleDragStop))}}})),W(z(n),"onMouseDown",(function(e){return V=Y,n.handleDragStart(e)})),W(z(n),"onMouseUp",(function(e){return V=Y,n.handleDragStop(e)})),W(z(n),"onTouchStart",(function(e){return V=X,n.handleDragStart(e)})),W(z(n),"onTouchEnd",(function(e){return V=X,n.handleDragStop(e)})),n}var n;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&G(e,t)}(t,i.a.Component),(n=[{key:"componentWillUnmount",value:function(){var e=l.a.findDOMNode(this);if(e){var t=e.ownerDocument;P(t,Y.move,this.handleDrag),P(t,X.move,this.handleDrag),P(t,Y.stop,this.handleDragStop),P(t,X.stop,this.handleDragStop),this.props.enableUserSelectHack&&M(t)}}},{key:"render",value:function(){return i.a.cloneElement(i.a.Children.only(this.props.children),{style:L(this.props.children.props.style),onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&function(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(t.prototype,n),t}();function J(t){return(J="function"==typeof Symbol&&"symbol"==e(Symbol.iterator)?function(t){return e(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":e(t)})(t)}function Z(){return(Z=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}).apply(this,arguments)}function Q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Q(n,!0).forEach((function(t){ae(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Q(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function te(e){return(te=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ne(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function re(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function oe(e,t,n){return t&&re(e.prototype,t),n&&re(e,n),e}function ie(e,t){return(ie=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function ae(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}W($,"displayName","DraggableCore"),W($,"propTypes",{allowAnyClick:s.a.bool,disabled:s.a.bool,enableUserSelectHack:s.a.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:s.a.arrayOf(s.a.number),handle:s.a.string,cancel:s.a.string,onStart:s.a.func,onDrag:s.a.func,onStop:s.a.func,onMouseDown:s.a.func,scale:s.a.number,className:v,style:v,transform:v}),W($,"defaultProps",{allowAnyClick:!1,cancel:null,disabled:!1,enableUserSelectHack:!0,offsetParent:null,handle:null,grid:null,transform:null,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),r.d(n,"default",(function(){return se})),r.d(n,"DraggableCore",(function(){return $}));var se=function(e){function t(e){var n,r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),r=te(t).call(this,e),n=!r||"object"!==J(r)&&"function"!=typeof r?ne(this):r,ae(ne(n),"onDragStart",(function(e,t){if(!1===n.props.onStart(e,H(ne(n),t)))return!1;n.setState({dragging:!0,dragged:!0})})),ae(ne(n),"onDrag",(function(e,t){if(!n.state.dragging)return!1;var r=H(ne(n),t),o={x:r.x,y:r.y};if(n.props.bounds){var i=o.x,a=o.y;o.x+=n.state.slackX,o.y+=n.state.slackY;var s=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}(function(e,t,n){if(!e.props.bounds)return[t,n];var r=e.props.bounds;r="string"==typeof r?r:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(r);var o=F(e);if("string"==typeof r){var i,a=o.ownerDocument,s=a.defaultView;if(!((i="parent"===r?o.parentNode:a.querySelector(r))instanceof s.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');var u=s.getComputedStyle(o),l=s.getComputedStyle(i);r={left:-o.offsetLeft+y(l.paddingLeft)+y(u.marginLeft),top:-o.offsetTop+y(l.paddingTop)+y(u.marginTop),right:j(i)-I(o)-o.offsetLeft+y(l.paddingRight)-y(u.marginRight),bottom:T(i)-C(o)-o.offsetTop+y(l.paddingBottom)-y(u.marginBottom)}}return h(r.right)&&(t=Math.min(t,r.right)),h(r.bottom)&&(n=Math.min(n,r.bottom)),h(r.left)&&(t=Math.max(t,r.left)),h(r.top)&&(n=Math.max(n,r.top)),[t,n]}(ne(n),o.x,o.y),2),u=s[0],l=s[1];o.x=u,o.y=l,o.slackX=n.state.slackX+(i-o.x),o.slackY=n.state.slackY+(a-o.y),r.x=o.x,r.y=o.y,r.deltaX=o.x-n.state.x,r.deltaY=o.y-n.state.y}if(!1===n.props.onDrag(e,r))return!1;n.setState(o)})),ae(ne(n),"onDragStop",(function(e,t){if(!n.state.dragging)return!1;if(!1===n.props.onStop(e,H(ne(n),t)))return!1;var r={dragging:!1,slackX:0,slackY:0};if(Boolean(n.props.position)){var o=n.props.position,i=o.x,a=o.y;r.x=i,r.y=a}n.setState(r)})),n.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:ee({},e.position),slackX:0,slackY:0,isElementSVG:!1},!e.position||e.onDrag||e.onStop||console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&ie(e,t)}(t,i.a.Component),oe(t,null,[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.position,r=t.prevPropsPosition;return!n||r&&n.x===r.x&&n.y===r.y?null:{x:n.x,y:n.y,prevPropsPosition:ee({},n)}}}]),oe(t,[{key:"componentDidMount",value:function(){void 0!==window.SVGElement&&l.a.findDOMNode(this)instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"render",value:function(){var e,t=this.props,n=(t.axis,t.bounds,t.children),r=t.defaultPosition,o=t.defaultClassName,a=t.defaultClassNameDragging,s=t.defaultClassNameDragged,u=t.position,l=t.positionOffset,c=(t.scale,function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"])),d={},p=null,h=!Boolean(u)||this.state.dragging,y=u||r,v={x:A(this)&&h?this.state.x:y.x,y:R(this)&&h?this.state.y:y.y};this.state.isElementSVG?p=function(e,t){return x(e,t,"")}(v,l):d=function(e,t){var n=x(e,t,"px");return k({},m("transform",b),n)}(v,l);var g=f()(n.props.className||"",o,(ae(e={},a,this.state.dragging),ae(e,s,this.state.dragged),e));return i.a.createElement($,Z({},c,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),i.a.cloneElement(i.a.Children.only(n),{className:g,style:ee({},n.props.style,{},d),transform:p}))}}]),t}();ae(se,"displayName","Draggable"),ae(se,"propTypes",ee({},$.propTypes,{axis:s.a.oneOf(["both","x","y","none"]),bounds:s.a.oneOfType([s.a.shape({left:s.a.number,right:s.a.number,top:s.a.number,bottom:s.a.number}),s.a.string,s.a.oneOf([!1])]),defaultClassName:s.a.string,defaultClassNameDragging:s.a.string,defaultClassNameDragged:s.a.string,defaultPosition:s.a.shape({x:s.a.number,y:s.a.number}),positionOffset:s.a.shape({x:s.a.oneOfType([s.a.number,s.a.string]),y:s.a.oneOfType([s.a.number,s.a.string])}),position:s.a.shape({x:s.a.number,y:s.a.number}),className:v,style:v,transform:v})),ae(se,"defaultProps",ee({},$.defaultProps,{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},position:null,scale:1}))}]))}));n(le);le.ReactDraggable;var ce=t((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Draggable",{enumerable:!0,get:function(){return r.default}}),t.Handle=void 0;var n,r=(n=le)&&n.__esModule?n:{default:n};var o=c.styled.div((function(e){var t=e.theme;return{zIndex:10,position:"absolute",top:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",color:e.isDragging?t.color.secondary:t.appBorderColor,overflow:"hidden",transition:"color 0.2s linear, background-position 0.2s linear, background-size 0.2s linear, background 0.2s linear","&:hover":{color:t.color.secondary}}}),(function(e){return{cursor:"x"===e.axis?"col-resize":"row-resize"}}),(function(e){var t=e.theme;return"x"===e.axis?{height:"100%",width:t.layoutMargin,marginLeft:0}:{height:t.layoutMargin,width:"100%",marginTop:0}}),(function(e){var t=e.shadow,n=e.isDragging;if("top"===t){var r={backgroundImage:"radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)",backgroundSize:"100% 50px",backgroundPosition:"50% 0",backgroundRepeat:"no-repeat"};return n?r:Object.assign({},r,{backgroundPosition:"50% 10px","&:hover":r})}if("left"===t){var o={backgroundImage:"radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%)",backgroundSize:"50px 100%",backgroundPosition:"0 50%",backgroundRepeat:"no-repeat"};return n?o:Object.assign({},o,{backgroundPosition:"10px 50%","&:hover":o})}return{}}));t.Handle=o}));n(ce);ce.Handle;var fe=t((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.Layout=t.Panel=t.Preview=t.Main=t.Nav=t.Root=void 0;var n,r=u(i),o=(n=l)&&n.__esModule?n:{default:n},a=u(ue);function s(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return s=function(){return e},e}function u(e){if(e&&e.__esModule)return e;if(null===e||"object"!==f(e)&&"function"!=typeof e)return{default:e};var t=s();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,t&&t.set(e,n),n}function f(e){return(f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function p(e,t){return!t||"object"!==f(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(){return(v=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}).apply(this,arguments)}function g(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var m=c.styled.div({position:"fixed",left:0,top:0,width:"100vw",height:"100vh",overflow:"hidden"});t.Root=m;var b=c.styled.div({position:"absolute",boxSizing:"border-box",top:0,left:0,width:"100%",height:"100%"},(function(e){return e.hidden?{opacity:0}:{opacity:1}}),(function(e){return e.top?{zIndex:9}:{}}),(function(e){var t=e.border,n=e.theme;switch(t){case"left":return{borderLeft:"1px solid ".concat(n.appBorderColor)};case"right":return{borderRight:"1px solid ".concat(n.appBorderColor)};case"top":return{borderTop:"1px solid ".concat(n.appBorderColor)};case"bottom":return{borderBottom:"1px solid ".concat(n.appBorderColor)};default:return{}}}),(function(e){return e.animate?{transition:["width","height","top","left","background","opacity","transform"].map((function(e){return"".concat(e," 0.1s ease-out")})).join(",")}:{}})),_=c.styled.div({position:"absolute",top:0,left:0,width:"100%",height:"100%"},(function(e){var t=e.isFullscreen,n=e.theme;return t?{boxShadow:"none",borderRadius:0}:{background:n.background.content,borderRadius:n.appBorderRadius,overflow:"hidden",boxShadow:"0 1px 5px 0 rgba(0, 0, 0, 0.1)"}})),k=function(e){var t=e.hidden,n=e.children,o=e.position,i=g(e,["hidden","children","position"]);return t?null:r.default.createElement(b,v({style:o},i),n)};t.Nav=k,k.propTypes={hidden:o.default.bool,children:o.default.node.isRequired,position:o.default.shape({})},k.defaultProps={hidden:!1,position:void 0};var E=function(e){var t=e.isFullscreen,n=e.children,o=e.position,i=g(e,["isFullscreen","children","position"]);return r.default.createElement(b,v({style:o,top:!0},i),r.default.createElement(_,{isFullscreen:t},n))};t.Main=E,E.displayName="Main",E.propTypes={isFullscreen:o.default.bool,children:o.default.node.isRequired,position:o.default.shape({})},E.defaultProps={isFullscreen:!1,position:void 0};var O=function(e){var t=e.hidden,n=e.children,o=e.position,i=g(e,["hidden","children","position"]);return r.default.createElement(b,v({style:o,top:!0,hidden:t},i),n)};t.Preview=O,O.displayName="Preview",O.propTypes={hidden:o.default.bool,children:o.default.node.isRequired,position:o.default.shape({})},O.defaultProps={hidden:!1,position:void 0};var w=function(e){var t=e.hidden,n=e.children,o=e.position,i=e.align,a=g(e,["hidden","children","position","align"]);return r.default.createElement(b,v({style:o,hidden:t},a,{border:"bottom"===i?"top":"left"}),n)};t.Panel=w,w.displayName="Panel",w.propTypes={hidden:o.default.bool,children:o.default.node.isRequired,position:o.default.shape({}),align:o.default.oneOf(["bottom","right"])},w.defaultProps={hidden:!1,position:void 0,align:"right"};var S=c.styled.div({position:"absolute",left:0,top:0,zIndex:15,height:"100vh",width:"100vw"}),P=function(e){var t=e.panelPosition,n=e.isPanelHidden,r=e.isNavHidden,o=e.isFullscreen,i=e.bounds,a=e.resizerPanel,s=e.resizerNav,u=e.margin;if(o||n)return{};var l=r?0:s.x,c=n?0:a.x,f=n?0:a.y;return"bottom"===t?{height:f-u,left:0,top:0,width:i.width-l-2*u}:{height:i.height-2*u,left:0,top:0,width:c-l-u}},C=function(e){var t=e.bounds,n=e.resizerNav,r=e.isNavHidden,o=e.isFullscreen,i=e.margin;if(o)return{};var a=r?0:n.x;return{height:t.height-2*i,left:a+i,top:i,width:t.width-a-2*i}},I=function(e){var t=e.isPanelBottom,n=e.isPanelHidden,r=e.isNavHidden,o=e.bounds,i=e.resizerPanel,a=e.resizerNav,s=e.margin,u=r?0:a.x,l=i.x,c=i.y;return t&&n?{height:o.height-c-s,left:0,top:c-s,width:o.width-u-2*s}:!t&&n?{height:o.height-2*s,left:l-u-s,top:0,width:o.width-l-s}:t?{height:o.height-c-s,left:0,top:c-s,width:o.width-u-2*s}:{height:o.height-2*s,left:l-u-s,top:0,width:o.width-l-s}},T=r.default.createElement(S,null),j=function(e){function t(e){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=p(this,h(t).call(this,e))).resizeNav=function(e,t){t.deltaX&&n.setState({resizerNav:{x:t.x,y:t.y}})},n.resizePanel=function(e,t){var r=n.props.options;(t.deltaY&&"bottom"===r.panelPosition||t.deltaX&&"right"===r.panelPosition)&&n.setState({resizerPanel:{x:t.x,y:t.y}})},n.setDragNav=function(){n.setState({isDragging:"nav"})},n.setDragPanel=function(){n.setState({isDragging:"panel"})},n.unsetDrag=function(){n.setState({isDragging:!1})};var r=e.bounds,o=e.options,i=a.get(),s=i.resizerNav,u=i.resizerPanel;return n.state={isDragging:!1,resizerNav:s||{x:200,y:0},resizerPanel:u||("bottom"===o.panelPosition?{x:0,y:Math.round(.6*r.height)}:{x:r.width-400,y:0})},n}var n,o,i;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}(t,e),n=t,i=[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.bounds,r=e.options,o=t.resizerPanel,i=t.resizerNav,a=r.isFullscreen||!r.showNav,s=r.isFullscreen||!r.showPanel,u=r.panelPosition,l="right"===u,c="bottom"===u,f=i.x,d=o.x,p=o.y,h=!s&&l?400:200,y={};return a||(n.width-h<f?y.resizerNav={x:n.width-h,y:0}:(n.width-h<200||f<200)&&(y.resizerNav={x:200,y:0})),l&&!s&&(n.width-200<d||0===d?y.resizerPanel={x:n.width-200,y:0}:f+200>d&&(y.resizerPanel={x:f+200,y:0})),c&&!s&&(n.height-200<p||0===p)&&(y.resizerPanel={x:0,y:n.height-200}),y.resizerPanel||y.resizerNav?Object.assign({},t,{},y):t}}],(o=[{key:"componentDidUpdate",value:function(e,t){var n=this.state,r=n.resizerPanel,o=n.resizerNav;a.set({resizerPanel:r,resizerNav:o});var i=e.bounds,s=i.width,u=i.height,l=this.props,c=l.bounds,f=l.options,d=c.width,p=c.height;d===s&&p===u||("bottom"===f.panelPosition?this.setState({resizerPanel:{x:t.resizerPanel.x,y:t.resizerPanel.y-(u-p)}}):this.setState({resizerPanel:{x:t.resizerPanel.x-(s-d),y:t.resizerPanel.y}}))}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.bounds,o=e.options,i=e.theme,a=e.viewMode,s=e.docsOnly,u=e.panelCount,l=this.state,c=l.isDragging,f=l.resizerNav,d=l.resizerPanel,p=i.layoutMargin,h=o.isFullscreen||!o.showNav,y=o.isFullscreen||!o.showPanel||s||"story"!==a||0===u,v=o.isFullscreen||h&&y,g=o.isToolshown,m=o.panelPosition,b="bottom"===m,_="right"===m,k=d.x,E=f.x;return n?r.default.createElement(r.Fragment,null,h?null:r.default.createElement(ce.Draggable,{axis:"x",position:f,bounds:{left:200,top:0,right:_&&!y?k-200:n.width-200,bottom:0},onStart:this.setDragNav,onDrag:this.resizeNav,onStop:this.unsetDrag},r.default.createElement(ce.Handle,{shadow:"left",axis:"x",isDragging:"nav"===c})),y?null:r.default.createElement(ce.Draggable,{axis:b?"y":"x",position:d,bounds:b?{left:0,top:200,right:0,bottom:n.height-200}:{left:h?200:E+200,top:0,right:n.width-200,bottom:0},onStart:this.setDragPanel,onDrag:this.resizePanel,onStop:this.unsetDrag},r.default.createElement(ce.Handle,{isDragging:"panel"===c,shadow:b?"top":"left",style:b?{left:E+p,width:n.width-E-2*p,marginTop:-p}:{marginLeft:-p},axis:b?"y":"x"})),c?T:null,t({mainProps:{viewMode:a,animate:!c,isFullscreen:v,position:C({bounds:n,resizerNav:f,isNavHidden:h,isFullscreen:v,margin:p})},previewProps:{viewMode:a,docsOnly:s,animate:!c,isFullscreen:v,isToolshown:g,position:P({isFullscreen:v,isNavHidden:h,isPanelHidden:y,resizerNav:f,resizerPanel:d,bounds:n,panelPosition:m,margin:p})},navProps:{viewMode:a,animate:!c,hidden:h,position:{height:n.height,left:0,top:0,width:E+p}},panelProps:{viewMode:a,animate:!c,align:o.panelPosition,hidden:y,position:I({isPanelBottom:b,isPanelHidden:y,isNavHidden:h,bounds:n,resizerPanel:d,resizerNav:f,margin:p})}})):null}}])&&d(n.prototype,o),i&&d(n,i),t}(r.Component);j.displayName="Layout",j.propTypes={children:o.default.func.isRequired,panelCount:o.default.number.isRequired,bounds:o.default.shape({width:o.default.number.isRequired,height:o.default.number.isRequired}).isRequired,options:o.default.shape({isFullscreen:o.default.bool.isRequired,showNav:o.default.bool.isRequired,showPanel:o.default.bool.isRequired,panelPosition:o.default.string.isRequired,isToolshown:o.default.bool.isRequired}).isRequired,viewMode:o.default.string,docsOnly:o.default.bool,theme:o.default.shape({layoutMargin:o.default.number}).isRequired},j.defaultProps={viewMode:void 0,docsOnly:!1};var x=(0,c.withTheme)(j);t.Layout=x}));n(fe);fe.Layout,fe.Panel,fe.Preview,fe.Main,fe.Nav,fe.Root;var de=t((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.Mobile=void 0;var n,r=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==s(e)&&"function"!=typeof e)return{default:e};var t=a();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(i),o=(n=l)&&n.__esModule?n:{default:n};function a(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return a=function(){return e},e}function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var h=c.styled.div({transition:"transform .2s ease",position:"absolute",top:0,height:"100%",overflow:"auto"},(function(e){var t=e.theme;return{background:t.background.content,"&:nth-of-type(1)":{borderRight:"1px solid ".concat(t.appBorderColor)},"&:nth-of-type(3)":{borderLeft:"1px solid ".concat(t.appBorderColor)}}}),(function(e){switch(e.index){case 0:return{width:"80vw",transform:"translateX(-80vw)",left:0};case 1:return{width:"100%",transform:"translateX(0) scale(1)",left:0};case 2:return{width:"80vw",transform:"translateX(80vw)",right:0};default:return{}}}),(function(e){var t=e.active,n=e.index;switch(!0){case 0===n&&0===t:return{transform:"translateX(-0px)"};case 1=