https://www.debugbear.com/cdn/chunk-css-size-analyzer.285e9640a60ead051375.js

1"use strict";(("undefined"==typeof window?self:window).webpackChunkdebugbear_gae=("undefined"==typeof window?self:window).webpackChunkdebugbear_gae||[]).push([[637,6045],{19158(t,e,i){i.d(e,{L:()=>I,Z:()=>O}),i(62953);var n=i(47096),o=i(20474),r=i(51932),l=i(92486),a=i(92429),s=i(33211),d=i(32485),c=i.n(d),p=i(96540),u=i(32304),f=i(27083),b=i(85072),h=i.n(b),m=i(97825),x=i.n(m),g=i(77659),_=i.n(g),v=i(55056),y=i.n(v),w=i(10540),k=i.n(w),j=i(41113),z=i.n(j),C=i(23241),S={};S.styleTagTransform=z(),S.setAttributes=y(),S.insert=_().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=k(),h()(C.A,S),C.A&&C.A.locals&&C.A.locals;var A=i(74848);function N(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var n,o,r,l,a=[],s=!0,d=!1;try{if(r=(i=i.call(t)).next,0===e){if(Object(i)!==i)return;s=!1}else for(;!(s=(n=r.call(i)).done)&&(a.push(n.value),a.length!==e);s=!0);}catch(t){d=!0,o=t}finally{try{if(!s&&null!=i.return&&(l=i.return(),Object(l)!==l))return}finally{if(d)throw o}}return a}}(t,e)||function(t,e){if(t){if("string"==typeof t)return E(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?E(t,e):void 0}}(t,e)||function(){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 E(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i<e;i++)n[i]=t[i];return n}function O(t){let e=t.title,i=t.optionValue,n=t.options,o=t.onSelectOption,r=t.children,l=t.className,a=t.extraOptions,d=t.moreInfoContent,p=t.moreInfoHref;return(0,A.jsxs)("div",{className:c()("d-flex","align-items-center","title-with-options","flex-wrap",l||"h2-inline-block-wrapper"),children:[e&&(0,A.jsxs)("div",{className:"d-flex align-items-center",children:[(0,A.jsx)("h2",{className:"mb-0",children:(0,A.jsx)(s.I,{children:e})}),d&&(0,A.jsx)("div",{style:{display:"flex",marginRight:4,marginLeft:4,lineHeight:1},children:(0,A.jsx)(u.c,{content:d,href:p,style:{display:"flex"}})})]}),n.length>0&&(0,A.jsx)(I,{options:n,onSelectOption:o,optionValue:i,style:{marginLeft:e?10:0},extraOptions:a}),r]})}function I(t){var e;const i=p.useRef(null),o=p.useRef(null),s=N(p.useState(!1),2),d=s[0],u=s[1],f=N(p.useState(0),2),b=f[0],h=f[1],m=p.useCallback(()=>{i.current&&h(i.current.getBoundingClientRect().width)},[]),x=p.useCallback(function(t){m(),u(t)},[m]),g=function(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var i;(0,n.s)("Click filter button",t),null==w||w(t),x(!1),e&&(null===(i=o.current)||void 0===i||i.focus())};p.useEffect(()=>{const t=t=>{d&&i.current&&!i.current.contains(t.target)&&document.contains(t.target)&&x(!1)},e=t=>{var e;"Escape"!==t.key&&"Escape"!==t.code||(x(!1),null===(e=o.current)||void 0===e||e.focus())};return document.addEventListener("keydown",e),document.documentElement.addEventListener("click",t),()=>{document.removeEventListener("keydown",e),document.documentElement.removeEventListener("click",t)}},[d,x]);let _=t.options,v=t.extraOptions,y=t.optionValue,w=t.onSelectOption,k=t.style,j=t.className,z=t.extraContent,C=t.onExpand,S=t.alignDropdown,E=void 0===S?"left":S,O=t.Option,I=t.dropdownStyles,T=t.attributes,W=void 0===T?{}:T,$=t.title;if(_=_.slice(),v=null===(e=v)||void 0===e?void 0:e.slice(),(0,r.a)()<1e3&&_.length>1){const t=_.findIndex(t=>t.value===y),e=-1===t?0:t,i=_[e],n=_.filter((t,i)=>i!==e);_=[i],v=[...n,...v||[]]}const P=v&&v.length>0||null!=z;if(v&&v.find(t=>t.value===y)){const t=_.pop();_.push(v.find(t=>t.value===y)),v=v.filter(t=>t.value!==y),t&&v.unshift(t)}return(0,A.jsxs)("div",{ref:i,className:c()({"title-options--expanded":d,"title-options--darkBackground":"darkBackground"===t.context},j),style:{display:"inline-flex",alignItems:"center",position:"relative",...k||{}},...W,children:[$&&(0,A.jsx)("div",{className:"scale-small-2 color-coldGrey2 mr-1",children:$}),(0,A.jsxs)("div",{className:"title-options-primary-options",children:[_.map(t=>{var e;const i=t.selectedTitle||t.title;return(0,A.jsx)(L,{tooltip:t.tooltip,children:(0,A.jsx)("button",{type:"button","data-test-filter-button":t.value,className:c()("title-option__button title-option__button",{"title-option__button--active":y===t.value,"title-option__button--with-icon":t.icon,"title-option__button--with-after-title":t.afterTitle}),"data-text":t.hideTitle?"":i,"data-testid":t.testId,onClick:e=>{g(t.value,!1),e.currentTarget.blur()},children:(0,A.jsxs)("div",{className:"d-flex align-items-center",children:[t.icon,!t.hideTitle&&(0,A.jsx)("div",{className:t.icon?"ml-1":"",children:i}),t.afterTitle&&(0,A.jsx)("div",{className:"scale-small-2 ml-1",style:{opacity:.8},children:t.afterTitle})]})})},null!==(e=t.key)&&void 0!==e?e:String(t.title))}),P&&(0,A.jsx)("button",{type:"button",ref:o,className:"title-option__button title-option__button--dropdown-trigger",onClick:()=>x(!d),"data-test-options-expand-button":!0,children:(0,A.jsx)("span",{style:{display:"inline-block",transform:`translateY(${d?0:1}px) scaleY(0.8) scaleX(1)`,fontSize:"8px",paddingLeft:2,paddingRight:2},children:d?(0,A.jsx)(a.R,{size:8}):(0,A.jsx)(l.I,{size:8})})})]}),P&&d&&(0,A.jsx)(R,{style:{minWidth:b,...I||{}},options:v,onSelect:t=>g(t,!0),onExpand:C,align:E,extraContent:"function"==typeof z?z(()=>x(!1),()=>m()):z,Option:O})]})}function L(t){let e=t.tooltip,i=t.children;return e?(0,A.jsx)(f.m,{overlay:e,placement:"top",children:i}):i}function T(t){let e=t.tooltip,i=t.onSelect,n=t.test,o=t.subtitle,r=t.children,l=t.testId;return(0,A.jsx)(L,{tooltip:e,children:(0,A.jsxs)("button",{type:"button",className:"title-option__extra",onClick:i,"data-test":n,"data-testid":l,children:[r,o&&(0,A.jsx)("div",{className:"scale-small-2 color-grey3",children:o})]})})}function R(t){let e=t.style,i=t.options,n=t.onSelect,r=t.extraContent,l=t.onExpand,a=t.align,s=void 0===a?"left":a,d=t.Option,u=void 0===d?T:d;p.useEffect(()=>{l&&l()},[]);const f=p.useRef(null);return(0,o.q)({alignment:s,forcePosition:!0,elementRef:f,containerElement:document.querySelector("[data-test-project-pages]")}),(0,A.jsx)("div",{style:{position:"absolute",top:"100%",left:"r

1ight"===s?void 0:0,right:"right"===s?0:void 0},children:(0,A.jsxs)("div",{className:c()("title-options__extra-options-menu",{"align-right":"right"===s}),style:e||{},ref:f,children:[null==i?void 0:i.map(t=>(0,A.jsx)(u,{test:t.test,"data-testid":t.testId,tooltip:t.tooltip,subtitle:t.subtitle,onSelect:()=>n(t.value),children:t.title},t.value)),r]})})}},70201(t,e,i){i.d(e,{v:()=>v,i:()=>y}),i(62953);var n=i(96540),o=i(85072),r=i.n(o),l=i(97825),a=i.n(l),s=i(77659),d=i.n(s),c=i(55056),p=i.n(c),u=i(10540),f=i.n(u),b=i(41113),h=i.n(b),m=i(42402),x={};x.styleTagTransform=h(),x.setAttributes=p(),x.insert=d().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=f(),r()(m.A,x),m.A&&m.A.locals&&m.A.locals;var g=i(74848);function _(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i<e;i++)n[i]=t[i];return n}function v(t){let e=t.size,i=t.compressedSize,o=t.maxSize,r=t.title,l=t.extraInfoLabel,a=t.sizeLabel,s=t.fullSizeColor,d=t.compressedSizeColor,c=t.extraContent,p=t.isNested;const u=(z=n.useState(0),C=2,function(t){if(Array.isArray(t))return t}(z)||function(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var n,o,r,l,a=[],s=!0,d=!1;try{if(r=(i=i.call(t)).next,0===e){if(Object(i)!==i)return;s=!1}else for(;!(s=(n=r.call(i)).done)&&(a.push(n.value),a.length!==e);s=!0);}catch(t){d=!0,o=t}finally{try{if(!s&&null!=i.return&&(l=i.return(),Object(l)!==l))return}finally{if(d)throw o}}return a}}(z,C)||function(t,e){if(t){if("string"==typeof t)return _(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_(t,e):void 0}}(z,C)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=u[0],b=u[1],h=e/o*f,m=i?i/o*f:null,x=s.startsWith("#")||s.startsWith("rgb")?s:`var(--${s})`,v=d?d.startsWith("#")||d.startsWith("rgb")?d:`var(--${d})`:void 0,y=i&&m&&v?{maxWidth:h,minWidth:h,background:`linear-gradient(90deg, ${x} 0%, ${x} ${100-m/h*100}%, ${v} ${100-m/h*100}%, ${v})`}:{maxWidth:h,minWidth:h,backgroundColor:x},w=n.useRef(null),k=t=>b(t.scrollWidth*(t.scrollWidth<800?.2:t.scrollWidth<1e3?.35:.5)*(p?.35:1)),j=n.useCallback(t=>{t&&(k(t),w.current=t)},[]);var z,C;return n.useEffect(()=>{const t=()=>{w.current&&k(w.current)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[]),(0,g.jsxs)("div",{className:"size-info-bar",ref:j,children:[(0,g.jsxs)("div",{className:"d-flex align-items-center size-info-bar__title-container",children:[(0,g.jsx)("div",{className:"size-info-bar__title",title:r,children:r}),c&&(0,g.jsx)("div",{className:"ml-1 d-flex",children:c})]}),(0,g.jsx)("div",{className:"size-info-bar__bar-container",children:(0,g.jsx)("div",{className:"size-info-bar__size-indicator",style:y})}),(0,g.jsxs)("div",{className:"d-flex align-items-center size-info-bar__size-info",children:[(0,g.jsx)("div",{className:"size-info-bar__extraInfo",children:l}),(0,g.jsx)("div",{className:"size-info-bar__size-label",children:a})]})]})}function y(t){let e=t.children,i=t.onClick;return(0,g.jsx)("div",{onClick:i,className:"size-info-bar__wrapper",children:e})}},92429(t,e,i){i.d(e,{R:()=>r});var n=i(74848);const o=["size"];function r(t){let e=t.size,i=void 0===e?12:e,r=function(t,e){if(null==t)return{};var i,n,o=function(t,e){if(null==t)return{};var i={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==e.indexOf(n))continue;i[n]=t[n]}return i}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(n=0;n<r.length;n++)i=r[n],-1===e.indexOf(i)&&{}.propertyIsEnumerable.call(t,i)&&(o[i]=t[i])}return o}(t,o);return(0,n.jsx)("svg",{width:i,height:i,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",...r,children:(0,n.jsx)("path",{d:"M0.36354 14.0218C0.481012 14.2253 0.650164 14.3941 0.853868 14.5112C1.05757 14.6282 1.28859 14.6894 1.52354 14.6885L14.4969 14.6885C14.7297 14.6859 14.9577 14.6224 15.1584 14.5044C15.3591 14.3863 15.5253 14.2177 15.6406 14.0155C15.7559 13.8132 15.8162 13.5843 15.8155 13.3515C15.8149 13.1187 15.7533 12.8901 15.6369 12.6885L9.15021 1.97513C9.03136 1.7792 8.86402 1.61721 8.66434 1.50479C8.46465 1.39236 8.23936 1.3333 8.01021 1.3333C7.78105 1.3333 7.55576 1.39236 7.35608 1.50479C7.15639 1.61721 6.98905 1.7792 6.87021 1.97513L0.383539 12.6885C0.26346 12.8894 0.198394 13.1184 0.194883 13.3525C0.191373 13.5865 0.249541 13.8174 0.36354 14.0218Z"})})}},23241(t,e,i){var n=i(31601),o=i.n(n),r=i(76314),l=i.n(r)()(o());l.push([t.id,'.space-children-2>*+*{margin-top:.5rem}.title-with-options::after{content:"";clear:both;display:block}@media screen and (max-width: 1030px){.title-with-options h2{display:block !important;margin-bottom:0;width:100%}}.title-with-options input:not([type=checkbox]):not([type=date]):not([type=number]):not(.regular){border:1px solid #ddd;padding:3px;padding-top:1px;padding-bottom:1px;margin-left:10px;margin-left:10px;font-size:12px;border-radius:4px}.dark-mode .title-with-options input:not([type=checkbox]):not([type=date]):not([type=number]):not(.regular){border-color:#393f54;background-color:#393f54}.title-option__button{background:#fbfbfb;border:1px solid #ddd;color:#787878;border-right-width:0px;font-size:13px;vertical-align:middle;padding:4px 6px;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between}

1.title-option__button .title-options--darkBackground{background:#f8f8f8}.dark-mode .title-option__button{background-color:#171923}.title-option__button:focus{outline:none}.title-option__button:focus-visible{outline:5px auto #145fcc;outline-offset:1px}.title-option__button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.title-option__button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right-width:1px}.title-option__button::after{content:attr(data-text);height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}@media speech{.title-option__button::after{display:none}}.title-option__button.title-option__button--with-icon:after{margin-left:18px}.title-option__button.title-option__button--with-after-title:after{margin-right:26px}.dark-mode .title-option__button{background-color:#393f54;border-color:#555;color:#c7c7c7}.title-option__button:hover,.title-option__button--active{color:#3a4044;font-weight:500}.dark-mode .title-option__button:hover,.dark-mode .title-option__button--active{color:#fff}.title-option__extra{display:block;appearance:none;width:100%;font-size:14px;padding:6px 10px;line-height:1.1rem;background-color:#fff;border:none;text-align:left}.dark-mode .title-option__extra{color:#fff;background-color:#1e212e}.title-option__extra:hover,.title-option__extra:focus{background-color:#f7f7f7;cursor:pointer}.dark-mode .title-option__extra:hover,.dark-mode .title-option__extra:focus{background-color:rgba(255,255,255,.1)}.title-option__extra:focus{outline:none}.title-option__extra:not(:last-of-type){border-bottom:1px solid #f2f2f2}.dark-mode .title-option__extra:not(:last-of-type){border-bottom:1px solid rgba(255,255,255,.1)}.title-options__dropdown-divider{margin-top:0;margin-bottom:0}div.title-options__extra-options-menu{position:absolute;top:0;background:#fcfcfc;z-index:10000;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:1px solid #ddd;border-top-width:0}.dark-mode div.title-options__extra-options-menu{background:#1e212e;border-color:rgba(255,255,255,.1)}div.title-options__extra-options-menu.align-right{right:0}div.title-options__extra-options-menu:not(.align-right){left:0}.title-options-primary-options{background:#dcdcdc;line-height:1em;border-radius:4px;display:inline-flex;align-items:stretch}.dark-mode .title-options-primary-options{background-color:#393f54}.title-option__button--dropdown-trigger{justify-content:center}.title-options--expanded .title-option__button{border-bottom-left-radius:0;border-bottom-right-radius:0}.title-options--expanded>.title-options-primary-options{border-bottom-left-radius:0;border-bottom-right-radius:0}.title-option__extra:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}',""]);const a=l;i.d(e,["A",0,a])},42402(t,e,i){var n=i(31601),o=i.n(n),r=i(76314),l=i.n(r)()(o());l.push([t.id,".space-children-2>*+*{margin-top:.5rem}.size-info-bar{flex-grow:1;display:flex;align-items:center;border-radius:4px}.size-info-bar__wrapper{cursor:pointer;border-radius:4px;padding:8px;border-bottom:1px solid #eee}.size-info-bar__wrapper:last-child{border-bottom:none}.dark-mode .size-info-bar__wrapper{border-color:rgba(255,255,255,.1) !important}.size-info-bar__wrapper:hover{background:#f7f7f7}.dark-mode .size-info-bar__wrapper:hover{background:rgba(255,255,255,.1)}.size-info-bar__title-container{flex-shrink:1;margin-right:.5rem;

1min-width:200px}@media screen and (max-width: 800px){.size-info-bar__title-container{min-width:100px}}.size-info-bar__title{line-height:1.1em;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-info-bar__bar-container{flex-grow:1;display:flex;align-items:center;margin-right:.5rem;justify-content:flex-end}.size-info-bar__size-indicator{flex-grow:1;height:10px;padding:0 4px;border-radius:4px}.size-info-bar__size-info{flex-shrink:0;display:flex;align-items:center}.size-info-bar__extraInfo{color:#787878;white-space:nowrap;font-size:13px;margin-right:.5rem;text-align:right;width:55px}.size-info-bar__size-label{line-height:1;border-radius:4px;font-size:16px;font-weight:500;width:75px;text-align:right;flex-shrink:0}",""]);const a=l;i.d(e,["A",0,a])},60788(t,e,i){var n=i(20034),o=i(22195),r=i(78227)("match");t.exports=function(t){var e;return n(t)&&(void 0!==(e=t[r])?!!e:"RegExp"===o(t))}},61034(t,e,i){var n=i(69565),o=i(39297),r=i(1625),l=i(67979),a=RegExp.prototype;t.exports=function(t){var e=t.flags;return void 0!==e||"flags"in a||o(t,"flags")||!r(a,t)?e:n(l,t)}},79978(t,e,i){var n=i(46518),o=i(69565),r=i(79504),l=i(67750),a=i(94901),s=i(64117),d=i(60788),c=i(655),p=i(55966),u=i(61034),f=i(2478),b=i(78227),h=i(96395),m=b("replace"),x=TypeError,g=r("".indexOf),_=r("".replace),v=r("".slice),y=Math.max;n({target:"String",proto:!0},{replaceAll:function(t,e){var i,n,r,b,w,k,j,z,C,S,A=l(this),N=0,E="";if(!s(t)){if((i=d(t))&&(n=c(l(u(t))),!~g(n,"g")))throw new x("`.replaceAll` does not allow non-global regexes");if(r=p(t,m))return o(r,t,A,e);if(h&&i)return _(c(A),t,e)}for(b=c(A),w=c(t),(k=a(e))||(e=c(e)),j=w.length,z=y(1,j),C=g(b,w);-1!==C;)S=k?c(e(w,C,b)):f(w,b,C,[],void 0,e),E+=v(b,N,C)+S,N=C+j,C=C+z>b.length?-1:g(b,w,C+z);return N<b.length&&(E+=v(b,N)),E}})},12041(t,e,i){i(79978)}}]);