@pisell/layout/dist/PisellLayout.js

基于 Fusion 设计系统的自然布局体系

!function t(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react")):"function"==typeof define&&define.amd?define(["react"],n):"object"==typeof exports?exports.PisellLayout=n(require("react")):e.PisellLayout=n(e.React)}(window,(function(t){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function e(){return t.default}:function e(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="./dist/",n(n.s=7)}([function(e,n){e.exports=t},function(t,e,n){var r,o;
/*!
	Copyright (c) 2018 Jed Watson.
	Licensed under the MIT License (MIT), see
	http://jedwatson.github.io/classnames
*/!function(){"use strict";var n={}.hasOwnProperty,i="[native code]";function a(){for(var t=[],e=0;e<arguments.length;e++){var r=arguments[e];if(r){var o=typeof r;if("string"===o||"number"===o)t.push(r);else if(Array.isArray(r)){if(r.length){var i=a.apply(null,r);i&&t.push(i)}}else if("object"===o){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){t.push(r.toString());continue}for(var c in r)n.call(r,c)&&r[c]&&t.push(c)}}}return t.join(" ")}t.exports?(a.default=a,t.exports=a):void 0===(o=function(){return a}.apply(e,r=[]))||(t.exports=o)}()},,function(t,e,n){},function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e,n){"use strict";(function(t){var n=function(){if("undefined"!=typeof Map)return Map;function t(t,e){var n=-1;return t.some((function(t,r){return t[0]===e&&(n=r,!0)})),n}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var n=t(this.__entries__,e),r=this.__entries__[n];return r&&r[1]},e.prototype.set=function(e,n){var r=t(this.__entries__,e);~r?this.__entries__[r][1]=n:this.__entries__.push([e,n])},e.prototype.delete=function(e){var n=this.__entries__,r=t(n,e);~r&&n.splice(r,1)},e.prototype.has=function(e){return!!~t(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(t,e){void 0===e&&(e=null);for(var n=0,r=this.__entries__;n<r.length;n++){var o=r[n];t.call(e,o[1],o[0])}},e}()}(),r="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,o=void 0!==t&&t.Math===Math?t:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),i="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(o):function(t){return setTimeout((function(){return t(Date.now())}),1e3/60)},a=2;function c(t,e){var n=!1,r=!1,o=0;function a(){n&&(n=!1,t()),r&&l()}function c(){i(a)}function l(){var t=Date.now();if(n){if(t-o<2)return;r=!0}else n=!0,r=!1,setTimeout(c,e);o=t}return l}var l=20,u=["top","right","bottom","left","width","height","size","weight"],s="undefined"!=typeof MutationObserver,f=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=c(this.refresh.bind(this),20)}return t.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},t.prototype.removeObserver=function(t){var e=this.observers_,n=e.indexOf(t);~n&&e.splice(n,1),!e.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){var t;this.updateObservers_()&&this.refresh()},t.prototype.updateObservers_=function(){var t=this.observers_.filter((function(t){return t.gatherActive(),t.hasActive()}));return t.forEach((function(t){return t.broadcastActive()})),t.length>0},t.prototype.connect_=function(){r&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),s?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){r&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(t){var e=t.propertyName,n=void 0===e?"":e,r;u.some((function(t){return!!~n.indexOf(t)}))&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),p=function(t,e){for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];Object.defineProperty(t,o,{value:e[o],enumerable:!1,writable:!1,configurable:!0})}return t},d=function(t){var e;return t&&t.ownerDocument&&t.ownerDocument.defaultView||o},b=x(0,0,0,0);function m(t){return parseFloat(t)||0}function y(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return e.reduce((function(e,n){var r;return e+m(t["border-"+n+"-width"])}),0)}function v(t){for(var e,n={},r=0,o=["top","right","bottom","left"];r<o.length;r++){var i=o[r],a=t["padding-"+i];n[i]=m(a)}return n}function g(t){var e=t.getBBox();return x(0,0,e.width,e.height)}function h(t){var e=t.clientWidth,n=t.clientHeight;if(!e&&!n)return b;var r=d(t).getComputedStyle(t),o=v(r),i=o.left+o.right,a=o.top+o.bottom,c=m(r.width),l=m(r.height);if("border-box"===r.boxSizing&&(Math.round(c+i)!==e&&(c-=y(r,"left","right")+i),Math.round(l+a)!==n&&(l-=y(r,"top","bottom")+a)),!j(t)){var u=Math.round(c+i)-e,s=Math.round(l+a)-n;1!==Math.abs(u)&&(c-=u),1!==Math.abs(s)&&(l-=s)}return x(o.left,o.top,c,l)}var O="undefined"!=typeof SVGGraphicsElement?function(t){return t instanceof d(t).SVGGraphicsElement}:function(t){return t instanceof d(t).SVGElement&&"function"==typeof t.getBBox};function j(t){return t===d(t).document.documentElement}function w(t){return r?O(t)?g(t):h(t):b}function S(t){var e=t.x,n=t.y,r=t.width,o=t.height,i="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,a=Object.create(i.prototype);return p(a,{x:e,y:n,width:r,height:o,top:n,right:e+r,bottom:o+n,left:e}),a}function x(t,e,n,r){return{x:t,y:e,width:n,height:r}}var E=function(){function t(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=x(0,0,0,0),this.target=t}return t.prototype.isActive=function(){var t=w(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},t}(),P=function(){function t(t,e){var n=S(e);p(this,{target:t,contentRect:n})}return t}(),N=function(){function t(t,e,r){if(this.activeObservations_=[],this.observations_=new n,"function"!=typeof t)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=e,this.callbackCtx_=r}return t.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof d(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)||(e.set(t,new E(t)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof d(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)&&(e.delete(t),e.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach((function(e){e.isActive()&&t.activeObservations_.push(e)}))},t.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,e=this.activeObservations_.map((function(t){return new P(t.target,t.broadcastRect())}));this.callback_.call(t,e,t),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),_="undefined"!=typeof WeakMap?new WeakMap:new n,A=function(){function t(e){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=f.getInstance(),r=new N(e,n,this);_.set(this,r)}return t}();["observe","unobserve","disconnect"].forEach((function(t){A.prototype[t]=function(){var e;return(e=_.get(this))[t].apply(e,arguments)}}));var C=void 0!==o.ResizeObserver?o.ResizeObserver:A;e.a=C}).call(this,n(4))},function(t,e,n){"use strict";(function(t){var n="object"==typeof t&&t&&t.Object===Object&&t;e.a=n}).call(this,n(4))},function(t,e,n){n(3),t.exports=n(8)},function(t,e,n){"use strict";n.r(e),n.d(e,"Header",(function(){return Yt})),n.d(e,"Nav",(function(){return $e})),n.d(e,"Aside",(function(){return tn})),n.d(e,"Content",(function(){return Mt})),n.d(e,"Footer",(function(){return ln})),n.d(e,"Page",(function(){return Zn})),n.d(e,"Section",(function(){return Tn})),n.d(e,"Block",(function(){return Be})),n.d(e,"Grid",(function(){return Hn})),n.d(e,"Row",(function(){return le})),n.d(e,"Col",(function(){return mn})),n.d(e,"Cell",(function(){return ye})),n.d(e,"P",(function(){return ke})),n.d(e,"Text",(function(){return Se})),n.d(e,"FixedPoint",(function(){return Dn})),n.d(e,"FixedContainer",(function(){return qn})),n.d(e,"Space",(function(){return Yn}));var r=n(0),o=n.n(r),i=n(1),a=n.n(i);function c(t){return Array.isArray(t)&&t.length>0}var l=n(5),u=n(6),s="object"==typeof self&&self&&self.Object===Object&&self,f,p,d,b=(u.a||s||Function("return this")()).Symbol,m=Object.prototype,y=m.hasOwnProperty,v=m.toString,g=b?b.toStringTag:void 0;function h(t){var e=y.call(t,g),n=t[g];try{t[g]=void 0;var r=!0}catch(t){}var o=v.call(t);return r&&(e?t[g]=n:delete t[g]),o}var O=h,j,w=Object.prototype.toString;function S(t){return w.call(t)}var x=S,E="[object Null]",P="[object Undefined]",N=b?b.toStringTag:void 0;function _(t){return null==t?void 0===t?P:E:N&&N in Object(t)?O(t):x(t)}var A=_;function C(t){return null!=t&&"object"==typeof t}var M=C,k="[object Number]";function T(t){return"number"==typeof t||M(t)&&A(t)==k}var R=T,I,G=Array.isArray,F="[object String]";function W(t){return"string"==typeof t||!G(t)&&M(t)&&A(t)==F}var z=W,B=[{width:750,maxContentWidth:750,numberOfColumns:4},{width:960,maxContentWidth:960,numberOfColumns:8},{width:1200,maxContentWidth:1200,numberOfColumns:12},{width:1/0,maxContentWidth:1/0,numberOfColumns:12}],H={left:"start",right:"end",middle:"center"},V={top:"start",middle:"center",bottom:"end"},D={"body-1":"body2","body-2":"body1",subhead:"h6",title:"h5",headline:"h4","display-1":"h3","display-2":"h2","display-3":"h1"};function L(t){return J(t)||$(t)||U(t)||q()}function q(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function U(t,e){if(t){if("string"==typeof t)return K(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?K(t,e):void 0}}function $(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function J(t){if(Array.isArray(t))return K(t)}function K(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Q(t){var e=[],n={},r=document.body.clientWidth;t.forEach((function(t){var r=t.width;e.push(r),n[r]=t}));var o=(e=e.sort((function(t,e){return t-e}))).length,i=n[e[0]];if(r>e[o-1])i=n[e[o-1]];else for(var a=1;a<o;a++){var c=n[e[a]];e[a-1]<=r&&r<e[a]&&(i=c)}return i}function X(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:B,e=t.map((function(t){return t.width})),n=Math.max.apply(Math,L(e)),r=t.find((function(t){return(null==t?void 0:t.width)===n}));return(null==r?void 0:r.numberOfColumns)||12}function Y(t){return["small","medium","large"].includes(t)}function Z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"px";return R(t)?"".concat(t).concat(e):t}function tt(t){var e=/^-?[0-9]*\.?[0-9]+([a-z|A-z]*)$/;return R(t)||z(t)&&(e.test(t)||"auto"===t)}function et(t,e){return tt(e)?Z(e):tt(t)?Z(t):void 0}function nt(t){var e=null==t?0:t.length;return e?t[e-1]:void 0}var rt,ot=nt(B),it={prefix:"fd-layout-",noPadding:!1,sectionGap:void 0,blockGap:void 0,gridGap:void 0,maxNumberOfColumns:ot.numberOfColumns||12,breakPoint:ot},at=Object(r.createContext)(it);function ct(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var o=Object(r.useRef)();return Object(r.useEffect)((function(){e.forEach((function(t){t&&("function"==typeof t?t(o.current):t.current=o.current)}))}),[e]),o}function lt(t,e){for(var n=-1,r=null==t?0:t.length,o=Array(r);++n<r;)o[n]=e(t[n],n,t);return o}var ut=lt,st="[object Symbol]";function ft(t){return"symbol"==typeof t||M(t)&&A(t)==st}var pt=ft,dt=1/0,bt=b?b.prototype:void 0,mt=bt?bt.toString:void 0;function yt(t){if("string"==typeof t)return t;if(G(t))return ut(t,yt)+"";if(pt(t))return mt?mt.call(t):"";var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}var vt=yt;function gt(t){return null==t?"":vt(t)}var ht=gt,Ot=0;function jt(t){var e=++Ot;return ht(t)+e}var wt=jt;function St(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=Object(r.useRef)(wt(t));return e.current}function xt(t){return(xt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Et(t,e,n){return(e=Pt(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Pt(t){var e=Nt(t,"string");return"symbol"===xt(e)?e:String(e)}function Nt(t,e){if("object"!==xt(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==xt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var _t=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},At=function t(e,n){var i,c,l,u,s=e.children,f=e.mode,p=e.noPadding,d=e.style,b=_t(e,["children","mode","noPadding","style"]),m,y=Object(r.useContext)(at).prefix,v=Object(r.useRef)(null),g,h,O=r.Children.map(s,(function(t){var e,n;return Object(r.isValidElement)(t)&&("Nav"===(n=null===(e=null==t?void 0:t.type)||void 0===e?void 0:e.typeMark)?g=t:"Aside"===n&&(h=t)),"Nav"!==n&&"Aside"!==n?t:null})),j=(null===(l=null==g?void 0:g.props)||void 0===l?void 0:l.width)||0,w=(null===(u=null==h?void 0:h.props)||void 0===u?void 0:u.width)||0,S=!(!h&&!g),x=a()(Et({},"".concat(y,"page-main"),!0)),E=a()((Et(i={},"".concat(y,"page-bg-").concat(f),!!f),Et(i,"".concat(y,"page-min-height-helper"),!0),Et(i,"".concat(y,"page-content--with-aside"),h),Et(i,"".concat(y,"page-content--with-nav"),g),Et(i,"".concat(y,"page-content--center-mode"),g||h),Et(i,"".concat(y,"page-content--single-col"),!g&&!h),i)),P=a()((Et(c={},"".concat(y,"page-content"),!0),Et(c,"".concat(y,"page-content-no-padding"),p),Et(c,"".concat(y,"page-content--with-nav"),g),c));return o.a.createElement("div",Object.assign({ref:n,className:E},b),o.a.createElement("div",{className:P,style:Object.assign(Object.assign({},S?{gridTemplateColumns:"".concat(j?Z(j):""," 1fr ").concat(w?Z(w):"")}:null),d)},g,o.a.createElement("main",{ref:v,className:x},O),h))},Ct=Object(r.forwardRef)(At);Ct.displayName="Content",Ct.typeMark="Content";var Mt=Ct;function kt(t){return(kt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Tt(t,e,n){return(e=Rt(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Rt(t){var e=It(t,"string");return"symbol"===kt(e)?e:String(e)}function It(t,e){if("object"!==kt(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==kt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function Gt(t,e){return Ht(t)||Bt(t,e)||Wt(t,e)||Ft()}function Ft(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function Wt(t,e){if(t){if("string"==typeof t)return zt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?zt(t,e):void 0}}function zt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Bt(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);l=!0);}catch(t){u=!0,o=t}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function Ht(t){if(Array.isArray(t))return t}var Vt=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},Dt=function t(e,n){var i,u=e.prefix,s=e.className,f=e.style,p=e.children,d=e.minHeight,b=e.mode,m=e.noPadding,y=e.contentProps,v=e.header,g=e.nav,h=e.aside,O=e.footer,j=e.breakPoints,w=e.sectionGap,S=e.blockGap,x=e.gridGap,E=e.onBreakPointChange,P=Vt(e,["prefix","className","style","children","minHeight","mode","noPadding","contentProps","header","nav","aside","footer","breakPoints","sectionGap","blockGap","gridGap","onBreakPointChange"]),N=Object(r.useMemo)((function(){return Object.assign(Object.assign({},f),{minHeight:d})}),[f,d]),_=c(j)?j:B,A=Object(r.useRef)(null),C=ct(n,A),M=Object(r.useRef)(null),k=Object(r.useRef)(Q(_)),T,R=Gt(Object(r.useState)(Q(_)),2),I=R[0],G=R[1],F=St("fd-layout-"),W=new l.a((function(){var t,e=Q(_);(null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.width)!==e.width&&E&&E(e,null==k?void 0:k.current,_),k.current=e,G(e)}));Object(r.useEffect)((function(){return(null==A?void 0:A.current)&&W.observe(A.current),E&&E(Q(_),void 0,_),function(){A.current&&W.unobserve(A.current)}}),[]);var z=v,H=O,V=g,D=h,L=[],q=r.Children.map(p,(function(t){var e;if(Object(r.isValidElement)(t)){var n=null===(e=null==t?void 0:t.type)||void 0===e?void 0:e.typeMark;if(n){if("Header"===n)z=t;else if("Footer"===n)H=t;else if("Aside"===n)D=t;else if("Nav"===n)V=t;else{if("Content"!==n)return t;L.push(t)}return null}}return t})),U=Array.isArray(q)?q.filter((function(t){return!!t})):null,$=a()(s,(Tt(i={},"".concat(u,"page"),!0),Tt(i,"".concat(u,"page--col-").concat(I.numberOfColumns),!0),Tt(i,"".concat(u,"page--not-tab"),!0),Tt(i,"".concat(u,"page--headless"),!z),Tt(i,"".concat(u,"page--footless"),!H),Tt(i,"".concat(u,"page--no-padding"),m),Tt(i,"".concat(u,"bg--").concat(b),!!b),i)),J=L.length>0?L:o.a.createElement(Mt,Object.assign({ref:M,noPadding:m},y),V,D,U);return o.a.createElement(o.a.Fragment,null,o.a.createElement("style",{dangerouslySetInnerHTML:{__html:"\n          :host,\n           #".concat(F," {\n            --page-max-content-width: ").concat(Z(I.maxContentWidth===1/0?"100%":Z(I.maxContentWidth)),";\n            ").concat(tt(w)?"--page-section-gap: ".concat(Z(w),";"):"","\n            ").concat(tt(S)?"--page-block-gap: ".concat(Z(S),";"):"","\n            ").concat(tt(x)?"--page-grid-gap: ".concat(Z(x),";"):"","\n          }")}}),o.a.createElement("div",Object.assign({id:F,ref:C,className:$,style:N},P),o.a.createElement(at.Provider,{value:{prefix:u,noPadding:m,sectionGap:w,gridGap:x,blockGap:S,breakPoint:I,maxNumberOfColumns:X(_)}},z,J,H)))},Lt=Object(r.forwardRef)(Dt);Lt.displayName="Page",Lt.defaultProps={prefix:"fd-layout-",mode:"lining",breakPoints:B};var qt=Lt;function Ut(t){return(Ut="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function $t(t,e,n){return(e=Jt(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Jt(t){var e=Kt(t,"string");return"symbol"===Ut(e)?e:String(e)}function Kt(t,e){if("object"!==Ut(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Ut(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var Qt=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},Xt=function t(e){var n,i=e.className,c=e.children,l=e.mode,u=e.noBottomPadding,s=e.divider,f=e.fullWidth,p=Qt(e,["className","children","mode","noBottomPadding","divider","fullWidth"]),d,b=Object(r.useContext)(at).prefix,m="".concat(b,"page-header"),y=a()(i,m,($t(n={},"".concat(m,"--dividing"),s),$t(n,"".concat(m,"--fullwidth"),f),$t(n,"".concat(b,"bg--").concat(l),!!l),n));return c?o.a.createElement("header",Object.assign({},p,{className:y}),o.a.createElement("div",{className:"".concat(b,"page-header-inner")},c)):null};Xt.displayName="Header",Xt.typeMark="Header",Xt.defaultProps={noBottomPadding:!1,divider:!1,fullWidth:!1,mode:"surface"};var Yt=Xt;function Zt(t){return(Zt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function te(t,e,n){return(e=ee(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function ee(t){var e=ne(t,"string");return"symbol"===Zt(e)?e:String(e)}function ne(t,e){if("object"!==Zt(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Zt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var re,oe=function t(e){var n,o=e.autoFit,i=e.width,c=e.height,l=e.style,u,s=Object(r.useContext)(at).prefix,f="".concat(s,"flex-item"),p=i||(null==l?void 0:l.width),d=R(c)||z(c)&&""!==c?c:void 0,b=null==l?void 0:l.minHeight,m=!1,y=!1,v=!1,g=!1;return o?y=!0:d||b||p?(g=d||b,v=p):m=!0,a()((te(n={},"".concat(f,"-default"),m),te(n,"".concat(f,"-auto-fit"),y),te(n,"".concat(f,"-valid-width"),v),te(n,"".concat(f,"-valid-height"),g),n))},ie=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},ae=function t(e,n){var i=e.width,c=e.height,l=e.children,u=e.className,s=e.verAlign,f=e.style,p=e.autoFit,d=e.gap,b=ie(e,["width","height","children","className","verAlign","style","autoFit","gap"]),m=Object(r.useContext)(at),y=m.prefix,v=m.gridGap,g="".concat(y,"row-flex"),h=et(v,d),O=i||(null==f?void 0:f.width),j=Object(r.useMemo)((function(){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({alignItems:V[s]||s},i?{width:Z(i)}:null),c?{height:Z(c)}:null),h?{gap:Z(h)}:null),O?{flexBasis:Z(O)}:null),f)}),[s,i,c,h,f,O]),w=oe(e);return o.a.createElement("div",Object.assign({},b,{className:a()(u,g,w),style:j,ref:n}),l)},ce=Object(r.forwardRef)(ae);ce.displayName="Row",ce.typeMark="Row";var le=ce;function ue(t){return(ue="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function se(t,e,n){return(e=fe(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function fe(t){var e=pe(t,"string");return"symbol"===ue(e)?e:String(e)}function pe(t,e){if("object"!==ue(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==ue(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var de=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},be=function t(e,n){var i=e.className,c=e.children,l=e.verAlign,u=e.width,s=e.height,f=e.block,p=e.direction,d=e.align,b=e.style,m=e.autoFit,y=e.gap,v=de(e,["className","children","verAlign","width","height","block","direction","align","style","autoFit","gap"]),g,h=Object(r.useContext)(at).prefix,O="".concat(h,"cell"),j=u||(null==b?void 0:b.width),w=Object(r.useMemo)((function(){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},f?null:{display:"flex",flexDirection:"ver"===p?"column":"row"}),l?{justifyContent:V[l]||l}:null),u?{width:Z(u)}:null),s?{height:Z(s)}:null),tt(y)?{gap:Z(y)}:null),j?{flexBasis:Z(j)}:null),b)}),[f,p,l,u,s,y,b,j]),S=oe(e);return o.a.createElement("div",Object.assign({},v,{ref:n,className:a()(O,i,S,se({},"".concat(O,"-align--").concat(d),d)),style:w}),c)},me=Object(r.forwardRef)(be);me.displayName="Cell",me.defaultProps={block:!1,direction:"ver"},me.typeMark="Cell";var ye=me;function ve(t){return(ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ge(t,e,n){return(e=he(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function he(t){var e=Oe(t,"string");return"symbol"===ve(e)?e:String(e)}function Oe(t,e){if("object"!==ve(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==ve(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var je=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},we=function t(e){var n,i=e.className,c=e.type,l=e.style,u=e.component,s=void 0===u?"span":u,f=e.strong,p=e.underline,d=e.delete,b=e.code,m=e.mark,y=e.color,v=e.align,g=e.backgroundColor,h=e.children,O=je(e,["className","type","style","component","strong","underline","delete","code","mark","color","align","backgroundColor","children"]),j,w=Object(r.useContext)(at).prefix,S=D[c]||c,x=a()(i,(ge(n={},"".concat(w,"text"),!0),ge(n,"".concat(w,"text-").concat(S),S),n)),E=Object(r.useMemo)((function(){var t=h;if("string"==typeof t&&-1!==t.indexOf("\n")){var e=t.split("\n"),n=[];e.forEach((function(t){n.push(t),n.push(o.a.createElement("br",null))})),n.pop(),t=n}return f&&(t=o.a.createElement("strong",null,t)),p&&(t=o.a.createElement("u",null,t)),d&&(t=o.a.createElement("del",null,t)),b&&(t=o.a.createElement("code",null,t)),m&&(t=o.a.createElement("mark",null,t)),t}),[h,m,b,d,p,f]),P=Object(r.useMemo)((function(){return Object.assign(Object.assign(Object.assign(Object.assign({},y?{color:y}:null),g?{backgroundColor:g}:null),{textAlign:v}),l)}),[y,g,v,l]);return Object(r.createElement)(s,Object.assign(Object.assign({},O),{style:P,className:x}),E)};we.displayName="Text",we.typeMark="Text",we.defaultProps={align:"left",type:"body2",component:"span"};var Se=we;function xe(t){return(xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ee(t,e,n){return(e=Pe(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Pe(t){var e=Ne(t,"string");return"symbol"===xe(e)?e:String(e)}function Ne(t,e){if("object"!==xe(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==xe(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var _e=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},Ae=function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"body2";return r.Children.map(e,(function(t){if("string"==typeof t)return o.a.createElement(Se,{type:n},t);if(Object(r.isValidElement)(t)){if("a"===t.type&&z(t.props.children))return Object(r.cloneElement)(t,Object.assign({},t.props),o.a.createElement(Se,{type:n,color:"inherit"},t.props.children));if("Text"===t.type.typeMark&&!t.props.type)return Object(r.cloneElement)(t,{type:n})}return t}))},Ce=function t(e,n){var i,c=e.type,l=e.className,u=e.beforeMargin,s=e.afterMargin,f=e.align,p=e.verAlign,d=e.spacing,b=e.hasVerSpacing,m=e.children,y=e.style,v=_e(e,["type","className","beforeMargin","afterMargin","align","verAlign","spacing","hasVerSpacing","children","style"]),g,h=Object(r.useContext)(at).prefix,O="".concat(h,"p"),j=R(d)||z(d)&&""!==d&&!Y(d),w=j?"medium":d,S=Object(r.useMemo)((function(){return Object.assign(Object.assign({marginTop:Z(u)||0,marginBottom:Z(s)||0},j?{"--page-p-medium-spacing":Z(d)}:null),y)}),[u,s,j,y]);return o.a.createElement("div",Object.assign({},v,{ref:n,className:a()(O,l,(i={},Ee(i,"".concat(O,"-spacing"),w),Ee(i,"".concat(O,"-align--").concat(f),f),Ee(i,"".concat(O,"-valign--").concat(p),p),Ee(i,"".concat(O,"-spacing--").concat(f),w&&f),Ee(i,"".concat(O,"-spacing--").concat(w),Y(w)),Ee(i,"".concat(O,"-margin"),b),Ee(i,"".concat(O,"--").concat(c),c),i)),style:S}),Ae(m,c))},Me=Object(r.forwardRef)(Ce);Me.displayName="P",Me.typeMark="P",Me.defaultProps={spacing:"medium",hasVerSpacing:!0,verAlign:"middle"};var ke=Me;function Te(t){return(Te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Re(t,e,n){return(e=Ie(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Ie(t){var e=Ge(t,"string");return"symbol"===Te(e)?e:String(e)}function Ge(t,e){if("object"!==Te(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Te(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var Fe=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},We=function t(e,n){var i,c,l=e.className,u=e.title,s=e.titleAlign,f=e.extra,p=e.noPadding,d=e.mode,b=e.bordered,m=e.width,y=e.contentClassName,v=e.contentStyle,g=void 0===v?{}:v,h=e.span,O=e.divider,j=e.children,w=e.align,S=e.verAlign,x=Fe(e,["className","title","titleAlign","extra","noPadding","mode","bordered","width","contentClassName","contentStyle","span","divider","children","align","verAlign"]),E=Object(r.useContext)(at),P=E.prefix,N=E.maxNumberOfColumns,_="transparent"===d,A=!!_||p,C=!_&&(u||f),M=h;(!M||M>N||M<=0)&&(M=N);var k="".concat(P,"block"),T=a()(l,k,(Re(i={},"".concat(P,"bg--").concat(d),d),Re(i,"".concat(k,"--no-padding"),A),Re(i,"".concat(k,"--headless"),!C),Re(i,"".concat(k,"--span-").concat(M),M>0),Re(i,"".concat(k,"--bordered"),!_&&b),Re(i,"".concat(k,"--divided"),O),i)),R=a()(Re({},"".concat(k,"-head"),!0)),I=a()(y,(Re(c={},"".concat(k,"-content"),!0),Re(c,"".concat(k,"-content--no-padding"),A),c));return C?o.a.createElement("div",Object.assign({},x,{className:T,ref:n}),o.a.createElement(le,{autoFit:!0,verAlign:"middle",className:R},o.a.createElement(ye,{className:"".concat(k,"-title"),align:s},z(u)?o.a.createElement(ke,null,o.a.createElement(Se,{type:"h6"},u)):u),f?o.a.createElement(ye,{autoFit:!0,className:"".concat(k,"-extra"),align:"right"},z(f)?o.a.createElement(ke,null,o.a.createElement(Se,null,f)):f):null),o.a.createElement(ye,Object.assign({},x,{align:w,verAlign:S,className:I,style:g}),j)):o.a.createElement(ye,Object.assign({},x,{width:m,verAlign:S,className:T,ref:n}),j)},ze=Object(r.forwardRef)(We);ze.displayName="Block",ze.defaultProps={mode:"surface",noPadding:!1},ze.typeMark="Block";var Be=ze;function He(t){return(He="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ve(t,e,n){return(e=De(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function De(t){var e=Le(t,"string");return"symbol"===He(e)?e:String(e)}function Le(t,e){if("object"!==He(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==He(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var qe=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},Ue=function t(e){var n,i=e.children,c=e.className,l=e.mode,u=e.width,s=e.style,f=void 0===s?{}:s,p=qe(e,["children","className","mode","width","style"]),d,b=Object(r.useContext)(at).prefix,m=a()(c,(Ve(n={},"".concat(b,"page-nav"),!0),Ve(n,"".concat(b,"bg--").concat(l),!!l),n)),y=a()("".concat(b,"page-nav-inner")),v=r.Children.map(i,(function(t){var e=(null==t?void 0:t.props)||{},n=e.style,i=qe(e,["style"]);return Object(r.isValidElement)(t)?Object(r.cloneElement)(t,Object.assign(Object.assign({},i),{span:1,style:Object.assign({},n)})):o.a.createElement(Be,{span:1},t)})),g=Object.assign({width:Z(u)},f);return i?o.a.createElement("nav",Object.assign({className:m,style:g},p),o.a.createElement("div",{className:y},v)):null};Ue.displayName="Nav",Ue.typeMark="Nav",Ue.defaultProps={width:200,mode:"transparent"};var $e=Ue;function Je(t){return(Je="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ke(t,e,n){return(e=Qe(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Qe(t){var e=Xe(t,"string");return"symbol"===Je(e)?e:String(e)}function Xe(t,e){if("object"!==Je(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Je(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var Ye=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},Ze=function t(e){var n,i=e.className,c=e.width,l=e.mode,u=e.children,s=e.style,f=void 0===s?{}:s,p=Ye(e,["className","width","mode","children","style"]),d,b=Object(r.useContext)(at).prefix,m=a()(i,(Ke(n={},"".concat(b,"page-aside"),!0),Ke(n,"".concat(b,"bg--").concat(l),!!l),n)),y=a()("".concat(b,"page-aside-inner")),v=r.Children.map(u,(function(t){var e=t.props,n=e.style,i=Ye(e,["style"]);return Object(r.isValidElement)(t)?Object(r.cloneElement)(t,Object.assign(Object.assign({},i),{span:1,style:Object.assign({},n)})):o.a.createElement(Be,{span:1,width:c},t)})),g=Object.assign({width:Z(c)},f);return u?o.a.createElement("aside",Object.assign({className:m,style:g},p),o.a.createElement("div",{className:y},v)):null};Ze.displayName="Aside",Ze.typeMark="Aside",Ze.defaultProps={width:200,mode:"transparent"};var tn=Ze;function en(t){return(en="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nn(t,e,n){return(e=rn(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function rn(t){var e=on(t,"string");return"symbol"===en(e)?e:String(e)}function on(t,e){if("object"!==en(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==en(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var an=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},cn=function t(e){var n,i=e.className,c=e.fixed,l=e.divider,u=e.mode,s=e.noTopPadding,f=e.children,p=e.fullWidth,d=an(e,["className","fixed","divider","mode","noTopPadding","children","fullWidth"]),b,m=Object(r.useContext)(at).prefix,y="".concat(m,"page-footer"),v=a()(i,(nn(n={},"".concat(y,"--dividing"),l),nn(n,"".concat(m,"page-footer"),!0),nn(n,"".concat(m,"page-footer-fixed"),c),nn(n,"".concat(y,"--no-top-padding"),s),nn(n,"".concat(y,"--fullwidth"),p),nn(n,"".concat(m,"bg--").concat(u),!!u),n));return f?o.a.createElement("footer",Object.assign({},d,{className:v}),o.a.createElement("div",{className:"".concat(m,"page-footer-inner")},f)):null};cn.displayName="Footer",cn.typeMark="Footer",cn.defaultProps={noTopPadding:!1,divider:!1,fullWidth:!1,mode:"surface"};var ln=cn,un=n(3);function sn(t){return null==t}var fn=sn,pn=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},dn=function t(e,n){var i=e.children,c=e.width,l=e.height,u=e.className,s=e.align,f=e.gap,p=e.autoFit,d=e.style,b=pn(e,["children","width","height","className","align","gap","autoFit","style"]),m=Object(r.useContext)(at),y=m.prefix,v=m.gridGap,g="".concat(y,"col-flex"),h=et(v,f),O=c||(null==d?void 0:d.width),j=Object(r.useMemo)((function(){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({alignItems:H[s]||s,justifyContent:"stretch"},c?{width:Z(c)}:null),l?{height:Z(l),flex:"0 0 auto"}:null),h?{gap:Z(h)}:null),O?{flexBasis:Z(O)}:null),d)}),[s,c,l,h,d,O]),w=oe(e);return o.a.createElement("div",Object.assign({},b,{ref:n,className:a()(u,g,w),style:j}),i)},bn=Object(r.forwardRef)(dn);bn.displayName="Col",bn.typeMark="Col";var mn=bn;function yn(t){return(yn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function vn(t,e,n){return(e=gn(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function gn(t){var e=hn(t,"string");return"symbol"===yn(e)?e:String(e)}function hn(t,e){if("object"!==yn(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==yn(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function On(t){return xn(t)||Sn(t)||wn(t)||jn()}function jn(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function wn(t,e){if(t){if("string"==typeof t)return En(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?En(t,e):void 0}}function Sn(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function xn(t){if(Array.isArray(t))return En(t)}function En(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var Pn=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n};function Nn(t,e,n){var r;return An(_n(t,n),e)}function _n(t,e){var n=[],i=[],a=r.Children.toArray(t).filter((function(t){return!fn(t)}));return a.forEach((function(t,r){var c;(null==t?void 0:t.type)===Be||"Block"===(null===(c=null==t?void 0:t.type)||void 0===c?void 0:c.typeMark)?(n.length>0&&(i.push(o.a.createElement(Be,{key:"cs-".concat(r),span:e},n)),n=[]),i.push(t),n.length>0&&(i.push(o.a.createElement(Be,{key:"cs-".concat(r),span:e},On(n))),n=[])):n.push(t),r===a.length-1&&n.length>0&&(i.push(o.a.createElement(Be,{key:"cs-".concat(r),span:e},On(n))),n=[])})),i}function An(t,e){for(var n=[],r=[],o=0,i=t.length,a=0;a<i;a++){var c=t[a],l=+c.props.span;l<e?l+o<=e?(r.push(c),o+=l):(n=[].concat(On(n),On(Cn(r,o,e))),r=[c],o=l):(r.length>0&&(n=[].concat(On(n),On(Cn(r,o,e))),r=[],o=0),n=[].concat(On(n),On(Cn([c],e,e)))),a===i-1&&r.length>0&&(n=[].concat(On(n),On(Cn(r,o,e))))}return n}function Cn(t,e,n){return t.map((function(t){var o=t.props.span;return Object(r.cloneElement)(t,Object.assign(Object.assign({},t.props),{span:Math.round(o/e*n)}))}))}var Mn=function t(e,n){var i=e.className,c=e.children,l=e.title,u=e.titleAlign,s=e.extra,f=e.gap,p=e.noPadding,d=Pn(e,["className","children","title","titleAlign","extra","gap","noPadding"]),b=Object(r.useContext)(at),m=b.prefix,y=b.blockGap,v=b.breakPoint.numberOfColumns,g=b.maxNumberOfColumns,h="".concat(m,"section"),O=l||s,j=a()(h,i),w="".concat(h,"-block-wrapper"),S=a()("".concat(h,"-inner--with-head"),vn({},"".concat(h,"-no-padding"),p)),x=a()("".concat(h,"-inner-without-head")),E=et(y,f),P=Object(r.useMemo)((function(){return Object.assign({},tt(E)?{gridColumnGap:Z(E),gridRowGap:Z(E)}:null)}),[E]),N=Object(r.useMemo)((function(){return Nn(c,v,g)}),[c,v,g]);return O?o.a.createElement("div",Object.assign({},d,{className:a()(h,i),ref:n}),o.a.createElement("div",{className:S},o.a.createElement(mn,{align:"stretch"},o.a.createElement(le,{autoFit:!0,className:"".concat(h,"-head"),verAlign:"middle"},o.a.createElement(ye,{className:"".concat(h,"-title"),align:u},z(l)?o.a.createElement(ke,{type:"h5"},l):l),s?o.a.createElement(ye,{align:"right",autoFit:!0,className:"".concat(h,"-extra")},z(s)?o.a.createElement(ke,{align:"right",type:"body2"},s):s):null),o.a.createElement(ye,null,o.a.createElement("div",{className:w,style:P},N))))):o.a.createElement("div",Object.assign({},d,{className:j,ref:n}),o.a.createElement("div",{className:a()(x,w),style:P},N))},kn=Object(r.forwardRef)(Mn);kn.displayName="Section",kn.typeMark="Section";var Tn=kn;function Rn(t){return(Rn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function In(t,e,n){return(e=Gn(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Gn(t){var e=Fn(t,"string");return"symbol"===Rn(e)?e:String(e)}function Fn(t,e){if("object"!==Rn(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Rn(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var Wn=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n},zn=function t(e,n){var i,c=e.className,l=e.children,u=e.style,s=e.align,f=e.verAlign,p=e.rowGap,d=e.colGap,b=e.renderItem,m=e.rows,y=e.cols,v=e.width,g=e.minWidth,h=e.maxWidth,O=Wn(e,["className","children","style","align","verAlign","rowGap","colGap","renderItem","rows","cols","width","minWidth","maxWidth"]),j=Object(r.useContext)(at),w=j.prefix,S=j.gridGap,x="".concat(w,"grid"),E=et(S,p),P=et(S,d),N=v||(null==u?void 0:u.width)||g,_=Object(r.useMemo)((function(){var t="repeat(".concat(y,", 1fr)");return y&&y>1?t="repeat(".concat(y,", calc( (100% - ").concat(P||"var(--page-grid-gap)"," * ").concat(y-1,")/").concat(y,"))"):g&&h?t="repeat(auto-fill, minmax(".concat(Z(g),", ").concat(Z(h),"))"):g&&!h?t="repeat(auto-fit, minmax(".concat(Z(g),", auto))"):!g&&h&&(t="repeat(auto-fill, minmax(auto, ".concat(Z(h),"))")),Object.assign(Object.assign(Object.assign(Object.assign({display:"grid",gridTemplateColumns:t,gridTemplateRows:"repeat(".concat(m,", 1fr)")},E?{gridRowGap:Z(E)}:null),P?{gridColumnGap:Z(P)}:null),N?{flexBasis:Z(N)}:null),u)}),[y,P,g,h,m,E,u,N]),A=function t(){return Array.from(new Array(m)).map((function(t,e){return Array.from(new Array(y)).map((function(t,n){return b?b(e,n):null}))}))},C=oe(e);return o.a.createElement("div",Object.assign({},O,{ref:n,className:a()(c,x,C,(i={},In(i,"".concat(x,"-align--").concat(s),s),In(i,"".concat(x,"-valign--").concat(f),f),i)),style:_}),b?A():l)},Bn=Object(r.forwardRef)(zn);Bn.displayName="Grid",Bn.typeMark="Grid",Bn.defaultProps={rows:1,cols:1};var Hn=Bn,Vn=function t(e,n){var i=e.children,c=e.left,l=void 0===c?0:c,u=e.top,s=void 0===u?0:u,f=e.className,p=e.zIndex,d,b=Object(r.useContext)(at).prefix;return o.a.createElement("div",{ref:n,style:{width:2,height:2,position:"relative"},className:a()("".concat(b,"float"),f)},o.a.createElement("div",{style:{position:"absolute",zIndex:p,left:l,top:s}},i))};Vn.displayName="FixedPoint";var Dn=Object(r.forwardRef)(Vn),Ln=function t(e,n){var i=e.children,c=void 0===i?[]:i,l=e.style,u=e.items,s=void 0===u?[]:u,f,p=Object(r.useContext)(at).prefix,d="".concat(p,"fixed-container"),b=oe(e);return o.a.createElement("div",{ref:n,style:Object.assign({position:"relative",width:"100%"},l),className:a()(d,b)},r.Children.map(c,(function(t,e){return o.a.createElement("div",{style:Object.assign({position:"absolute",zIndex:e},s[e])},t)})))};Ln.displayName="FixedContainer";var qn=Object(r.forwardRef)(Ln);function Un(t){return(Un="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(