\n \n \n 現場での\n \n IT人材育成プログラム\n \n \n \n );\n };\n\n return (\n \n {width < 710 ? (\n \n ) : (\n \n \n \n 老舗企業と\n \n \n IT企業が\n \n \n \n \n DXに二人三脚で\n \n 取り組み続けて生まれた\n \n 現場でのIT人材育成プログラム\n \n \n \n )}\n \n \n \n \n
\n \n \n 未来を見据えて{'\\n'}DXと組織風土の改革に取り組む老舗企業\n \n 岡野バルブ製造株式会社
\n \n 代表取締役社長岡野 武治\n
\n \n \n \n \n 将来は
\n \n 50人のITエンジニアチームを\n
\n \n 社内に作りたいと思っています。\n
\n \n \n \n これからの時代、やりたいことをやる為には\n 絶対にテクノロジーの力が必要です。\n \n \n スピーディーにテクノロジーを活用できる体制\n を整えるために、社内にITエンジニアがいて欲しいと思うようになりました。\n \n 深い業務理解×最新のIT技術\n \n Regnioの中野さんたちとは、バルブメンテナンスのシステム開発を3年間、二人三脚でやってきたので、\n ITエンジニアの育成もお願いしよう！と思いました。\n \n \n DXを推進し、企業として強くなるためには、\n \n 社内の人材や組織風土に、「新しいもの」を素直に取り入れ、自分たちのものにしていくという柔軟さ\n \n そのものが必要であると考えます。\n \n \n システム制作は全て外注する、という姿勢でDXに取り組むと、\n \n 深い業務理解を必要とするため、コミュニケーションコストがどうしてもかさんでしまいます。\n \n 数年後を見据えて今から人材教育に力を入れることが、必ず将来活きてくると確信しています。\n \n
\n \n \n \n );\n};\n\nexport default OkanoCEOInterview;\n","import React from 'react';\nimport styled from 'styled-components';\nimport Img from 'gatsby-image';\nimport { Box } from '@material-ui/core';\nimport RegnioTeamFluidImages from '../../../images/gatsby-image/regnio-team-page/fluid-images';\nimport GradientX from '../../../images/svg/GradientX.svg';\n\nconst CompanyBody = styled.div`\n margin: 0 auto;\n padding: 80px 0;\n background: rgba(0, 124, 194, 0.04);\n position: relative;\n`;\n\nconst CompanyTop = styled.div`\n display: flex;\n align-items: flex-end;\n justify-content: center;\n max-width: 1135px;\n margin: 0 auto;\n`;\n\nconst CompanyBottom = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 63px;\n @media (max-width: 850px) {\n margin: 30px 16px 0 16px;\n }\n`;\n\nconst Regnio = styled.div`\n display: flex;\n flex-direction: column;\n line-height: 32px;\n color: #52463c;\n p {\n line-height: 32px;\n }\n\n .regnio {\n font-size: 40px;\n line-height: 40px;\n font-weight: 500;\n span {\n font-size: 48px;\n line-height: 40px;\n }\n }\n @media (max-width: 500px) {\n .regnio {\n font-weight: 500;\n font-size: 40px;\n line-height: 40px;\n }\n }\n @media (max-width: 400px) {\n .regnio {\n font-size: 30px;\n }\n }\n`;\n\nconst BottomTop = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n @media (max-width: 750px) {\n flex-direction: column;\n }\n`;\n\nconst BlueTextContainer = styled.div`\n display: flex;\n flex-direction: column;\n color: #0007ae;\n white-space: pre-wrap;\n max-width: 460px;\n .large {\n font-weight: bold;\n font-size: 34px;\n line-height: 51px;\n padding: 18px 0;\n }\n .content {\n font-size: 20px;\n line-height: 36px;\n }\n span {\n font-weight: 700;\n }\n @media (max-width: 850px) {\n margin-top: 28px;\n .large {\n font-weight: bold;\n font-size: 28px;\n line-height: 48px;\n padding: 14px 0;\n }\n .content {\n font-size: 18px;\n line-height: 36px;\n white-space: normal;\n }\n }\n @media (max-width: 850px) {\n margin-top: 0px;\n .large {\n font-size: 24px;\n }\n .content {\n font-size: 16px;\n line-height: 30px;\n white-space: normal;\n }\n }\n`;\n\nconst Illustration = styled(Img)`\n width: 272px;\n max-width: 272px;\n margin-right: 55px;\n @media (max-width: 685px) {\n width: 220px;\n margin-right: 0;\n }\n`;\n\nconst BoxContainer = styled.div`\n display: flex;\n align-items: center;\n .plus {\n font-size: 52px;\n color: #1e89d7;\n padding: 0 6px;\n }\n .box {\n color: #1e89d7;\n padding: 33px 58px 32px 59px;\n background: #fff;\n border: 1px solid #1e89d7;\n box-sizing: border-box!important;\n border-radius: 4px;\n margin: 0 10px;\n }\n .blue-box {\n color: #fff;\n padding: 33px 58px 32px 59px;\n background: #1e89d7;\n border: 1px solid #1e89d7;\n box-sizing: border-box!important;\n border-radius: 4px;\n margin: 0 10px;\n position: relative;\n }\n\n @media (max-width: 850px) {\n .box {\n width: 101px;\n height: 60px;\n padding: 0;\n display: grid;\n place-items: center;\n }\n }\n .blue-box {\n padding: 21px 60px;\n }\n }\n @media (max-width: 685px) {\n flex-direction: column;\n margin: 40px 0;\n }\n @media (max-width: 400px) {\n .box {\n width: 80px;\n height: 50px;\n padding: 0;\n display: grid;\n place-items: center;\n }\n }\n`;\n\nconst BottomRight = styled.div`\n display: flex;\n justify-content: center;\n flex-gap: 203px;\n height: 200px;\n @media (max-width: 685px) {\n height: auto;\n }\n`;\n\nconst SvgWrapper = styled.div`\n position: absolute;\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n text-align: center;\n top: -40px;\n`;\n\nconst BottomTextContent = styled.div`\n display: flex;\n flex-direction: column;\n text-align: center;\n`;\n\nconst TextHolder = styled.div`\n font-weight: normal;\n font-size: 16px;\n line-height: 29px;\n color: #52463c;\n white-space: pre-wrap;\n span {\n font-weight: 700;\n }\n @media (max-width: 685px) {\n white-space: normal;\n text-align: start;\n margin: 0 16px;\n font-size: 14px;\n line-height: 29px;\n }\n`;\n\nconst OkanoRegnioDescription = () => {\n return (\n \n \n 
\n \n\n \n \n 最新技術を使って
\n 老舗企業のDXに取り組むITベンチャー
\n \n 株式会社Regnio\n
\n \n \n\n \n \n \n \n \n 長期的な事業変革のために{'\\n'}\n 人材育成が必要です。\n
\n \n 私たちはこれまでのプロジェクトを通じ、{'\\n'}\n 長期的な事業変革には{'\\n'}\n \n 深い業務理解と最新技術の両方を兼ね備えた人材を{'\\n'}\n 社内に育成\n \n することが重要だと思っています。{'\\n'}\n
\n \n \n \n \n \n コンサル
\n 開発
\n 運用
\n \n\n +
\n 人材育成
\n \n \n \n \n \n 株式会社Regnioは、DX戦略コンサル、開発、運用をやっていると同時に、\n {'\\n'} 企業の内部からの進化も促す為、\n DX人材育成事業をはじめました。\n \n \n \n );\n};\n\nexport default OkanoRegnioDescription;\n","import React from 'react';\nimport styled from 'styled-components';\nimport Img from 'gatsby-image';\nimport RegnioTeamFluidImages from '../../../images/gatsby-image/regnio-team-page/fluid-images';\nimport { ProjectTitle } from '../constants';\nimport ArrowSrc from '../../../images/svg/lp-big-arrow.svg';\n\nconst Wrapper = styled.div`\n max-width: 1135px;\n margin: 80px auto;\n @media (max-width: 850px) {\n margin: 40px auto;\n }\n @media (max-width: 580px) {\n margin: 26px auto;\n }\n`;\n\nconst Image = styled(Img)`\n padding: 10px;\n width: 330px;\n max-width: 350px;\n @media (max-width: 850px) {\n width: 220px;\n max-width: 220px;\n }\n @media (max-width: 580px) {\n width: 110px;\n max-width: 110px;\n }\n`;\n\nconst ArrowImg = styled.img`\n @media (max-width: 850px) {\n width: 50px;\n max-width: 60px;\n }\n @media (max-width: 350px) {\n width: 30px;\n }\n`;\n\nconst Header = styled.div`\n max-width: 900px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n font-weight: normal;\n font-size: 34px;\n line-height: 34px;\n height: 210px;\n color: #52463c;\n .blue {\n display: flex;\n font-weight: bold;\n font-size: 48px;\n line-height: 48px;\n color: #0007ae;\n span {\n font-size: 32px;\n }\n }\n @media (max-width: 850px) {\n max-width: 90%;\n .blue {\n font-weight: bold;\n font-size: 34px;\n line-height: 36px;\n span {\n font-size: 28px;\n }\n }\n }\n @media (max-width: 704px) {\n .blue {\n flex-direction: column;\n }\n }\n @media (max-width: 580px) {\n font-size: 20px;\n line-height: 20px;\n text-align: center;\n span {\n font-size: 26px;\n line-height: 36px;\n }\n .blue {\n white-space: pre-wrap;\n text-align: center;\n margin: 20px 0;\n div {\n margin-bottom: 12px;\n }\n span {\n font-size: 20px;\n line-height: 24px;\n }\n }\n }\n @media (max-width: 350px) {\n font-size: 18px;\n line-height: 20px;\n span {\n font-size: 24px;\n line-height: 32px;\n }\n .blue {\n font-size: 24px;\n div {\n margin-bottom: 5px;\n }\n span {\n font-size: 20px;\n line-height: 24px;\n }\n }\n }\n`;\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n margin: 66px 0;\n @media (max-width: 580px) {\n margin: 30px 0;\n }\n`;\n\nconst FlexColumn = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n .blue {\n font-weight: 500;\n font-size: 28px;\n line-height: 48px;\n color: #0007ae;\n }\n @media (max-width: 580px) {\n .blue {\n font-size: 22px;\n }\n }\n`;\n\nconst OkanoTeamDescription = () => {\n return (\n \n \n \n {ProjectTitle}は\n
\n 社員を株式会社Regnioに派遣して
\n \n
\n 社内に\n
\n
\n ITエンジニアチームを\n
\n
\n 組成\n できます\n
\n
BEFORE
\n \n \n \n \n \n \n AFTER
\n \n \n \n );\n};\n\nexport default OkanoTeamDescription;\n","import React, { useState, useEffect } from 'react';\nimport OkanoInterviews from './okano-interviews';\nimport OkanoCEOInterview from './okano-ceo-interview';\nimport OkanoRegnioDescription from './okano-regnio-description';\nimport OkanoTeamDescription from './okano-team-description';\n\nconst DXCompanyExample = () => {\n const [width, setWidth] = useState(0);\n\n useEffect(() => {\n setWidth(window.innerWidth);\n }, []);\n\n useEffect(() => {\n const updateWindowDimensions = () => {\n const newWidth = window.innerWidth;\n setWidth(newWidth);\n };\n\n window.addEventListener('resize', updateWindowDimensions);\n\n return () => window.removeEventListener('resize', updateWindowDimensions);\n }, []);\n\n return (\n <>\n \n \n \n \n \n );\n};\n\nexport default DXCompanyExample;\n","import { Box } from '@material-ui/core';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Img from 'gatsby-image';\nimport RegnioTeamFluidImages from '../../../images/gatsby-image/regnio-team-page/fluid-images';\n\nconst StepOneWrapper = styled.div`\n display: flex;\n flex-direction: column;\n padding: 80px 0;\n @media (max-width: 1134px) {\n width: 90%;\n margin: 0 auto;\n }\n @media (max-width: 1134px) {\n width: 90%;\n margin: 0 auto;\n }\n @media (max-width: 750px) {\n width: 100%;\n background: #fff;\n padding: 80px 16px;\n box-sizing: border-box !important;\n }\n @media (max-width: 550px) {\n padding: 80px 16px 40px 16px;\n }\n`;\n\nconst Title = styled.div`\n font-weight: bold;\n font-size: 44px;\n line-height: 64px;\n color: #0007ae;\n margin-bottom: 40px;\n span {\n font-weight: 600;\n font-size: 48px;\n line-height: 65px;\n color: #52463c;\n position: relative;\n ::before {\n content: 'STEP';\n position: absolute;\n top: 0;\n left: 20%;\n font-weight: 600;\n font-size: 14px;\n line-height: 14px;\n text-align: center;\n }\n }\n @media (max-width: 555px) {\n font-size: 30px;\n line-height: 32px;\n color: #0007ae;\n span {\n font-size: 24px;\n line-height: 24px;\n margin-right: 8px;\n ::before {\n content: 'STEP';\n position: absolute;\n top: -8px;\n left: 0%;\n font-size: 12px;\n line-height: 12px;\n text-align: center;\n }\n }\n }\n @media (max-width: 350px) {\n margin-bottom: 20px;\n }\n`;\n\nconst Fukidashi = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100px;\n width: max-content;\n padding: 24px;\n box-sizing: border-box !important;\n background: #1e89d7;\n border-radius: 16px;\n color: #ffffff;\n text-align: center;\n white-space: pre-wrap;\n position: relative;\n margin-right: 32px;\n ::after {\n content: '';\n position: absolute;\n margin: 0;\n bottom: -30px;\n right: 30px;\n width: 0;\n height: 0;\n border-top: 40px solid #1e89d7;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n transform: rotate(-30deg);\n }\n @media (max-width: 1134px) {\n margin: 0 0 10px -60%;\n }\n @media (max-width: 750px) {\n margin: 0;\n ::after {\n display: none;\n }\n }\n @media (max-width: 500px) {\n height: 80px;\n font-weight: bold;\n font-size: 16px;\n line-height: 23px;\n text-align: center;\n }\n`;\n\nconst ScheduleBox = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 26px;\n color: #1e89d7;\n background: #dff2fc;\n width: 221px;\n height: 120px;\n white-space: pre-wrap;\n font-weight: bold;\n font-size: 18px;\n margin-right: 2px;\n @media (max-width: 1134px) {\n margin-top: 12px;\n }\n @media (max-width: 750px) {\n margin-top: 2px;\n width: auto;\n justify-content: flex-start;\n padding-left: 36px;\n }\n @media (max-width: 500px) {\n margin-top: 2px;\n font-size: 16px;\n line-height: 29px;\n padding-left: 16px;\n }\n`;\n\nconst SPScheduleBoxContainer = styled.div`\n display: flex;\n flex-direction: column;\n padding-left: 20px;\n border-left: 2px dashed #828282;\n margin: 10px 0 10px 10px;\n @media (max-width: 750px) {\n margin: 16px 0 16px 10px;\n }\n @media (max-width: 350px) {\n padding-left: 8px;\n }\n`;\n\nconst DottedBorder = styled.div`\n border-bottom: 2px dashed #828282;\n flex-grow: 2;\n align-self: center;\n margin: 0 8px;\n`;\n\nconst MonthsHeading = styled.div`\n font-weight: bold;\n font-size: 28px;\n line-height: 41px;\n text-align: center;\n font-feature-settings: 'halt' on;\n color: #1e89d7;\n span {\n font-size: 40px;\n }\n @media (max-width: 1134px) {\n display: flex;\n flex-direction: column;\n align-items: center;\n .vertical {\n writing-mode: vertical-rl;\n }\n }\n @media (max-width: 900px) {\n font-size: 18px;\n line-height: 32px;\n span {\n font-size: 32px;\n }\n }\n @media (max-width: 500px) {\n font-size: 21px;\n line-height: 30px;\n span {\n font-size: 32px;\n line-height: 40px;\n }\n }\n @media (max-width: 350px) {\n flex-basis: 10%;\n font-size: 16px;\n line-height: 28px;\n span {\n font-size: 24px;\n line-height: 30px;\n }\n }\n`;\n\nconst ScheduleCalender = styled(Box)`\n margin: 3px 0 13px 0;\n font-weight: bold;\n font-size: 18px;\n line-height: 26px;\n font-feature-settings: 'halt' on;\n color: #828282;\n`;\n\nconst Image = styled(Img)`\n width: 220px;\n margin-top: 28px;\n @media (max-width: 500px) {\n width: 121px;\n }\n`;\n\nconst TextHeading = styled.div`\n font-weight: bold;\n font-size: 24px;\n line-height: 36px;\n color: #52463c;\n white-space: pre-wrap;\n margin: 16px 0;\n @media (max-width: 370px) {\n font-size: 21px;\n }\n`;\n\nconst TextContents = styled.div`\n font-size: 16px;\n line-height: 26px;\n color: #52463c;\n white-space: pre-wrap;\n p {\n margin: 8px 0;\n }\n span {\n font-weight: 700;\n }\n`;\n\nconst SPTopContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n flex-direction: row-reverse;\n @media (max-width: 750px) {\n flex-direction: row;\n }\n @media (max-width: 750px) {\n flex-direction: column;\n }\n`;\n\nconst SPTopRightContainer = styled.div`\n display: flex;\n align-items: center;\n flex-direction: column;\n justifu-content: space-evenly;\n @media (max-width: 750px) {\n flex-direction: row;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst SPBottomTextContainer = styled.div`\n margin: 20px auto;\n width: 80%;\n @media (max-width: 500px) {\n width: 90%;\n }\n`;\n\nconst SPScheduleContainer = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst SPTerm = styled.div`\n font-weight: bold;\n font-size: 18px;\n line-height: 26px;\n font-feature-settings: 'halt' on;\n color: #828282;\n`;\n\nconst SPScheduleWrapper = styled.div`\n width: 80%;\n margin: 0 auto;\n @media (max-width: 1134px) {\n width: auto;\n margin: 0;\n }\n @media (max-width: 500px) {\n width: 90%;\n }\n @media (max-width: 400px) {\n width: 95%;\n }\n`;\n\nconst SPStepOneComponent = ({\n thisYear,\n firstMonth,\n secondMonth,\n secondYear,\n}) => {\n return (\n \n \n
\n <span>01</span>ヒアリング期間\n \n \n \n \n \n ヒアリングして{'\\n'}スタート\n \n \n
\n \n\n \n \n \n \n 1ヶ月\n
\n 〜
\n \n 2ヶ月\n
\n \n \n \n {thisYear}年{firstMonth}月\n \n \n \n 課題をヒアリング
\n \n \n 理想のチーム像を明確化
\n \n \n \n {secondYear}年{secondMonth}月\n \n \n \n \n \n\n \n \n 御社の解決したい課題と、{'\\n'}\n 目指したい組織体制を{'\\n'}明確化します\n \n \n \n まずは現場の課題や業務内容についてヒアリングさせていただきます。\n
\n \n 各企業ごとに、抱えている課題・解決策は異なりますので、{'\\n'}\n 求められる「エンジニア」像も様々です。\n
\n \n 御社がどんな組織体制を目指すのか\n を丁寧にヒアリングし、最初にしっかりと\n \n 目指すゴール像、育成したいエンジニア像をすり合わせます。\n \n
\n \n \n \n \n );\n};\n\nconst StepOne = ({ width }) => {\n const date = new Date();\n const thisYear = new Date().getFullYear();\n const firstMonth = new Date().getMonth() + 1;\n const nextDate = new Date(date.setMonth(date.getMonth() + 2));\n const secondYear = nextDate.getFullYear();\n const secondMonth = nextDate.getMonth();\n\n return (\n <>\n {width < 1134 ? (\n \n ) : (\n \n \n
\n <span>01</span>ヒアリング期間\n \n \n \n \n \n ヒアリングして{'\\n'}スタート\n \n
\n \n 1ヶ月〜2ヶ月\n \n \n \n {thisYear}年{firstMonth}月\n \n \n \n {secondYear}年{secondMonth}月\n \n \n \n
\n \n 課題を{'\\n'}ヒアリング
\n \n \n 理想のチーム像を{'\\n'}明確化
\n \n \n
\n \n
\n \n \n \n 御社の解決したい課題と、{'\\n'}\n 目指したい組織体制を明確化します\n \n \n \n まずは現場の課題や業務内容についてヒアリングさせていただきます。\n
\n \n 各企業ごとに、抱えている課題・解決策は異なりますので、{'\\n'}\n 求められる「エンジニア」像も様々です。\n
\n \n 御社がどんな組織体制を目指すのか\n を丁寧にヒアリングし、最初にしっかりと\n \n 目指すゴール像、{'\\n'}\n 育成したいエンジニア像をすり合わせます。\n \n
\n \n \n \n \n )}\n \n );\n};\n\nexport default StepOne;\n","import { Box } from '@material-ui/core';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Img from 'gatsby-image';\nimport RegnioTeamFluidImages from '../../../images/gatsby-image/regnio-team-page/fluid-images';\n\nconst StepTwoWrapper = styled.div`\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n margin-bottom: 80px;\n @media (max-width: 1134px) {\n justify-content: center;\n flex-direction: row-reverse;\n align-items: end;\n margin: 40px auto;\n }\n\n @media (max-width: 750px) {\n display: block;\n background: #fff;\n padding: 40px 0;\n }\n`;\n\nconst Title = styled.div`\n font-weight: bold;\n font-size: 44px;\n line-height: 64px;\n color: #0007ae;\n span {\n margin: 0 12px;\n }\n .small {\n font-weight: bold;\n font-size: 24px;\n line-height: 35px;\n color: #0007ae;\n }\n .step {\n font-weight: 600;\n font-size: 48px;\n line-height: 65px;\n color: #52463c;\n position: relative;\n ::before {\n content: 'STEP';\n position: absolute;\n top: 0;\n left: 20%;\n font-weight: 600;\n font-size: 14px;\n line-height: 14px;\n text-align: center;\n }\n }\n @media (max-width: 850px) {\n span {\n margin: 0;\n margin-right: 8px;\n }\n .small {\n font-weight: bold;\n font-size: 20px;\n line-height: 32px;\n color: #0007ae;\n }\n }\n @media (max-width: 555px) {\n font-size: 30px;\n line-height: 32px;\n color: #0007ae;\n span {\n margin: 0;\n }\n .small {\n font-size: 14px;\n line-height: 20px;\n }\n .step {\n font-size: 24px;\n line-height: 24px;\n margin-right: 8px;\n ::before {\n position: absolute;\n top: -8px;\n left: 0%;\n font-size: 12px;\n line-height: 12px;\n text-align: center;\n }\n }\n }\n @media (max-width: 330px) {\n .small {\n white-space: pre;\n display: block;\n text-align: right;\n }\n }\n`;\n\nconst ImageContainer = styled(Box)`\n width: 178px;\n`;\n\nconst Image = styled(Img)`\n width: 178px;\n @media (max-width: 750px) {\n width: 110px;\n }\n`;\n\nconst TextContents = styled.div`\n font-size: 16px;\n line-height: 26px;\n color: #52463c;\n white-space: pre-wrap;\n margin: 12px 0;\n @media (max-width: 750px) {\n padding: 0 8px;\n }\n`;\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n margin: 0 16px;\n`;\n\nconst SPContents = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 80%;\n margin: 24px auto;\n @media (max-width: 750px) {\n width: auto;\n }\n`;\n\nconst StepTwo = ({ width }) => {\n const SPContainer = () => {\n return (\n \n \n \n <span className=\"step\">02</span>\n <span>人材のお預かり</span>\n <span className=\"small\">（出向の開始）</span>\n \n \n \n 育成したい人材を、弊社に出向するよう手配していただきます。{'\\n'}\n ※出向先は株式会社Regnio（福岡県福岡市）になります。\n \n \n \n \n \n \n \n );\n };\n\n return (\n \n {width < 751 ? (\n \n ) : (\n \n \n \n \n \n \n <span className=\"step\">02</span>\n <span>人材のお預かり</span>\n <span className=\"small\">{'\\n'}（出向の開始）</span>\n \n \n 育成したい人材を、弊社に出向するよう手配していただきます。{'\\n'}\n ※出向先は株式会社Regnio（福岡県福岡市）になります。\n \n \n \n )}\n
\n );\n};\n\nexport default StepTwo;\n","import { Box } from '@material-ui/core';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Img from 'gatsby-image';\nimport RegnioTeamFluidImages from '../../../images/gatsby-image/regnio-team-page/fluid-images';\n\nconst StepThreeWrapper = styled.div`\n display: flex;\n flex-direction: column;\n margin: 100px 0;\n @media (max-width: 1134px) {\n margin: 40px 0;\n }\n @media (max-width: 750px) {\n background: #fff;\n padding: 40px 0;\n margin: 20px 0;\n }\n`;\n\nconst Title = styled.div`\n font-weight: bold;\n font-size: 44px;\n line-height: 64px;\n color: #0007ae;\n span {\n font-weight: 600;\n font-size: 48px;\n line-height: 65px;\n color: #52463c;\n position: relative;\n margin-right: 25px;\n ::before {\n content: 'STEP';\n position: absolute;\n top: 0;\n left: 20%;\n font-weight: 600;\n font-size: 14px;\n line-height: 14px;\n text-align: center;\n }\n }\n @media (max-width: 750px) {\n span {\n margin-right: 8px;\n }\n }\n @media (max-width: 555px) {\n font-size: 30px;\n line-height: 32px;\n color: #0007ae;\n span {\n font-size: 24px;\n line-height: 24px;\n margin-right: 8px;\n margin: 0 8px;\n ::before {\n position: absolute;\n top: -8px;\n left: 0%;\n font-size: 12px;\n line-height: 12px;\n text-align: center;\n }\n }\n }\n @media (max-width: 370px) {\n width: 150px;\n }\n`;\n\nconst Fukidashi = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100px;\n width: max-content;\n padding: 24px;\n line-height: 26px;\n box-sizing: border-box !important;\n background: #1e89d7;\n border-radius: 16px;\n color: #ffffff;\n text-align: center;\n white-space: pre-wrap;\n position: relative;\n margin-right: 32px;\n ::after {\n content: '';\n position: absolute;\n margin: 0;\n bottom: -30px;\n right: 30px;\n width: 0;\n height: 0;\n border-top: 40px solid #1e89d7;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n transform: rotate(-30deg);\n }\n @media (max-width: 480px) {\n font-size: 16px;\n line-height: 23px;\n ::after {\n display: none;\n }\n }\n @media (max-width: 350px) {\n padding: 18px;\n margin-right: 8px;\n }\n`;\n\nconst ScheduleBox = styled(Box)`\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 26px;\n color: #1e89d7;\n background: #dff2fc;\n width: 221px;\n height: 120px;\n white-space: pre-wrap;\n font-weight: bold;\n font-size: 18px;\n line-height: 26px;\n margin-right: 2px;\n @media (max-width: 900px) {\n margin-top: 2px;\n width: auto;\n }\n @media (max-width: 750px) {\n justify-content: flex-start;\n padding-left: 36px;\n }\n\n @media (max-width: 500px) {\n font-size: 16px;\n line-height: 29px;\n padding-left: 16px;\n }\n`;\n\nconst DottedBorder = styled.div`\n border-bottom: 2px dashed #828282;\n flex-grow: 2;\n align-self: center;\n margin: 0 8px;\n`;\n\nconst MonthHeading = styled.div`\n display: flex;\n justify-content: space-around;\n font-weight: bold;\n font-size: 28px;\n line-height: 41px;\n text-align: center;\n font-feature-settings: 'halt' on;\n color: #1e89d7;\n span {\n font-size: 40px;\n }\n @media (max-width: 900px) {\n font-size: 18px;\n line-height: 32px;\n span {\n font-size: 32px;\n }\n }\n`;\n\nconst ScheduleCalender = styled(Box)`\n margin: 3px 0 13px 0;\n font-weight: bold;\n font-size: 18px;\n line-height: 26px;\n font-feature-settings: 'halt' on;\n color: #828282;\n`;\n\nconst Image = styled(Img)`\n width: 220px;\n margin-top: 28px;\n @media (max-width: 480px) {\n width: 150px;\n }\n @media (max-width: 350px) {\n width: 100px;\n }\n`;\n\nconst TextContents = styled.div`\n font-size: 16px;\n line-height: 26px;\n color: #52463c;\n white-space: pre-wrap;\n p {\n margin: 8px 0;\n }\n span {\n font-weight: 700;\n }\n`;\n\nconst BorderFukidashi = styled.div`\n white-space: pre-wrap;\n border: 2px solid #dff2fc;\n border-radius: 16px;\n box-sizing: border-box !important;\n padding: 21px 23px;\n font-size: 18px;\n line-height: 26px;\n color: #1e89d7;\n background: #fff;\n max-width: max-content;\n max-height: 124px;\n position: relative;\n ::before {\n content: '';\n position: absolute;\n top: -24px;\n left: 50%;\n margin-left: -15px;\n border: 12px solid transparent;\n border-bottom: 12px solid #fff;\n z-index: 2;\n }\n ::after {\n content: '';\n position: absolute;\n top: -30px;\n left: 50%;\n margin-left: -17px;\n border: 14px solid transparent;\n border-bottom: 14px solid #dff2fc;\n z-index: 1;\n }\n\n span {\n font-weight: 700;\n }\n @media (max-width: 900px) {\n margin-top: 24px;\n white-space: normal;\n }\n @media (max-width: 500px) {\n font-size: 16px;\n line-height: 29px;\n max-height: 200px;\n }\n`;\n\nconst BorderFukidashiArrowRight = styled.div`\n white-space: pre-wrap;\n background: #fff;\n border: 2px solid #dff2fc;\n border-radius: 16px;\n box-sizing: border-box !important;\n padding: 21px 23px;\n font-size: 18px;\n line-height: 26px;\n color: #1e89d7;\n max-width: -webkit-max-content;\n max-width: -moz-max-content;\n max-width: max-content;\n max-height: 124px;\n position: relative;\n ::before {\n content: '';\n position: absolute;\n top: -20px;\n right: -1px;\n margin-left: -15px;\n border: 24px solid transparent;\n border-bottom: 20px solid #fff;\n z-index: 2;\n transform: rotate(135deg);\n }\n ::after {\n content: '';\n position: absolute;\n top: -25px;\n right: -5px;\n margin-left: -17px;\n border: 26px solid transparent;\n border-bottom: 22px solid #dff2fc;\n z-index: 1;\n transform: rotate(135deg);\n }\n\n span {\n font-weight: 700;\n }\n`;\n\nconst FukudashiWrapper = styled(Box)`\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 80%;\n margin: 0 20px;\n margin-left: auto;\n`;\n\nconst SPScheduleContainer = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst SPScheduleRightBox = styled.div`\n padding-left: 16px;\n border-left: 2px dashed #828282;\n margin: 10px 0 10px 10px;\n @media (max-width: 750px) {\n margin: 16px 0 16px 10px;\n }\n @media (max-width: 350px) {\n padding-left: 8px;\n }\n`;\n\nconst SPTerm = styled.div`\n font-weight: bold;\n font-size: 18px;\n line-height: 26px;\n font-feature-settings: 'halt' on;\n color: #828282;\n`;\n\nconst SPTextContents = styled.div`\n padding: 16px;\n font-size: 16px;\n line-height: 26px;\n color: #52463c;\n p {\n font-weight: normal;\n width: 80%;\n margin: 8px auto;\n }\n @media (max-width: 380px) {\n padding-bottom: 0px;\n }\n`;\n\nconst SPScheduleWrapper = styled.div`\n width: 80%;\n margin: 0 auto;\n @media (max-width: 500px) {\n width: 90%;\n }\n @media (max-width: 400px) {\n width: 95%;\n }\n`;\n\nconst StepThree = ({ width }) => {\n const date = new Date();\n const thisYear = date.getFullYear();\n const thisMonth = new Date(date.setMonth(date.getMonth() + 3)).getMonth();\n const next6Months = new Date(date.setMonth(date.getMonth() + 6));\n const next12Months = new Date(date.setMonth(date.getMonth() + 5));\n\n const SPContainer = () => {\n return (\n \n \n \n <span>03</span>\n \n \n DX技術者育成期間\n \n \n\n \n \n \n \n リグニオに{'\\n'}\n 人材が出向して{'\\n'}\n スタート\n \n \n \n
\n \n \n \n 弊社へ出向し、半年〜1年間、実際に手を動かしてもらいながら、\n {'\\n'}\n システム開発を担当して頂きます。\n
\n \n 経験豊富な弊社のベテランエンジニアが、{'\\n'}\n 技術選定やディレクション・アドバイス・サポートを行います。\n
\n \n \n \n \n \n \n 6ヶ月間\n
\n \n \n
\n {thisYear}年{thisMonth}月\n \n
\n \n ・要件整理{'\\n'}・技術選定
\n \n \n \n ・プログラミングの基礎{'\\n'}・チーム開発の基礎\n
\n \n \n サポートを受けながら{'\\n'}\n 限られた機能の開発が\n {'\\n'}\n できるレベルになる！\n \n \n
\n 6ヶ月間\n
\n \n \n
\n {next6Months.getFullYear()}年{next6Months.getMonth()}月\n \n
\n \n ・システム開発の基礎{'\\n'}・設計の基礎
\n \n \n サポートを受けながら{'\\n'}\n 簡単なシステムの構築が\n {'\\n'}\n できるレベルになる！\n \n \n
\n {next12Months.getFullYear()}年{next12Months.getMonth()}月\n \n
\n 弊社へ出向し、半年〜1年間、実際に手を動かしてもらいながら、\n {'\\n'}\n システム開発を担当して頂きます。\n
\n \n 経験豊富な弊社のベテランエンジニアが、{'\\n'}\n 技術選定やディレクション・アドバイス・サポートを行います。\n
\n \n \n\n \n \n \n リグニオに{'\\n'}\n 人材が出向して{'\\n'}\n スタート\n \n \n \n \n \n \n 6ヶ月間\n
\n \n 6ヶ月間\n
\n \n \n \n {thisYear}年{thisMonth}月\n \n \n \n {next6Months.getFullYear()}年{next6Months.getMonth()}月\n \n \n \n {next12Months.getFullYear()}年{next12Months.getMonth()}\n 月\n \n \n \n \n \n ・要件整理{'\\n'}・技術選定
\n \n \n ・プログラミングの基礎{'\\n'}・チーム開発の基礎
\n \n \n ・システム開発の基礎{'\\n'}・設計の基礎
\n \n \n \n \n \n \n \n \n
\n \n サポートを受けながら{'\\n'}\n 限られた機能の開発が\n {'\\n'}\n できるレベルになる！\n \n \n サポートを受けながら{'\\n'}\n 簡単なシステムの構築が\n {'\\n'}\n できるレベルになる！\n \n \n \n \n )}\n \n );\n};\n\nexport default StepThree;\n","import { Box } from '@material-ui/core';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Img from 'gatsby-image';\nimport RegnioTeamFluidImages from '../../../images/gatsby-image/regnio-team-page/fluid-images';\nimport { ProjectTitle } from '../constants';\n\nconst StepFourWrapper = styled.div`\n margin: 80px 0;\n max-width: 1135px;\n @media (max-width: 750px) {\n margin: 40px 0 0 0;\n padding-top: 20px;\n background: #fff;\n }\n`;\n\nconst Title = styled.div`\n font-weight: bold;\n font-size: 44px;\n line-height: 64px;\n color: #0007ae;\n text-align: right;\n margin-right: 80px;\n span {\n margin: 0 12px;\n }\n .step {\n font-weight: 600;\n font-size: 48px;\n line-height: 65px;\n color: #52463c;\n position: relative;\n ::before {\n content: 'STEP';\n position: absolute;\n top: 0;\n left: 20%;\n font-weight: 600;\n font-size: 14px;\n line-height: 14px;\n text-align: center;\n }\n }\n @media (max-width: 750px) {\n display: flex;\n text-align: left;\n margin-right: 0px;\n }\n @media (max-width: 555px) {\n font-size: 30px;\n line-height: 32px;\n color: #0007ae;\n display: flex;\n align-items: baseline;\n span {\n margin: 0;\n white-space: pre-wrap;\n }\n .step {\n font-size: 24px;\n line-height: 24px;\n margin-right: 8px;\n margin: 0 8px;\n ::before {\n position: absolute;\n top: -8px;\n left: 0%;\n font-size: 12px;\n line-height: 12px;\n text-align: center;\n }\n }\n }\n @media (max-width: 370px) {\n width: 100%;\n }\n`;\n\nconst ImageContainer = styled(Box)`\n width: 178px;\n`;\n\nconst SPImageContainer = styled(Box)`\n width: 178px;\n float: left;\n margin: 8px 8px 8px 0;\n @media (max-width: 540px) {\n width: 120px;\n margin: 8px 2px 8px 0;\n }\n @media (max-width: 350px) {\n width: 100px;\n }\n`;\n\nconst Image = styled(Img)`\n width: 178px;\n`;\n\nconst SPImage = styled(Img)`\n width: 178px;\n @media (max-width: 540px) {\n width: 120px;\n }\n @media (max-width: 540px) {\n width: 100px;\n }\n`;\n\nconst TextHeading = styled.div`\n font-weight: bold;\n font-size: 24px;\n line-height: 36px;\n color: #52463c;\n white-space: pre-wrap;\n margin: 16px 0;\n @media (max-width: 350px) {\n font-size: 20px;\n line-height: 32px;\n }\n`;\n\nconst TextHeading500 = styled.div`\n font-weight: 500;\n font-size: 24px;\n line-height: 29px;\n color: #52463c;\n margin: 16px 0;\n`;\n\nconst TextContents = styled.div`\n font-size: 16px;\n line-height: 26px;\n color: #52463c;\n white-space: pre-wrap;\n margin: 12px 0;\n`;\n\nconst Fukidashi = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100px;\n width: max-content;\n padding: 24px;\n line-height: 26px;\n box-sizing: border-box !important;\n background: #1e89d7;\n border-radius: 16px;\n color: #ffffff;\n text-align: center;\n white-space: pre-wrap;\n position: relative;\n margin-right: 32px;\n ::after {\n content: '';\n position: absolute;\n margin: 0;\n bottom: -30px;\n right: 30px;\n width: 0;\n height: 0;\n border-top: 40px solid #1e89d7;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n transform: rotate(-30deg);\n }\n @media (max-width: 980px) {\n margin: 0;\n ::after {\n display: none;\n }\n }\n`;\n\nconst ScheduleBox = styled(Box)`\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 26px;\n color: #1e89d7;\n background: #dff2fc;\n width: 221px;\n height: 120px;\n white-space: pre-wrap;\n font-weight: bold;\n font-size: 18px;\n line-height: 26px;\n margin-right: 2px;\n @media (max-width: 980px) {\n width: auto;\n margin-top: 2px;\n padding: 8px;\n }\n @media (max-width: 750px) {\n justify-content: flex-start;\n padding-left: 36px;\n }\n @media (max-width: 500px) {\n font-size: 16px;\n line-height: 29px;\n padding-left: 16px;\n }\n`;\n\nconst DottedBorder = styled.div`\n border-bottom: 2px dashed #828282;\n flex-grow: 2;\n align-self: center;\n margin: 0 8px;\n`;\n\nconst MonthHeading = styled.div`\n display: flex;\n justify-content: center;\n font-weight: bold;\n font-size: 28px;\n line-height: 41px;\n text-align: center;\n font-feature-settings: 'halt' on;\n color: #1e89d7;\n span {\n font-size: 40px;\n }\n @media (max-width: 900px) {\n font-size: 18px;\n line-height: 32px;\n span {\n font-size: 32px;\n }\n }\n @media (max-width: 500px) {\n flex-basis: 10%;\n }\n`;\n\nconst ScheduleCalender = styled(Box)`\n margin: 3px 0 13px 0;\n font-weight: bold;\n font-size: 18px;\n line-height: 26px;\n font-feature-settings: 'halt' on;\n color: #828282;\n`;\n\nconst BlueBorderBox = styled.div`\n font-weight: 500;\n font-size: 16px;\n line-height: 29px;\n font-feature-settings: 'halt' on;\n color: #1e89d7;\n background: #fff;\n border: 2px solid rgba(0, 124, 194, 0.2);\n box-sizing: border-box !important;\n border-radius: 12px;\n max-width: 537px;\n padding: 20px;\n margin-top: 39px;\n @media (max-width: 900px) {\n margin-top: 2px;\n width: auto;\n }\n`;\n\nconst CEOMessageTop = styled.div`\n text-align: center;\n margin-right: 48px;\n @media (max-width: 540px) {\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n margin-right: 0;\n margin-bottom: 16px;\n }\n @media (max-width: 350px) {\n flex-direction: column;\n margin-bottom: 0;\n }\n`;\n\nconst CEOMessageBox = styled(Box)`\n background: #ffffff;\n border: 8px solid #f9f9f9;\n box-sizing: border-box !important;\n padding: 42px 48px 24px 39px;\n display: flex;\n max-width: 908px;\n margin: 0 auto;\n @media (max-width: 750px) {\n background: #f9f9f9;\n }\n @media (max-width: 540px) {\n flex-direction: column;\n padding: 42px 16px 24px 16px;\n }\n`;\n\nconst CEOMessage = styled.div`\n font-weight: normal;\n font-size: 16px;\n line-height: 29px;\n color: #52463c;\n max-width: 590px;\n margin: 12px 0;\n span {\n color: #0007ae;\n font-weight: 700;\n }\n`;\nconst SPScheduleBoxContainer = styled.div`\n padding-left: 20px;\n border-left: 2px dashed #828282;\n margin: 10px 0 10px 10px;\n @media (max-width: 750px) {\n margin: 16px 0 16px 10px;\n }\n @media (max-width: 350px) {\n padding-left: 8px;\n }\n`;\n\nconst SPTextContainer = styled.div`\n width: 80%;\n box-sizing: border-box !important;\n margin-left: auto;\n @media (max-width: 980px) {\n margin: 0 auto;\n }\n @media (max-width: 550px) {\n width: 100%;\n padding: 0 16px;\n }\n`;\n\nconst SPTopContainer = styled.div`\n @media (max-width: 980px) {\n max-width: 90%;\n margin: 16px auto 16px 15%;\n }\n`;\n\nconst SPTerm = styled.div`\n font-weight: bold;\n font-size: 18px;\n line-height: 26px;\n font-feature-settings: 'halt' on;\n color: #828282;\n`;\n\nconst SPScheduleWrapper = styled.div`\n width: 80%;\n margin: 0 auto;\n @media (max-width: 500px) {\n width: 90%;\n }\n @media (max-width: 400px) {\n width: 95%;\n }\n`;\n\nconst StepFour = ({ width }) => {\n const date = new Date();\n const year = new Date(date.setMonth(date.getMonth() + 12)).getFullYear();\n const nextYear = new Date(date.setMonth(date.getMonth() + 12)).getFullYear();\n const firstMonth = new Date(date.setMonth(date.getMonth() + 15)).getMonth();\n const secondMonth = new Date(date.setMonth(date.getMonth() + 23)).getMonth();\n\n const SPContainer = () => {\n return (\n \n \n \n <span className=\"step\">04</span>\n <span>DX技術者チーム{'\\n'}組成サポート期間</span>\n \n \n \n \n \n 御社に戻って{'\\n'}\n スタート\n \n \n\n \n \n \n \n 12ヶ月間\n
\n \n \n \n {year}年{firstMonth}月\n \n \n \n \n ・開発体勢や評価制度の整備{'\\n'}・チームの方向性付け\n
\n \n \n \n ・プロジェクトの企画立案{'\\n'}・システムの設計と実装\n
\n \n \n \n ・システム運用体制の確立{'\\n'}・人材採用の体制構築\n
\n \n \n \n {nextYear}年{secondMonth}月\n \n \n \n \n \n\n \n \n \n 出向社員の帰社後は、{'\\n'}\n エンジニアチームを作るためのサポートを行います\n \n \n \n \n \n \n 出向社員は帰社後、エンジニアとして継続的に勉強したり、\n 日々プロジェクトに取り組んでいただきます。{'\\n'}\n 出向社員が御社に戻った後は、 弊社CTO、もしくは上級エンジニアが、\n 社外CTOとして週1程度で御社内でのチームの指導をサポートします。\n \n \n \n \n \n \n {ProjectTitle}\n は、未来への一手として、エンジニアチーム組成のための「種」を撒くプロジェクトです。帰社してからも、日々の学習と試行錯誤が必要になります。\n
\n \n \n \n \n \n \n \n \n \n 中野 雅俊\n \n 株式会社Regnio{'\\n'}\n 代表取締役兼CTO\n \n \n \n \n \n 本サービスでは、お客様側社員の方には、弊社に出向してもらい実際の現場で毎日肩を並べながら技術を学んでもらうことを重要視しています。\n \n \n 現代では、プログラミングを始めとしたエンジニアリング技術を学ぶには、書籍や学校、インターネット等、様々な機会や場があります。しかし、それらを通して実際のエンジニアリング現場で結果を出せるようになるのはかなり難しいのが実情です。\n \n \n また、\n \n 実際の仕事（実務）を通して学べることの量や範囲は、座学や趣味で学んだことのそれとは歴然の差があります。\n \n そういった背景から、弊社への出向により、同じ開発チームの一員として、生きたリアルな技術を習得していってもらいます。\n \n \n \n \n );\n };\n\n return (\n <>\n {width < 980 ? (\n \n ) : (\n \n \n <span className=\"step\">04</span>\n <span>DX技術者チーム 組成サポート期間</span>\n \n \n \n \n 御社に戻って{'\\n'}\n スタート\n \n \n \n \n \n 12ヶ月\n \n \n \n {year}年{firstMonth}月\n \n \n \n {nextYear}年{secondMonth}月\n \n \n \n \n \n \n ・開発体勢や評価制度の整備{'\\n'}・チームの方向性付け\n
\n \n \n \n ・プロジェクトの企画立案{'\\n'}・システムの設計と実装\n
\n \n \n ・システム運用体制の確立{'\\n'}・人材採用の体制構築
\n \n \n \n \n \n \n \n \n \n \n \n 出向社員の帰社後は、{'\\n'}\n エンジニアチームを作るためのサポートを行います\n \n \n 出向社員は帰社後、エンジニアとして継続的に勉強したり、{'\\n'}\n 日々プロジェクトに取り組んでいただきます。\n \n \n 出向社員が御社に戻った後は、{'\\n'}\n 弊社CTO、もしくは上級エンジニアが、{'\\n'}\n 週1程度で御社内でのチームの指導をサポートします。\n \n \n \n \n {ProjectTitle}\n は、未来への一手として、エンジニアチーム組成のための「種」を撒くプロジェクトです。帰社してからも、日々の学習と試行錯誤が必要になります。\n
\n \n \n \n \n \n \n \n \n \n 中野 雅俊\n \n 株式会社Regnio{'\\n'}\n 代表取締役兼CTO\n \n \n \n \n \n 本サービスでは、お客様側社員の方には、弊社に出向してもらい実際の現場で毎日肩を並べながら技術を学んでもらうことを重要視しています。\n \n \n 現代では、プログラミングを始めとしたエンジニアリング技術を学ぶには、書籍や学校、インターネット等、様々な機会や場があります。しかし、それらを通して実際のエンジニアリング現場で結果を出せるようになるのはかなり難しいのが実情です。\n \n \n また、\n \n 実際の仕事（実務）を通して学べることの量や範囲は、座学や趣味で学んだことのそれとは歴然の差があります。\n \n そういった背景から、弊社への出向により、同じ開発チームの一員として、生きたリアルな技術を習得していってもらいます。\n \n \n \n \n )}\n \n );\n};\n\nexport default StepFour;\n","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport BackgroundImage from 'gatsby-background-image';\nimport { ProjectTitle } from '../constants';\nimport StepOne from './step1';\nimport StepTwo from './step2';\nimport StepThree from './step3';\nimport StepFour from './step4';\nimport RegnioTeamFluidImages from '../../../images/gatsby-image/regnio-team-page/fluid-images';\n\nconst Wrapper = styled(BackgroundImage)`\n background: rgba(255, 233, 153, 0.15);\n background-repeat: repeat-y;\n background-size: 80%;\n background-position: center;\n padding-bottom: 40px;\n @media (max-width: 750px) {\n padding-bottom: 0;\n ::before {\n display: none !important;\n }\n ::after {\n display: none !important;\n }\n }\n`;\n\nconst Container = styled.div`\n max-width: 1135px;\n margin: 0 auto;\n`;\n\nconst Header = styled.div`\n background: linear-gradient(90deg, #1926a0 0%, #481b75 100%);\n color: #fff;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 222px;\n position: relative;\n padding: 29px 0;\n\n ::after {\n position: absolute;\n top: 99%;\n content: '';\n width: 0;\n height: 0;\n border-left: 35px solid transparent;\n border-right: 35px solid transparent;\n border-top: 50px solid #30218b;\n z-index: 10;\n }\n @media (max-width: 850px) {\n flex-direction: column;\n height: 289px;\n }\n`;\n\nconst HeaderTop = styled.div`\n display: flex;\n align-items: center;\n @media (max-width: 850px) {\n flex-direction: column;\n align-items: flex-start;\n }\n`;\n\nconst FlexColumn = styled.div`\n display: flex;\n flex-direction: column;\n font-weight: 500;\n font-size: 16px;\n line-height: 21px;\n margin-right: 12px;\n @media (max-width: 850px) {\n flex-direction: row;\n }\n @media (max-width: 350px) {\n font-size: 14px;\n }\n`;\n\nconst Title = styled.div`\n font-size: 44px;\n line-height: 51px;\n font-weight: bold;\n span {\n margin-left: 6px;\n font-weight: bold;\n font-size: 32px;\n line-height: 51px;\n }\n @media (max-width: 680px) {\n font-weight: bold;\n font-size: 30px;\n line-height: 30px;\n span {\n font-weight: bold;\n font-size: 24px;\n line-height: 32px;\n }\n }\n @media (max-width: 680px) {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n span {\n margin-top: 10px;\n }\n }\n @media (max-width: 350px) {\n font-size: 26px;\n line-height: 21px;\n }\n`;\n\nconst WhiteBox = styled.div`\n box-sizing: border-box !important;\n background: #fff;\n font-weight: bold;\n font-size: 32px;\n line-height: 51px;\n color: #0007ae;\n display: flex;\n align-items: center;\n margin-top: 23px;\n padding: 8px 20px;\n max-width: 762px;\n span {\n font-size: 24px;\n }\n @media (max-width: 850px) {\n span {\n white-space: pre-wrap;\n text-align: center;\n }\n }\n @media (max-width: 680px) {\n font-size: 23px;\n line-height: 30px;\n padding: 14px 25px;\n text-align: center;\n span {\n font-size: 14px;\n line-height: 14px;\n }\n }\n @media (max-width: 350px) {\n font-size: 18px;\n line-height: 21px;\n margin: 8px;\n padding: 14px 16px;\n }\n`;\n\nconst SubHeading = styled.div`\n font-weight: bold;\n font-size: 22px;\n line-height: 18px;\n color: #faff00;\n padding-top: 29px;\n @media (max-width: 850px) {\n white-space: pre-wrap;\n line-height: 26px;\n text-align: center;\n }\n @media (max-width: 680px) {\n font-size: 18px;\n line-height: 30px;\n }\n @media (max-width: 350px) {\n font-size: 16px;\n line-height: 21px;\n padding-top: 16px;\n }\n`;\n\nconst DXSchedule = () => {\n const [width, setWidth] = useState(0);\n\n useEffect(() => {\n setWidth(window.innerWidth);\n }, []);\n\n useEffect(() => {\n const updateWindowDimensions = () => {\n const newWidth = window.innerWidth;\n setWidth(newWidth);\n };\n\n window.addEventListener('resize', updateWindowDimensions);\n\n return () => window.removeEventListener('resize', updateWindowDimensions);\n }, []);\n\n return (\n \n
\n
\n \n \n \n \n \n \n \n
\n 株式会社Regnio（以下、「当社」といいます）は、本サービスを利用する全ての方（以下「利用者」といいます）のプライバシーを尊重するために、\n 個人情報の取扱いについて、以下のとおりプライバシーポリシー（以下、「本ポリシー」）を定めます。\n
\n \n 第1条 個人情報の定義\n \n 個人情報とは、個人情報保護法にいう「個人情報」を指し、本サービスを通じて取得した生存する個人に関する情報であって、当該情報に含まれる氏名、生年月日、住所、電話番号、連絡先その他の記述等により特定の個人を識別できる情報等を指します。\n \n \n \n 第2条 利用目的\n \n 当社は、利用者の個人情報を以下の目的で利用することができるものとします。\n
\n \n \n 本サービスならびにその他本サービスに関連する情報の提供のため\n \n 利用者の本人確認のため\n \n 本サービスの運営上必要な事項の通知（電子メールによるものを含むものとします。）\n \n \n 当社及び第三者の商品等の広告または宣伝（電子メールによるものを含むものとします。）\n \n メールマガジンの送信\n 個人を特定できない範囲においての統計情報の作成および利用\n 本サービスの改善や新規開発に必要なデータの解析や分析\n \n 利用者の皆様の行動、性別、本サービス内でのアクセス履歴などを用いたターゲティング広告の配信\n \n 契約や法律等に基づく権利の行使や義務の履行\n アフターサービス、各種問い合わせ対応のため\n 上記の利用目的に付随する目的\n \n \n \n \n 第3条 個人情報利用の制限\n \n 当社は、個人情報保護法その他の法令により許容される場合を除き、利用者の同意を得ず、利\n 用目的の達成に必要な範囲を超えて個人情報を取り扱いません。但し、次の場合はこの限りではありません。\n \n \n \n \n 本サービスならびにその他本サービスに関連する情報の提供のため\n \n 法令に基づく場合\n \n 人の生命、身体又は財産の保護のために必要がある場合であって、利用者の同意を得ることが困難であるとき\n \n \n 公衆衛生の向上又は児童の健全な育成の推進のために特に必要がある場合であって、利用者の同意を得ることが困難であるとき\n \n \n 国の機関もしくは地方公共団体又はその委託を受けた者が法令の定める事務を遂行する\n \n \n 国の機関もしくは地方公共団体又はその委託を受けた者が法令の定める事務を遂行することに対して協力する必要がある場合であって、利用者の同意を得ることにより当該事務の遂行に支障を及ぼすおそれがあるとき\n \n \n \n \n \n 第4条 個人情報の適切な取得\n \n 当社は、当社が本サービスを提供するために必要な範囲で、利用者から提供して頂く方法又は利用者が本サービスを利用するにあたって当社が収集する方法によって、利用者の個人情報を取得します。当社は、適正に個人情報を取得し、偽りその他不正な手段等により個人情報を取得することはありません。\n \n \n \n 第5条 個人情報の安全管理\n \n 当社では、個人情報の漏洩または毀損の防止ならびにその他個人情報の安全管理が行われるよう、個人情報の適切な管理を行います\n \n \n \n 第6条 個人情報の開示、訂正、削除等\n \n 当社は、個人情報の開示、訂正、削除について、個人情報保護法その他の法令等に基づき、個人情報の開示、訂正、追加、削除、利用停止、消去、第三者提供の停止、利用目的の通知の請求に対応いたします。ただし、請求が本人確認不可能な場合や、個人情報保護法の定める要件を満たさない場合等により、ご希望に添えない場合があります。\n \n \n \n 第7条 プライバシーポリシーの変更\n \n \n \n 本ポリシーの内容は、法令その他本ポリシーに別段の定めのある事項を除いて利用者に通知することなく変更することができるものとします。\n \n \n 当社が別途定める場合を除いて変更後のプライバシーポリシーは、本ウェブサイトに掲載したときから効力を生じるものとします。\n \n \n \n \n \n 第8条 お問い合わせ窓口\n \n 本ポリシーに関するお問い合わせは、下記の窓口までお願いいたします。\n \n \n 住所：{RegnioAddress}
\n 社名：株式会社Regnio
\n Eメールアドレス：info@regnio.co.jp
\n \n \n 2021年3月2日 制定・施行
\n \n );\n};\n\nexport default DXPrivacyPolicy;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Modal, Paper } from '@material-ui/core';\nimport closeSrc from '../../images/svg/lp_close_button.svg';\nimport DXPrivacyPolicy from './dx-privacy-policy';\n\nconst ModalContainer = styled(Modal)`\n display: grid;\n place-items: center;\n z-index: 10000;\n`;\n\nconst ModalBodyContainer = styled(Paper)`\n width: 90vw;\n height: 90vh;\n margin: 0 auto;\n box-sizing: border-box !important;\n padding: 0 46px 36px 46px;\n box-sizing: border-box !important;\n overflow-y: auto;\n @media (max-width: 500px) {\n width: 95vw;\n padding: 0 16px 36px 16px;\n }\n`;\n\nconst ModalHeader = styled.div`\n background: #fff;\n display: flex;\n position: sticky;\n width: 100%;\n top: 0;\n padding: 36px 0;\n justify-content: space-around;\n`;\n\nconst Heading = styled.div`\n font-weight: bold;\n font-size: 18px;\n line-height: 18px;\n color: #1a1007;\n`;\n\nconst CloseButton = styled.div`\n margin-left: auto;\n cursor: pointer;\n`;\n\nconst ModalBody = styled.div`\n background: rgba(0, 124, 194, 0.04);\n color: #4f4f4f;\n padding: 24px 0;\n`;\n\nconst DXModal = ({ open, handleClose }) => {\n return (\n \n \n \n プライバシーポリシー\n handleClose()}>\n 
\n \n \n \n \n \n \n \n );\n};\n\nexport default DXModal;\n","import React, { useState, useRef, useEffect } from 'react';\nimport { Helmet } from 'react-helmet';\nimport styled from 'styled-components';\nimport { throttle } from 'lodash';\nimport DXContactForm from './dx-contact-form';\nimport DXExamples from './dx-examples';\nimport DXFeatures from './dx-features';\nimport DXFooter from './dx-footer';\nimport DXHeader from './dx-header';\nimport DXHero from './dx-hero';\nimport DXCEOProfile from './dx-ceo-profile';\nimport DXCompanyExample from './dx-company-example';\nimport DXSchedule from './dx-schedule';\nimport SEOHeader from '../common-components/templates/page-root-v2/seo-v2';\nimport './normalize.css';\nimport DXModal from './dx-modal';\nimport useJudgeServerSideRendering from '../../utils/judge-ssr';\nimport '../../styles/foundation-fix.css';\n\nconst Wrapper = styled.div`\n overflow-x: hidden;\n`;\n\nconst DXHRDevComponent = () => {\n const judgeSSR = useJudgeServerSideRendering();\n const ref = useRef(null);\n const [openModal, setOpenModal] = useState(false);\n const [state, setState] = useState({\n position: 0,\n show: true,\n });\n const handleScroll = () => {\n setState(prev => {\n return {\n position: document.body.getBoundingClientRect().top,\n show: document.body.getBoundingClientRect().top > prev.position,\n };\n });\n };\n const handleScrollThrottled = throttle(handleScroll, 150);\n useEffect(() => {\n window.addEventListener('scroll', handleScrollThrottled);\n return () => window.removeEventListener('scroll', handleScrollThrottled);\n }, []);\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n const handleOpen = () => {\n setOpenModal(true);\n };\n\n const handleClose = () => {\n setOpenModal(false);\n };\n\n const scrollToForm = e => {\n e.preventDefault();\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'start',\n });\n };\n\n if (!judgeSSR) return <>ローディング中;\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport default DXHRDevComponent;\n","import React from 'react';\nimport DXHRDevComponent from '../../components/dx-hr-dev-components';\n\nconst DXHRDevelopment = () => {\n return ;\n};\n\nexport default DXHRDevelopment;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0zLjY5NDg0IDMzLjAzNTdDMi44NDI2NiAzMi4xODIzIDIuMzE4NjcgMzEuMDE0NiAyLjMxNzI3IDI5LjcxODRWMjQuODkwNkgwVjI5LjcxODRDMC4wMDEzMjgxMyAzMy41ODkxIDMuMTQyOTcgMzYuNzI5MiA3LjAxMjg5IDM2LjczMkgxMC4xNzk1VjM0LjQxNEg3LjAxMjg5QzUuNzE1OTQgMzQuNDEzNCA0LjU0OTY5IDMzLjg4OTIgMy42OTQ4NCAzMy4wMzU3WiIgZmlsbD0iIzFFODlENyIvPgo8cGF0aCBkPSJNNi43MTEyNSAxOC40MzAyQzguNDAxNTYgMTguNDMwMiA5Ljc2OTM3IDE3LjA2MjQgOS43NjkzNyAxNS4zNzEzQzkuNzY5MzcgMTMuNjgzMSA4LjQwMTY0IDEyLjMxMjUgNi43MTEyNSAxMi4zMTI1QzUuMDIyMjcgMTIuMzEyNSAzLjY1MjM0IDEzLjY4MzEgMy42NTIzNCAxNS4zNzEzQzMuNjUyMzQgMTcuMDYyNCA1LjAyMjI3IDE4LjQzMDIgNi43MTEyNSAxOC40MzAyWiIgZmlsbD0iIzFFODlENyIvPgo8cGF0aCBkPSJNMTMuOTk0OCAyOC44NTM2SDkuNzAzNjdWMjIuNDY2MkM5LjcwMzY3IDIwLjgxMjcgOC4zNjUwOCAxOS40NzI3IDYuNzEwODYgMTkuNDcyN0M1LjA1ODc1IDE5LjQ3MjcgMy43MTg3NSAyMC44MTI3IDMuNzE4NzUgMjIuNDY2MlYyOS43NDMzQzMuNzE4NzUgMzEuMzk2IDUuMDU4MDUgMzIuNzM2MSA2LjcxMDg2IDMyLjczNjFDNi45MzUzMSAzMi43MzYxIDEyLjE4MTUgMzIuNzIwOSAxMi4xODE1IDMyLjcyMDlMMTIuNDY4NSAzNy4xNDk2QzEyLjQ4ODcgMzguMDU2NiAxMy4yNDA3IDM4Ljc3NiAxNC4xNDc3IDM4Ljc1NjVDMTUuMDU2MiAzOC43MzYzIDE1Ljc3NDggMzcuOTg0MyAxNS43NTQgMzcuMDc3M0wxNS45Mjg0IDMwLjc4NzNDMTUuOTI4NCAyOS43MTgyIDE1LjA2MzEgMjguODUzNiAxMy45OTQ4IDI4Ljg1MzZaIiBmaWxsPSIjMUU4OUQ3Ii8+CjxwYXRoIGQ9Ik0zNy42ODI0IDI0Ljg5MDZWMjkuNzE4NEMzNy42ODExIDMxLjAxNDYgMzcuMTU3IDMyLjE4MjMgMzYuMzA0OSAzMy4wMzU3QzM1LjQ1IDMzLjg4OTIgMzQuMjgzNyAzNC40MTM0IDMyLjk4NzYgMzQuNDE0SDI5LjgyMDNWMzYuNzMySDMyLjk4NzZDMzYuODU2OCAzNi43MjkxIDM5Ljk5NzcgMzMuNTg5IDM5Ljk5OTcgMjkuNzE4NFYyNC44OTA2SDM3LjY4MjRaIiBmaWxsPSIjMUU4OUQ3Ii8+CjxwYXRoIGQ9Ik0zMy4yODQ4IDE4LjQzMDJDMzQuOTczNyAxOC40MzAyIDM2LjM0MzYgMTcuMDYyNCAzNi4zNDM2IDE1LjM3MTNDMzYuMzQzNiAxMy42ODMxIDM0Ljk3MzcgMTIuMzEyNSAzMy4yODQ4IDEyLjMxMjVDMzEuNTk0NSAxMi4zMTI1IDMwLjIyNjYgMTMuNjgzMSAzMC4yMjY2IDE1LjM3MTNDMzAuMjI2NiAxNy4wNjI0IDMxLjU5NDUgMTguNDMwMiAzMy4yODQ4IDE4LjQzMDJaIiBmaWxsPSIjMUU4OUQ3Ii8+CjxwYXRoIGQ9Ik0zNi4yODA3IDI5Ljc0MzNWMjIuNDY2MkMzNi4yODA3IDIwLjgxMjcgMzQuOTM5MyAxOS40NzI3IDMzLjI4NzkgMTkuNDcyN0MzMS42MzM4IDE5LjQ3MjcgMzAuMjk1MSAyMC44MTI3IDMwLjI5NTEgMjIuNDY2MlYyOC44NTM2SDI2LjAwMzlDMjQuOTM1NiAyOC44NTM2IDI0LjA3MDMgMjkuNzE4MiAyNC4wNzAzIDMwLjc4NzJMMjQuMjQ0OCAzNy4wNzcyQzI0LjIyMzkgMzcuOTg0MiAyNC45NDI2IDM4LjczNjIgMjUuODUxIDM4Ljc1NjRDMjYuNzU4IDM4Ljc3NTkgMjcuNTEgMzguMDU2NSAyNy41MzAyIDM3LjE0OTVMMjcuODE3MyAzMi43MjA4QzI3LjgxNzMgMzIuNzIwOCAzMy4wNjM0IDMyLjczNiAzMy4yODc5IDMyLjczNkMzNC45NDA1IDMyLjczNjEgMzYuMjgwNyAzMS4zOTYxIDM2LjI4MDcgMjkuNzQzM1oiIGZpbGw9IiMxRTg5RDciLz4KPHBhdGggZD0iTTI4LjU5NjQgMjQuOTIxOUgxMi4wMDM5VjI3Ljc0NThIMjguNTk2NFYyNC45MjE5WiIgZmlsbD0iIzFFODlENyIvPgo8cGF0aCBkPSJNMjAuOTk3MiAyOS4yNjE3SDE5LjA2NjRWMzYuMDk3NEgyMC45OTcyVjI5LjI2MTdaIiBmaWxsPSIjMUU4OUQ3Ii8+CjxwYXRoIGQ9Ik0yOC4wOTE2IDEyLjQ1NjJDMjguMDkxNiAxMy4wMjU1IDI3LjkwNzcgMTMuNTYwNyAyNy41Njk5IDE0LjA0MTdDMjcuMjMyNSAxNC41MjM0IDI2LjczNjIgMTQuOTQ0NSAyNi4xMjc0IDE1LjI1NzNMMjUuNjgzMiAxNS40ODUzTDI2LjI1OTQgMTYuNzczM0MyNC41MTE4IDE2LjQ3MDkgMjIuODg5OSAxNS45MDIzIDIyLjA3MDggMTUuNTg0MUwyMi4wNTQ1IDE1LjU3NzFMMjIuMDM3MiAxNS41NzIzQzIwLjkzODcgMTUuMjI2OCAyMC4wODAzIDE0LjU0OTkgMTkuNjQ0NSAxMy43NDkyTDE4LjcxODggMTQuMjU1OUMxOS4zMTA1IDE1LjMzMDQgMjAuMzg0NCAxNi4xNDY0IDIxLjY4OTcgMTYuNTY0OFYxNi41NjYyQzIyLjcwMzQgMTYuOTU4OSAyNC44MzQ0IDE3LjcwNTQgMjcuMDczMSAxNy45NTdMMjcuOTg4MSAxOC4wNTc4TDI3LjA0MjIgMTUuOTQyMUMyNy41OTc2IDE1LjU5MjUgMjguMDc0MyAxNS4xNTg4IDI4LjQzMjMgMTQuNjQ4NkMyOC44ODA5IDE0LjAxMiAyOS4xNDY4IDEzLjI1ODYgMjkuMTQ1OCAxMi40NTY0QzI5LjE0NjggMTEuNDU4NCAyOC43MzQ0IDEwLjUzODEgMjguMDY5OCA5LjgxODEyQzI3LjQwNDcgOS4wOTUzMSAyNi40ODc5IDguNTU3MzQgMjUuNDM2IDguMjY5NTNMMjUuMTU4MyA5LjI4NjMzQzI2LjAzNzUgOS41MjQ3NyAyNi43ODE5IDkuOTcyMzQgMjcuMjkzNCAxMC41MzEyQzI3LjgwNzYgMTEuMDkyNiAyOC4wOTE2IDExLjc0OCAyOC4wOTE2IDEyLjQ1NjJaIiBmaWxsPSIjMUU4OUQ3Ii8+CjxwYXRoIGQ9Ik0xMi42MzQyIDEyLjIxNzJMMTEuMzY2NCAxNS4wNTE2TDEyLjI4MjIgMTQuOTUwMUMxNS40NDMyIDE0LjU5NyAxOC40NzA0IDEzLjUzNzcgMTkuOTA3NCAxMi45ODFDMjEuMjcyOCAxMi41NDM4IDIyLjQ1MTIgMTEuNzk4IDIzLjI5OTUgMTAuODI4NUMyNC4xNTUxIDkuODUyNzMgMjQuNjcyOCA4LjYzOTg0IDI0LjY3MjIgNy4zMjgyOEMyNC42NzI4IDYuNDcwNjIgMjQuNDUwOCA1LjY1MTg4IDI0LjA1NzcgNC45MTcxOUMyMy40NjgxIDMuODE0MjIgMjIuNDk3NyAyLjg5ODEyIDIxLjI5NyAyLjI1NzM0QzIwLjA5NzQgMS42MTU4NiAxOC42NjMyIDEuMjQ2MDkgMTcuMTIzIDEuMjQ2MDlDMTUuMDcxNiAxLjI0NzUgMTMuMjA0OCAxLjkwMTQ4IDExLjgzMDYgMi45ODcxOUMxMS4xNDQyIDMuNTMgMTAuNTgxNiA0LjE4MTk1IDEwLjE4NzYgNC45MTcyN0M5Ljc5NTI0IDUuNjUxOTUgOS41NzQyMiA2LjQ3MDcgOS41NzQyMiA3LjMyODM2QzkuNTczMTMgOC40MjIzNCA5LjkzNTYzIDkuNDUwMzkgMTAuNTUwNyAxMC4zMjY4QzExLjA3ODcgMTEuMDc1OSAxMS43OTMzIDExLjcxNjcgMTIuNjM0MiAxMi4yMTcyWk0xMS4xMTggNS40MTQxNEMxMS41OTMgNC41MjMwNSAxMi40MDQyIDMuNzQyNTggMTMuNDQ2IDMuMTg1ODZDMTQuNDg2NSAyLjYyOTg0IDE1Ljc1MzUgMi4yOTg5OCAxNy4xMjMxIDIuMzAwMzlDMTguOTQ5MSAyLjI5ODk4IDIwLjU5MjcgMi44ODY5NSAyMS43NjI1IDMuODEyNzNDMjIuMzQ2NiA0LjI3NTYzIDIyLjgxMTYgNC44MTk4NCAyMy4xMjg2IDUuNDE0MTRDMjMuNDQ2MyA2LjAwOTA2IDIzLjYxODMgNi42NTE5NSAyMy42MTgzIDcuMzI4MkMyMy42MTcyIDguMzU4OTggMjMuMjE4NyA5LjMyMDE2IDIyLjUwNyAxMC4xMzQ4QzIxLjc5NjMgMTAuOTQ4IDIwLjc3MjEgMTEuNjA1NSAxOS41NTc5IDExLjk4N0wxOS41NDI2IDExLjk5MkwxOS41MjYzIDExLjk5ODhDMTguMjgxOSAxMi40ODEyIDE1Ljc2NTUgMTMuMzYxMSAxMy4wOTEzIDEzLjc3NjhMMTMuOTk4IDExLjc1MDdMMTMuNTUyOCAxMS41MjI3QzEyLjY1NDUgMTEuMDYyNiAxMS45MTkxIDEwLjQzOTEgMTEuNDEzOCA5LjcxOTA2QzEwLjkwNzkgOC45OTgyOCAxMC42Mjg0IDguMTkgMTAuNjI3NCA3LjMyODEyQzEwLjYyODMgNi42NTE5NSAxMC43OTk0IDYuMDA5MTQgMTEuMTE4IDUuNDE0MTRaIiBmaWxsPSIjMUU4OUQ3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==\"","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.presetBackgroundStyles = exports.fixOpacity = exports.setTransitionStyles = exports.kebabifyBackgroundStyles = exports.escapeClassNames = exports.fixClassName = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _shortUuid = _interopRequireDefault(require(\"short-uuid\"));\n\nvar _HelperUtils = require(\"./HelperUtils\");\n\nvar _ClassCache = require(\"./ClassCache\");\n\nvar _ImageUtils = require(\"./ImageUtils\");\n\nvar _SimpleUtils = require(\"./SimpleUtils\");\n\nvar fixClassName = function fixClassName(_ref) {\n var className = _ref.className,\n props = (0, _objectWithoutPropertiesLoose2.default)(_ref, [\"className\"]);\n var convertedProps = (0, _HelperUtils.convertProps)(props);\n var elementExists = (0, _ClassCache.inComponentClassCache)(className);\n var imageData = (0, _ImageUtils.getCurrentSrcData)(convertedProps);\n\n var additionalClassname = _shortUuid.default.generate();\n\n var randomClass = \" gbi-\" + (0, _SimpleUtils.hashString)(imageData && imageData.srcSet || className || \"noclass\") + \"-\" + additionalClassname;\n var additionalClass = elementExists || !className ? randomClass : \"\";\n var componentClassNames = (\"\" + (className || \"\") + (additionalClass || \"\")).trim();\n if (!elementExists) (0, _ClassCache.activateCacheForComponentClass)(className);\n return [componentClassNames];\n};\n\nexports.fixClassName = fixClassName;\n\nvar escapeClassNames = function escapeClassNames(classNames) {\n if (classNames) {\n var specialChars = (0, _SimpleUtils.isBrowser)() && window._gbiSpecialChars ? window._gbiSpecialChars : typeof __GBI_SPECIAL_CHARS__ !== \"undefined\" ? __GBI_SPECIAL_CHARS__ : ':/';\n var specialCharRegEx = new RegExp(\"[\" + specialChars + \"]\", 'g');\n return classNames.replace(specialCharRegEx, '\\\\$&');\n }\n\n return classNames;\n};\n\nexports.escapeClassNames = escapeClassNames;\n\nvar kebabifyBackgroundStyles = function kebabifyBackgroundStyles(styles) {\n if ((0, _SimpleUtils.isString)(styles)) {\n return styles;\n }\n\n if (styles instanceof Object) {\n return Object.keys(styles).filter(function (key) {\n return key.indexOf('background') === 0 && styles[key] !== '';\n }).reduce(function (resultingStyles, key) {\n return \"\" + resultingStyles + (0, _SimpleUtils.toKebabCase)(key) + \": \" + styles[key] + \";\\n\";\n }, \"\");\n }\n\n return \"\";\n};\n\nexports.kebabifyBackgroundStyles = kebabifyBackgroundStyles;\n\nvar setTransitionStyles = function setTransitionStyles(transitionDelay, fadeIn) {\n if (transitionDelay === void 0) {\n transitionDelay = \"0.25s\";\n }\n\n if (fadeIn === void 0) {\n fadeIn = true;\n }\n\n return fadeIn ? \"transition: opacity 0.5s ease \" + transitionDelay + \";\" : \"transition: none;\";\n};\n\nexports.setTransitionStyles = setTransitionStyles;\n\nvar fixOpacity = function fixOpacity(props) {\n var styledProps = (0, _extends2.default)({}, props);\n\n if (!styledProps.preserveStackingContext) {\n try {\n if (styledProps.style && styledProps.style.opacity) {\n if (isNaN(styledProps.style.opacity) || styledProps.style.opacity > 0.99) {\n styledProps.style.opacity = 0.99;\n }\n }\n } catch (e) {}\n }\n\n return styledProps;\n};\n\nexports.fixOpacity = fixOpacity;\n\nvar presetBackgroundStyles = function presetBackgroundStyles(backgroundStyles) {\n var defaultBackgroundStyles = {\n backgroundPosition: \"center\",\n backgroundRepeat: \"no-repeat\",\n backgroundSize: \"cover\"\n };\n return (0, _extends2.default)({}, defaultBackgroundStyles, backgroundStyles);\n};\n\nexports.presetBackgroundStyles = presetBackgroundStyles;","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nmodule.exports = now;\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.createNoScriptStyles = exports.createStyleImage = exports.createPseudoStyles = exports.createPseudoElementMediaQuery = exports.createPseudoElementWithContent = exports.createPseudoElement = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _StyleUtils = require(\"./StyleUtils\");\n\nvar _ImageUtils = require(\"./ImageUtils\");\n\nvar _MediaUtils = require(\"./MediaUtils\");\n\nvar _SimpleUtils = require(\"./SimpleUtils\");\n\nvar createPseudoElement = function createPseudoElement(className, appendix) {\n if (appendix === void 0) {\n appendix = \":before\";\n }\n\n var escapedClassName = (0, _StyleUtils.escapeClassNames)(className);\n var classes = (0, _SimpleUtils.stringToArray)(escapedClassName);\n var pseudoClasses = \"\";\n\n if (Array.isArray(classes)) {\n classes = classes.filter(function (c) {\n return c !== '';\n });\n\n if (classes.length > 0) {\n pseudoClasses = \".\" + classes.join('.') + appendix;\n }\n }\n\n return pseudoClasses;\n};\n\nexports.createPseudoElement = createPseudoElement;\n\nvar createPseudoElementWithContent = function createPseudoElementWithContent(pseudoElementString, imageSource) {\n return \"\\n \" + pseudoElementString + \" {\\n opacity: 1;\\n background-image: \" + imageSource + \";\\n }\";\n};\n\nexports.createPseudoElementWithContent = createPseudoElementWithContent;\n\nvar createPseudoElementMediaQuery = function createPseudoElementMediaQuery(pseudoElementString, media, imageSource, imageSourceWebP) {\n return \"\\n @media \" + media + \" {\\n \" + createPseudoElementWithContent(pseudoElementString, imageSource) + \"\\n }\\n \" + (imageSourceWebP && \"@media \" + media + \" {\\n \" + createPseudoElementWithContent(pseudoElementString, imageSourceWebP) + \"\\n }\") + \"\\n \";\n};\n\nexports.createPseudoElementMediaQuery = createPseudoElementMediaQuery;\n\nvar createPseudoStyles = function createPseudoStyles(_ref) {\n var className = _ref.className,\n transitionDelay = _ref.transitionDelay,\n lastImage = _ref.lastImage,\n nextImage = _ref.nextImage,\n afterOpacity = _ref.afterOpacity,\n bgColor = _ref.bgColor,\n fadeIn = _ref.fadeIn,\n backgroundStyles = _ref.backgroundStyles,\n style = _ref.style,\n finalImage = _ref.finalImage,\n originalData = _ref.originalData;\n var pseudoBefore = createPseudoElement(className);\n var pseudoAfter = createPseudoElement(className, \":after\");\n var currentBackgroundStyles = (0, _extends2.default)({}, backgroundStyles, style);\n return \"\\n \" + pseudoBefore + \",\\n \" + pseudoAfter + \" {\\n content: '';\\n display: block;\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n top: 0;\\n left: 0;\\n \" + (bgColor && \"background-color: \" + bgColor + \";\") + \"\\n \" + (0, _StyleUtils.setTransitionStyles)(transitionDelay, fadeIn) + \"\\n \" + (0, _StyleUtils.kebabifyBackgroundStyles)(currentBackgroundStyles) + \"\\n }\\n \" + pseudoBefore + \" {\\n z-index: -100;\\n \" + ((!afterOpacity || finalImage) && createStyleImage(nextImage, originalData) || \"\") + \"\\n \" + (afterOpacity && lastImage && createStyleImage(lastImage, originalData) || \"\") + \"\\n opacity: \" + Number(!afterOpacity) + \"; \\n }\\n \" + pseudoAfter + \" {\\n z-index: -101;\\n \" + ((afterOpacity || finalImage) && createStyleImage(nextImage, originalData) || \"\") + \"\\n \" + (!afterOpacity && lastImage && createStyleImage(lastImage, originalData) || \"\") + \"\\n \" + (finalImage ? \"opacity: \" + Number(afterOpacity) + \";\" : \"\") + \"\\n }\\n \";\n};\n\nexports.createPseudoStyles = createPseudoStyles;\n\nvar createStyleImage = function createStyleImage(image, originalData) {\n var hasStackedImages = (0, _ImageUtils.hasImageArray)({\n fluid: originalData\n }) && !(0, _MediaUtils.hasArtDirectionArray)({\n fluid: originalData\n });\n\n if ((0, _SimpleUtils.isBrowser)() || hasStackedImages) {\n return image ? \"background-image: \" + image + \";\" : \"\";\n }\n\n return \"\";\n};\n\nexports.createStyleImage = createStyleImage;\n\nvar createNoScriptStyles = function createNoScriptStyles(_ref2) {\n var className = _ref2.className,\n image = _ref2.image;\n\n if (image) {\n var returnArray = Array.isArray(image) && !(0, _MediaUtils.hasArtDirectionArray)({\n fluid: image\n });\n var addUrl = false;\n var allSources = (0, _ImageUtils.getCurrentFromData)({\n data: image,\n propName: \"src\",\n checkLoaded: false,\n addUrl: addUrl,\n returnArray: returnArray\n });\n var sourcesAsUrl = (0, _ImageUtils.getUrlString)({\n imageString: allSources,\n hasImageUrls: true,\n returnArray: returnArray\n });\n var sourcesAsUrlWithCSS = \"\";\n\n if (returnArray) {\n var cssStrings = (0, _ImageUtils.getCurrentFromData)({\n data: image,\n propName: \"CSS_STRING\",\n addUrl: false,\n returnArray: returnArray\n });\n sourcesAsUrlWithCSS = (0, _SimpleUtils.filteredJoin)((0, _SimpleUtils.combineArray)(sourcesAsUrl, cssStrings));\n }\n\n var pseudoBefore = createPseudoElement(className);\n\n if ((0, _MediaUtils.hasArtDirectionArray)({\n fluid: image\n })) {\n return image.map(function (currentMedia) {\n var sourceString = (0, _ImageUtils.getUrlString)({\n imageString: currentMedia.src\n });\n var webPString = (0, _ImageUtils.getUrlString)({\n imageString: currentMedia.srcWebp || \"\"\n });\n\n if (currentMedia.media) {\n return createPseudoElementMediaQuery(pseudoBefore, currentMedia.media, sourceString, webPString);\n }\n\n return createPseudoElementMediaQuery(pseudoBefore, 'screen', sourceString, webPString);\n }).join('');\n }\n\n return createPseudoElementWithContent(pseudoBefore, sourcesAsUrlWithCSS || sourcesAsUrl);\n }\n\n return \"\";\n};\n\nexports.createNoScriptStyles = createNoScriptStyles;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = filterInvalidDOMProps;\n\nvar _htmlAttributes = require(\"html-attributes\");\n\nvar _htmlAttributes2 = _interopRequireDefault(_htmlAttributes);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nvar eventProps = {\n onCopy: true,\n onCut: true,\n onPaste: true,\n onLoad: true,\n onError: true,\n onWheel: true,\n onScroll: true,\n onCompositionEnd: true,\n onCompositionStart: true,\n onCompositionUpdate: true,\n onKeyDown: true,\n onKeyPress: true,\n onKeyUp: true,\n onFocus: true,\n onBlur: true,\n onChange: true,\n onInput: true,\n onSubmit: true,\n onClick: true,\n onContextMenu: true,\n onDoubleClick: true,\n onDrag: true,\n onDragEnd: true,\n onDragEnter: true,\n onDragExit: true,\n onDragLeave: true,\n onDragOver: true,\n onDragStart: true,\n onDrop: true,\n onMouseDown: true,\n onMouseEnter: true,\n onMouseLeave: true,\n onMouseMove: true,\n onMouseOut: true,\n onMouseOver: true,\n onMouseUp: true,\n onSelect: true,\n onTouchCancel: true,\n onTouchEnd: true,\n onTouchMove: true,\n onTouchStart: true,\n onAnimationStart: true,\n onAnimationEnd: true,\n onAnimationIteration: true,\n onTransitionEnd: true\n};\n\nfunction isValidDOMProp(prop) {\n return eventProps[prop] || _htmlAttributes2.default[prop] || /^(data|aria)-/.test(prop);\n}\n\nfunction filterInvalidDOMProps(props) {\n var domProps = {};\n\n for (var prop in props) {\n if (props.hasOwnProperty(prop) && isValidDOMProp(prop)) {\n domProps[prop] = props[prop];\n }\n }\n\n return domProps;\n}","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNDciIHZpZXdCb3g9IjAgMCA1NCA0NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ2LjU4MDggMTEuOTE5OUg3LjQyMDU1QzMuNTA3ODQgMTEuOTE5OSAwLjMzMzk4NCAxNS4wOTIxIDAuMzMzOTg0IDE5LjAwNjVWMzkuODMzM0MwLjMzMzk4NCA0My43NDc2IDMuNTA3ODQgNDYuOTE5OSA3LjQyMDU1IDQ2LjkxOTlINDYuNTgwOEM1MC40OTUxIDQ2LjkxOTkgNTMuNjY3MyA0My43NDc2IDUzLjY2NzMgMzkuODMzM1YxOS4wMDY1QzUzLjY2NzMgMTUuMDkyMSA1MC40OTUxIDExLjkxOTkgNDYuNTgwOCAxMS45MTk5Wk01MC4zMzQgMjMuMTM5N0gzMi4wMDA3VjI2LjQ3M0g1MC4zMzRWMzkuODMzM0M1MC4zMzQgNDEuOTAyNyA0OC42NTExIDQzLjU4NjYgNDYuNTgwOCA0My41ODY2SDcuNDIwNTVDNS4zNTE5IDQzLjU4NjYgMy42NjczMiA0MS45MDI3IDMuNjY3MzIgMzkuODMzM1YyNi40NzNIMjIuMDAwN1YyMy4xMzk3SDMuNjY3MzJWMTkuMDA2NUMzLjY2NzMyIDE2LjkzNyA1LjM1MTkgMTUuMjUzMyA3LjQyMDU1IDE1LjI1MzNINDYuNTgwOEM0OC42NTExIDE1LjI1MzMgNTAuMzM0IDE2LjkzNyA1MC4zMzQgMTkuMDA2NVYyMy4xMzk3WiIgZmlsbD0iIzFFODlENyIvPgo8cGF0aCBkPSJNMjIuNzkwOSA1LjA3ODEzQzIzLjg3NCAzLjk5NzQgMjUuMzUyOCAzLjMzNDE3IDI3LjAwMzIgMy4zMzMzM0MyOC42NTM2IDMuMzM0MDYgMzAuMTMzMSAzLjk5NzI5IDMxLjIxNjMgNS4wNzgxM0MzMi4yOTcxIDYuMTYyMDggMzIuOTYxMSA3LjY0MDgzIDMyLjk2MiA5LjI5MjA4SDM2LjI5NTNDMzYuMjk0NCA0LjE1ODU0IDMyLjEzNTEgMC4wMDA3MjkxNjcgMjcuMDAzMiAwQzIxLjg3MTMgMC4wMDA3MjkxNjcgMTcuNzEzNyA0LjE1ODU0IDE3LjcxMjkgOS4yOTE5OEgyMS4wNDYyQzIxLjA0NzEgNy42Mzk5IDIxLjcxMDMgNi4xNjEyNSAyMi43OTA5IDUuMDc4MTNaIiBmaWxsPSIjMUU4OUQ3Ii8+CjxwYXRoIGQ9Ik0yOS41IDIxLjgzOThIMjQuNVYyOC41MDY1SDI5LjVWMjEuODM5OFoiIGZpbGw9IiMxRTg5RDciLz4KPC9zdmc+Cg==\"","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","module.exports = extend;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nfunction extend() {\n var target = {};\n\n for (var i = 0; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n}","'use strict';\n/**\n * Converter\n *\n * @param {string|Array} srcAlphabet\n * @param {string|Array} dstAlphabet\n * @constructor\n */\n\nfunction Converter(srcAlphabet, dstAlphabet) {\n if (!srcAlphabet || !dstAlphabet || !srcAlphabet.length || !dstAlphabet.length) {\n throw new Error('Bad alphabet');\n }\n\n this.srcAlphabet = srcAlphabet;\n this.dstAlphabet = dstAlphabet;\n}\n/**\n * Convert number from source alphabet to destination alphabet\n *\n * @param {string|Array} number - number represented as a string or array of points\n *\n * @returns {string|Array}\n */\n\n\nConverter.prototype.convert = function (number) {\n var i,\n divide,\n newlen,\n numberMap = {},\n fromBase = this.srcAlphabet.length,\n toBase = this.dstAlphabet.length,\n length = number.length,\n result = typeof number === 'string' ? '' : [];\n\n if (!this.isValid(number)) {\n throw new Error('Number \"' + number + '\" contains of non-alphabetic digits (' + this.srcAlphabet + ')');\n }\n\n if (this.srcAlphabet === this.dstAlphabet) {\n return number;\n }\n\n for (i = 0; i < length; i++) {\n numberMap[i] = this.srcAlphabet.indexOf(number[i]);\n }\n\n do {\n divide = 0;\n newlen = 0;\n\n for (i = 0; i < length; i++) {\n divide = divide * fromBase + numberMap[i];\n\n if (divide >= toBase) {\n numberMap[newlen++] = parseInt(divide / toBase, 10);\n divide = divide % toBase;\n } else if (newlen > 0) {\n numberMap[newlen++] = 0;\n }\n }\n\n length = newlen;\n result = this.dstAlphabet.slice(divide, divide + 1).concat(result);\n } while (newlen !== 0);\n\n return result;\n};\n/**\n * Valid number with source alphabet\n *\n * @param {number} number\n *\n * @returns {boolean}\n */\n\n\nConverter.prototype.isValid = function (number) {\n var i = 0;\n\n for (; i < number.length; ++i) {\n if (this.srcAlphabet.indexOf(number[i]) === -1) {\n return false;\n }\n }\n\n return true;\n};\n\nmodule.exports = Converter;","// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nvar getRandomValues;\nvar rnds8 = new Uint8Array(16);\nexport default function rng() {\n // lazy load so that environments that need to polyfill have a chance to do so\n if (!getRandomValues) {\n // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation. Also,\n // find the complete implementation of crypto (msCrypto) on IE11.\n getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);\n\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n }\n\n return getRandomValues(rnds8);\n}","export default /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nvar byteToHex = [];\n\nfor (var i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).substr(1));\n}\n\nfunction stringify(arr) {\n var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; // Note: Be careful editing this code! It's been tuned for performance\n // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n\n var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID. If this throws, it's likely due to one\n // of the following:\n // - One or more input array values don't map to a hex octet (leading to\n // \"undefined\" in the uuid)\n // - Invalid input values for the RFC `version` or `variant` fields\n\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n\n return uuid;\n}\n\nexport default stringify;","import REGEX from './regex.js';\n\nfunction validate(uuid) {\n return typeof uuid === 'string' && REGEX.test(uuid);\n}\n\nexport default validate;","import rng from './rng.js';\nimport stringify from './stringify.js'; // **`v1()` - Generate time-based UUID**\n//\n// Inspired by https://github.com/LiosK/UUID.js\n// and http://docs.python.org/library/uuid.html\n\nvar _nodeId;\n\nvar _clockseq; // Previous uuid creation time\n\n\nvar _lastMSecs = 0;\nvar _lastNSecs = 0; // See https://github.com/uuidjs/uuid for API details\n\nfunction v1(options, buf, offset) {\n var i = buf && offset || 0;\n var b = buf || new Array(16);\n options = options || {};\n var node = options.node || _nodeId;\n var clockseq = options.clockseq !== undefined ? options.clockseq : _clockseq; // node and clockseq need to be initialized to random values if they're not\n // specified. We do this lazily to minimize issues related to insufficient\n // system entropy. See #189\n\n if (node == null || clockseq == null) {\n var seedBytes = options.random || (options.rng || rng)();\n\n if (node == null) {\n // Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)\n node = _nodeId = [seedBytes[0] | 0x01, seedBytes[1], seedBytes[2], seedBytes[3], seedBytes[4], seedBytes[5]];\n }\n\n if (clockseq == null) {\n // Per 4.2.2, randomize (14 bit) clockseq\n clockseq = _clockseq = (seedBytes[6] << 8 | seedBytes[7]) & 0x3fff;\n }\n } // UUID timestamps are 100 nano-second units since the Gregorian epoch,\n // (1582-10-15 00:00). JSNumbers aren't precise enough for this, so\n // time is handled internally as 'msecs' (integer milliseconds) and 'nsecs'\n // (100-nanoseconds offset from msecs) since unix epoch, 1970-01-01 00:00.\n\n\n var msecs = options.msecs !== undefined ? options.msecs : Date.now(); // Per 4.2.1.2, use count of uuid's generated during the current clock\n // cycle to simulate higher resolution clock\n\n var nsecs = options.nsecs !== undefined ? options.nsecs : _lastNSecs + 1; // Time since last uuid creation (in msecs)\n\n var dt = msecs - _lastMSecs + (nsecs - _lastNSecs) / 10000; // Per 4.2.1.2, Bump clockseq on clock regression\n\n if (dt < 0 && options.clockseq === undefined) {\n clockseq = clockseq + 1 & 0x3fff;\n } // Reset nsecs if clock regresses (new clockseq) or we've moved onto a new\n // time interval\n\n\n if ((dt < 0 || msecs > _lastMSecs) && options.nsecs === undefined) {\n nsecs = 0;\n } // Per 4.2.1.2 Throw error if too many uuids are requested\n\n\n if (nsecs >= 10000) {\n throw new Error(\"uuid.v1(): Can't create more than 10M uuids/sec\");\n }\n\n _lastMSecs = msecs;\n _lastNSecs = nsecs;\n _clockseq = clockseq; // Per 4.1.4 - Convert from unix epoch to Gregorian epoch\n\n msecs += 12219292800000; // `time_low`\n\n var tl = ((msecs & 0xfffffff) * 10000 + nsecs) % 0x100000000;\n b[i++] = tl >>> 24 & 0xff;\n b[i++] = tl >>> 16 & 0xff;\n b[i++] = tl >>> 8 & 0xff;\n b[i++] = tl & 0xff; // `time_mid`\n\n var tmh = msecs / 0x100000000 * 10000 & 0xfffffff;\n b[i++] = tmh >>> 8 & 0xff;\n b[i++] = tmh & 0xff; // `time_high_and_version`\n\n b[i++] = tmh >>> 24 & 0xf | 0x10; // include version\n\n b[i++] = tmh >>> 16 & 0xff; // `clock_seq_hi_and_reserved` (Per 4.2.2 - include variant)\n\n b[i++] = clockseq >>> 8 | 0x80; // `clock_seq_low`\n\n b[i++] = clockseq & 0xff; // `node`\n\n for (var n = 0; n < 6; ++n) {\n b[i + n] = node[n];\n }\n\n return buf || stringify(b);\n}\n\nexport default v1;","import validate from './validate.js';\n\nfunction parse(uuid) {\n if (!validate(uuid)) {\n throw TypeError('Invalid UUID');\n }\n\n var v;\n var arr = new Uint8Array(16); // Parse ########-....-....-....-............\n\n arr[0] = (v = parseInt(uuid.slice(0, 8), 16)) >>> 24;\n arr[1] = v >>> 16 & 0xff;\n arr[2] = v >>> 8 & 0xff;\n arr[3] = v & 0xff; // Parse ........-####-....-....-............\n\n arr[4] = (v = parseInt(uuid.slice(9, 13), 16)) >>> 8;\n arr[5] = v & 0xff; // Parse ........-....-####-....-............\n\n arr[6] = (v = parseInt(uuid.slice(14, 18), 16)) >>> 8;\n arr[7] = v & 0xff; // Parse ........-....-....-####-............\n\n arr[8] = (v = parseInt(uuid.slice(19, 23), 16)) >>> 8;\n arr[9] = v & 0xff; // Parse ........-....-....-....-############\n // (Use \"/\" to avoid 32-bit truncation when bit-shifting high-order bytes)\n\n arr[10] = (v = parseInt(uuid.slice(24, 36), 16)) / 0x10000000000 & 0xff;\n arr[11] = v / 0x100000000 & 0xff;\n arr[12] = v >>> 24 & 0xff;\n arr[13] = v >>> 16 & 0xff;\n arr[14] = v >>> 8 & 0xff;\n arr[15] = v & 0xff;\n return arr;\n}\n\nexport default parse;","import stringify from './stringify.js';\nimport parse from './parse.js';\n\nfunction stringToBytes(str) {\n str = unescape(encodeURIComponent(str)); // UTF8 escape\n\n var bytes = [];\n\n for (var i = 0; i < str.length; ++i) {\n bytes.push(str.charCodeAt(i));\n }\n\n return bytes;\n}\n\nexport var DNS = '6ba7b810-9dad-11d1-80b4-00c04fd430c8';\nexport var URL = '6ba7b811-9dad-11d1-80b4-00c04fd430c8';\nexport default function (name, version, hashfunc) {\n function generateUUID(value, namespace, buf, offset) {\n if (typeof value === 'string') {\n value = stringToBytes(value);\n }\n\n if (typeof namespace === 'string') {\n namespace = parse(namespace);\n }\n\n if (namespace.length !== 16) {\n throw TypeError('Namespace must be array-like (16 iterable integer values, 0-255)');\n } // Compute hash of namespace and value, Per 4.3\n // Future: Use spread syntax when supported on all platforms, e.g. `bytes =\n // hashfunc([...namespace, ... value])`\n\n\n var bytes = new Uint8Array(16 + value.length);\n bytes.set(namespace);\n bytes.set(value, namespace.length);\n bytes = hashfunc(bytes);\n bytes[6] = bytes[6] & 0x0f | version;\n bytes[8] = bytes[8] & 0x3f | 0x80;\n\n if (buf) {\n offset = offset || 0;\n\n for (var i = 0; i < 16; ++i) {\n buf[offset + i] = bytes[i];\n }\n\n return buf;\n }\n\n return stringify(bytes);\n } // Function#name is not settable on some platforms (#270)\n\n\n try {\n generateUUID.name = name; // eslint-disable-next-line no-empty\n } catch (err) {} // For CommonJS default export support\n\n\n generateUUID.DNS = DNS;\n generateUUID.URL = URL;\n return generateUUID;\n}","/*\n * Browser-compatible JavaScript MD5\n *\n * Modification of JavaScript MD5\n * https://github.com/blueimp/JavaScript-MD5\n *\n * Copyright 2011, Sebastian Tschan\n * https://blueimp.net\n *\n * Licensed under the MIT license:\n * https://opensource.org/licenses/MIT\n *\n * Based on\n * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message\n * Digest Algorithm, as defined in RFC 1321.\n * Version 2.2 Copyright (C) Paul Johnston 1999 - 2009\n * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet\n * Distributed under the BSD License\n * See http://pajhome.org.uk/crypt/md5 for more info.\n */\nfunction md5(bytes) {\n if (typeof bytes === 'string') {\n var msg = unescape(encodeURIComponent(bytes)); // UTF8 escape\n\n bytes = new Uint8Array(msg.length);\n\n for (var i = 0; i < msg.length; ++i) {\n bytes[i] = msg.charCodeAt(i);\n }\n }\n\n return md5ToHexEncodedArray(wordsToMd5(bytesToWords(bytes), bytes.length * 8));\n}\n/*\n * Convert an array of little-endian words to an array of bytes\n */\n\n\nfunction md5ToHexEncodedArray(input) {\n var output = [];\n var length32 = input.length * 32;\n var hexTab = '0123456789abcdef';\n\n for (var i = 0; i < length32; i += 8) {\n var x = input[i >> 5] >>> i % 32 & 0xff;\n var hex = parseInt(hexTab.charAt(x >>> 4 & 0x0f) + hexTab.charAt(x & 0x0f), 16);\n output.push(hex);\n }\n\n return output;\n}\n/**\n * Calculate output length with padding and bit length\n */\n\n\nfunction getOutputLength(inputLength8) {\n return (inputLength8 + 64 >>> 9 << 4) + 14 + 1;\n}\n/*\n * Calculate the MD5 of an array of little-endian words, and a bit length.\n */\n\n\nfunction wordsToMd5(x, len) {\n /* append padding */\n x[len >> 5] |= 0x80 << len % 32;\n x[getOutputLength(len) - 1] = len;\n var a = 1732584193;\n var b = -271733879;\n var c = -1732584194;\n var d = 271733878;\n\n for (var i = 0; i < x.length; i += 16) {\n var olda = a;\n var oldb = b;\n var oldc = c;\n var oldd = d;\n a = md5ff(a, b, c, d, x[i], 7, -680876936);\n d = md5ff(d, a, b, c, x[i + 1], 12, -389564586);\n c = md5ff(c, d, a, b, x[i + 2], 17, 606105819);\n b = md5ff(b, c, d, a, x[i + 3], 22, -1044525330);\n a = md5ff(a, b, c, d, x[i + 4], 7, -176418897);\n d = md5ff(d, a, b, c, x[i + 5], 12, 1200080426);\n c = md5ff(c, d, a, b, x[i + 6], 17, -1473231341);\n b = md5ff(b, c, d, a, x[i + 7], 22, -45705983);\n a = md5ff(a, b, c, d, x[i + 8], 7, 1770035416);\n d = md5ff(d, a, b, c, x[i + 9], 12, -1958414417);\n c = md5ff(c, d, a, b, x[i + 10], 17, -42063);\n b = md5ff(b, c, d, a, x[i + 11], 22, -1990404162);\n a = md5ff(a, b, c, d, x[i + 12], 7, 1804603682);\n d = md5ff(d, a, b, c, x[i + 13], 12, -40341101);\n c = md5ff(c, d, a, b, x[i + 14], 17, -1502002290);\n b = md5ff(b, c, d, a, x[i + 15], 22, 1236535329);\n a = md5gg(a, b, c, d, x[i + 1], 5, -165796510);\n d = md5gg(d, a, b, c, x[i + 6], 9, -1069501632);\n c = md5gg(c, d, a, b, x[i + 11], 14, 643717713);\n b = md5gg(b, c, d, a, x[i], 20, -373897302);\n a = md5gg(a, b, c, d, x[i + 5], 5, -701558691);\n d = md5gg(d, a, b, c, x[i + 10], 9, 38016083);\n c = md5gg(c, d, a, b, x[i + 15], 14, -660478335);\n b = md5gg(b, c, d, a, x[i + 4], 20, -405537848);\n a = md5gg(a, b, c, d, x[i + 9], 5, 568446438);\n d = md5gg(d, a, b, c, x[i + 14], 9, -1019803690);\n c = md5gg(c, d, a, b, x[i + 3], 14, -187363961);\n b = md5gg(b, c, d, a, x[i + 8], 20, 1163531501);\n a = md5gg(a, b, c, d, x[i + 13], 5, -1444681467);\n d = md5gg(d, a, b, c, x[i + 2], 9, -51403784);\n c = md5gg(c, d, a, b, x[i + 7], 14, 1735328473);\n b = md5gg(b, c, d, a, x[i + 12], 20, -1926607734);\n a = md5hh(a, b, c, d, x[i + 5], 4, -378558);\n d = md5hh(d, a, b, c, x[i + 8], 11, -2022574463);\n c = md5hh(c, d, a, b, x[i + 11], 16, 1839030562);\n b = md5hh(b, c, d, a, x[i + 14], 23, -35309556);\n a = md5hh(a, b, c, d, x[i + 1], 4, -1530992060);\n d = md5hh(d, a, b, c, x[i + 4], 11, 1272893353);\n c = md5hh(c, d, a, b, x[i + 7], 16, -155497632);\n b = md5hh(b, c, d, a, x[i + 10], 23, -1094730640);\n a = md5hh(a, b, c, d, x[i + 13], 4, 681279174);\n d = md5hh(d, a, b, c, x[i], 11, -358537222);\n c = md5hh(c, d, a, b, x[i + 3], 16, -722521979);\n b = md5hh(b, c, d, a, x[i + 6], 23, 76029189);\n a = md5hh(a, b, c, d, x[i + 9], 4, -640364487);\n d = md5hh(d, a, b, c, x[i + 12], 11, -421815835);\n c = md5hh(c, d, a, b, x[i + 15], 16, 530742520);\n b = md5hh(b, c, d, a, x[i + 2], 23, -995338651);\n a = md5ii(a, b, c, d, x[i], 6, -198630844);\n d = md5ii(d, a, b, c, x[i + 7], 10, 1126891415);\n c = md5ii(c, d, a, b, x[i + 14], 15, -1416354905);\n b = md5ii(b, c, d, a, x[i + 5], 21, -57434055);\n a = md5ii(a, b, c, d, x[i + 12], 6, 1700485571);\n d = md5ii(d, a, b, c, x[i + 3], 10, -1894986606);\n c = md5ii(c, d, a, b, x[i + 10], 15, -1051523);\n b = md5ii(b, c, d, a, x[i + 1], 21, -2054922799);\n a = md5ii(a, b, c, d, x[i + 8], 6, 1873313359);\n d = md5ii(d, a, b, c, x[i + 15], 10, -30611744);\n c = md5ii(c, d, a, b, x[i + 6], 15, -1560198380);\n b = md5ii(b, c, d, a, x[i + 13], 21, 1309151649);\n a = md5ii(a, b, c, d, x[i + 4], 6, -145523070);\n d = md5ii(d, a, b, c, x[i + 11], 10, -1120210379);\n c = md5ii(c, d, a, b, x[i + 2], 15, 718787259);\n b = md5ii(b, c, d, a, x[i + 9], 21, -343485551);\n a = safeAdd(a, olda);\n b = safeAdd(b, oldb);\n c = safeAdd(c, oldc);\n d = safeAdd(d, oldd);\n }\n\n return [a, b, c, d];\n}\n/*\n * Convert an array bytes to an array of little-endian words\n * Characters >255 have their high-byte silently ignored.\n */\n\n\nfunction bytesToWords(input) {\n if (input.length === 0) {\n return [];\n }\n\n var length8 = input.length * 8;\n var output = new Uint32Array(getOutputLength(length8));\n\n for (var i = 0; i < length8; i += 8) {\n output[i >> 5] |= (input[i / 8] & 0xff) << i % 32;\n }\n\n return output;\n}\n/*\n * Add integers, wrapping at 2^32. This uses 16-bit operations internally\n * to work around bugs in some JS interpreters.\n */\n\n\nfunction safeAdd(x, y) {\n var lsw = (x & 0xffff) + (y & 0xffff);\n var msw = (x >> 16) + (y >> 16) + (lsw >> 16);\n return msw << 16 | lsw & 0xffff;\n}\n/*\n * Bitwise rotate a 32-bit number to the left.\n */\n\n\nfunction bitRotateLeft(num, cnt) {\n return num << cnt | num >>> 32 - cnt;\n}\n/*\n * These functions implement the four basic operations the algorithm uses.\n */\n\n\nfunction md5cmn(q, a, b, x, s, t) {\n return safeAdd(bitRotateLeft(safeAdd(safeAdd(a, q), safeAdd(x, t)), s), b);\n}\n\nfunction md5ff(a, b, c, d, x, s, t) {\n return md5cmn(b & c | ~b & d, a, b, x, s, t);\n}\n\nfunction md5gg(a, b, c, d, x, s, t) {\n return md5cmn(b & d | c & ~d, a, b, x, s, t);\n}\n\nfunction md5hh(a, b, c, d, x, s, t) {\n return md5cmn(b ^ c ^ d, a, b, x, s, t);\n}\n\nfunction md5ii(a, b, c, d, x, s, t) {\n return md5cmn(c ^ (b | ~d), a, b, x, s, t);\n}\n\nexport default md5;","import v35 from './v35.js';\nimport md5 from './md5.js';\nvar v3 = v35('v3', 0x30, md5);\nexport default v3;","import rng from './rng.js';\nimport stringify from './stringify.js';\n\nfunction v4(options, buf, offset) {\n options = options || {};\n var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n if (buf) {\n offset = offset || 0;\n\n for (var i = 0; i < 16; ++i) {\n buf[offset + i] = rnds[i];\n }\n\n return buf;\n }\n\n return stringify(rnds);\n}\n\nexport default v4;","// Adapted from Chris Veness' SHA1 code at\n// http://www.movable-type.co.uk/scripts/sha1.html\nfunction f(s, x, y, z) {\n switch (s) {\n case 0:\n return x & y ^ ~x & z;\n\n case 1:\n return x ^ y ^ z;\n\n case 2:\n return x & y ^ x & z ^ y & z;\n\n case 3:\n return x ^ y ^ z;\n }\n}\n\nfunction ROTL(x, n) {\n return x << n | x >>> 32 - n;\n}\n\nfunction sha1(bytes) {\n var K = [0x5a827999, 0x6ed9eba1, 0x8f1bbcdc, 0xca62c1d6];\n var H = [0x67452301, 0xefcdab89, 0x98badcfe, 0x10325476, 0xc3d2e1f0];\n\n if (typeof bytes === 'string') {\n var msg = unescape(encodeURIComponent(bytes)); // UTF8 escape\n\n bytes = [];\n\n for (var i = 0; i < msg.length; ++i) {\n bytes.push(msg.charCodeAt(i));\n }\n } else if (!Array.isArray(bytes)) {\n // Convert Array-like to Array\n bytes = Array.prototype.slice.call(bytes);\n }\n\n bytes.push(0x80);\n var l = bytes.length / 4 + 2;\n var N = Math.ceil(l / 16);\n var M = new Array(N);\n\n for (var _i = 0; _i < N; ++_i) {\n var arr = new Uint32Array(16);\n\n for (var j = 0; j < 16; ++j) {\n arr[j] = bytes[_i * 64 + j * 4] << 24 | bytes[_i * 64 + j * 4 + 1] << 16 | bytes[_i * 64 + j * 4 + 2] << 8 | bytes[_i * 64 + j * 4 + 3];\n }\n\n M[_i] = arr;\n }\n\n M[N - 1][14] = (bytes.length - 1) * 8 / Math.pow(2, 32);\n M[N - 1][14] = Math.floor(M[N - 1][14]);\n M[N - 1][15] = (bytes.length - 1) * 8 & 0xffffffff;\n\n for (var _i2 = 0; _i2 < N; ++_i2) {\n var W = new Uint32Array(80);\n\n for (var t = 0; t < 16; ++t) {\n W[t] = M[_i2][t];\n }\n\n for (var _t = 16; _t < 80; ++_t) {\n W[_t] = ROTL(W[_t - 3] ^ W[_t - 8] ^ W[_t - 14] ^ W[_t - 16], 1);\n }\n\n var a = H[0];\n var b = H[1];\n var c = H[2];\n var d = H[3];\n var e = H[4];\n\n for (var _t2 = 0; _t2 < 80; ++_t2) {\n var s = Math.floor(_t2 / 20);\n var T = ROTL(a, 5) + f(s, b, c, d) + e + K[s] + W[_t2] >>> 0;\n e = d;\n d = c;\n c = ROTL(b, 30) >>> 0;\n b = a;\n a = T;\n }\n\n H[0] = H[0] + a >>> 0;\n H[1] = H[1] + b >>> 0;\n H[2] = H[2] + c >>> 0;\n H[3] = H[3] + d >>> 0;\n H[4] = H[4] + e >>> 0;\n }\n\n return [H[0] >> 24 & 0xff, H[0] >> 16 & 0xff, H[0] >> 8 & 0xff, H[0] & 0xff, H[1] >> 24 & 0xff, H[1] >> 16 & 0xff, H[1] >> 8 & 0xff, H[1] & 0xff, H[2] >> 24 & 0xff, H[2] >> 16 & 0xff, H[2] >> 8 & 0xff, H[2] & 0xff, H[3] >> 24 & 0xff, H[3] >> 16 & 0xff, H[3] >> 8 & 0xff, H[3] & 0xff, H[4] >> 24 & 0xff, H[4] >> 16 & 0xff, H[4] >> 8 & 0xff, H[4] & 0xff];\n}\n\nexport default sha1;","import v35 from './v35.js';\nimport sha1 from './sha1.js';\nvar v5 = v35('v5', 0x50, sha1);\nexport default v5;","export default '00000000-0000-0000-0000-000000000000';","import validate from './validate.js';\n\nfunction version(uuid) {\n if (!validate(uuid)) {\n throw TypeError('Invalid UUID');\n }\n\n return parseInt(uuid.substr(14, 1), 16);\n}\n\nexport default version;","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjQzODMgMjEuMzM3NUwyMS43MTQyIDI1LjQwNzJDMjEuOTE3MiAyNy4wNDc5IDIzLjMwMDMgMjguMzIzOCAyNC45OTczIDI4LjMyMzhDMjYuODMzNiAyOC4zMjM4IDI4LjMyMTUgMjYuODM1MSAyOC4zMjE1IDI0Ljk5OTZDMjguMzIxNSAyNC45Mjg0IDI4LjMwNTEgMjQuODYyNSAyOC4zMDA1IDI0Ljc5MjFMMzYuMDMyNCAxNS42NDVDMzYuNTcyNSAxNS4wMzk2IDM2LjU4MTYgMTQuMTY3NSAzNi4wNTU2IDEzLjdDMzUuNTI4OSAxMy4yMzEgMzQuNjY1MSAxMy4zNDM0IDM0LjEyNjQgMTMuOTQ4N0wyNi41Mjg1IDIyLjA2NTdDMjYuMDY4NSAyMS44MjQ0IDI1LjU1MjMgMjEuNjc1MyAyNC45OTcyIDIxLjY3NTNDMjQuNDAyMiAyMS42NzUzIDIzLjg1MjUgMjEuODQzOSAyMy4zNjk5IDIyLjExNzRMMTguNDAxOSAxOC42NTgzQzE3Ljc2MTMgMTguMTg2MyAxNi44MDA4IDE4LjQwNSAxNi4yNTc2IDE5LjE0NTNDMTUuNzE2IDE5Ljg4MzkgMTUuNzk1NCAyMC44NjYxIDE2LjQzODMgMjEuMzM3NVoiIGZpbGw9IiMxRTg5RDciLz4KPHBhdGggZD0iTTI1LjAwMDcgMC44MzM5ODRDMjMuOTQxMyAwLjgzMzk4NCAyMy4wODI3IDEuNjkyNjYgMjMuMDgyNyAyLjc1MjAyQzIzLjA4MjcgMy44MTEzOSAyMy45NDE0IDQuNjY5OTcgMjUuMDAwNyA0LjY2OTk3QzMwLjYyMTMgNC42NzA3MyAzNS42OTEyIDYuOTQyMzkgMzkuMzc2NiAxMC42MjQ3QzQzLjA1OSAxNC4zMDk0IDQ1LjMzMDcgMTkuMzggNDUuMzMxMyAyNS4wMDA3QzQ1LjMzMDcgMzAuNjIxMyA0My4wNTkgMzUuNjkxMiAzOS4zNzY2IDM5LjM3NjZDMzUuNjkxMiA0My4wNTkgMzAuNjIxMyA0NS4zMzA2IDI1LjAwMDcgNDUuMzMxM0MxOS4zODAxIDQ1LjMzMDYgMTQuMzA5NCA0My4wNTg5IDEwLjYyNDggMzkuMzc2NkM2Ljk0MjM5IDM1LjY5MTIgNC42NzA3MyAzMC42MjEzIDQuNjY5OTcgMjUuMDAwN0M0LjY3MDczIDIwLjkxNjcgNS44NzU0NyAxNy4xMjQyIDcuOTQ1NTkgMTMuOTQxNkw5LjcyNTcxIDE1LjI3MjFDOS45MTgyOSAxNS40MTU5IDEwLjE3MyAxNS40NTE5IDEwLjM5ODUgMTUuMzY2NUMxMC42MjMzIDE1LjI4MTEgMTAuNzkxMSAxNS4wODg1IDEwLjg0MDYgMTQuODUxOEwxMi4wMzg1IDkuMTg1NTVDMTIuMjUyMSA4LjgxOTA5IDEyLjM0MzUgOC4zOTgwNiAxMi4yOTE3IDcuOTg0NDlMMTIuODMzNCA1LjQyMzY3QzEyLjg5MTEgNS4xNTQwNiAxMi43ODU0IDQuODc2NzEgMTIuNTY1OSA0LjcxMTEzQzEyLjM0NDggNC41NDcwNiAxMi4wNDg5IDQuNTI0NTkgMTEuODA2MSA0LjY1NjQ3TDMuMzMwMjMgOS4yMzg3QzMuMTE3NDUgOS4zNTQ4MSAyLjk3ODg3IDkuNTY5MSAyLjk2MTY5IDkuODA5NTRDMi45NDM2NiAxMC4wNDkzIDMuMDUwMDUgMTAuMjgzMSAzLjI0MzM4IDEwLjQyNzdMNC44NjQ2MyAxMS42MzkxQzIuMzIwNDIgMTUuNDY3NyAwLjgzMzMyNCAyMC4wNjQgMC44MzM5ODUgMjUuMDAwN0MwLjgzNTQ5NSAzOC4zNDg2IDExLjY1MjcgNDkuMTY1OCAyNS4wMDA3IDQ5LjE2NzNDMzguMzQ4NyA0OS4xNjU4IDQ5LjE2NTkgMzguMzQ4NiA0OS4xNjczIDI1LjAwMDdDNDkuMTY1OSAxMS42NTI3IDM4LjM0ODcgMC44MzU0OTUgMjUuMDAwNyAwLjgzMzk4NFoiIGZpbGw9IiMxRTg5RDciLz4KPC9zdmc+Cg==\"","\"use strict\";\n\nexports.__esModule = true;\nexports.resetComponentClassCache = exports.activateCacheForComponentClass = exports.inComponentClassCache = void 0;\nvar componentClassCache = Object.create({});\n\nvar inComponentClassCache = function inComponentClassCache(className) {\n return componentClassCache[className] || false;\n};\n\nexports.inComponentClassCache = inComponentClassCache;\n\nvar activateCacheForComponentClass = function activateCacheForComponentClass(className) {\n if (className) {\n componentClassCache[className] = true;\n }\n};\n\nexports.activateCacheForComponentClass = activateCacheForComponentClass;\n\nvar resetComponentClassCache = function resetComponentClassCache() {\n for (var className in componentClassCache) {\n delete componentClassCache[className];\n }\n};\n\nexports.resetComponentClassCache = resetComponentClassCache;","var extend = require('xtend');\n\nvar mqTypes = ['blank', 'all', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight', 'print'];\n/**\n * @param {Array} rules\n * @param {String} type\n * @param {String} prop\n *\n * @return {Boolean}\n */\n\nfunction itemsValid(rules, type, prop) {\n var flag = true;\n\n for (var i = 0, rulesLength = rules.length; i < rulesLength; i++) {\n if (typeof rules[i] !== type || prop && !rules[i].hasOwnProperty(prop)) {\n flag = false;\n break;\n }\n }\n\n return flag;\n}\n/**\n * @param {Array} rules\n * @param {String} type\n * @param {String} prop\n *\n * @return {Boolean}\n */\n\n\nfunction allValid(rules, type, prop) {\n if (!rules || !rules.length || typeof rules === 'string') {\n return 'none';\n }\n\n if (type === 'object' && (!prop || typeof prop !== 'string') || !itemsValid(rules, type, prop)) {\n return 'some';\n }\n\n return 'all';\n}\n/**\n * Normalize between array with strings and array with objects\n *\n * @param {Array} rules\n * @param {String} type\n * @param {String} prop\n *\n * @return {Object}\n */\n\n\nfunction prepareRules(rules, type, prop) {\n var collection = [];\n var o = {};\n\n for (var i = 0, rulesLength = rules.length; i < rulesLength; i++) {\n if (type === 'string') {\n o = extend({}, {\n __media: rules[i]\n });\n } else {\n o = extend({}, rules[i]);\n o.__media = rules[i][prop];\n }\n\n collection.push(o);\n }\n\n return collection;\n}\n/**\n * @param {Boolean} isMax\n *\n * @return {Function}\n */\n\n\nfunction determineSortOrder(isMax) {\n /**\n * Determine sort order based on provided arguments\n *\n * @param {Object} a\n * @param {Object} b\n *\n * @return {Integer}\n */\n return function (a, b) {\n var sortValA = a.sortVal;\n var sortValB = b.sortVal;\n var ruleA = a.item.__media;\n var ruleB = b.item.__media;\n isMax = typeof isMax !== 'undefined' ? isMax : false; // Consider print for sorting if sortVals are equal\n\n if (sortValA === sortValB) {\n if (ruleA.match(/print/)) {\n // a contains print and should be sorted after b\n return 1;\n }\n\n if (ruleB.match(/print/)) {\n // b contains print and should be sorted after a\n return -1;\n }\n } // Return descending sort order for max-(width|height) media queries\n\n\n if (isMax) {\n return sortValB - sortValA;\n } // Return ascending sort order\n\n\n return sortValA - sortValB;\n };\n}\n/**\n * @return {Object}\n */\n\n\nfunction createCollection() {\n var mqCollection = {};\n\n for (var i = 0, mqTypesLength = mqTypes.length; i < mqTypesLength; i++) {\n mqCollection[mqTypes[i]] = [];\n }\n\n return mqCollection;\n}\n/**\n * @param {Object} collection\n * @param {Array} rules\n *\n * @return {Object}\n */\n\n\nfunction addRulesToCollection(collection, rules) {\n // Sort media queries by kind, this is needed to output them in the right order\n for (var i = 0, rulesLength = rules.length; i < rulesLength; i++) {\n var item = rules[i];\n var rule = item.__media;\n var collectionType = 'blank';\n var valMatch = rule.match(/\\d+/g);\n\n if (rule.match(/min-width/)) {\n collectionType = 'minWidth';\n } else if (rule.match(/min-height/)) {\n collectionType = 'minHeight';\n } else if (rule.match(/max-width/)) {\n collectionType = 'maxWidth';\n } else if (rule.match(/max-height/)) {\n collectionType = 'maxHeight';\n } else if (rule.match(/print/)) {\n collectionType = 'print';\n } else if (rule.match(/all/)) {\n collectionType = 'all';\n }\n\n collection[collectionType].push({\n item: item,\n sortVal: valMatch ? valMatch[0] : 0\n });\n }\n\n return collection;\n}\n/**\n * @param {Object} collection\n *\n * @return {Object}\n */\n\n\nfunction sortCollection(collection) {\n var sorter;\n\n for (var collectionType in collection) {\n if (collection.hasOwnProperty(collectionType)) {\n sorter = determineSortOrder(false);\n\n if (collectionType === 'maxWidth' || collectionType === 'maxHeight') {\n sorter = determineSortOrder(true);\n }\n\n collection[collectionType].sort(sorter);\n }\n }\n\n return collection;\n}\n/**\n * @param {Object} collection\n * @param {String} type\n * @param {String} prop\n *\n * @return {Array}\n */\n\n\nfunction transformCollection(collection, type, prop) {\n var transformed = [];\n var collectionItem;\n\n function iterateCollectionItem(collectionItem) {\n var resultVal;\n\n for (var i = 0, typeLength = collectionItem.length; i < typeLength; i++) {\n if (type === 'string') {\n resultVal = collectionItem[i].item.__media;\n } else {\n resultVal = collectionItem[i].item;\n delete resultVal.__media;\n }\n\n transformed.push(resultVal);\n }\n }\n\n for (var i = 0, mqTypesLength = mqTypes.length; i < mqTypesLength; i++) {\n iterateCollectionItem(collection[mqTypes[i]]);\n }\n\n return transformed;\n}\n/**\n * @param {Array} rules\n * @param {String} type\n * @param {String} prop\n *\n * @return {Array}\n */\n\n\nfunction sortInit(rules, type, prop) {\n switch (allValid(rules, type, prop)) {\n case 'none':\n return [];\n\n case 'some':\n return rules;\n }\n\n var collection = createCollection();\n rules = prepareRules(rules, type, prop);\n addRulesToCollection(collection, rules);\n sortCollection(collection);\n return transformCollection(collection, type, prop);\n}\n/**\n * @param {Array} rules\n * @param {String} prop\n *\n * @return {Array}\n */\n\n\nmodule.exports = function (rules, prop) {\n if (rules) {\n if (prop) {\n return sortInit(rules, 'object', prop);\n }\n\n return sortInit(rules, 'string');\n }\n\n return [];\n};","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTA3ODEgMzYuMjI1OUwxNi41MDM3IDMwLjgxOTJMOS41MDc4MSAyNi4wNjI1VjM2LjIyNTlaIiBmaWxsPSIjMUU4OUQ3Ii8+CjxwYXRoIGQ9Ik0wIDE2Ljg4MzRMOS42MDQ1MyAyMy44NDY5TDM2LjM5MzUgNi43MjA1NUwxMS45MjQxIDI1LjUyOUwyNi4yMjg5IDM1Ljg5OTRMNDAgMy43Njk1M0wwIDE2Ljg4MzRaIiBmaWxsPSIjMUU4OUQ3Ii8+Cjwvc3ZnPgo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjI1IDE0LjI1SDMuNzVWMy43NUg5VjIuMjVIMy43NUMyLjkxNzUgMi4yNSAyLjI1IDIuOTI1IDIuMjUgMy43NVYxNC4yNUMyLjI1IDE1LjA3NSAyLjkxNzUgMTUuNzUgMy43NSAxNS43NUgxNC4yNUMxNS4wNzUgMTUuNzUgMTUuNzUgMTUuMDc1IDE1Ljc1IDE0LjI1VjlIMTQuMjVWMTQuMjVaTTEwLjUgMi4yNVYzLjc1SDEzLjE5MjVMNS44MiAxMS4xMjI1TDYuODc3NSAxMi4xOEwxNC4yNSA0LjgwNzVWNy41SDE1Ljc1VjIuMjVIMTAuNVoiIGZpbGw9IiMxRTg5RDciLz4KPC9zdmc+Cg==\"","var _toConsumableArray = require(\"/codebuild/output/src2836585485/src/regnio-corporate-site/node_modules/@babel/runtime/helpers/toConsumableArray\");\n\nvar _defineProperty = require(\"/codebuild/output/src2836585485/src/regnio-corporate-site/node_modules/@babel/runtime/helpers/defineProperty\");\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n/**\n * Created by Samuel on 6/4/2016.\n * Simple wrapper functions to produce shorter UUIDs for cookies, maybe everything?\n */\nvar anyBase = require('any-base');\n\nvar uuidV4 = require('uuid').v4;\n\nvar flickrBase58 = '123456789abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ';\nvar cookieBase90 = \"0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%&'()*+-./:<=>?@[]^_`{|}~\";\nvar baseOptions = {\n consistentLength: true\n}; // A default generator, instantiated only if used.\n\nvar toFlickr;\n/**\n * Takes a UUID, strips the dashes, and translates.\n * @param {string} longId\n * @param {function(string)} translator\n * @param {Object} [paddingParams]\n * @returns {string}\n */\n\nvar shortenUUID = function shortenUUID(longId, translator, paddingParams) {\n var translated = translator(longId.toLowerCase().replace(/-/g, ''));\n if (!paddingParams || !paddingParams.consistentLength) return translated;\n return translated.padStart(paddingParams.shortIdLength, paddingParams.paddingChar);\n};\n/**\n * Translate back to hex and turn back into UUID format, with dashes\n * @param {string} shortId\n * @param {function(string)} translator\n * @returns {string}\n */\n\n\nvar enlargeUUID = function enlargeUUID(shortId, translator) {\n var uu1 = translator(shortId).padStart(32, '0'); // Join the zero padding and the UUID and then slice it up with match\n\n var m = uu1.match(/(\\w{8})(\\w{4})(\\w{4})(\\w{4})(\\w{12})/); // Accumulate the matches and join them.\n\n return [m[1], m[2], m[3], m[4], m[5]].join('-');\n}; // Calculate length for the shortened ID\n\n\nvar getShortIdLength = function getShortIdLength(alphabetLength) {\n return Math.ceil(Math.log(Math.pow(2, 128)) / Math.log(alphabetLength));\n};\n\nmodule.exports = function () {\n /**\n * @param {string} toAlphabet - Defaults to flickrBase58 if not provided\n * @param {Object} [options]\n *\n * @returns {{new: (function()),\n * uuid: (function()),\n * fromUUID: (function(string)),\n * toUUID: (function(string)),\n * alphabet: (string)}}\n */\n var makeConvertor = function makeConvertor(toAlphabet, options) {\n // Default to Flickr 58\n var useAlphabet = toAlphabet || flickrBase58; // Default to baseOptions\n\n var selectedOptions = _objectSpread(_objectSpread({}, baseOptions), options); // Check alphabet for duplicate entries\n\n\n if (_toConsumableArray(new Set(Array.from(useAlphabet))).length !== useAlphabet.length) {\n throw new Error('The provided Alphabet has duplicate characters resulting in unreliable results');\n }\n\n var shortIdLength = getShortIdLength(useAlphabet.length); // Padding Params\n\n var paddingParams = {\n shortIdLength: shortIdLength,\n consistentLength: selectedOptions.consistentLength,\n paddingChar: useAlphabet[0]\n }; // UUIDs are in hex, so we translate to and from.\n\n var fromHex = anyBase(anyBase.HEX, useAlphabet);\n var toHex = anyBase(useAlphabet, anyBase.HEX);\n\n var generate = function generate() {\n return shortenUUID(uuidV4(), fromHex, paddingParams);\n };\n\n var translator = {\n new: generate,\n generate: generate,\n uuid: uuidV4,\n fromUUID: function fromUUID(uuid) {\n return shortenUUID(uuid, fromHex, paddingParams);\n },\n toUUID: function toUUID(shortUuid) {\n return enlargeUUID(shortUuid, toHex);\n },\n alphabet: useAlphabet,\n maxLength: shortIdLength\n };\n Object.freeze(translator);\n return translator;\n }; // Expose the constants for other purposes.\n\n\n makeConvertor.constants = {\n flickrBase58: flickrBase58,\n cookieBase90: cookieBase90\n }; // Expose the generic v4 UUID generator for convenience\n\n makeConvertor.uuid = uuidV4; // Provide a generic generator\n\n makeConvertor.generate = function () {\n if (!toFlickr) {\n // Generate on first use;\n toFlickr = makeConvertor(flickrBase58).generate;\n }\n\n return toFlickr();\n };\n\n return makeConvertor;\n}();","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzQiIGhlaWdodD0iNzQiIHZpZXdCb3g9IjAgMCA3NCA3NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNi43Njk4IDMzLjk0MTRMMi44Mjg0MyAwTDAgMi44Mjg0M0wzMy45NDE0IDM2Ljc2OThMMC4wMDAzMDIwNzYgNzAuNzEwOUwyLjgyODczIDczLjUzOTRMMzYuNzY5OCAzOS41OTgzTDcwLjcxMDcgNzMuNTM5MUw3My41MzkxIDcwLjcxMDdMMzkuNTk4MyAzNi43Njk4TDczLjUzOTQgMi44Mjg2OUw3MC43MTEgMC4wMDAyNjA1OTJMMzYuNzY5OCAzMy45NDE0WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMCIgeTE9IjM2Ljc2OTciIHgyPSI3My41Mzk0IiB5Mj0iMzYuNzY5NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjVCMjA1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE5QURFRCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCA0OEMzNy4yNTQ4IDQ4IDQ4IDM3LjI1NDggNDggMjRDNDggMTAuNzQ1MiAzNy4yNTQ4IDAgMjQgMEMxMC43NDUyIDAgMCAxMC43NDUyIDAgMjRDMCAzNy4yNTQ4IDEwLjc0NTIgNDggMjQgNDhaTTI0IDQ1QzM1LjU5OCA0NSA0NSAzNS41OTggNDUgMjRDNDUgMTIuNDAyIDM1LjU5OCAzIDI0IDNDMTIuNDAyIDMgMyAxMi40MDIgMyAyNEMzIDM1LjU5OCAxMi40MDIgNDUgMjQgNDVaIiBmaWxsPSIjRDE0NzFCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgNDAuNUMzMy4xMTI3IDQwLjUgNDAuNSAzMy4xMTI3IDQwLjUgMjRDNDAuNSAxNC44ODczIDMzLjExMjcgNy41IDI0IDcuNUMxNC44ODczIDcuNSA3LjUgMTQuODg3MyA3LjUgMjRDNy41IDMzLjExMjcgMTQuODg3MyA0MC41IDI0IDQwLjVaTTI0IDM3LjVDMzEuNDU1OCAzNy41IDM3LjUgMzEuNDU1OCAzNy41IDI0QzM3LjUgMTYuNTQ0MiAzMS40NTU4IDEwLjUgMjQgMTAuNUMxNi41NDQyIDEwLjUgMTAuNSAxNi41NDQyIDEwLjUgMjRDMTAuNSAzMS40NTU4IDE2LjU0NDIgMzcuNSAyNCAzNy41WiIgZmlsbD0iI0QxNDcxQiIvPgo8L3N2Zz4K\"","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string\n ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n : string;\n}\n\nmodule.exports = baseTrim;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA2NCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU5LjA2NjYgMjkuNTY5OUM1OC4xNzQgMjYuNDcyMyA1Ny4yODMzIDIzLjM3MjcgNTYuMzkyNyAyMC4yNzVDNTYuMTAxNyAxOS4yNjcyIDU1LjgxMDcgMTguMjU5NCA1NS41MjE2IDE3LjI0OTdMNTMuMTAzNiAxOS42Njc3QzUzLjg4NjggMjIuNzUxNyA1NC42Njk5IDI1LjgzNTcgNTUuNDUzMiAyOC45MjE1QzU1Ljg0IDMwLjQ0MSA1NC44MjYyIDMxLjc5MjcgNTMuMTYwMiAzMS4yNzMyQzUwLjQzMTcgMzAuMTQwMyA0Ny40MjM4IDI5LjM0MzQgNDQuNDY4OCAyOS4xODkyQzQxLjEwOTQgMjkuMDE3MyAzNy42NjgxIDI5LjcwNDggMzQuNTcyMyAzMC45OTU4QzM0LjIyMjcgMzEuMTQwMyAzMS44ODY4IDMyLjgyMTkgMzEuNzkzMSAzMS42Mjg3QzMxLjc0MjMgMjguODM5NSAzMS42ODk2IDI2LjA1MDUgMzEuNjM4OCAyMy4yNjE0QzMxLjUzMTQgMTcuNDk5NyAzMS40MjU5IDExLjczOTkgMzEuMzE4NCA1Ljk3ODE2QzMxLjMxMjYgNS42NDgwNCAzMi4xMDk0IDUuNDgyMDQgMzIuMjczNiA1LjQxOTU0QzMzLjU3ODMgNC45MjU0MSAzNC45NDM0IDQuNTg1NTMgMzYuMzE4NCA0LjM2MjkxQzM5LjY2ODEgMy44MTgwMyA0Mi45NjQ5IDQuMDk3MjkgNDYuMjQwMyA0LjkyNzQxQzQ3LjI4MzMgNS4xOTMwNCA0OC4zNzcxIDUuNTE3MjggNDkuMTQ2NiA2LjE4OTE2TDUwLjcwMTMgNC42MzY0MUM1MC4xOTU0IDQuMjUzNTQgNDkuNjMwOSAzLjkyOTQxIDQ5LjAyNzUgMy42NjE3OUM0Ni4yNDgyIDIuNDE3NjYgNDIuNzIwOCAxLjkyNTQxIDM5LjcwNTIgMS44NTUxNkMzNi40ODQ0IDEuNzc5MDQgMzMuMTkzNCAyLjI4MjkxIDMwLjE0NjYgMy4zMjk3OEMyOS41NTI4IDMuNTMyOTEgMjguNTgyMSAyLjk5Mzc5IDI3Ljk3NDcgMi44Mjk3OUMyNy4yNTk4IDIuNjM2NDEgMjYuNTM3MiAyLjQ3NDI5IDI1LjgwODcgMi4zMzc1NEMyNC4yMDMyIDIuMDQwNjYgMjIuNTc0MyAxLjg3ODU0IDIwLjk0MTQgMS44NTMxNkMxNy44MjIzIDEuODA0MjkgMTQuNjM0OCAyLjQwMjAzIDExLjY1NDMgMy4yOTg1M0MxMC45OTgxIDMuNTQ0NjYgMTEuNDY2OCAzLjM3MDc5IDExLjYxMzMgMy4zMTYxNkM5Ljc1Mzk0IDQuMDE5MjkgNy43MTQ4MiA1LjE2Nzc5IDcuMTI4OTQgNy4yMDY3OUM2Ljk4MjQ0IDcuNzE2NTQgNi44MzQwNyA4LjIyNjI4IDYuNjg3NTcgOC43MzYwM0M1Ljk0NTMyIDExLjMxNjIgNS4yMDMxOSAxMy44OTQzIDQuNDYwOTQgMTYuNDc0M0MzLjQ0NTMyIDIwLjAwMTcgMi40MzE2OSAyMy41MjcgMS40MTYwNyAyNy4wNTI0QzAuODI2MTk0IDI5LjEwNTIgLTAuMzQzNjgyIDMxLjc0MTkgMC4wOTM4MTg0IDMzLjlDMC42Mjg5NDMgMzYuNTcxOSAzLjI0MjMyIDM3LjgwMjQgNS43Njc2OSAzNy4yODg3QzYuNjU2MzIgMzcuMTA1IDcuNDcwODIgMzYuNjk0OSA4LjMxODQ0IDM2LjM5MjJDOS43MzQ0NCAzNS44ODQzIDExLjE4MzcgMzUuNDU2NyAxMi42NTgzIDM1LjE0OTlDMTYuMjA5MSAzNC40MTM1IDE5LjgxNDYgMzQuODA0MiAyMy4zMDQ4IDM1LjcwNDdDMjQuMDg0MSAzNS45MDU4IDI3LjAwNDEgMzYuNDA5OCAyNy4wODgxIDM3LjI4MDhDMjcuMTY4MiAzOC4wOTMzIDI4LjEwMTcgMzcuODcyNSAyOC42ODk3IDM3Ljg3MjVDMjkuMjczNyAzNy44NzI1IDI5Ljg1NzcgMzcuODcyNSAzMC40NDE3IDM3Ljg3MjVDMzAuOTc2OCAzNy44NzI1IDMxLjg3MzMgMzguMDU4IDMyLjM4MTIgMzcuODM1NEMzMi44OTA5IDM3LjYxNDcgMzIuNDk4NCAzNy4wNTYyIDMyLjk3ODggMzYuODQ3MkMzMy42MzMxIDM2LjU2MzkgMzQuMzEwOCAzNi4zMjk1IDM0Ljk5MDYgMzYuMTE4N0MzNi41ODA0IDM1LjYyMjUgMzguMjEzMiAzNS4yNTM0IDM5Ljg2MTcgMzUuMDEzMkM0My4zODcxIDM0LjQ5OTUgNDYuNzE5MSAzNC44NzA1IDUwLjEwNCAzNS45Mzg5QzUyLjA4NjMgMzYuNTYzOSA1NC4wMDgyIDM3LjcxNjMgNTYuMTU4NyAzNy4zMzE1QzU5LjA5MDMgMzYuODEyIDYwLjI4OTYgMzMuODE1OSA1OS41MjAxIDMxLjE0NEM1OS4zODExIDMwLjYxNDggNTkuMjE2OSAzMC4wOTMzIDU5LjA2NjYgMjkuNTY5OVpNMjguMzEwNyAxMi44Mjc3QzI4LjE5MzQgMTkuMDIxIDI4LjA4MDIgMjUuMjEyNCAyNy45NjQ5IDMxLjQwNThDMjcuOTU3MSAzMS44MTk5IDI3Ljg0MzggMzIuMDc3NyAyNy4zODI5IDMyLjA2NTlDMjQuODc1MSAzMC41NzU3IDIxLjg5ODYgMjkuNzE0MyAxOS4wMTk3IDI5LjM1MUMxNS42MzY4IDI4LjkyMzMgMTIuMzI2MyAyOS4zODQzIDkuMDg0MiAzMC4zOTAyQzguMDc4MzIgMzAuNzAwNyA2Ljk1MzMyIDMxLjM4NDMgNS44ODY5NCAzMS4zODQzQzQuNjY2MTkgMzEuMzg0MyAzLjk1NzE5IDMwLjI5ODMgNC4yNDI0NCAyOS4xNjM1QzQuOTg4NTcgMjYuMjMxOSA1LjczMDY5IDIzLjI5ODMgNi40NzY4MiAyMC4zNjY3QzcuMzUxODIgMTYuOTE5NCA4LjIyNDgyIDEzLjQ3MDIgOS4xMDE4MiAxMC4wMjI5QzkuMzIwNTcgOS4xNjU1MyA5LjUzNzMyIDguMzA2MTYgOS43NTYwNyA3LjQ0Njc5QzEwLjI4OTMgNS4zNDUxNiAxMy4yNjE5IDQuOTQ2NzggMTUuMDM3MyA0LjU3NzY2QzE4LjM1MTggMy44OTIxNiAyMS43MTEyIDMuODk2MDQgMjUuMDEzOSA0LjY3MzQxQzI1LjU4NDMgNC44MDgxNiAyOC40NTE0IDUuMjQ5NTMgMjguNDM1OCA2LjA2NzkxQzI4LjM5MjcgOC4zMjE3OCAyOC4zNTE3IDEwLjU3NTggMjguMzEwNyAxMi44Mjc3WiIgZmlsbD0iIzFFODlENyIvPgo8cGF0aCBkPSJNMzguMDc0MiAyNS45Nzg1TDQ2Ljc2NzYgMjQuMTM0OEw2My45OTgxIDYuOTA4MjdMNTcuMTQ2NSAwLjA1NjY0MDZMMzkuOTIgMTcuMjgzM0wzOC4wNzQyIDI1Ljk3ODVaTTYwLjY5MzUgNi45MDgyN0w0NS45MiAyMS42Nzk4TDQ0LjM5NDYgMjAuMTU0NEw1OS4xNjgxIDUuMzgyODlMNjAuNjkzNSA2LjkwODI3Wk01Ny4xNDY2IDMuMzYxMzlMNTguNjcyIDQuODg2NzdMNDMuODk4NSAxOS42NTgzTDQyLjM3MzEgMTguMTMyOUw1Ny4xNDY2IDMuMzYxMzlaTTQyLjAyNzMgMTguNzc3NEw0NS4yNzUzIDIyLjAyNzRMNDIuMjUgMjIuNjkzNEw0MS4zNTkzIDIxLjgwNDhMNDIuMDI3MyAxOC43Nzc0WiIgZmlsbD0iIzFFODlENyIvPgo8L3N2Zz4K\"","\"use strict\";\n\nexports.__esModule = true;\nexports.combineArray = exports.filteredJoin = exports.hashString = exports.stringToArray = exports.capitalize = exports.toKebabCase = exports.toCamelCase = exports.isObject = exports.isString = exports.isBrowser = void 0;\n\nvar isBrowser = function isBrowser() {\n return typeof window !== \"undefined\" && typeof window.document !== \"undefined\";\n};\n\nexports.isBrowser = isBrowser;\n\nvar isString = function isString(value) {\n return Object.prototype.toString.call(value) === '[object String]';\n};\n\nexports.isString = isString;\n\nvar isObject = function isObject(value) {\n return Object.prototype.toString.call(value) === '[object Object]';\n};\n\nexports.isObject = isObject;\n\nvar toCamelCase = function toCamelCase(str) {\n return isString(str) && str.indexOf('-') !== -1 && str.toLowerCase().replace(/(?:^\\w|-|[A-Z]|\\b\\w)/g, function (letter, index) {\n return index === 0 ? letter.toLowerCase() : letter.toUpperCase();\n }).replace(/\\s|\\W+/g, '') || str;\n};\n\nexports.toCamelCase = toCamelCase;\n\nvar toKebabCase = function toKebabCase(str) {\n return isString(str) && str.replace(/\\s|\\W+/g, '').replace(/[A-Z]/g, function (match) {\n return \"-\" + match.toLowerCase();\n });\n};\n\nexports.toKebabCase = toKebabCase;\n\nvar capitalize = function capitalize(str) {\n return (str === null || str === void 0 ? void 0 : str.charAt(0).toUpperCase()) + str.slice(1);\n};\n\nexports.capitalize = capitalize;\n\nvar stringToArray = function stringToArray(str, delimiter) {\n if (delimiter === void 0) {\n delimiter = \" \";\n }\n\n if (str instanceof Array) {\n return str;\n }\n\n if (isString(str)) {\n if (str.includes(delimiter)) {\n return str.split(delimiter);\n }\n\n return [str];\n }\n\n return false;\n};\n\nexports.stringToArray = stringToArray;\n\nvar hashString = function hashString(str) {\n return isString(str) && [].reduce.call(str, function (hash, item) {\n hash = (hash << 5) - hash + item.charCodeAt(0);\n return hash | 0;\n }, 0);\n};\n\nexports.hashString = hashString;\n\nvar filteredJoin = function filteredJoin(arrayToJoin) {\n return arrayToJoin.filter(function (item) {\n return item !== \"\";\n }).join();\n};\n\nexports.filteredJoin = filteredJoin;\n\nvar combineArray = function combineArray(fromArray, toArray) {\n if (!Array.isArray(fromArray)) {\n return [fromArray];\n }\n\n return fromArray.map(function (item, index) {\n return item || toArray && toArray[index];\n });\n};\n\nexports.combineArray = combineArray;","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nmodule.exports = _defineProperty;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA1NCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzg1MiAyOS4zNzgzSDQ3LjIxNDhDNDguNzU3OCAyOS4zNzgzIDUwLjAwOTQgMjguMTI2NiA1MC4wMDk0IDI2LjU4MzdWMi43OTMwMkM1MC4wMDk0IDEuMjUxNjYgNDguNzU3NyAwIDQ3LjIxNDggMEg2Ljc4NTJDNS4yNDIxOSAwIDMuOTkyMTkgMS4yNTE2NiAzLjk5MjE5IDIuNzkzMDJWMjYuNTgzN0MzLjk5MjE5IDI4LjEyNjYgNS4yNDIxOSAyOS4zNzgzIDYuNzg1MiAyOS4zNzgzWk04LjI2MzAxIDMuNzUzMzNINDUuNzM2OVYyNC45Njc1SDguMjYzMDFWMy43NTMzM1oiIGZpbGw9IiMxRTg5RDciLz4KPHBhdGggZD0iTTUzLjI1MzggMzcuMTMxOUw0OC4yNyAzMi43MDhDNDcuOTQ5NCAzMi40MjQ4IDQ3LjQ4ODggMzIuMjYzNyA0Ny4wMDIxIDMyLjI2MzdINi45OTg5N0M2LjUxMjMxIDMyLjI2MzcgNi4wNTE2OCAzMi40MjQ4IDUuNzMxMDYgMzIuNzA4TDAuNzQ3NDIxIDM3LjEzMTlDMC40ODA0NDIgMzcuMzY3OSAwLjMzMzk4NCAzNy42NzIzIDAuMzMzOTg0IDM3Ljk4NjVWMzkuNTI3OEMwLjMzMzk4NCAzOS44ODc1IDAuNzA5OTIxIDQwLjE3NzIgMS4xNzM4OCA0MC4xNzcySDUyLjgyNzRDNTMuMjkyOSA0MC4xNzcyIDUzLjY2NzMgMzkuODg3NSA1My42NjczIDM5LjUyNzhWMzcuOTg2NUM1My42NjcyIDM3LjY3MjMgNTMuNTIwOCAzNy4zNjc5IDUzLjI1MzggMzcuMTMxOVpNMjEuMjg2MSAzNy42NTQ0TDIyLjcyODIgMzUuNzA0NUgzMS44NjcyTDMzLjMwNzYgMzcuNjU0NEgyMS4yODYxWiIgZmlsbD0iIzFFODlENyIvPgo8L3N2Zz4K\"","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","\"use strict\";\n\nexports.__esModule = true;\nexports.listenToIntersections = exports.getIO = exports.callbackIO = void 0;\n\nvar _SimpleUtils = require(\"./SimpleUtils\");\n\nvar io;\nvar listeners = new WeakMap();\n\nvar callbackIO = function callbackIO(entries) {\n entries.forEach(function (entry) {\n if (listeners.has(entry.target)) {\n var callback = listeners.get(entry.target);\n\n if (entry.isIntersecting || entry.intersectionRatio > 0) {\n io.unobserve(entry.target);\n listeners.delete(entry.target);\n callback();\n }\n }\n });\n};\n\nexports.callbackIO = callbackIO;\n\nvar getIO = function getIO(rootMargin) {\n if (typeof io === \"undefined\" && (0, _SimpleUtils.isBrowser)() && window.IntersectionObserver) {\n io = new window.IntersectionObserver(callbackIO, {\n rootMargin: rootMargin\n });\n }\n\n return io;\n};\n\nexports.getIO = getIO;\n\nvar listenToIntersections = function listenToIntersections(element, callback, rootMargin) {\n if (rootMargin === void 0) {\n rootMargin = \"200px\";\n }\n\n var observer = getIO(rootMargin);\n\n if (observer) {\n observer.observe(element);\n listeners.set(element, callback);\n return function () {\n observer.unobserve(element);\n listeners.delete(element);\n };\n }\n\n return function () {};\n};\n\nexports.listenToIntersections = listenToIntersections;","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDEuNDFMMTIuNTkgMEw3IDUuNTlMMS40MSAwTDAgMS40MUw1LjU5IDdMMCAxMi41OUwxLjQxIDE0TDcgOC40MUwxMi41OSAxNEwxNCAxMi41OUw4LjQxIDdMMTQgMS40MVoiIGZpbGw9IiMxRTg5RDciLz4KPC9zdmc+Cg==\"","\"use strict\";\n\nexports.__esModule = true;\nexports.switchImageSettings = void 0;\n\nvar _ImageUtils = require(\"./ImageUtils\");\n\nvar _MediaUtils = require(\"./MediaUtils\");\n\nvar _SimpleUtils = require(\"./SimpleUtils\");\n\nvar switchImageSettings = function switchImageSettings(_ref) {\n var image = _ref.image,\n bgImage = _ref.bgImage,\n imageRef = _ref.imageRef,\n state = _ref.state;\n var currentSources = (0, _ImageUtils.getCurrentFromData)({\n data: imageRef,\n propName: \"currentSrc\"\n });\n var returnArray = Array.isArray(image) && !(0, _MediaUtils.hasArtDirectionArray)({\n fluid: image\n });\n var lastImage = Array.isArray(bgImage) ? (0, _SimpleUtils.filteredJoin)(bgImage) : bgImage;\n var nextImage;\n var nextImageArray;\n var finalImage = returnArray && state.seenBefore && !!currentSources;\n\n if (returnArray) {\n if (!currentSources) {\n nextImage = (0, _ImageUtils.getCurrentFromData)({\n data: image,\n propName: \"tracedSVG\",\n returnArray: returnArray\n });\n nextImage = (0, _SimpleUtils.combineArray)((0, _ImageUtils.getCurrentFromData)({\n data: image,\n propName: \"base64\",\n returnArray: returnArray\n }), nextImage);\n }\n\n nextImage = (0, _SimpleUtils.combineArray)((0, _ImageUtils.getCurrentFromData)({\n data: image,\n propName: \"CSS_STRING\",\n addUrl: false,\n returnArray: returnArray\n }), nextImage);\n\n if ((state.imgLoaded || !!currentSources) && state.isVisible) {\n if (currentSources) {\n nextImage = (0, _SimpleUtils.combineArray)((0, _ImageUtils.getCurrentFromData)({\n data: imageRef,\n propName: \"currentSrc\",\n returnArray: returnArray\n }), nextImage);\n finalImage = true;\n } else {\n nextImage = (0, _SimpleUtils.combineArray)((0, _ImageUtils.getCurrentFromData)({\n data: imageRef,\n propName: \"src\",\n returnArray: returnArray\n }), nextImage);\n finalImage = true;\n }\n }\n\n nextImage = (0, _SimpleUtils.combineArray)(nextImage, bgImage);\n var dummyArray = (0, _ImageUtils.createDummyImageArray)(image.length);\n nextImage = (0, _SimpleUtils.combineArray)(nextImage, dummyArray);\n nextImageArray = nextImage;\n nextImage = (0, _SimpleUtils.filteredJoin)(nextImage);\n } else {\n nextImage = \"\";\n nextImage = (0, _ImageUtils.getCurrentFromData)({\n data: image,\n propName: \"tracedSVG\"\n }) || (0, _ImageUtils.getCurrentFromData)({\n data: image,\n propName: \"base64\"\n });\n\n if (state.imgLoaded && state.isVisible) {\n nextImage = currentSources;\n finalImage = true;\n }\n }\n\n var afterOpacity = state.imageState % 2;\n\n if (!returnArray && nextImage === \"\" && state.imgLoaded && state.isVisible && imageRef && !imageRef.currentSrc) {\n nextImage = (0, _ImageUtils.getCurrentFromData)({\n data: imageRef,\n propName: \"src\",\n checkLoaded: false\n });\n finalImage = true;\n }\n\n if (!nextImage) nextImage = lastImage;\n var newImageSettings = {\n lastImage: lastImage,\n nextImage: nextImage,\n afterOpacity: afterOpacity,\n finalImage: finalImage\n };\n if (nextImageArray) newImageSettings.nextImageArray = nextImageArray;\n return newImageSettings;\n};\n\nexports.switchImageSettings = switchImageSettings;","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.convertProps = exports.stripRemainingProps = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _filterInvalidDomProps = _interopRequireDefault(require(\"filter-invalid-dom-props\"));\n\nvar _MediaUtils = require(\"./MediaUtils\");\n\nvar stripRemainingProps = function stripRemainingProps(props) {\n return (0, _filterInvalidDomProps.default)(props);\n};\n\nexports.stripRemainingProps = stripRemainingProps;\n\nvar convertProps = function convertProps(props) {\n var convertedProps = (0, _extends2.default)({}, props);\n var fixed = convertedProps.fixed,\n fluid = convertedProps.fluid;\n\n if (fluid && (0, _MediaUtils.hasArtDirectionSupport)(props, 'fluid')) {\n convertedProps.fluid = (0, _MediaUtils.groupByMedia)(convertedProps.fluid);\n }\n\n if (fixed && (0, _MediaUtils.hasArtDirectionSupport)(props, 'fixed')) {\n convertedProps.fixed = (0, _MediaUtils.groupByMedia)(convertedProps.fixed);\n }\n\n return convertedProps;\n};\n\nexports.convertProps = convertProps;","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA0MCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDcuNTRMMzIuNzggMjhINy4yMkwyMCA3LjU0Wk0yMCAwTDAgMzJINDBMMjAgMFoiIGZpbGw9IiM1MjQ2M0MiLz4KPC9zdmc+Cg==\"","\"use strict\";\n\nexports.__esModule = true;\nexports.resetImageCache = exports.activateCacheForMultipleImages = exports.activateCacheForImage = exports.allInImageCache = exports.inImageCache = void 0;\n\nvar _HelperUtils = require(\"./HelperUtils\");\n\nvar _MediaUtils = require(\"./MediaUtils\");\n\nvar _ImageUtils = require(\"./ImageUtils\");\n\nvar _SimpleUtils = require(\"./SimpleUtils\");\n\nvar imageCache = Object.create({});\n\nvar inImageCache = function inImageCache(props, index, isLoop) {\n if (index === void 0) {\n index = 0;\n }\n\n if (isLoop === void 0) {\n isLoop = false;\n }\n\n var convertedProps = (0, _HelperUtils.convertProps)(props);\n var isImageStack = (0, _ImageUtils.hasImageArray)(convertedProps) && !(0, _MediaUtils.hasArtDirectionArray)(convertedProps);\n\n if (isImageStack && !isLoop) {\n return allInImageCache(props);\n }\n\n var src = isImageStack ? (0, _ImageUtils.getSelectedImage)(convertedProps, index) : (0, _ImageUtils.getImageSrcKey)(convertedProps);\n\n if ((0, _SimpleUtils.isObject)(src)) {\n var objectSrc = (0, _ImageUtils.getImageSrcKey)({\n fluid: src,\n fixed: src\n });\n return imageCache[objectSrc] || false;\n }\n\n return imageCache[src] || false;\n};\n\nexports.inImageCache = inImageCache;\n\nvar allInImageCache = function allInImageCache(props) {\n var convertedProps = (0, _HelperUtils.convertProps)(props);\n var imageStack = convertedProps.fluid || convertedProps.fixed;\n return imageStack.every(function (imageData, index) {\n return inImageCache(convertedProps, index, true);\n });\n};\n\nexports.allInImageCache = allInImageCache;\n\nvar activateCacheForImage = function activateCacheForImage(props, index, isLoop) {\n if (index === void 0) {\n index = 0;\n }\n\n if (isLoop === void 0) {\n isLoop = false;\n }\n\n var convertedProps = (0, _HelperUtils.convertProps)(props);\n var isImageStack = (0, _ImageUtils.hasImageArray)(convertedProps) && !(0, _MediaUtils.hasArtDirectionArray)(convertedProps);\n\n if (isImageStack && !isLoop) {\n return activateCacheForMultipleImages(props);\n }\n\n var src = isImageStack ? (0, _ImageUtils.getSelectedImage)(convertedProps, index) : (0, _ImageUtils.getImageSrcKey)(convertedProps);\n\n if (src) {\n if ((0, _SimpleUtils.isObject)(src)) {\n var objectSrc = (0, _ImageUtils.getImageSrcKey)({\n fluid: src,\n fixed: src\n });\n imageCache[objectSrc] = true;\n } else {\n imageCache[src] = true;\n }\n }\n};\n\nexports.activateCacheForImage = activateCacheForImage;\n\nvar activateCacheForMultipleImages = function activateCacheForMultipleImages(props) {\n var convertedProps = (0, _HelperUtils.convertProps)(props);\n var imageStack = convertedProps.fluid || convertedProps.fixed;\n imageStack.forEach(function (imageData, index) {\n return activateCacheForImage(convertedProps, index, true);\n });\n};\n\nexports.activateCacheForMultipleImages = activateCacheForMultipleImages;\n\nvar resetImageCache = function resetImageCache() {\n for (var prop in imageCache) {\n delete imageCache[prop];\n }\n};\n\nexports.resetImageCache = resetImageCache;","export const ProjectTitle = 'DX技術者育成プログラム';\n\nexport const interviews = [\n {\n name: '奥田 祐一郎',\n company: '岡野バルブ製造株式会社',\n department: '経営本部VQ事業部',\n image: 'okuda',\n link: '/contents/114/',\n title: 'おもいを『カタチ』にできる力がつく',\n contents: [\n '私は1年前、非エンジニアとしてのスタートでしたが、今回のプログラムに参加して、独学で学ぶことが難しいインフラのメンテナンスやチーム開発などを学び、MVC（Model-View-Controller）モデルのWebシステム開発ができるレベルまで到達することができました。',\n '実際に業務で使う高圧バルブの管理システムの、機能追加や運用を担当しながら、日々エンジニアとして手を動かしています。',\n 'DX人材育成プログラムでは、システム開発の基礎から応用まで学ぶことができ、「こんなシステムが欲しい」というおもいをカタチにする力・実行力が身につきます。',\n '色々なプロジェクトや合宿などを通じて資料作りやプレゼンの能力も向上しました！',\n ],\n },\n {\n name: '真子 正吉',\n company: '岡野バルブ製造株式会社',\n department: '経営本部VQ事業部',\n image: 'mako',\n link: '/contents/124/',\n title: '楽しみながら技術が身に付きます！',\n contents: [\n '私は入社後に参加した新入社員研修でプログラミングに興味が湧いたことがきっかけで、Regnioさんの人材育成事業に参加しました。',\n '事前に1〜2ヶ月程度オンライン学習サイトで基礎を学び、研修に参加しました。リアルな開発現場では応用技術を活かす場面が多いため、壁にぶつかることもありますが、Regnioの皆さんに優しく指導していただいております。自社開発に加えて、他プロジェクトにも参加させていただくことで、日々知識やスキルが向上しています。',\n '一方で、みんなでランチを食べに行ったり、色々な話題でコミュニケーションを取ったりと、オフィス内はとても明るい雰囲気で、充実した日々を過ごしています。',\n '一つ一つタスクをやり遂げることで成功体験が生まれ、その結果、もっとやってやるという向上心が芽生えました！岡野バルブ製造とRegnioさんの期待に応えられるよう、これからも全力で頑張ります！',\n ],\n },\n];\n\nexport const RegnioAddress =\n '〒810-0023 福岡県福岡市中央区警固2-2-23 Fukuoka Growth Next 202';\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0zMi4yNTc2IDQuNjEzMjhDMjguMDIxNyA0LjYxMzI4IDIzLjU0NDIgNi40OTMyIDIxLjAwMzkgOS40NjA3VjM1LjM4NDhDMjMuNTQ0MiAzMi40MTYgMjguMDIxNyAzMC41MzYxIDMyLjI1NzYgMzAuNTM2MUMzNi40OTEgMzAuNTM2MSA0MC4wMDE3IDMwLjUzNjEgNDAuMDAxNyAzMC41MzYxVjQuNjEzMjhDNDAuMDAxNyA0LjYxMzI4IDM2LjQ5MSA0LjYxMzI4IDMyLjI1NzYgNC42MTMyOFoiIGZpbGw9IiMxRTg5RDciLz4KPHBhdGggZD0iTTcuNzQ0MTQgNC42MTMyOEMzLjUxMDcgNC42MTMyOCAwIDQuNjEzMjggMCA0LjYxMzI4VjMwLjUzNjJDMCAzMC41MzYyIDMuNTEwNzggMzAuNTM2MiA3Ljc0NDE0IDMwLjUzNjJDMTEuOTggMzAuNTM2MiAxNi40NTc1IDMyLjQxNjEgMTguOTk3OCAzNS4zODQ4VjkuNDYwNjNDMTYuNDU3NSA2LjQ5MzEzIDExLjk4IDQuNjEzMjggNy43NDQxNCA0LjYxMzI4WiIgZmlsbD0iIzFFODlENyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=\"","\"use strict\";\n\nexports.__esModule = true;\nexports.default = exports.getBackgroundStylesForSingleClass = exports.getStyleRules = exports.getStyleRulesForClassName = void 0;\n\nvar _SimpleUtils = require(\"./SimpleUtils\");\n\nvar getStyleRulesForClassName = function getStyleRulesForClassName(className) {\n var styleSheets = (0, _SimpleUtils.isBrowser)() ? window.document.styleSheets : [];\n\n for (var i = 0; i < styleSheets.length; i++) {\n var classes = void 0;\n\n try {\n classes = typeof styleSheets[i].rules !== 'undefined' ? styleSheets[i].rules : typeof styleSheets[i].cssRules !== 'undefined' ? styleSheets[i].cssRules : '';\n } catch (e) {}\n\n if (classes) {\n var foundClass = Array.prototype.slice.call(classes).reduce(function (foundAcc, styleRule) {\n if (styleRule.selectorText === className) {\n foundAcc.push(styleRule);\n }\n\n return foundAcc;\n }, []);\n\n if (foundClass.length) {\n return foundClass;\n }\n }\n }\n\n return [];\n};\n\nexports.getStyleRulesForClassName = getStyleRulesForClassName;\n\nvar getStyleRules = function getStyleRules(cssStyleRules) {\n var styles = {};\n\n if (cssStyleRules.length > 0 && typeof cssStyleRules[0].style !== 'undefined') {\n var constructorName = cssStyleRules[0].style.constructor.name || cssStyleRules[0].style.constructor.toString();\n\n switch (constructorName) {\n case 'CSS2Properties':\n case '[object MSStyleCSSProperties]':\n Object.values(cssStyleRules[0].style).forEach(function (prop) {\n styles[(0, _SimpleUtils.toCamelCase)(prop)] = cssStyleRules[0].style[prop];\n });\n break;\n\n case 'CSSStyleDeclaration':\n styles = cssStyleRules[0].style;\n break;\n\n default:\n console.error('Unknown style object prototype');\n break;\n }\n }\n\n return styles;\n};\n\nexports.getStyleRules = getStyleRules;\n\nvar getBackgroundStylesForSingleClass = function getBackgroundStylesForSingleClass(className) {\n if (className && (0, _SimpleUtils.isString)(className)) {\n var cssStyleRules = getStyleRulesForClassName(\".\" + className);\n\n if ((cssStyleRules === null || cssStyleRules === void 0 ? void 0 : cssStyleRules.length) > 0 && typeof cssStyleRules[0].style !== 'undefined') {\n return Object.keys(getStyleRules(cssStyleRules)).filter(function (key) {\n return key.indexOf('background') === 0 && cssStyleRules[0].style[key] !== '';\n }).reduce(function (newData, key) {\n newData[(0, _SimpleUtils.toCamelCase)(key)] = cssStyleRules[0].style[key];\n return newData;\n }, {});\n }\n }\n\n return {};\n};\n\nexports.getBackgroundStylesForSingleClass = getBackgroundStylesForSingleClass;\n\nvar getBackgroundStyles = function getBackgroundStyles(className) {\n if ((0, _SimpleUtils.isBrowser)()) {\n var classes = (0, _SimpleUtils.stringToArray)(className);\n\n if (classes instanceof Array) {\n var classObjects = [];\n classes.forEach(function (item) {\n return classObjects.push(getBackgroundStylesForSingleClass(item));\n });\n return Object.assign.apply(Object, classObjects);\n }\n\n return getBackgroundStylesForSingleClass(className);\n }\n\n return {};\n};\n\nvar _default = getBackgroundStyles;\nexports.default = _default;","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCAyMCA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDFMMSA0NSIgc3Ryb2tlPSIjMDAwN0FFIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==\""],"sourceRoot":""}