1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[295],{3490:function(t,l,a){"use strict";a.d(l,{Z:function(){return Details}});var s=a(5375),o=a(5893);function Details(t){var l=t.summary,a=t.details;return(0,o.jsxs)("details",{className:"cmp-details",children:[(0,o.jsx)("summary",{className:"cmp-details__summary",children:l}),(0,o.jsx)("div",{className:"cmp-details__details",children:(0,o.jsx)(s.Z,{markdown:a})}),(0,o.jsx)("hr",{})]})}},5186:function(t,l,a){"use strict";var s=a(9499),o=a(7294),c=a(5675),u=a.n(c),d=a(4184),h=a.n(d),m=a(744),p=a(5375),g=a(3490),f=a(9437),y=a(8994),x=a(5893);function ownKeys(t,l){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);l&&(s=s.filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable})),a.push.apply(a,s)}return a}l.Z=function(t){var l=t.animatedImageUrl,a=t.stillImageUrl,c=t.stillImageHeight,d=t.stillImageWidth,w=t.caption,v=t.alignment,k=t.altText,b=void 0===k?"":k,j=t.details,_=t.css,N=void 0===_?"":_,O=(0,o.useState)(!1),S=O[0],C=O[1];if((0,o.useEffect)(function(){C(function(){return matchMedia("(prefers-reduced-motion: no-preference)").matches})},[C]),!l||!a)return null;var D=h()({"cmp-image-wrapper":!0,"cmp-image-wrapper--animated":!0,"cmp-image-wrapper__figure":!!w});return(0,x.jsx)(m.Z,{condition:"Right"===v,wrapper:function(t){return(0,x.jsx)("div",{className:"cmp-image-wrapper__float-container","data-testid":"float-container",children:t})},children:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(w?"figure":"div",{className:D,children:[(0,x.jsx)("div",{children:(0,x.jsx)("button",{type:"button",className:"cmp-button cmp-button--small util-margin-bottom-md","data-content":"Toggle Animation",onClick:function(){return C(!S)},"aria-pressed":S,children:"Toggle Animation"})}),(0,x.jsxs)("div",{className:"util-position-relative",children:[(0,x.jsx)("button",{type:"button",className:"cmp-image-wrapper__overlay-button",tabIndex:-1,"aria-hidden":"true",onClick:function(){return C(!S)}})," ",(0,x.jsxs)("picture",{children:[S?(0,x.jsx)("source",{srcSet:l}):null,c&&d?(0,x.jsx)(u(),{loader:f.Z,alt:b,src:a,height:c,width:d,className:"cmp-image-wrapper__image",style:(0,y.Z)(N)}):(0,x.jsx)("img",{alt:b,src:a,className:"cmp-image-wrapper__image",style:(0,y.Z)(N)})]})]}),w?(0,x.jsx)("figcaption",{className:"cmp-image-wrapper__caption",children:(0,x.jsx)(p.Z,{markdown:w})}):null]}),j?(0,x.jsx)(g.Z,function(t){for(var l=1;l<arguments.length;l++){var a=null!=arguments[l]?arguments[l]:{};l%2?ownKeys(Object(a),!0).forEach(function(l){(0,s.Z)(t,l,a[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):ownKeys(Object(a)).forEach(function(l){Object.defineProperty(t,l,Object.getOwnPropertyDescriptor(a,l))})}return t}({},j)):null]})})}},744:function(t,l){"use strict";l.Z=function(t){var l=t.condition,a=t.wrapper,s=t.children;return l?a(s):s}},8994:function(t,l,a){"use strict";var s=a(9499),o=a(6687);l.Z=function(t){return Object.assign.apply(Object,[{}].concat((0,o.Z)(t.split(";").filter(function(t){return 2===t.trim().split(":").length}).map(function(t){var l=t.trim().split(":");return(0,s.Z)({},l[0].replace(/-[a-z]/g,function(t){return t[1].toUpperCase()}).trim(),l[1].trim())}))))}},9437:function(t,l){"use strict";l.Z=function(t){var l=t.src,a=t.width,s=t.quality,o=s&&s>0?s:l.endsWith(".gif")?100:75;return l.startsWith("https://images.ctfassets.net")?"".concat(l,"?w=").concat(a,"&q=").concat(o):"/_next/image?url=".concat(encodeURIComponent(l),"&w=").concat(a,"&q=").concat(o)}},5375:function(t,l,a){"use strict";var s=a(5576),o=a(7294),c=a(5893);l.Z=function(t){var l=t.markdown;return(0,c.jsx)(s.ZP,{options:{wrapper:o.Fragment},children:l})}},2996:function(t,l,a){"use strict";a.r(l),a.d(l,{__N_SSG:function(){return p}});var s=a(9008),o=a.n(s),c=a(1664),u=a.n(c),d=a(9332),h=a(5186),m=a(5893),p=!0;l.default=function(t){var l,a,s=t.title,c=(t.description,t.seo),p=null!==(l=null==c?void 0:c.title)&&void 0!==l?l:"Sparkbox - Building a Better Web through Partnerships",g=null!==(a=null==c?void 0:c.description)&&void 0!==a?a:"Sparkbox works with enterpriseâlevel clients to provide the benefit of our years of experience and our best new ideas. Got a problem? Letâs solve it together.";return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(o(),{children:[(0,m.jsx)("title",{children:p}),(0,m.jsx)("meta",{name:"description",content:g}),(0,m.jsx)("meta",{property:"og:title",content:p}),(0,m.jsx)("meta",{property:"og:description",content:g}),(0,m.jsx)("meta",{property:"og:type",content:"website"}),(0,m.jsx)("meta",{property:"og:url",content:"https://sparkbox.com".concat((0,d.usePathname)())}),(0,m.jsx)("meta",{property:"og:locale",content:"en_US"}),(0,m.jsx)("link",{rel:"canonical",href:"https://sparkbox.com".concat((0,d.usePathname)())},"canonical"),(0,m.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,m.jsx)("meta",{name:"twitter:site",content:"@hearsparkbox"})]}),(0,m.jsx)("div",{className:"cmp-work-header util-dark-gray-section",children:(0,m.jsxs)("div",{className:"obj-max-width",children:[(0,m.jsx)("header",{className:"util-grid-block",children:(0,m.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-two-thirds@md util-position-relative",children:[(0,m.jsx)("h1",{className:"cmp-work-header__title",children:s}),(0,m.jsxs)("p",{className:"cmp-work-header__description",children:["We've partnered with ",(0,m.jsx)("abbr",{title:"Dayton Power and Light",children:"DP&L"})," for years to optimize online interactions with customers."]})]})}),(0,m.jsx)("div",{className:"cmp-work-header__hero-image",children:(0,m.jsx)("img",{src:"/uploads/work/dpl/DPL-hero.png",srcSet:"/uploads/work/dpl/[email protected]",alt:""})}),(0,m.jsxs)("div",{className:"cmp-work-header__meta util-grid-block",children:[(0,m.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,m.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Client"}),(0,m.jsx)("p",{children:"DP&L is the local regulated electric utility in Dayton, Ohio."})]}),(0,m.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,m.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Solution"}),(0,m.jsx)("p",{children:"Sparkbox has completed many projects during our years-long relationship with DP&L, including an eServices portal for customers."})]}),(0,m.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,m.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Scope"}),(0,m.jsxs)("ul",{className:"util-delist util-bullet-list",children:[(0,m.jsx)("li",{className:"util-bullet-list-item",children:"Customer service application and website"}),(0,m.jsx)("li",{className:"util-bullet-list-item",children:"Usability tested the service request form"})]})]}),(0,m.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,m.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Tech"}),(0,m.jsxs)("ul",{className:"util-delist util-bullet-list",children:[(0,m.jsx)("li",{className:"util-bullet-list-item",children:"Design System"}),(0,m.jsx)("li",{className:"util-bullet-list-item",children:"Mina Deploy"}),(0,m.jsx)("li",{className:"util-bullet-list-item",children:"CircleCI"}),(0,m.jsx)("li",{className:"util-bullet-list-item",children:"Google Maps API"})]})]})]})]})}),(0,m.jsxs)("article",{className:"cmp-work-detail",children:[(0,m.jsx)("h2",{className:"util-visually-hidden",children:"Dayton Power & Light Case Study"}),(0,m.jsxs)("div",{className:"obj-max-width obj-max-width--article",children:[(0,m.jsxs)("div",{className:"cmp-work-detail__vertical-margin",children:[(0,m.jsx)("h2",{children:"The Challenge"}
1),(0,m.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"Dayton Power & Light (DP&L) and Sparkbox have partnered together for over a decade. During our time working together, Sparkbox has embraced DP&L's short- and long-term goals as our own to creatively deliver on immediate needs with the future in mind. In 2017, we were excited to work with the DP&L team on a high priority eServices site dubbed \"MyDP&L.\" MyDP&L would allow the electric utility company's customers to easily pay bills, look over historical electricity usage, and view and update account and profile information. In addition, by employing a design system approach to creating MyDP&L, the effort could push all future DP&L web properties forward."})]}),(0,m.jsxs)("div",{className:"util-grid-block util-gap-md util-gap-lg@md util-gap-1xl@lg cmp-work-detail__vertical-margin",children:[(0,m.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@md",children:[(0,m.jsx)("h2",{children:"Small, Impactful Changes"}),(0,m.jsx)("p",{children:"Our team encourages clients to frequently deliver small features to see the benefits of our efforts together early and often. DP&L started the MyDP&L effort knowing that the initial launch was just the first step in delivering something huge for their customers. One of the first things we knew customers wanted was a feature that explained their energy usage over the last year."}),(0,m.jsx)("p",{children:"Previous utility research let us know that customers were most interested in three key pieces of historical usage content: the current billing period, previous billing period, and a comparison of the current billing period and the same time last year. Our teams decided to visually display the most critical and actionable data on small screens and show all data on larger screens only. This solution clearly displayed what most customers would be looking for while still providing all of the data in a table just below the graph."})]}),(0,m.jsx)("div",{className:"util-grid-cell-full util-grid-cell-half@md",children:(0,m.jsx)(h.Z,{animatedImageUrl:"/uploads/work/dpl/dpl-video-3x.gif",stillImageUrl:"/uploads/work/dpl/dpl-video-3x-still.jpg",stillImageWidth:740,stillImageHeight:489,altText:"",caption:"Customers can quickly access the top content they need on all devices."})})]}),(0,m.jsxs)("div",{className:"util-grid-block util-gap-md util-gap-lg@md util-gap-1xl@lg cmp-work-detail__vertical-margin",children:[(0,m.jsx)("div",{className:"util-grid-cell-full util-grid-cell-half@md",children:(0,m.jsxs)("figure",{children:[(0,m.jsx)("img",{src:"/uploads/work/dpl/outage-map-DPL_customer-service.png",alt:""}),(0,m.jsx)("figcaption",{className:"util-three-quarter-width",children:"The new outage map uses both a full screen experience and interactivity to give the user more information about the scale of outages, locations outages have been reported, and approximate restoration times."})]})}),(0,m.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@md",children:[(0,m.jsx)("h2",{children:"Working Alongside an Internal Integration Team"}),(0,m.jsxs)("p",{className:"cmp-work-detail__content",children:["We've had great success with MyDP&L using"," ",(0,m.jsx)(u(),{href:"/foundry/how_to_not_dread_rebases_when_managing_long_lived_feature_branches",children:"long-lived feature branches"}),". These allow the Sparkbox team to deliver iterative improvements that the DP&L integration team can launch when they're ready internally. We recognize that priorities shift, and these branches give us the flexibility to move a feature that was a lower priority (or not imagined before) up the priority line and to launch it before some originally prioritized features get integratedâwhich was the case with the ",(0,m.jsx)("a",{href:"https://myprofile.aes-ohio.com/Outages/Outages.html",children:"outage map"}),"."]}),(0,m.jsx)("p",{className:"cmp-work-detail__content",children:"An improved outage map wasn't under consideration when we first started work on MyDP&L. But with customers expecting more and more from their utilities, DP&L saw the need to introduce a more robust outage map that would take advantage of improvements they had made to their Outage Management System. Thanks to source control (Github) and long-lived feature branches, we were able to deliver this vital feature into production with minimal impact to features in flight."})]})]}),(0,m.jsxs)("div",{className:"cmp-work-detail__vertical-margin",children:[(0,m.jsx)("h2",{children:"Getting Customer Feedback on Forms"}
1),(0,m.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"eService features are mutually beneficial for users and businesses as they allow customers to perform tasks at their convenience and also reduce the staff time necessary to take care of common needs. Sparkbox performed an unmoderated usability test of the service request forms (one of the top time-saving flows) to make sure DP&L and its users were seeing those benefits. The test proved the service request forms user flows to be successful and gave us ideas for a few small tweaks. We then used analytics to further validate any ideas for improvement."})]}),(0,m.jsxs)("div",{className:"util-grid-block util-gap-md util-gap-lg@md util-gap-1xl@lg cmp-work-detail__vertical-margin",children:[(0,m.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@md",children:[(0,m.jsx)("h2",{children:"Moving a (re)Design Forward"}),(0,m.jsx)("p",{children:"While DP&L had a pressing need to create an eServices application, we knew this was a great opportunity to deliver on needs well outside of MyDP&L, all while staying within budget. We approached design always thinking of how we could leverage elements on dpandl.com in the future, and we made reuse easier by including a design system as part of our development efforts. This system could serve as the foundation for future applications and sites."}),(0,m.jsx)("p",{children:"We approached the design as a modernized evolution of the existing dpandl.com design. One subtle but impactful way we achieved a more modern look was to reuse the same font as the current site but to add additional lighter weights and sizes."}),(0,m.jsx)("p",{children:"From form elements to buttons to messages, the design and development are meant to meet the needs of MyDP&L. And by laying the groundwork for a new site design out of another project's budget, we made it easier for them to chip away at creating a new main site throughout their future work."})]}),(0,m.jsx)("div",{className:"util-grid-cell-full util-grid-cell-half@md",children:(0,m.jsxs)("figure",{children:[(0,m.jsx)("img",{src:"/uploads/work/dpl/type-comparison-DPL.png",alt:""}),(0,m.jsx)("figcaption",{children:"Although the same font was used on the portal as on dpandl.com, we introduced lighter weights and a more pronounced hierarchy to modernize the look."})]})})]}),(0,m.jsxs)("div",{className:"cmp-work-detail__vertical-margin",children:[(0,m.jsx)("h2",{children:"Creatively Navigating Constraints"}),(0,m.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"Some of the most creative and successful solutions can come out of the toughest constraints. In looking for opportunities to do right by clients, we can find ways to make progress on larger goals within immediate tasks. After all, recognizing and helping clients iteratively, intentionally, and successfully navigate toward their largest goals is what having a long-term web partner is all about."})]})]})]})]})}},6221:function(t,l,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/success-stories/dpl",function(){return a(2996)}])},5576:function(t,l,a){"use strict";var s=a(7294);function n(){return(n=Object.assign?Object.assign.bind():function(t){for(var l=1;l<arguments.length;l++){var a=arguments[l];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(t[s]=a[s])}return t}).apply(this,arguments)}let o=["children","options"],c=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((t,l)=>(t[l.toLowerCase()]=l,t),{class:"className",for:"htmlFor"}),u={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xa0",quot:"â"},d=["style","script","pre"],h=["src","href","data","formAction","srcDoc","action"],m=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,p=/mailto:/i,g=/\n{2,}$/,f=/^(\s*>[\s\S]*?)(?=\n\n|$)/,y=/^ *> ?/gm,x=/^(?:\[!([^\]]*)\]\n)?([\s\S]*)/,w=/^ {2,}\n/,v=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,k=/^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/,b=/^(?: {4}
1[^\n]+\n*)+(?:\n *)+\n?/,j=/^(`+)((?:\\`|(?!\1)`|[^`])+)\1/,_=/^(?:\n *)*\n/,N=/\r\n?/g,O=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,S=/^\[\^([^\]]+)]/,C=/\f/g,D=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,P=/^\s*?\[(x|\s)\]/,L=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,A=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,T=/^([^\n]+)\n *(=|-){3,} *\n/,I=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,E=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Z=/^<!--[\s\S]*?(?:-->)/,$=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,M=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,z=/^\{.*\}$/,U=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,q=/^<([^ >]+@[^ >]+)>/,R=/^<([^ >]+:\/[^ >]+)>/,W=/-([a-z])?/gi,F=/^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/,H=/^[^\n]+(?: \n|\n{2,})/,G=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,B=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,K=/^\[([^\]]*)\] ?\[([^\]]*)\]/,V=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,X=/\t/g,Q=/(^ *\||\| *$)/g,Y=/^ *:-+: *$/,ee=/^ *:-+ *$/,et=/^ *-+: *$/,er="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)",en=RegExp(`^([*_])\\1${er}\\1\\1(?!\\1)`),ei=RegExp(`^([*_])${er}\\1(?!\\1)`),el=RegExp(`^(==)${er}\\1`),ea=RegExp(`^(~~)${er}\\1`),es=/^\\([^0-9A-Za-z\s])/,eo=/\\([^0-9A-Za-z\s])/g,ec=/^[\s\S](?:(?! |[0-9]\.|http)[^=*_~\-\n<`\\\[!])*/,eu=/^\n+/,ed=/^([ \t]*)/,eh=/(?:^|\n)( *)$/,em="(?:\\d+\\.)",ep="(?:[*+-])";function le(t){return"( *)("+(1===t?em:ep)+") +"}let eg=le(1),ef=le(2);function _e(t){return RegExp("^"+(1===t?eg:ef))}let ey=_e(1),ex=_e(2);function ye(t){return RegExp("^"+(1===t?eg:ef)+"[^\\n]*(?:\\n(?!\\1"+(1===t?em:ep)+" )[^\\n]*)*(\\n|$)","gm")}let ew=ye(1),ev=ye(2);function me(t){let l=1===t?em:ep;return RegExp("^( *)("+l+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+l+" (?!"+l+" ))\\n*|\\s*\\n*$)")}let ek=me(1),eb=me(2);function ve(t,l){let a=1===l,s=a?ek:eb,o=a?ew:ev,c=a?ey:ex;return{t:t=>c.test(t),o:Oe(function(t,l){let a=eh.exec(l.prevCapture);return a&&(l.list||!l.inline&&!l.simple)?s.exec(t=a[1]+t):null}),i:1,u(t,l,s){let u=a?+t[2]:void 0,d=t[0].replace(g,"\n").match(o),h=!1;return{items:d.map(function(t,a){let o;let u=c.exec(t)[0].length,m=RegExp("^ {1,"+u+"}","gm"),p=t.replace(m,"").replace(c,""),g=a===d.length-1,f=-1!==p.indexOf("\n\n")||g&&h;h=f;let y=s.inline,x=s.list;s.list=!0,f?(s.inline=!1,o=Se(p)+"\n\n"):(s.inline=!0,o=Se(p));let w=l(o,s);return s.inline=y,s.list=x,w}),ordered:a,start:u}},l:(l,a,s)=>t(l.ordered?"ol":"ul",{key:s.key,start:"20"===l.type?l.start:void 0},l.items.map(function(l,o){return t("li",{key:o},a(l,s))}))}}let ej=RegExp("^\\[((?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),e_=/^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/;function Se(t){let l=t.length;for(;l>0&&t[l-1]<=" ";)l--;return t.slice(0,l)}function $e(t,l){return t.startsWith(l)}function Ee(t){return t.replace(/[ÃÃÃÃÃÃ
à áâãäåæÃ]/g,"a").replace(/[çÃ]/g,"c").replace(/[ðÃ]/g,"d").replace(/[ÃÃÃÃéèêë]/g,"e").replace(/[ÃïÃîÃÃÃì]/g,"i").replace(/[Ãñ]/g,"n").replace(/[øÃÅÅÃõÃôÃóÃò]/g,"o").replace(/[ÃüÃûÃúÃù]/g,"u").replace(/[ŸÿÃý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function Re(t){return et.test(t)?"right":Y.test(t)?"center":ee.test(t)?"left":null}function Ae(t,l,a,s){let o=a.inTable;a.inTable=!0;let c=[[]],u="";function i(){if(!u)return;let t=c[c.length-1];t.push.apply(t,l(u,a)),u=""}return t.trim().split(/(`[^`]*`|\\\||\|)/).filter(Boolean).forEach((t,l,a)=>{"|"===t.trim()&&(i(),s)?0!==l&&l!==a.length-1&&c.push([]):u+=t}),i(),a.inTable=o,c}function Be(t,l,a){a.inline=!0;let s=t[2]?t[2].replace(Q,"").split("|").map(Re):[],o=t[3]?t[3].trim().split("\n").map(function(t){return Ae(t,l,a,!0)}):[],c=Ae(t[1],l,a,!!o.length);return a.inline=!1,o.length?{align:s,cells:o,header:c,type:"25"}:{children:c,type:"21"}}function Le(t,l){return null==t.align[l]?{}:{textAlign:t.align[l]}}function Oe(t){return t.inline=1,t}function je(t){return Oe(function(l,a){return a.inline?t.exec(l):null})}function Ce(t){return Oe(function(l,a){return a.inline||a.simple?t.exec(l):null})}function Ie(t){return function(l,a){return a.inline||a.simple?null:t.exec(l)}}function Te(t){return Oe(function(l){return t.exec(l)})}let eN=/(javascript|vbscript|data(?!:image)):/i;function we(t){try{let l=decodeURIComponent(t).replace(/[^A-Za-z0-9/:]/g,"");if(eN.test(l))return null}catch(t){return null}return t}function De(t){return t?t.replace(eo,"$1"):t}function Fe(t,l,a){let s=a.inline||!1,o=a.simple||!1;a.inline=!0,a.simple=!0;let c=t(l,a);return a.inline=s,a.simple=o,c}function Ne(t,l,a){let s=a.inline||!1;a.inline=!1;let o=t(l,a);return a.inline=s,o}let Ze=(t,l,a)=>({children:Fe(l,t[2],a)});function Ge(){return{}}function Ue(){return null}function He(t,l,a){let s=t,o=l.split(".");for(;o.length&&void 0!==(s=s[o[0]]);)o.shift();return s||a}l.ZP=t=>{let{children:l="",options:a}=t,g=function(t,l){if(null==t)return{};var a,s,o={},c=Object.keys(t);for(s=0;s<c.length;s++)l.indexOf(a=c[s])>=0||(o[a]=t[a]);return o}(t,o);return s.cloneElement(function(t="",l={}){var a,o,g;l.overrides=l.overrides||{},l.namedCodesToUnicode=l.namedCodesToUnicode?n({},u,l.namedCodesToUnicode):u;let Q=l.slugify||Ee,Y=l.sanitizer||we,ee=l.createElement||s.createElement,et=[f,k,b,l.enforceAtxHeadings?A:L,T,F,ek,eb],er=[...et,H,I,Z,M];function J(t,a,...s){let o=He(l.overrides,t+".props",{});return ee(function(t,l){let a=He(l,t);
1return a?"function"==typeof a||"object"==typeof a&&"render"in a?a:He(l,t+".component",t):t}(t,l.overrides),n({},a,o,{className:function(...t){return t.filter(Boolean).join(" ")}(null==a?void 0:a.className,o.className)||void 0}),...s)}function re(t){let a;t=t.replace(D,"");let s=!1;l.forceInline?s=!0:l.forceBlock||(s=!1===V.test(t));let o=eg(ep(s?t:Se(t).replace(eu,"")+"\n\n",{inline:s}));for(;"string"==typeof o[o.length-1]&&!o[o.length-1].trim();)o.pop();if(null===l.wrapper)return o;let c=l.wrapper||(s?"span":"div");if(o.length>1||l.forceWrapper)a=o;else{if(1===o.length)return"string"==typeof(a=o[0])?J("span",{key:"outer"},a):a;a=null}return ee(c,{key:"outer"},a)}function ce(t,l){if(!l||!l.trim())return null;let a=l.match(m);return a?a.reduce(function(l,a){let s=a.indexOf("=");if(-1!==s){var o,u;let d=(-1!==(o=a.slice(0,s)).indexOf("-")&&null===o.match($)&&(o=o.replace(W,function(t,l){return l.toUpperCase()})),o).trim(),m=function(t){let l=t[0];return('"'===l||"'"===l)&&t.length>=2&&t[t.length-1]===l?t.slice(1,-1):t}(a.slice(s+1).trim()),p=c[d]||d;if("ref"===p)return l;let g=l[p]=(u=m,"style"===d?(function(t){let l=[],a="",s=!1,o=!1,c="";if(!t)return l;for(let u=0;u<t.length;u++){let d=t[u];if('"'!==d&&"'"!==d||s||(o?d===c&&(o=!1,c=""):(o=!0,c=d)),"("===d&&a.endsWith("url")?s=!0:")"===d&&s&&(s=!1),";"!==d||o||s)a+=d;else{let t=a.trim();if(t){let a=t.indexOf(":");if(a>0){let s=t.slice(0,a).trim(),o=t.slice(a+1).trim();l.push([s,o])}}a=""}}let u=a.trim();if(u){let t=u.indexOf(":");if(t>0){let a=u.slice(0,t).trim(),s=u.slice(t+1).trim();l.push([a,s])}}return l})(u).reduce(function(l,[a,s]){return l[a.replace(/(-[a-z])/g,t=>t[1].toUpperCase())]=Y(s,t,a),l},{}):-1!==h.indexOf(d)?Y(De(u),t,d):(u.match(z)&&(u=De(u.slice(1,u.length-1))),"true"===u||"false"!==u&&u));"string"==typeof g&&(I.test(g)||M.test(g))&&(l[p]=re(g.trim()))}else"style"!==a&&(l[c[a]||a]=!0);return l},{}):null}let eo=[],eh={},em={0:{t:[">"],o:Ie(f),i:1,u(t,l,a){let[,s,o]=t[0].replace(y,"").match(x);return{alert:s,children:l(o,a)}},l(t,l,a){let s={key:a.key};return t.alert&&(s.className="markdown-alert-"+Q(t.alert.toLowerCase(),Ee),t.children.unshift({attrs:{},children:[{type:"27",text:t.alert}],noInnerParse:!0,type:"11",tag:"header"})),J("blockquote",s,l(t.children,a))}},1:{o:Te(w),i:1,u:Ge,l:(t,l,a)=>J("br",{key:a.key})},2:{t:t=>{let l=t[0];return"-"===l||"*"===l||"_"===l},o:Ie(v),i:1,u:Ge,l:(t,l,a)=>J("hr",{key:a.key})},3:{t:[" "],o:Ie(b),i:0,u:t=>({lang:void 0,text:De(Se(t[0].replace(/^ {4}/gm,"")))}),l:(t,l,a)=>J("pre",{key:a.key},J("code",n({},t.attrs,{className:t.lang?"lang-"+t.lang:""}),t.text))},4:{t:["```","~~~"],o:Ie(k),i:0,u:t=>({attrs:ce("code",t[3]||""),lang:t[2]||void 0,text:t[4],type:"3"})},5:{t:["`"],o:Ce(j),i:3,u:t=>({text:De(t[2])}),l:(t,l,a)=>J("code",{key:a.key},t.text)},6:{t:["[^"],o:Ie(O),i:0,u:t=>(eo.push({footnote:t[2],identifier:t[1]}),{}),l:Ue},7:{t:["[^"],o:je(S),i:1,u:t=>({target:"#"+Q(t[1],Ee),text:t[1]}),l:(t,l,a)=>J("a",{key:a.key,href:Y(t.target,"a","href")},J("sup",{key:a.key},t.text))},8:{t:["[ ]","[x]"],o:je(P),i:1,u:t=>({completed:"x"===t[1].toLowerCase()}),l:(t,l,a)=>J("input",{checked:t.completed,key:a.key,readOnly:!0,type:"checkbox"})},9:{t:["#"],o:Ie(l.enforceAtxHeadings?A:L),i:1,u:(t,l,a)=>({children:Fe(l,t[2],a),id:Q(t[2],Ee),level:t[1].length}),l:(t,l,a)=>J("h"+t.level,{id:t.id,key:a.key},l(t.children,a))},10:{o:Ie(T),i:0,u:(t,l,a)=>({children:Fe(l,t[1],a),level:"="===t[2]?1:2,type:"9"})},11:{t:["<"],o:Te(I),i:1,u(t,l,a){let[,s]=t[3].match(ed),o=RegExp("^"+s,"gm"),c=t[3].replace(o,""),u=er.some(t=>t.test(c))?Ne:Fe,h=t[1].toLowerCase(),m=-1!==d.indexOf(h),p=(m?h:t[1]).trim(),g={attrs:ce(p,t[2]),noInnerParse:m,tag:p};if(a.inAnchor=a.inAnchor||"a"===h,m)g.text=t[3];else{let t=a.inHTML;a.inHTML=!0,g.children=u(l,c,a),a.inHTML=t}return a.inAnchor=!1,g},l:(t,l,a)=>J(t.tag,n({key:a.key},t.attrs),t.text||(t.children?l(t.children,a):""))},13:{t:["<"],o:Te(M),i:1,u(t){let l=t[1].trim();return{attrs:ce(l,t[2]||""),tag:l}},l:(t,l,a)=>J(t.tag,n({},t.attrs,{key:a.key}))},12:{t:["<!--"],o:Te(Z),i:1,u:()=>({}),l:Ue},14:{t:["!["],o:Ce(e_),i:1,u:t=>({alt:De(t[1]),target:De(t[2]),title:De(t[3])}),l:(t,l,a)=>J("img",{key:a.key,alt:t.alt||void 0,title:t.title||void 0,src:Y(t.target,"img","src")})},15:{t:["["],o:je(ej),i:3,u:(t,l,a)=>({children:function(t,l,a){let s=a.inline||!1,o=a.simple||!1;a.inline=!1,a.simple=!0;let c=t(l,a);return a.inline=s,a.simple=o,c}(l,t[1],a),target:De(t[2]),title:De(t[3])}),l:(t,l,a)=>J("a",{key:a.key,href:Y(t.target,"a","href"),title:t.title},l(t.children,a))}
1,16:{t:["<"],o:je(R),i:0,u:t=>({children:[{text:t[1],type:"27"}],target:t[1],type:"15"})},17:{t:(t,a)=>!a.inAnchor&&!l.disableAutoLink&&($e(t,"http://")||$e(t,"https://")),o:je(U),i:0,u:t=>({children:[{text:t[1],type:"27"}],target:t[1],title:void 0,type:"15"})},18:{t:["<"],o:je(q),i:0,u(t){let l=t[1],a=t[1];return p.test(a)||(a="mailto:"+a),{children:[{text:l.replace("mailto:",""),type:"27"}],target:a,type:"15"}}},20:ve(J,1),33:ve(J,2),19:{o:Ie(_),i:3,u:Ge,l:()=>"\n"},21:{o:Oe(function(t,l){if(l.inline||l.simple||l.inHTML&&-1===t.indexOf("\n\n")&&-1===l.prevCapture.indexOf("\n\n"))return null;let a="";t.split("\n").every(t=>(t+="\n",!et.some(l=>l.test(t))&&(a+=t,!!t.trim())));let s=Se(a);return""===s?null:[a,,s]}),i:3,u:Ze,l:(t,l,a)=>J("p",{key:a.key},l(t.children,a))},22:{t:["["],o:je(G),i:0,u:t=>(eh[t[1]]={target:t[2],title:t[4]},{}),l:Ue},23:{t:["!["],o:Ce(B),i:0,u:t=>({alt:t[1]?De(t[1]):void 0,ref:t[2]}),l:(t,l,a)=>eh[t.ref]?J("img",{key:a.key,alt:t.alt,src:Y(eh[t.ref].target,"img","src"),title:eh[t.ref].title}):null},24:{t:["["],o:je(K),i:0,u:(t,l,a)=>({children:l(t[1],a),fallbackChildren:t[0],ref:t[2]}),l:(t,l,a)=>eh[t.ref]?J("a",{key:a.key,href:Y(eh[t.ref].target,"a","href"),title:eh[t.ref].title},l(t.children,a)):J("span",{key:a.key},t.fallbackChildren)},25:{t:["|"],o:Ie(F),i:1,u:Be,l:(t,l,a)=>J("table",{key:a.key},J("thead",null,J("tr",null,t.header.map(function(s,o){return J("th",{key:o,style:Le(t,o)},l(s,a))}))),J("tbody",null,t.cells.map(function(s,o){return J("tr",{key:o},s.map(function(s,o){return J("td",{key:o,style:Le(t,o)},l(s,a))}))})))},27:{o:Te(ec),i:4,u(t){let a=t[0];return{text:-1===a.indexOf("&")?a:a.replace(E,(t,a)=>l.namedCodesToUnicode[a]||t)}},l:t=>t.text},28:{t:["**","__"],o:Ce(en),i:2,u:(t,l,a)=>({children:l(t[2],a)}),l:(t,l,a)=>J("strong",{key:a.key},l(t.children,a))},29:{t:t=>{let l=t[0];return("*"===l||"_"===l)&&t[1]!==l},o:Ce(ei),i:3,u:(t,l,a)=>({children:l(t[2],a)}),l:(t,l,a)=>J("em",{key:a.key},l(t.children,a))},30:{t:["\\"],o:Ce(es),i:1,u:t=>({text:t[1],type:"27"})},31:{t:["=="],o:Ce(el),i:3,u:Ze,l:(t,l,a)=>J("mark",{key:a.key},l(t.children,a))},32:{t:["~~"],o:Ce(ea),i:3,u:Ze,l:(t,l,a)=>J("del",{key:a.key},l(t.children,a))}};!0===l.disableParsingRawHTML&&(delete em[11],delete em[13]);let ep=((o=Object.keys(em)).sort(function(t,l){return em[t].i-em[l].i||(t<l?-1:1)}),function(t,l){return function r(t,l){var a=[];if(l.prevCapture=l.prevCapture||"",t.trim())for(;t;)for(var s=0;s<o.length;){var c=o[s],u=em[c];if(!u.t||function(t,l,a){if(Array.isArray(a)){for(let l=0;l<a.length;l++)if($e(t,a[l]))return!0;return!1}return a(t,l)}(t,l,u.t)){var d=u.o(t,l);if(d&&d[0]){t=t.substring(d[0].length);var h=u.u(d,r,l);
1l.prevCapture+=d[0],h.type||(h.type=c),a.push(h);break}s++}else s++}return l.prevCapture="",a}(t.replace(N,"\n").replace(C,"").replace(X," "),l)}),eg=(g=l.renderRule,a=function(t,l,a){let s=em[t.type].l;return g?g(()=>s(t,l,a),t,l,a):s(t,l,a)},function e(t,l={}){if(Array.isArray(t)){let a=l.key,s=[],o=!1;for(let a=0;a<t.length;a++){l.key=a;let c=e(t[a],l),u="string"==typeof c;u&&o?s[s.length-1]+=c:null!==c&&s.push(c),o=u}return l.key=a,s}return a(t,e,l)}),ef=re(t);return eo.length?J("div",null,ef,J("footer",{key:"footer"},eo.map(function(t){return J("div",{id:Q(t.identifier,Ee),key:t.identifier},t.identifier,eg(ep(t.footnote,{inline:!0})))}))):ef}(l,a),g)}},6687:function(t,l,a){"use strict";function _arrayLikeToArray(t,l){(null==l||l>t.length)&&(l=t.length);for(var a=0,s=Array(l);a<l;a++)s[a]=t[a];return s}function _toConsumableArray(t){return function(t){if(Array.isArray(t))return _arrayLikeToArray(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,l){if(t){if("string"==typeof t)return _arrayLikeToArray(t,l);var a=Object.prototype.toString.call(t).slice(8,-1);if("Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return _arrayLikeToArray(t,l)}}(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}a.d(l,{Z:function(){return _toConsumableArray}})}},function(t){t.O(0,[294,774,888,179],function(){return t(t.s=6221)}),_N_E=t.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.