@axos-web-dev/shared-components 1.0.36 → 1.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ATMLocator/ATMLocator.js +2 -1
- package/dist/Accordion/Accordion.css.d.ts +1 -1
- package/dist/Accordion/Accordion.css.js +1 -1
- package/dist/Accordion/Accordion.js +2 -2
- package/dist/AlertBanner/AlertBanner.css.js +1 -1
- package/dist/AlertBanner/index.js +1 -1
- package/dist/Article/Article.css.d.ts +41 -41
- package/dist/Article/Article.css.js +1 -1
- package/dist/ArticlesSet/ArticlesSet.css.d.ts +16 -16
- package/dist/ArticlesSet/ArticlesSet.css.js +1 -1
- package/dist/Auth/Logout.js +1 -1
- package/dist/Auth/SignIn.css.js +1 -1
- package/dist/Auth/SignInPassword.js +1 -1
- package/dist/Avatar/Avatar.module.js +1 -1
- package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
- package/dist/AwardsItem/AwardsItem.css.js +1 -1
- package/dist/Blockquote/Blockquote.module.js +1 -1
- package/dist/BulletItem/BulletItem.css.js +1 -1
- package/dist/BulletItem/BulletItem.js +1 -1
- package/dist/Button/Button.css.d.ts +18 -18
- package/dist/Button/Button.css.js +1 -1
- package/dist/Button/Button.js +2 -1
- package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +12 -12
- package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +1 -1
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +14 -14
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +1 -1
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +8 -8
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +1 -1
- package/dist/Calculators/AxosOneCalculator/index.js +2 -2
- package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +22 -22
- package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +1 -1
- package/dist/Calculators/BalanceAPYCalculator/index.js +2 -2
- package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.d.ts +18 -18
- package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js +1 -1
- package/dist/Calculators/BuyDownCalculator/index.js +2 -2
- package/dist/Calculators/Calculator.js +2 -1
- package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
- package/dist/Calculators/MarginTradingCalculator/index.js +2 -2
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
- package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +1 -1
- package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
- package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +1 -1
- package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.d.ts +8 -8
- package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js +1 -1
- package/dist/Calculators/SummitApyCalculator/index.js +2 -2
- package/dist/Calculators/calculator.css.d.ts +12 -12
- package/dist/Calculators/calculator.css.js +1 -1
- package/dist/CallToActionBar/CallToActionBar.css.js +1 -1
- package/dist/CallToActionBar/index.js +1 -1
- package/dist/Carousel/Carousel.css.d.ts +20 -20
- package/dist/Carousel/Carousel.css.js +1 -1
- package/dist/Carousel/index.js +3 -2
- package/dist/Chevron/Chevron.css.d.ts +6 -6
- package/dist/Chevron/Chevron.css.js +1 -1
- package/dist/Chevron/index.js +3 -2
- package/dist/CollectInformationAlert/CollectInformationAlert.css.js +1 -1
- package/dist/CollectInformationAlert/index.js +1 -1
- package/dist/Comparison/Comparison.css.d.ts +10 -10
- package/dist/Comparison/Comparison.css.js +1 -1
- package/dist/Comparison/Comparison.js +3 -2
- package/dist/Comparison/ComparisonSet.js +1 -1
- package/dist/ContentBanner/ContentBanner.css.d.ts +12 -12
- package/dist/ContentBanner/ContentBanner.css.js +1 -1
- package/dist/DownloadTile/DownloadTile.css.js +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +31 -31
- package/dist/ExecutiveBio/ExecutiveBio.css.js +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.js +2 -1
- package/dist/FaqAccordion/FaqAccordion.css.js +1 -1
- package/dist/FaqAccordion/index.js +3 -2
- package/dist/FdicCallout/FdicCallout.module.js +1 -1
- package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
- package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +1 -1
- package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +2 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +1 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -1
- package/dist/Forms/ApplicationStart.js +10 -3
- package/dist/Forms/ApplyNow.js +3 -2
- package/dist/Forms/ClearingForm.js +10 -3
- package/dist/Forms/CommercialDeposits.js +9 -2
- package/dist/Forms/CommercialLending.js +10 -3
- package/dist/Forms/ContactCompany.js +10 -3
- package/dist/Forms/ContactCompanyTitle.js +10 -3
- package/dist/Forms/ContactUs.js +10 -3
- package/dist/Forms/ContactUsAAS.js +10 -5
- package/dist/Forms/ContactUsBusiness.js +11 -3
- package/dist/Forms/ContactUsLVF.js +10 -3
- package/dist/Forms/ContactUsNMLSId.js +11 -3
- package/dist/Forms/CpraRequest.js +12 -5
- package/dist/Forms/CraPublicFile.js +11 -3
- package/dist/Forms/DealerServices.js +10 -3
- package/dist/Forms/EmailOnly.js +3 -2
- package/dist/Forms/EmailUs.js +2 -2
- package/dist/Forms/Forms.css.d.ts +42 -42
- package/dist/Forms/Forms.css.js +1 -1
- package/dist/Forms/MortgageRate/MortgageRateForm.js +3 -2
- package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -1
- package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -3
- package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
- package/dist/Forms/QuickPricer/UserInformation.css.js +1 -1
- package/dist/Forms/ScheduleCall.js +10 -3
- package/dist/Forms/ScheduleCallPremier.js +10 -3
- package/dist/Forms/SuccesForm.js +3 -2
- package/dist/Forms/VendorQuestionnaire.js +1 -1
- package/dist/Forms/WcplSurvey.js +10 -3
- package/dist/HelpArticle/HelpArticle.css.js +1 -1
- package/dist/HeroBanner/HeroBanner.css.d.ts +16 -16
- package/dist/HeroBanner/HeroBanner.css.js +1 -1
- package/dist/HeroBanner/HeroBanner.js +1 -1
- package/dist/HeroBanner/LargeBanner.css.d.ts +20 -20
- package/dist/HeroBanner/LargeBanner.css.js +1 -1
- package/dist/HeroBanner/SelectionBanner.css.d.ts +8 -8
- package/dist/HeroBanner/SelectionBanner.css.js +1 -1
- package/dist/Hyperlink/Hyperlink.css.js +1 -1
- package/dist/Hyperlink/index.js +2 -1
- package/dist/IconBillboard/IconBillboard.css.d.ts +24 -24
- package/dist/IconBillboard/IconBillboard.css.js +1 -1
- package/dist/IconBillboard/IconBillboard.js +1 -1
- package/dist/ImageBillboard/ImageBillboard.css.d.ts +20 -20
- package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
- package/dist/ImageBillboard/ImageBillboard.js +1 -1
- package/dist/ImageBillboard/ImageBillboardSet.js +2 -2
- package/dist/ImageLink/ImageLink.css.js +1 -1
- package/dist/ImageLink/ImageLink.js +2 -1
- package/dist/ImageLink/ImageLinkSet.js +2 -1
- package/dist/ImageLink/index.js +2 -1
- package/dist/Input/Checkbox.css.js +1 -1
- package/dist/Input/Dropdown.css.js +1 -1
- package/dist/Input/Input.css.d.ts +16 -16
- package/dist/Input/Input.css.js +1 -1
- package/dist/Input/RadioButton.css.js +1 -1
- package/dist/Inputs/Input.css.d.ts +14 -14
- package/dist/Inputs/Input.css.js +1 -1
- package/dist/Insight/Featured/CategorySelector.css.js +1 -1
- package/dist/Insight/Featured/CategorySelector.js +4 -3
- package/dist/Insight/Featured/Featured.css.js +1 -1
- package/dist/Insight/Featured/Featured.js +3 -2
- package/dist/Insight/Featured/Header.css.js +1 -1
- package/dist/Insight/Featured/Header.js +3 -2
- package/dist/Insight/Insight.css.js +1 -1
- package/dist/Interstitial/Interstitial-variants.css.d.ts +2 -2
- package/dist/Interstitial/Interstitial-variants.css.js +1 -1
- package/dist/Interstitial/Interstitial.module.js +1 -1
- package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +3 -3
- package/dist/LandingPageHeader/LandingPageHeader.css.js +1 -1
- package/dist/LandingPageHeader/LandingPageHeader.js +1 -1
- package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
- package/dist/Modal/Modal.css.js +1 -1
- package/dist/Modal/Modal.js +2 -1
- package/dist/Modal/contextApi/store.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosALTS/NavData.js +2 -1
- package/dist/NavigationMenu/AxosALTS/index.js +2 -1
- package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +1 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +2 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +326 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +50 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +250 -0
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +627 -0
- package/dist/NavigationMenu/AxosBank/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -81
- package/dist/NavigationMenu/AxosBank/NavData.js +2 -1
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +3 -2
- package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +1 -1
- package/dist/NavigationMenu/AxosBank/index.js +81 -522
- package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
- package/dist/NavigationMenu/AxosClearing/NavBar.module.js +1 -1
- package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavBar.css.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavBar.module.js +1 -1
- package/dist/NavigationMenu/LaVictoire/NavData.js +2 -1
- package/dist/NavigationMenu/LaVictoire/index.js +2 -1
- package/dist/PageNavItem/PageNavItem.css.d.ts +2 -2
- package/dist/PageNavItem/PageNavItem.css.js +1 -1
- package/dist/PageNavSet/PageNavSet.js +1 -1
- package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
- package/dist/Pagination/Pagination.css.js +1 -1
- package/dist/Pagination/Pagination.js +2 -2
- package/dist/SecondaryFooter/SecondaryFooter.css.js +1 -1
- package/dist/SecondaryFooter/index.js +1 -1
- package/dist/SetContainer/SetContainer.css.d.ts +16 -16
- package/dist/SetContainer/SetContainer.css.js +1 -1
- package/dist/SetContainer/SetContainer.js +3 -2
- package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
- package/dist/SocialMediaBar/iconsRepository.js +2 -1
- package/dist/StepItem/StepItem.css.d.ts +18 -18
- package/dist/StepItem/StepItem.css.js +1 -1
- package/dist/StepItemSet/StepItemSet.css.d.ts +14 -14
- package/dist/StepItemSet/StepItemSet.css.js +1 -1
- package/dist/Tab/Tab.css.d.ts +12 -12
- package/dist/Tab/Tab.css.js +1 -1
- package/dist/Table/Table.css.d.ts +25 -25
- package/dist/Table/Table.css.js +1 -1
- package/dist/Table/Table.d.ts +2 -2
- package/dist/Table/Table.js +2 -2
- package/dist/TextBlock/TextBlock.css.js +1 -1
- package/dist/TextBlock/TextBlock.js +1 -1
- package/dist/Topic/Topic.css.js +1 -1
- package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
- package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
- package/dist/Typography/Typography.css.js +1 -1
- package/dist/VideoTile/VideoTile.css.js +1 -1
- package/dist/VideoTile/VideoTile.js +1 -1
- package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
- package/dist/VideoWrapper/index.js +2 -1
- package/dist/WalnutIframe/wrapper.module.js +2 -2
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +166 -0
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -675
- package/dist/assets/WalnutIframe/wrapper.css.css +51 -51
- package/dist/globals.css.js +1 -1
- package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts +3 -3
- package/dist/icons/ArrowIcon/ArrowIcon.css.js +1 -1
- package/dist/icons/CheckIcon/CheckIcon.css.d.ts +2 -2
- package/dist/icons/CheckIcon/CheckIcon.css.js +1 -1
- package/dist/icons/DownloadIcon/DownloadIcon.css.js +1 -1
- package/dist/icons/FollowIcon/FollowIcon.css.js +1 -1
- package/dist/icons/Star/Star.css.js +1 -1
- package/dist/index.css.js +1 -1
- package/dist/themes/axos.css.d.ts +38 -38
- package/dist/themes/axos.css.js +1 -1
- package/dist/themes/premier.css.js +1 -1
- package/dist/themes/victorie.css.js +1 -1
- package/dist/utils/optimizeImage/optimizeImage.module.js +1 -1
- package/package.json +131 -130
|
@@ -3,7 +3,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
|
3
3
|
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
4
4
|
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
5
5
|
import ClockIcon from "../../icons/Clock/index.js";
|
|
6
|
-
|
|
6
|
+
import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
@@ -87,7 +87,7 @@ import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
|
|
|
87
87
|
/* empty css */
|
|
88
88
|
/* empty css */
|
|
89
89
|
/* empty css */
|
|
90
|
-
import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical,
|
|
90
|
+
import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
|
|
91
91
|
/* empty css */
|
|
92
92
|
/* empty css */
|
|
93
93
|
import "../../LandingPageHeader/LandingPageHeader.css.js";
|
|
@@ -100,6 +100,7 @@ import "next/navigation.js";
|
|
|
100
100
|
import "../../NavigationMenu/AxosBank/NavData.js";
|
|
101
101
|
import "next/link.js";
|
|
102
102
|
/* empty css */
|
|
103
|
+
import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
|
|
103
104
|
/* empty css */
|
|
104
105
|
import "../../NavigationMenu/AxosALTS/NavData.js";
|
|
105
106
|
/* empty css */
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { title } from "../../IconBillboard/IconBillboard.css.js";
|
|
3
3
|
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
4
4
|
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
5
|
-
|
|
5
|
+
import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
@@ -96,6 +96,7 @@ import "next/navigation.js";
|
|
|
96
96
|
import "../../NavigationMenu/AxosBank/NavData.js";
|
|
97
97
|
import "next/link.js";
|
|
98
98
|
/* empty css */
|
|
99
|
+
import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
|
|
99
100
|
/* empty css */
|
|
100
101
|
import "../../NavigationMenu/AxosALTS/NavData.js";
|
|
101
102
|
/* empty css */
|
|
@@ -116,7 +117,7 @@ import "../../StepItemSet/StepItemSet.css.js";
|
|
|
116
117
|
import "next/script.js";
|
|
117
118
|
/* empty css */
|
|
118
119
|
/* empty css */
|
|
119
|
-
import { header_in_insight, header_featured
|
|
120
|
+
import { header_title_featured, header_in_insight, header_featured } from "./Header.css.js";
|
|
120
121
|
const BreadcumbHeader = (props) => {
|
|
121
122
|
const { section, showTitle = true } = props;
|
|
122
123
|
return /* @__PURE__ */ jsx(
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const int_headline: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
4
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
5
5
|
};
|
|
6
6
|
secondary: {
|
|
7
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
7
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import '../assets/Interstitial/Interstitial-variants.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export declare const lp_theme: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
2
|
variant: {
|
|
3
3
|
primary: {
|
|
4
|
-
background: `var(--${string})` | `var(--${string}, ${string})
|
|
4
|
+
background: `var(--${string})` | `var(--${string}, ${string})`;
|
|
5
5
|
};
|
|
6
6
|
secondary: {
|
|
7
|
-
background: `var(--${string})` | `var(--${string}, ${string})
|
|
7
|
+
background: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
8
|
};
|
|
9
9
|
tertiary: {
|
|
10
|
-
background: `var(--${string})` | `var(--${string}, ${string})
|
|
10
|
+
background: `var(--${string})` | `var(--${string}, ${string})`;
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
13
|
}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
3
3
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
4
|
-
|
|
4
|
+
import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import '../assets/LoadingIndicator/LoadingIndicator.css';/* empty css */
|
|
2
2
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var loader = createRuntimeFn({ defaultClassName: "w7xgn41", variantClassNames: { variant: { primary: "w7xgn42", secondary: "w7xgn43", tertiary: "w7xgn44", quaternary: "w7xgn45" } }, defaultVariants: {}, compoundVariants: [] });
|
|
4
4
|
export {
|
package/dist/Modal/Modal.css.js
CHANGED
package/dist/Modal/Modal.js
CHANGED
|
@@ -4,7 +4,7 @@ import "../Accordion/Accordion.js";
|
|
|
4
4
|
import "../Accordion/Accordion.css.js";
|
|
5
5
|
import "../icons/ArrowIcon/ArrowIcon.css.js";
|
|
6
6
|
import "../icons/CheckIcon/CheckIcon.css.js";
|
|
7
|
-
|
|
7
|
+
import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
@@ -97,6 +97,7 @@ import "next/navigation.js";
|
|
|
97
97
|
import "../NavigationMenu/AxosBank/NavData.js";
|
|
98
98
|
import "next/link.js";
|
|
99
99
|
/* empty css */
|
|
100
|
+
import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
|
|
100
101
|
/* empty css */
|
|
101
102
|
import "../NavigationMenu/AxosALTS/NavData.js";
|
|
102
103
|
/* empty css */
|
|
@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { Modal } from "../Modal.js";
|
|
4
4
|
import "../../utils/allowedAxosDomains.js";
|
|
5
5
|
import { shortUrl } from "../../utils/validateExternalLinks.js";
|
|
6
|
-
import { createContext,
|
|
6
|
+
import { createContext, useContext, useState } from "react";
|
|
7
7
|
const GlobalContext = createContext({
|
|
8
8
|
targetLinkUrl: "",
|
|
9
9
|
setTargetLinkUrl: () => "",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const alts_header = "_alts_header_1s4n2_1";
|
|
1
|
+
import '../../assets/NavigationMenu/AxosALTS/NavBar.css.css';const alts_header = "_alts_header_1s4n2_1";
|
|
2
2
|
const alts_wrapper = "_alts_wrapper_1s4n2_5";
|
|
3
3
|
const alts_header_main_row = "_alts_header_main_row_1s4n2_11";
|
|
4
4
|
const alts_mobile_header = "_alts_mobile_header_1s4n2_12";
|
|
@@ -3,7 +3,7 @@ import "../../Accordion/Accordion.css.js";
|
|
|
3
3
|
import "react/jsx-runtime";
|
|
4
4
|
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
5
5
|
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
6
|
-
|
|
6
|
+
import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
@@ -97,6 +97,7 @@ import "next/navigation.js";
|
|
|
97
97
|
import "../AxosBank/NavData.js";
|
|
98
98
|
import "next/link.js";
|
|
99
99
|
/* empty css */
|
|
100
|
+
import "../AxosBank/MobileMenu/MobileNavData.js";
|
|
100
101
|
/* empty css */
|
|
101
102
|
/* empty css */
|
|
102
103
|
/* empty css */
|
|
@@ -5,7 +5,7 @@ import "../../Accordion/Accordion.js";
|
|
|
5
5
|
import "../../Accordion/Accordion.css.js";
|
|
6
6
|
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
7
7
|
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
8
|
-
|
|
8
|
+
import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
@@ -99,6 +99,7 @@ import "next/navigation.js";
|
|
|
99
99
|
import "../AxosBank/NavData.js";
|
|
100
100
|
import "next/link.js";
|
|
101
101
|
/* empty css */
|
|
102
|
+
import "../AxosBank/MobileMenu/MobileNavData.js";
|
|
102
103
|
/* empty css */
|
|
103
104
|
/* empty css */
|
|
104
105
|
import "../LaVictoire/NavData.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const header = "_header_6da2u_1";
|
|
1
|
+
import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css.css';const header = "_header_6da2u_1";
|
|
2
2
|
const wrapper = "_wrapper_6da2u_5";
|
|
3
3
|
const header_main_row = "_header_main_row_6da2u_10";
|
|
4
4
|
const mobile_header = "_mobile_header_6da2u_11";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const header = "_header_ztj5i_1";
|
|
1
|
+
import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css';const header = "_header_ztj5i_1";
|
|
2
2
|
const wrapper = "_wrapper_ztj5i_5";
|
|
3
3
|
const main_nav = "_main_nav_ztj5i_10";
|
|
4
4
|
const header_main_row = "_header_main_row_ztj5i_17";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -0,0 +1,326 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef, useEffect } from "react";
|
|
4
|
+
import { AnimatePresence, motion } from "framer-motion";
|
|
5
|
+
import { usePathname } from "next/navigation.js";
|
|
6
|
+
import Link from "next/link.js";
|
|
7
|
+
import { menuData, getQuickLinks } from "./MobileNavData.js";
|
|
8
|
+
import styles from "./MobileMenu.module.js";
|
|
9
|
+
const slideVariants = {
|
|
10
|
+
enter: (direction) => ({
|
|
11
|
+
x: direction === "forward" ? "100%" : "-100%",
|
|
12
|
+
opacity: 0,
|
|
13
|
+
position: "absolute"
|
|
14
|
+
}),
|
|
15
|
+
center: {
|
|
16
|
+
x: 0,
|
|
17
|
+
opacity: 1,
|
|
18
|
+
position: "relative",
|
|
19
|
+
transition: { duration: 0.3, ease: "easeInOut" }
|
|
20
|
+
},
|
|
21
|
+
exit: (direction) => ({
|
|
22
|
+
x: direction === "forward" ? "-100%" : "100%",
|
|
23
|
+
opacity: 0,
|
|
24
|
+
position: "absolute"
|
|
25
|
+
})
|
|
26
|
+
};
|
|
27
|
+
const MobileDrawerMenu = () => {
|
|
28
|
+
const pathname = usePathname();
|
|
29
|
+
const [open, setOpen] = useState(false);
|
|
30
|
+
const [stack, setStack] = useState([
|
|
31
|
+
{ title: "Main Menu", items: menuData }
|
|
32
|
+
]);
|
|
33
|
+
const [hasOpenedOnce, setHasOpenedOnce] = useState(false);
|
|
34
|
+
const [direction, setDirection] = useState("forward");
|
|
35
|
+
const [quickLinks, setQuickLinks] = useState([]);
|
|
36
|
+
const drawerRef = useRef(null);
|
|
37
|
+
const currentLevel = stack[stack.length - 1];
|
|
38
|
+
const prevLevel = stack[stack.length - 2];
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
if (!pathname) return;
|
|
41
|
+
const pathnameParts = "/" + pathname.split("/")[1];
|
|
42
|
+
const links = getQuickLinks(pathnameParts);
|
|
43
|
+
setQuickLinks(links);
|
|
44
|
+
}, [pathname]);
|
|
45
|
+
const handleClick = (key) => {
|
|
46
|
+
const item = currentLevel.items[key];
|
|
47
|
+
if (typeof item === "object") {
|
|
48
|
+
setDirection("forward");
|
|
49
|
+
setStack((prev) => [...prev, { title: key, items: item }]);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
const handleBack = () => {
|
|
53
|
+
if (stack.length > 1) {
|
|
54
|
+
setDirection("backward");
|
|
55
|
+
setStack((prev) => prev.slice(0, -1));
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
const handleToggle = () => {
|
|
59
|
+
setOpen((prev) => {
|
|
60
|
+
const isOpening = !prev;
|
|
61
|
+
if (isOpening && !hasOpenedOnce) {
|
|
62
|
+
setHasOpenedOnce(true);
|
|
63
|
+
setStack([{ title: "Menu", items: menuData }]);
|
|
64
|
+
}
|
|
65
|
+
return isOpening;
|
|
66
|
+
});
|
|
67
|
+
};
|
|
68
|
+
const handleOutsideClick = (e) => {
|
|
69
|
+
if (drawerRef.current && !drawerRef.current.contains(e.target)) {
|
|
70
|
+
setOpen(false);
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
useEffect(() => {
|
|
74
|
+
if (open) {
|
|
75
|
+
document.addEventListener("mousedown", handleOutsideClick);
|
|
76
|
+
} else {
|
|
77
|
+
document.removeEventListener("mousedown", handleOutsideClick);
|
|
78
|
+
}
|
|
79
|
+
return () => document.removeEventListener("mousedown", handleOutsideClick);
|
|
80
|
+
}, [open]);
|
|
81
|
+
useEffect(() => {
|
|
82
|
+
const onEsc = (e) => {
|
|
83
|
+
if (e.key === "Escape") setOpen(false);
|
|
84
|
+
};
|
|
85
|
+
if (open) {
|
|
86
|
+
document.addEventListener("keydown", onEsc);
|
|
87
|
+
}
|
|
88
|
+
return () => document.removeEventListener("keydown", onEsc);
|
|
89
|
+
}, [open]);
|
|
90
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
91
|
+
/* @__PURE__ */ jsx(
|
|
92
|
+
"button",
|
|
93
|
+
{
|
|
94
|
+
onClick: handleToggle,
|
|
95
|
+
className: `${styles.hamburger} flex_col`,
|
|
96
|
+
"aria-label": "open navigation menu",
|
|
97
|
+
children: /* @__PURE__ */ jsx(
|
|
98
|
+
"svg",
|
|
99
|
+
{
|
|
100
|
+
width: 24,
|
|
101
|
+
height: 24,
|
|
102
|
+
viewBox: "0 0 24 24",
|
|
103
|
+
fill: "none",
|
|
104
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
105
|
+
"aria-hidden": "true",
|
|
106
|
+
children: /* @__PURE__ */ jsx(
|
|
107
|
+
"path",
|
|
108
|
+
{
|
|
109
|
+
fillRule: "evenodd",
|
|
110
|
+
clipRule: "evenodd",
|
|
111
|
+
d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
|
|
112
|
+
fill: "#4A5560"
|
|
113
|
+
}
|
|
114
|
+
)
|
|
115
|
+
}
|
|
116
|
+
)
|
|
117
|
+
}
|
|
118
|
+
),
|
|
119
|
+
/* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
|
|
120
|
+
motion.div,
|
|
121
|
+
{
|
|
122
|
+
className: styles.overlay,
|
|
123
|
+
initial: { opacity: 0 },
|
|
124
|
+
animate: { opacity: 1 },
|
|
125
|
+
exit: { opacity: 0 },
|
|
126
|
+
children: /* @__PURE__ */ jsxs(
|
|
127
|
+
motion.div,
|
|
128
|
+
{
|
|
129
|
+
className: `${styles.drawer} flex_col`,
|
|
130
|
+
ref: drawerRef,
|
|
131
|
+
initial: { x: "100%" },
|
|
132
|
+
animate: { x: 0 },
|
|
133
|
+
exit: { x: "100%" },
|
|
134
|
+
transition: { type: "tween", duration: 0.3 },
|
|
135
|
+
role: "dialog",
|
|
136
|
+
"aria-modal": "true",
|
|
137
|
+
"aria-labelledby": "menu-level",
|
|
138
|
+
children: [
|
|
139
|
+
/* @__PURE__ */ jsxs("div", { className: styles.header, children: [
|
|
140
|
+
stack.length > 1 ? /* @__PURE__ */ jsxs(
|
|
141
|
+
"button",
|
|
142
|
+
{
|
|
143
|
+
onClick: handleBack,
|
|
144
|
+
className: styles.back,
|
|
145
|
+
"aria-label": "return to previous menu",
|
|
146
|
+
children: [
|
|
147
|
+
/* @__PURE__ */ jsx(
|
|
148
|
+
"svg",
|
|
149
|
+
{
|
|
150
|
+
width: 15,
|
|
151
|
+
height: 12,
|
|
152
|
+
viewBox: "0 0 20 12",
|
|
153
|
+
fill: "none",
|
|
154
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
155
|
+
style: { marginRight: 8, transform: "rotate(90deg)" },
|
|
156
|
+
children: /* @__PURE__ */ jsx(
|
|
157
|
+
"path",
|
|
158
|
+
{
|
|
159
|
+
d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
|
|
160
|
+
fill: "#2F5B88"
|
|
161
|
+
}
|
|
162
|
+
)
|
|
163
|
+
}
|
|
164
|
+
),
|
|
165
|
+
/* @__PURE__ */ jsx("span", { className: styles.prevlevel, children: prevLevel.title === "Small Business Banking" ? "Small Business" : prevLevel.title })
|
|
166
|
+
]
|
|
167
|
+
}
|
|
168
|
+
) : /* @__PURE__ */ jsx(
|
|
169
|
+
"img",
|
|
170
|
+
{
|
|
171
|
+
src: "https://images.axos.com/o9ov1v03uwqk/1sBwCIn5mqOg5DK2uXDJPc/f8527abea284ef9e66826809761eca6d/axb_mobile_logo.png",
|
|
172
|
+
alt: "",
|
|
173
|
+
width: 86,
|
|
174
|
+
height: 19
|
|
175
|
+
}
|
|
176
|
+
),
|
|
177
|
+
/* @__PURE__ */ jsx(
|
|
178
|
+
"button",
|
|
179
|
+
{
|
|
180
|
+
className: `${styles.close} flex_col`,
|
|
181
|
+
"aria-label": "close navigation menu",
|
|
182
|
+
onClick: handleToggle,
|
|
183
|
+
children: /* @__PURE__ */ jsx(
|
|
184
|
+
"svg",
|
|
185
|
+
{
|
|
186
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
187
|
+
width: "24",
|
|
188
|
+
height: "24",
|
|
189
|
+
viewBox: "0 0 24 24",
|
|
190
|
+
fill: "none",
|
|
191
|
+
"aria-hidden": "true",
|
|
192
|
+
children: /* @__PURE__ */ jsx(
|
|
193
|
+
"path",
|
|
194
|
+
{
|
|
195
|
+
d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
|
|
196
|
+
fill: "#4A5560"
|
|
197
|
+
}
|
|
198
|
+
)
|
|
199
|
+
}
|
|
200
|
+
)
|
|
201
|
+
}
|
|
202
|
+
)
|
|
203
|
+
] }),
|
|
204
|
+
/* @__PURE__ */ jsx("div", { className: styles.levelContainer, children: /* @__PURE__ */ jsxs("div", { className: "bg_white", children: [
|
|
205
|
+
/* @__PURE__ */ jsxs(
|
|
206
|
+
"span",
|
|
207
|
+
{
|
|
208
|
+
className: `${styles.level} flex middle`,
|
|
209
|
+
id: "menu-level",
|
|
210
|
+
"aria-label": "current menu level",
|
|
211
|
+
children: [
|
|
212
|
+
/* @__PURE__ */ jsx("h2", { className: styles.levelTitle, children: currentLevel.title }),
|
|
213
|
+
/* @__PURE__ */ jsx(
|
|
214
|
+
"svg",
|
|
215
|
+
{
|
|
216
|
+
width: 15,
|
|
217
|
+
height: 12,
|
|
218
|
+
viewBox: "0 0 20 12",
|
|
219
|
+
fill: "none",
|
|
220
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
221
|
+
style: { marginLeft: 12 },
|
|
222
|
+
children: /* @__PURE__ */ jsx(
|
|
223
|
+
"path",
|
|
224
|
+
{
|
|
225
|
+
d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
|
|
226
|
+
fill: "white"
|
|
227
|
+
}
|
|
228
|
+
)
|
|
229
|
+
}
|
|
230
|
+
)
|
|
231
|
+
]
|
|
232
|
+
}
|
|
233
|
+
),
|
|
234
|
+
/* @__PURE__ */ jsx(
|
|
235
|
+
AnimatePresence,
|
|
236
|
+
{
|
|
237
|
+
custom: direction,
|
|
238
|
+
mode: "sync",
|
|
239
|
+
initial: false,
|
|
240
|
+
children: /* @__PURE__ */ jsx(
|
|
241
|
+
motion.ul,
|
|
242
|
+
{
|
|
243
|
+
className: styles.menu,
|
|
244
|
+
custom: direction,
|
|
245
|
+
variants: slideVariants,
|
|
246
|
+
initial: "enter",
|
|
247
|
+
animate: "center",
|
|
248
|
+
exit: "exit",
|
|
249
|
+
transition: { duration: 0.3, ease: "linear" },
|
|
250
|
+
children: Object.entries(currentLevel.items).map(
|
|
251
|
+
([key, value]) => {
|
|
252
|
+
const hasChildren = typeof value === "object";
|
|
253
|
+
return /* @__PURE__ */ jsx("li", { children: hasChildren ? /* @__PURE__ */ jsxs(
|
|
254
|
+
"button",
|
|
255
|
+
{
|
|
256
|
+
className: styles.menuItem,
|
|
257
|
+
onClick: () => handleClick(key),
|
|
258
|
+
children: [
|
|
259
|
+
/* @__PURE__ */ jsx("span", { children: key }),
|
|
260
|
+
/* @__PURE__ */ jsx("span", { className: styles.chevron, children: /* @__PURE__ */ jsx(
|
|
261
|
+
"svg",
|
|
262
|
+
{
|
|
263
|
+
className: styles.chevronIcon,
|
|
264
|
+
width: 12,
|
|
265
|
+
height: 20,
|
|
266
|
+
viewBox: "0 0 12 20",
|
|
267
|
+
fill: "none",
|
|
268
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
269
|
+
children: /* @__PURE__ */ jsx(
|
|
270
|
+
"path",
|
|
271
|
+
{
|
|
272
|
+
d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
|
|
273
|
+
fill: "#4A5560"
|
|
274
|
+
}
|
|
275
|
+
)
|
|
276
|
+
}
|
|
277
|
+
) })
|
|
278
|
+
]
|
|
279
|
+
}
|
|
280
|
+
) : /* @__PURE__ */ jsx(
|
|
281
|
+
Link,
|
|
282
|
+
{
|
|
283
|
+
href: value,
|
|
284
|
+
className: styles.menuItem,
|
|
285
|
+
children: /* @__PURE__ */ jsx("span", { children: key })
|
|
286
|
+
}
|
|
287
|
+
) }, key);
|
|
288
|
+
}
|
|
289
|
+
)
|
|
290
|
+
},
|
|
291
|
+
currentLevel.title
|
|
292
|
+
)
|
|
293
|
+
}
|
|
294
|
+
),
|
|
295
|
+
/* @__PURE__ */ jsx("div", { className: `${styles.quickLinks} flex middle between`, children: quickLinks.map((link) => /* @__PURE__ */ jsxs(
|
|
296
|
+
Link,
|
|
297
|
+
{
|
|
298
|
+
href: link.url,
|
|
299
|
+
className: `${styles.quickLink} flex_col middle`,
|
|
300
|
+
children: [
|
|
301
|
+
/* @__PURE__ */ jsx(
|
|
302
|
+
"img",
|
|
303
|
+
{
|
|
304
|
+
src: link.icon,
|
|
305
|
+
alt: "",
|
|
306
|
+
height: 20,
|
|
307
|
+
width: 20,
|
|
308
|
+
loading: "lazy"
|
|
309
|
+
}
|
|
310
|
+
),
|
|
311
|
+
/* @__PURE__ */ jsx("span", { children: link.title })
|
|
312
|
+
]
|
|
313
|
+
},
|
|
314
|
+
link.title
|
|
315
|
+
)) })
|
|
316
|
+
] }) })
|
|
317
|
+
]
|
|
318
|
+
}
|
|
319
|
+
)
|
|
320
|
+
}
|
|
321
|
+
) })
|
|
322
|
+
] });
|
|
323
|
+
};
|
|
324
|
+
export {
|
|
325
|
+
MobileDrawerMenu as default
|
|
326
|
+
};
|