@deriv-web-design/ui 0.1.24 → 0.1.26
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/block-registry.json +6 -0
- package/components.manifest.json +5 -0
- package/dist/index.css +68 -64
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +18 -2
- package/dist/index.d.ts +18 -2
- package/dist/index.js +64 -39
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +62 -38
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -879,6 +879,15 @@ type DotLottieInViewProps = Omit<ComponentProps<typeof DotLottieReact>, "autopla
|
|
|
879
879
|
*/
|
|
880
880
|
declare function DotLottieInView({ enabled, rootMargin, threshold, loop, className, style, poster, ...dotProps }: DotLottieInViewProps): react_jsx_runtime.JSX.Element;
|
|
881
881
|
|
|
882
|
+
/**
|
|
883
|
+
* Decide whether a stored media URL is a Lottie payload rather than a picture.
|
|
884
|
+
*
|
|
885
|
+
* `.lottie` is unambiguous. `.json` is not — most JSON is not animation — so it
|
|
886
|
+
* only counts when the URL also looks like animation hosting (the same test
|
|
887
|
+
* Raven uses in `isLottieMediaUrl`).
|
|
888
|
+
*/
|
|
889
|
+
declare function isLottieSrc(value: string): boolean;
|
|
890
|
+
|
|
882
891
|
/** Visual colour theme for each card — matches the Figma palette. */
|
|
883
892
|
type StickyCardTheme = "light" | "coral" | "dark";
|
|
884
893
|
interface StickyCardItem {
|
|
@@ -1038,13 +1047,20 @@ interface NavbarProps extends HTMLAttributes<HTMLElement> {
|
|
|
1038
1047
|
/** Languages for the hover-triggered dropdown grid.
|
|
1039
1048
|
* When provided, a dropdown is shown instead of calling `onLanguageClick`. */
|
|
1040
1049
|
languageItems?: LanguageItem[];
|
|
1050
|
+
/**
|
|
1051
|
+
* Max items per column in the language dropdown.
|
|
1052
|
+
* When set (integer ≥ 1), the number of columns is derived
|
|
1053
|
+
* (`ceil(items / languageRows)`); when omitted, the existing 3-column
|
|
1054
|
+
* layout is unchanged.
|
|
1055
|
+
*/
|
|
1056
|
+
languageRows?: number;
|
|
1041
1057
|
/** Highlights the active language in the dropdown (matched by `LanguageItem.code`) */
|
|
1042
1058
|
activeLanguageCode?: string;
|
|
1043
1059
|
/** Called when a language is picked from the dropdown */
|
|
1044
1060
|
onLanguageSelect?: (code: string) => void;
|
|
1045
1061
|
}
|
|
1046
1062
|
|
|
1047
|
-
declare const Navbar: ({ theme, logoSrc, logoSrcDark, logoHref, navItems, loginLabel, loginHref, ctaLabel, ctaHref, languageLabel, onLanguageClick, languageItems, activeLanguageCode, onLanguageSelect, className, ...props }: NavbarProps) => react_jsx_runtime.JSX.Element;
|
|
1063
|
+
declare const Navbar: ({ theme, logoSrc, logoSrcDark, logoHref, navItems, loginLabel, loginHref, ctaLabel, ctaHref, languageLabel, onLanguageClick, languageItems, languageRows, activeLanguageCode, onLanguageSelect, className, ...props }: NavbarProps) => react_jsx_runtime.JSX.Element;
|
|
1048
1064
|
|
|
1049
1065
|
interface DayNightTransitionProps extends HTMLAttributes<HTMLDivElement> {
|
|
1050
1066
|
/** URL for the daytime background image */
|
|
@@ -2810,4 +2826,4 @@ interface AffiliatesSliderProps extends HTMLAttributes<HTMLElement> {
|
|
|
2810
2826
|
|
|
2811
2827
|
declare const AffiliatesSlider: ({ title, description, min, max, step, defaultValue, value, onValueChange, referralsLabel, incomeLabel, incomePerReferral, currencySymbol, tickValues, disclaimer, disclaimerIconSrc, disclaimerIconAlt, sliderLabel, className, ...props }: AffiliatesSliderProps) => react_jsx_runtime.JSX.Element;
|
|
2812
2828
|
|
|
2813
|
-
export { AVATAR_DATA, Accordion, type AccordionProps, AffiliatesSlider, type AffiliatesSliderProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, type AwardItem, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CORAL_BANNER_DERIV_SLIDES, CTABanner, type CTABannerProps, type CalculationToken, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, CoralBanner, type CoralBannerButton, type CoralBannerProps, type CoralBannerSlide, CountryLinkGrid, type CountryLinkGridHeadingLevel, type CountryLinkGridItem, type CountryLinkGridProps, DEFAULT_AWARDS, DEFAULT_CULTURE_CARDS, DEFAULT_EXCHANGE_RATE_WS_URL, DEFAULT_SYMBOLS_ENDPOINT, DayNightTransition, type DayNightTransitionProps, DocumentChips, type DocumentChipsDocument, type DocumentChipsGroup, type DocumentChipsHeadingLevel, type DocumentChipsLanguageLink, type DocumentChipsProps, type DocumentChipsVariant, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, DynamicTable, type DynamicTableColumnDef, type DynamicTableProps, type DynamicTableRowData, type DynamicTableVariant, EntityInfoSection, type EntityInfoSectionHeadingLevel, type EntityInfoSectionLink, type EntityInfoSectionProps, FEATURE_AWARDS_TEXT_CONTENT, FEATURE_BLOG_CATEGORIES_TEXT_CONTENT, FEATURE_BLOG_TEXT_CONTENT, FEATURE_OFFICES_TEXT_CONTENT, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureAwards, type FeatureAwardsProps, FeatureBlog, type FeatureBlogAuthor, FeatureBlogCategories, type FeatureBlogCategoriesProps, type FeatureBlogCategoryPost, type FeatureBlogCategoryTab, type FeatureBlogContentBlock, type FeatureBlogContentBlockType, FeatureBlogPage, type FeatureBlogPageProps, type FeatureBlogPost, type FeatureBlogProps, type FeatureBlogSharePlatform, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, type FeatureOffice, type FeatureOfficeRegion, FeatureOffices, type FeatureOfficesProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, FeatureSplit, type FeatureSplitImagePosition, type FeatureSplitProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, type FormulaBlock, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, type HelpCenterContentBlock, type HelpCenterContentBlockType, HelpCenterPage, type HelpCenterPageProps, type HelpCenterQuestionItem, HelpCentreCategories, type HelpCentreCategoriesProps, type HelpCentreCategoryItem, HelpCentreSubCategories, type HelpCentreSubCategoriesProps, type HelpCentreSubCategoryItem, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, IMAGE_BANNER_CHIPS_DEFAULT_IMAGE, ImageBanner, type ImageBannerProps, type ImageBannerVariant, type LanguageItem, LanguageSelectModal, type LanguageSelectModalOption, type LanguageSelectModalProps, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, LinkModal, type LinkModalProps, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, MasterPartner, type MasterPartnerNote, type MasterPartnerProps, type MasterPartnerStep, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, OPTIONS_TYPES_ACCUMULATOR_CONTENT, OPTIONS_TYPES_DIGITAL_CONTENT, OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT, OPTIONS_TYPES_MULTIPLIERS_CONTENT, OPTIONS_TYPES_PLACEHOLDER_ITEMS, OPTIONS_TYPES_TURBO_CONTENT, OPTIONS_TYPES_VANILLA_CONTENT, OptionsTypes, type OptionsTypesAnimation, type OptionsTypesIcon, type OptionsTypesItem, type OptionsTypesMetaItem, type OptionsTypesProps, type OptionsTypesVariant, PARALLAX_BANNER_TEXT_CONTENT, Pagination, type PaginationProps, ParallaxBanner, type ParallaxBannerCultureCard, type ParallaxBannerProps, type PartnerPayoutItem, PartnersPayout, type PartnersPayoutProps, PeopleGrid, type PeopleGridProps, type PersonItem, RESOURCE_BANNER_DERIV_CONTENT, ResourceBanner, type ResourceBannerHeadingLevel, type ResourceBannerLink, type ResourceBannerProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, type SwapCalculationMode, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, type TierAccent, type TierItem, Tiers, type TiersProps, TradingCalculator, TradingCalculatorHowTo, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset };
|
|
2829
|
+
export { AVATAR_DATA, Accordion, type AccordionProps, AffiliatesSlider, type AffiliatesSliderProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, type AwardItem, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CORAL_BANNER_DERIV_SLIDES, CTABanner, type CTABannerProps, type CalculationToken, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, CoralBanner, type CoralBannerButton, type CoralBannerProps, type CoralBannerSlide, CountryLinkGrid, type CountryLinkGridHeadingLevel, type CountryLinkGridItem, type CountryLinkGridProps, DEFAULT_AWARDS, DEFAULT_CULTURE_CARDS, DEFAULT_EXCHANGE_RATE_WS_URL, DEFAULT_SYMBOLS_ENDPOINT, DayNightTransition, type DayNightTransitionProps, DocumentChips, type DocumentChipsDocument, type DocumentChipsGroup, type DocumentChipsHeadingLevel, type DocumentChipsLanguageLink, type DocumentChipsProps, type DocumentChipsVariant, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, DynamicTable, type DynamicTableColumnDef, type DynamicTableProps, type DynamicTableRowData, type DynamicTableVariant, EntityInfoSection, type EntityInfoSectionHeadingLevel, type EntityInfoSectionLink, type EntityInfoSectionProps, FEATURE_AWARDS_TEXT_CONTENT, FEATURE_BLOG_CATEGORIES_TEXT_CONTENT, FEATURE_BLOG_TEXT_CONTENT, FEATURE_OFFICES_TEXT_CONTENT, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureAwards, type FeatureAwardsProps, FeatureBlog, type FeatureBlogAuthor, FeatureBlogCategories, type FeatureBlogCategoriesProps, type FeatureBlogCategoryPost, type FeatureBlogCategoryTab, type FeatureBlogContentBlock, type FeatureBlogContentBlockType, FeatureBlogPage, type FeatureBlogPageProps, type FeatureBlogPost, type FeatureBlogProps, type FeatureBlogSharePlatform, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, type FeatureOffice, type FeatureOfficeRegion, FeatureOffices, type FeatureOfficesProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, FeatureSplit, type FeatureSplitImagePosition, type FeatureSplitProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, type FormulaBlock, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, type HelpCenterContentBlock, type HelpCenterContentBlockType, HelpCenterPage, type HelpCenterPageProps, type HelpCenterQuestionItem, HelpCentreCategories, type HelpCentreCategoriesProps, type HelpCentreCategoryItem, HelpCentreSubCategories, type HelpCentreSubCategoriesProps, type HelpCentreSubCategoryItem, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, IMAGE_BANNER_CHIPS_DEFAULT_IMAGE, ImageBanner, type ImageBannerProps, type ImageBannerVariant, type LanguageItem, LanguageSelectModal, type LanguageSelectModalOption, type LanguageSelectModalProps, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, LinkModal, type LinkModalProps, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, MasterPartner, type MasterPartnerNote, type MasterPartnerProps, type MasterPartnerStep, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, OPTIONS_TYPES_ACCUMULATOR_CONTENT, OPTIONS_TYPES_DIGITAL_CONTENT, OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT, OPTIONS_TYPES_MULTIPLIERS_CONTENT, OPTIONS_TYPES_PLACEHOLDER_ITEMS, OPTIONS_TYPES_TURBO_CONTENT, OPTIONS_TYPES_VANILLA_CONTENT, OptionsTypes, type OptionsTypesAnimation, type OptionsTypesIcon, type OptionsTypesItem, type OptionsTypesMetaItem, type OptionsTypesProps, type OptionsTypesVariant, PARALLAX_BANNER_TEXT_CONTENT, Pagination, type PaginationProps, ParallaxBanner, type ParallaxBannerCultureCard, type ParallaxBannerProps, type PartnerPayoutItem, PartnersPayout, type PartnersPayoutProps, PeopleGrid, type PeopleGridProps, type PersonItem, RESOURCE_BANNER_DERIV_CONTENT, ResourceBanner, type ResourceBannerHeadingLevel, type ResourceBannerLink, type ResourceBannerProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, type SwapCalculationMode, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, type TierAccent, type TierItem, Tiers, type TiersProps, TradingCalculator, TradingCalculatorHowTo, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset, isLottieSrc };
|
package/dist/index.d.ts
CHANGED
|
@@ -879,6 +879,15 @@ type DotLottieInViewProps = Omit<ComponentProps<typeof DotLottieReact>, "autopla
|
|
|
879
879
|
*/
|
|
880
880
|
declare function DotLottieInView({ enabled, rootMargin, threshold, loop, className, style, poster, ...dotProps }: DotLottieInViewProps): react_jsx_runtime.JSX.Element;
|
|
881
881
|
|
|
882
|
+
/**
|
|
883
|
+
* Decide whether a stored media URL is a Lottie payload rather than a picture.
|
|
884
|
+
*
|
|
885
|
+
* `.lottie` is unambiguous. `.json` is not — most JSON is not animation — so it
|
|
886
|
+
* only counts when the URL also looks like animation hosting (the same test
|
|
887
|
+
* Raven uses in `isLottieMediaUrl`).
|
|
888
|
+
*/
|
|
889
|
+
declare function isLottieSrc(value: string): boolean;
|
|
890
|
+
|
|
882
891
|
/** Visual colour theme for each card — matches the Figma palette. */
|
|
883
892
|
type StickyCardTheme = "light" | "coral" | "dark";
|
|
884
893
|
interface StickyCardItem {
|
|
@@ -1038,13 +1047,20 @@ interface NavbarProps extends HTMLAttributes<HTMLElement> {
|
|
|
1038
1047
|
/** Languages for the hover-triggered dropdown grid.
|
|
1039
1048
|
* When provided, a dropdown is shown instead of calling `onLanguageClick`. */
|
|
1040
1049
|
languageItems?: LanguageItem[];
|
|
1050
|
+
/**
|
|
1051
|
+
* Max items per column in the language dropdown.
|
|
1052
|
+
* When set (integer ≥ 1), the number of columns is derived
|
|
1053
|
+
* (`ceil(items / languageRows)`); when omitted, the existing 3-column
|
|
1054
|
+
* layout is unchanged.
|
|
1055
|
+
*/
|
|
1056
|
+
languageRows?: number;
|
|
1041
1057
|
/** Highlights the active language in the dropdown (matched by `LanguageItem.code`) */
|
|
1042
1058
|
activeLanguageCode?: string;
|
|
1043
1059
|
/** Called when a language is picked from the dropdown */
|
|
1044
1060
|
onLanguageSelect?: (code: string) => void;
|
|
1045
1061
|
}
|
|
1046
1062
|
|
|
1047
|
-
declare const Navbar: ({ theme, logoSrc, logoSrcDark, logoHref, navItems, loginLabel, loginHref, ctaLabel, ctaHref, languageLabel, onLanguageClick, languageItems, activeLanguageCode, onLanguageSelect, className, ...props }: NavbarProps) => react_jsx_runtime.JSX.Element;
|
|
1063
|
+
declare const Navbar: ({ theme, logoSrc, logoSrcDark, logoHref, navItems, loginLabel, loginHref, ctaLabel, ctaHref, languageLabel, onLanguageClick, languageItems, languageRows, activeLanguageCode, onLanguageSelect, className, ...props }: NavbarProps) => react_jsx_runtime.JSX.Element;
|
|
1048
1064
|
|
|
1049
1065
|
interface DayNightTransitionProps extends HTMLAttributes<HTMLDivElement> {
|
|
1050
1066
|
/** URL for the daytime background image */
|
|
@@ -2810,4 +2826,4 @@ interface AffiliatesSliderProps extends HTMLAttributes<HTMLElement> {
|
|
|
2810
2826
|
|
|
2811
2827
|
declare const AffiliatesSlider: ({ title, description, min, max, step, defaultValue, value, onValueChange, referralsLabel, incomeLabel, incomePerReferral, currencySymbol, tickValues, disclaimer, disclaimerIconSrc, disclaimerIconAlt, sliderLabel, className, ...props }: AffiliatesSliderProps) => react_jsx_runtime.JSX.Element;
|
|
2812
2828
|
|
|
2813
|
-
export { AVATAR_DATA, Accordion, type AccordionProps, AffiliatesSlider, type AffiliatesSliderProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, type AwardItem, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CORAL_BANNER_DERIV_SLIDES, CTABanner, type CTABannerProps, type CalculationToken, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, CoralBanner, type CoralBannerButton, type CoralBannerProps, type CoralBannerSlide, CountryLinkGrid, type CountryLinkGridHeadingLevel, type CountryLinkGridItem, type CountryLinkGridProps, DEFAULT_AWARDS, DEFAULT_CULTURE_CARDS, DEFAULT_EXCHANGE_RATE_WS_URL, DEFAULT_SYMBOLS_ENDPOINT, DayNightTransition, type DayNightTransitionProps, DocumentChips, type DocumentChipsDocument, type DocumentChipsGroup, type DocumentChipsHeadingLevel, type DocumentChipsLanguageLink, type DocumentChipsProps, type DocumentChipsVariant, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, DynamicTable, type DynamicTableColumnDef, type DynamicTableProps, type DynamicTableRowData, type DynamicTableVariant, EntityInfoSection, type EntityInfoSectionHeadingLevel, type EntityInfoSectionLink, type EntityInfoSectionProps, FEATURE_AWARDS_TEXT_CONTENT, FEATURE_BLOG_CATEGORIES_TEXT_CONTENT, FEATURE_BLOG_TEXT_CONTENT, FEATURE_OFFICES_TEXT_CONTENT, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureAwards, type FeatureAwardsProps, FeatureBlog, type FeatureBlogAuthor, FeatureBlogCategories, type FeatureBlogCategoriesProps, type FeatureBlogCategoryPost, type FeatureBlogCategoryTab, type FeatureBlogContentBlock, type FeatureBlogContentBlockType, FeatureBlogPage, type FeatureBlogPageProps, type FeatureBlogPost, type FeatureBlogProps, type FeatureBlogSharePlatform, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, type FeatureOffice, type FeatureOfficeRegion, FeatureOffices, type FeatureOfficesProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, FeatureSplit, type FeatureSplitImagePosition, type FeatureSplitProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, type FormulaBlock, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, type HelpCenterContentBlock, type HelpCenterContentBlockType, HelpCenterPage, type HelpCenterPageProps, type HelpCenterQuestionItem, HelpCentreCategories, type HelpCentreCategoriesProps, type HelpCentreCategoryItem, HelpCentreSubCategories, type HelpCentreSubCategoriesProps, type HelpCentreSubCategoryItem, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, IMAGE_BANNER_CHIPS_DEFAULT_IMAGE, ImageBanner, type ImageBannerProps, type ImageBannerVariant, type LanguageItem, LanguageSelectModal, type LanguageSelectModalOption, type LanguageSelectModalProps, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, LinkModal, type LinkModalProps, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, MasterPartner, type MasterPartnerNote, type MasterPartnerProps, type MasterPartnerStep, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, OPTIONS_TYPES_ACCUMULATOR_CONTENT, OPTIONS_TYPES_DIGITAL_CONTENT, OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT, OPTIONS_TYPES_MULTIPLIERS_CONTENT, OPTIONS_TYPES_PLACEHOLDER_ITEMS, OPTIONS_TYPES_TURBO_CONTENT, OPTIONS_TYPES_VANILLA_CONTENT, OptionsTypes, type OptionsTypesAnimation, type OptionsTypesIcon, type OptionsTypesItem, type OptionsTypesMetaItem, type OptionsTypesProps, type OptionsTypesVariant, PARALLAX_BANNER_TEXT_CONTENT, Pagination, type PaginationProps, ParallaxBanner, type ParallaxBannerCultureCard, type ParallaxBannerProps, type PartnerPayoutItem, PartnersPayout, type PartnersPayoutProps, PeopleGrid, type PeopleGridProps, type PersonItem, RESOURCE_BANNER_DERIV_CONTENT, ResourceBanner, type ResourceBannerHeadingLevel, type ResourceBannerLink, type ResourceBannerProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, type SwapCalculationMode, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, type TierAccent, type TierItem, Tiers, type TiersProps, TradingCalculator, TradingCalculatorHowTo, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset };
|
|
2829
|
+
export { AVATAR_DATA, Accordion, type AccordionProps, AffiliatesSlider, type AffiliatesSliderProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, type AwardItem, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CORAL_BANNER_DERIV_SLIDES, CTABanner, type CTABannerProps, type CalculationToken, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, CoralBanner, type CoralBannerButton, type CoralBannerProps, type CoralBannerSlide, CountryLinkGrid, type CountryLinkGridHeadingLevel, type CountryLinkGridItem, type CountryLinkGridProps, DEFAULT_AWARDS, DEFAULT_CULTURE_CARDS, DEFAULT_EXCHANGE_RATE_WS_URL, DEFAULT_SYMBOLS_ENDPOINT, DayNightTransition, type DayNightTransitionProps, DocumentChips, type DocumentChipsDocument, type DocumentChipsGroup, type DocumentChipsHeadingLevel, type DocumentChipsLanguageLink, type DocumentChipsProps, type DocumentChipsVariant, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, DynamicTable, type DynamicTableColumnDef, type DynamicTableProps, type DynamicTableRowData, type DynamicTableVariant, EntityInfoSection, type EntityInfoSectionHeadingLevel, type EntityInfoSectionLink, type EntityInfoSectionProps, FEATURE_AWARDS_TEXT_CONTENT, FEATURE_BLOG_CATEGORIES_TEXT_CONTENT, FEATURE_BLOG_TEXT_CONTENT, FEATURE_OFFICES_TEXT_CONTENT, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureAwards, type FeatureAwardsProps, FeatureBlog, type FeatureBlogAuthor, FeatureBlogCategories, type FeatureBlogCategoriesProps, type FeatureBlogCategoryPost, type FeatureBlogCategoryTab, type FeatureBlogContentBlock, type FeatureBlogContentBlockType, FeatureBlogPage, type FeatureBlogPageProps, type FeatureBlogPost, type FeatureBlogProps, type FeatureBlogSharePlatform, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, type FeatureOffice, type FeatureOfficeRegion, FeatureOffices, type FeatureOfficesProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, FeatureSplit, type FeatureSplitImagePosition, type FeatureSplitProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, type FormulaBlock, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, type HelpCenterContentBlock, type HelpCenterContentBlockType, HelpCenterPage, type HelpCenterPageProps, type HelpCenterQuestionItem, HelpCentreCategories, type HelpCentreCategoriesProps, type HelpCentreCategoryItem, HelpCentreSubCategories, type HelpCentreSubCategoriesProps, type HelpCentreSubCategoryItem, Hero, type HeroButtonProps, type HeroProps, type HeroVariant, IMAGE_BANNER_CHIPS_DEFAULT_IMAGE, ImageBanner, type ImageBannerProps, type ImageBannerVariant, type LanguageItem, LanguageSelectModal, type LanguageSelectModalOption, type LanguageSelectModalProps, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, LinkModal, type LinkModalProps, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, MasterPartner, type MasterPartnerNote, type MasterPartnerProps, type MasterPartnerStep, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, OPTIONS_TYPES_ACCUMULATOR_CONTENT, OPTIONS_TYPES_DIGITAL_CONTENT, OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT, OPTIONS_TYPES_MULTIPLIERS_CONTENT, OPTIONS_TYPES_PLACEHOLDER_ITEMS, OPTIONS_TYPES_TURBO_CONTENT, OPTIONS_TYPES_VANILLA_CONTENT, OptionsTypes, type OptionsTypesAnimation, type OptionsTypesIcon, type OptionsTypesItem, type OptionsTypesMetaItem, type OptionsTypesProps, type OptionsTypesVariant, PARALLAX_BANNER_TEXT_CONTENT, Pagination, type PaginationProps, ParallaxBanner, type ParallaxBannerCultureCard, type ParallaxBannerProps, type PartnerPayoutItem, PartnersPayout, type PartnersPayoutProps, PeopleGrid, type PeopleGridProps, type PersonItem, RESOURCE_BANNER_DERIV_CONTENT, ResourceBanner, type ResourceBannerHeadingLevel, type ResourceBannerLink, type ResourceBannerProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, type SwapCalculationMode, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, type TierAccent, type TierItem, Tiers, type TiersProps, TradingCalculator, TradingCalculatorHowTo, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset, isLottieSrc };
|
package/dist/index.js
CHANGED
|
@@ -122,7 +122,8 @@ __export(index_exports, {
|
|
|
122
122
|
Tiers: () => Tiers,
|
|
123
123
|
TradingCalculator: () => TradingCalculator,
|
|
124
124
|
TradingCalculatorHowTo: () => TradingCalculatorHowTo,
|
|
125
|
-
dayNightTransitionV2Preset: () => dayNightTransitionV2Preset
|
|
125
|
+
dayNightTransitionV2Preset: () => dayNightTransitionV2Preset,
|
|
126
|
+
isLottieSrc: () => isLottieSrc
|
|
126
127
|
});
|
|
127
128
|
module.exports = __toCommonJS(index_exports);
|
|
128
129
|
|
|
@@ -2774,6 +2775,13 @@ function DotLottieInView({
|
|
|
2774
2775
|
);
|
|
2775
2776
|
}
|
|
2776
2777
|
|
|
2778
|
+
// components/DotLottieInView/lottie-src.ts
|
|
2779
|
+
function isLottieSrc(value) {
|
|
2780
|
+
if (!value) return false;
|
|
2781
|
+
if (/\.lottie(\?|#|$)/i.test(value)) return true;
|
|
2782
|
+
return /\/[^/?#]+\.json(\?|#|$)/i.test(value) && /lottie|cdn\.|website-files/i.test(value);
|
|
2783
|
+
}
|
|
2784
|
+
|
|
2777
2785
|
// templates/FeatureScroll/FeatureScroll.tsx
|
|
2778
2786
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2779
2787
|
var FEATURE_SCROLL_DATA = [
|
|
@@ -2782,42 +2790,42 @@ var FEATURE_SCROLL_DATA = [
|
|
|
2782
2790
|
description: "Trade the most popular currency pairs with high leverage, tight spreads, and fast execution.",
|
|
2783
2791
|
linkLabel: "Learn more",
|
|
2784
2792
|
link: "/markets/forex",
|
|
2785
|
-
mediaUrl: "
|
|
2793
|
+
mediaUrl: "/lottie/markets/forex.lottie"
|
|
2786
2794
|
},
|
|
2787
2795
|
{
|
|
2788
2796
|
title: "Derived Indices",
|
|
2789
2797
|
description: "Trade 24/7 on exclusive Synthetic and Derived Indices. Choose volatility levels that match your strategy.",
|
|
2790
2798
|
linkLabel: "Learn more",
|
|
2791
2799
|
link: "/markets/derived-indices/synthetic-indices",
|
|
2792
|
-
mediaUrl: "
|
|
2800
|
+
mediaUrl: "/lottie/markets/derived-indices.lottie"
|
|
2793
2801
|
},
|
|
2794
2802
|
{
|
|
2795
2803
|
title: "Stocks",
|
|
2796
2804
|
description: "Trade global market leaders like Apple, Tesla, and NVIDIA.",
|
|
2797
2805
|
linkLabel: "Learn more",
|
|
2798
2806
|
link: "/markets/stocks",
|
|
2799
|
-
mediaUrl: "
|
|
2807
|
+
mediaUrl: "/lottie/markets/stocks.lottie"
|
|
2800
2808
|
},
|
|
2801
2809
|
{
|
|
2802
2810
|
title: "Commodities",
|
|
2803
2811
|
description: "Trade gold, silver, oil, natural gas, sugar, and more.",
|
|
2804
2812
|
linkLabel: "Learn more",
|
|
2805
2813
|
link: "/markets/commodities",
|
|
2806
|
-
mediaUrl: "
|
|
2814
|
+
mediaUrl: "/lottie/markets/commodities.lottie"
|
|
2807
2815
|
},
|
|
2808
2816
|
{
|
|
2809
2817
|
title: "Cryptos",
|
|
2810
2818
|
description: "Trade round the clock on the volatility of cryptocurrencies like Bitcoin and Ethereum.",
|
|
2811
2819
|
linkLabel: "Learn more",
|
|
2812
2820
|
link: "/markets/cryptocurrencies",
|
|
2813
|
-
mediaUrl: "
|
|
2821
|
+
mediaUrl: "/lottie/markets/crypto.lottie"
|
|
2814
2822
|
},
|
|
2815
2823
|
{
|
|
2816
2824
|
title: "Stock Indices",
|
|
2817
2825
|
description: "Trade offerings that track the top global stock indices.",
|
|
2818
2826
|
linkLabel: "Learn more",
|
|
2819
2827
|
link: "/markets/stock-indices",
|
|
2820
|
-
mediaUrl: "
|
|
2828
|
+
mediaUrl: "/lottie/markets/stock-indices.lottie"
|
|
2821
2829
|
}
|
|
2822
2830
|
];
|
|
2823
2831
|
var ChevronRight2 = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
@@ -2848,7 +2856,7 @@ function mediaSrc(item) {
|
|
|
2848
2856
|
function resolveMediaType(item) {
|
|
2849
2857
|
if (item.mediaType) return item.mediaType;
|
|
2850
2858
|
const src = mediaSrc(item);
|
|
2851
|
-
return src
|
|
2859
|
+
return src && isLottieSrc(src) ? "lottie" : "image";
|
|
2852
2860
|
}
|
|
2853
2861
|
var MediaRenderer = ({ item, active, rootMargin, threshold }) => {
|
|
2854
2862
|
const src = mediaSrc(item);
|
|
@@ -3597,6 +3605,18 @@ var CTABanner = ({
|
|
|
3597
3605
|
var import_react17 = require("react");
|
|
3598
3606
|
var import_framer_motion2 = require("framer-motion");
|
|
3599
3607
|
|
|
3608
|
+
// components/Navbar/languageGridVars.ts
|
|
3609
|
+
function resolveLanguageGridVars(itemCount, languageRows) {
|
|
3610
|
+
if (typeof languageRows === "number" && Number.isFinite(languageRows) && languageRows >= 1) {
|
|
3611
|
+
const rows = Math.floor(languageRows);
|
|
3612
|
+
return {
|
|
3613
|
+
"--lang-rows": rows,
|
|
3614
|
+
"--lang-cols": Math.ceil(itemCount / rows)
|
|
3615
|
+
};
|
|
3616
|
+
}
|
|
3617
|
+
return { "--lang-rows": Math.ceil(itemCount / 3) };
|
|
3618
|
+
}
|
|
3619
|
+
|
|
3600
3620
|
// assets/icon-globe.svg
|
|
3601
3621
|
var icon_globe_default = 'data:image/svg+xml,<svg width="16" height="24" viewBox="0 0 16 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g clip-path="url(%23clip0_8670_6187)">%0A<path d="M8 18.5C8.21875 18.5 8.84375 18.2812 9.46875 17C9.75 16.4375 10 15.7812 10.1562 15H5.8125C6 15.7812 6.21875 16.4375 6.5 17C7.15625 18.2812 7.75 18.5 8 18.5ZM5.5625 13.5H10.4062C10.4688 13.0312 10.5 12.5312 10.5 12C10.5 11.5 10.4688 11 10.4062 10.5H5.5625C5.5 11 5.5 11.5 5.5 12C5.5 12.5312 5.5 13.0312 5.5625 13.5ZM5.8125 9H10.1562C10 8.25 9.75 7.59375 9.46875 7.03125C8.84375 5.75 8.21875 5.5 8 5.5C7.75 5.5 7.15625 5.75 6.5 7.03125C6.21875 7.59375 6 8.25 5.8125 9ZM11.9062 10.5C11.9688 11 11.9688 11.5 11.9688 12C11.9688 12.5312 11.9688 13.0312 11.9062 13.5H14.3125C14.4375 13.0312 14.5 12.5312 14.5 12C14.5 11.5 14.4375 11 14.3125 10.5H11.9062ZM13.75 9C13.0938 7.71875 12 6.6875 10.6875 6.09375C11.125 6.90625 11.4688 7.90625 11.6875 9H13.75ZM4.28125 9C4.5 7.90625 4.84375 6.90625 5.28125 6.09375C3.96875 6.6875 2.875 7.71875 2.21875 9H4.28125ZM1.65625 10.5C1.5625 11 1.5 11.5 1.5 12C1.5 12.5312 1.53125 13.0312 1.65625 13.5H4.0625C4 13.0312 4 12.5312 4 12C4 11.5 4 11 4.0625 10.5H1.65625ZM10.6875 17.9375C12 17.3438 13.0938 16.3125 13.75 15H11.6875C11.4688 16.125 11.125 17.125 10.6875 17.9375ZM5.28125 17.9375C4.84375 17.125 4.5 16.125 4.28125 15H2.21875C2.875 16.3125 3.96875 17.3438 5.28125 17.9375ZM8 20C5.125 20 2.5 18.5 1.0625 16C-0.375 13.5312 -0.375 10.5 1.0625 8C2.5 5.53125 5.125 4 8 4C10.8438 4 13.4688 5.53125 14.9062 8C16.3438 10.5 16.3438 13.5312 14.9062 16C13.4688 18.5 10.8438 20 8 20Z" fill="%23181C25"/>%0A</g>%0A<defs>%0A<clipPath id="clip0_8670_6187">%0A<rect width="16" height="24" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A';
|
|
3602
3622
|
|
|
@@ -3827,6 +3847,7 @@ var Navbar = ({
|
|
|
3827
3847
|
languageLabel,
|
|
3828
3848
|
onLanguageClick,
|
|
3829
3849
|
languageItems,
|
|
3850
|
+
languageRows,
|
|
3830
3851
|
activeLanguageCode,
|
|
3831
3852
|
onLanguageSelect,
|
|
3832
3853
|
className,
|
|
@@ -4027,7 +4048,10 @@ var Navbar = ({
|
|
|
4027
4048
|
"div",
|
|
4028
4049
|
{
|
|
4029
4050
|
className: "navbar__lang-dropdown-grid",
|
|
4030
|
-
style:
|
|
4051
|
+
style: resolveLanguageGridVars(
|
|
4052
|
+
languageItems.length,
|
|
4053
|
+
languageRows
|
|
4054
|
+
),
|
|
4031
4055
|
children: languageItems.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
4032
4056
|
"button",
|
|
4033
4057
|
{
|
|
@@ -9005,8 +9029,8 @@ function OptionsTypes({
|
|
|
9005
9029
|
}
|
|
9006
9030
|
|
|
9007
9031
|
// templates/OptionsTypes/OptionsTypes.data.ts
|
|
9008
|
-
var WEBFLOW_CDN = "https://cdn.prod.website-files.com/661e6e1e01dd2f56adc6d370";
|
|
9009
9032
|
var WEBFLOW_ICON_CDN = "https://cdn.prod.website-files.com/68da5c86c91c54f39c86c2b7";
|
|
9033
|
+
var LOTTIE = "/lottie/trade-clips";
|
|
9010
9034
|
var FOREX = {
|
|
9011
9035
|
label: "Forex",
|
|
9012
9036
|
icon: "forex",
|
|
@@ -9060,12 +9084,12 @@ var OPTIONS_TYPES_DIGITAL_CONTENT = {
|
|
|
9060
9084
|
{
|
|
9061
9085
|
id: "rise",
|
|
9062
9086
|
label: "Rise",
|
|
9063
|
-
src: `${
|
|
9087
|
+
src: `${LOTTIE}/rise.lottie`
|
|
9064
9088
|
},
|
|
9065
9089
|
{
|
|
9066
9090
|
id: "fall",
|
|
9067
9091
|
label: "Fall",
|
|
9068
|
-
src: `${
|
|
9092
|
+
src: `${LOTTIE}/fall.lottie`
|
|
9069
9093
|
}
|
|
9070
9094
|
],
|
|
9071
9095
|
markets: DIGITAL_MARKETS,
|
|
@@ -9079,12 +9103,12 @@ var OPTIONS_TYPES_DIGITAL_CONTENT = {
|
|
|
9079
9103
|
{
|
|
9080
9104
|
id: "higher",
|
|
9081
9105
|
label: "Higher",
|
|
9082
|
-
src: `${
|
|
9106
|
+
src: `${LOTTIE}/higher.lottie`
|
|
9083
9107
|
},
|
|
9084
9108
|
{
|
|
9085
9109
|
id: "lower",
|
|
9086
9110
|
label: "Lower",
|
|
9087
|
-
src: `${
|
|
9111
|
+
src: `${LOTTIE}/lower.lottie`
|
|
9088
9112
|
}
|
|
9089
9113
|
],
|
|
9090
9114
|
markets: DIGITAL_MARKETS,
|
|
@@ -9098,12 +9122,12 @@ var OPTIONS_TYPES_DIGITAL_CONTENT = {
|
|
|
9098
9122
|
{
|
|
9099
9123
|
id: "touch",
|
|
9100
9124
|
label: "Touch",
|
|
9101
|
-
src: `${
|
|
9125
|
+
src: `${LOTTIE}/touch.lottie`
|
|
9102
9126
|
},
|
|
9103
9127
|
{
|
|
9104
9128
|
id: "no-touch",
|
|
9105
9129
|
label: "No Touch",
|
|
9106
|
-
src: `${
|
|
9130
|
+
src: `${LOTTIE}/no-touch.lottie`
|
|
9107
9131
|
}
|
|
9108
9132
|
],
|
|
9109
9133
|
markets: DIGITAL_MARKETS,
|
|
@@ -9123,7 +9147,7 @@ var OPTIONS_TYPES_ACCUMULATOR_CONTENT = {
|
|
|
9123
9147
|
{
|
|
9124
9148
|
id: "accumulator",
|
|
9125
9149
|
label: "Accumulator",
|
|
9126
|
-
src: `${
|
|
9150
|
+
src: `${LOTTIE}/accumulator.lottie`
|
|
9127
9151
|
}
|
|
9128
9152
|
],
|
|
9129
9153
|
markets: [DERIVED_INDICES],
|
|
@@ -9143,12 +9167,12 @@ var OPTIONS_TYPES_VANILLA_CONTENT = {
|
|
|
9143
9167
|
{
|
|
9144
9168
|
id: "call",
|
|
9145
9169
|
label: "Call",
|
|
9146
|
-
src: `${
|
|
9170
|
+
src: `${LOTTIE}/vanilla-call.lottie`
|
|
9147
9171
|
},
|
|
9148
9172
|
{
|
|
9149
9173
|
id: "put",
|
|
9150
9174
|
label: "Put",
|
|
9151
|
-
src: `${
|
|
9175
|
+
src: `${LOTTIE}/vanilla-put.lottie`
|
|
9152
9176
|
}
|
|
9153
9177
|
],
|
|
9154
9178
|
markets: [DERIVED_INDICES],
|
|
@@ -9161,19 +9185,19 @@ var OPTIONS_TYPES_TURBO_CONTENT = {
|
|
|
9161
9185
|
heading: "How do Turbo Options work",
|
|
9162
9186
|
items: [
|
|
9163
9187
|
{
|
|
9164
|
-
id: "turbo-
|
|
9165
|
-
title: "Turbo
|
|
9166
|
-
description: "Decide whether the market price will stay above (
|
|
9188
|
+
id: "turbo-long-short",
|
|
9189
|
+
title: "Turbo Long/Short",
|
|
9190
|
+
description: "Decide whether the market price will stay above (Long) or drop below (Short) a set barrier. Your payout adjusts based on how far the price moves in your chosen direction, letting you take advantage of both rising and falling markets.",
|
|
9167
9191
|
animations: [
|
|
9168
9192
|
{
|
|
9169
|
-
id: "
|
|
9170
|
-
label: "
|
|
9171
|
-
src: `${
|
|
9193
|
+
id: "long",
|
|
9194
|
+
label: "Long",
|
|
9195
|
+
src: `${LOTTIE}/turbo-long.lottie`
|
|
9172
9196
|
},
|
|
9173
9197
|
{
|
|
9174
|
-
id: "
|
|
9175
|
-
label: "
|
|
9176
|
-
src: `${
|
|
9198
|
+
id: "short",
|
|
9199
|
+
label: "Short",
|
|
9200
|
+
src: `${LOTTIE}/turbo-short.lottie`
|
|
9177
9201
|
}
|
|
9178
9202
|
],
|
|
9179
9203
|
markets: [DERIVED_INDICES],
|
|
@@ -9193,12 +9217,12 @@ var OPTIONS_TYPES_MULTIPLIERS_CONTENT = {
|
|
|
9193
9217
|
{
|
|
9194
9218
|
id: "up",
|
|
9195
9219
|
label: "Up",
|
|
9196
|
-
src: `${
|
|
9220
|
+
src: `${LOTTIE}/multipliers-up.lottie`
|
|
9197
9221
|
},
|
|
9198
9222
|
{
|
|
9199
9223
|
id: "down",
|
|
9200
9224
|
label: "Down",
|
|
9201
|
-
src: `${
|
|
9225
|
+
src: `${LOTTIE}/multipliers-down.lottie`
|
|
9202
9226
|
}
|
|
9203
9227
|
],
|
|
9204
9228
|
markets: [DERIVED_INDICES, FOREX, CRYPTOCURRENCIES, COMMODITIES],
|
|
@@ -9218,13 +9242,13 @@ var OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT = {
|
|
|
9218
9242
|
{
|
|
9219
9243
|
id: "up",
|
|
9220
9244
|
label: "Up",
|
|
9221
|
-
src: `${
|
|
9245
|
+
src: `${LOTTIE}/multipliers-up.lottie`,
|
|
9222
9246
|
iconUrl: `${WEBFLOW_ICON_CDN}/68e4859893e33d078096e151_66585fe0e1dc7e70cc75dec1_multipliers-up-sm.svg`
|
|
9223
9247
|
},
|
|
9224
9248
|
{
|
|
9225
9249
|
id: "down",
|
|
9226
9250
|
label: "Down",
|
|
9227
|
-
src: `${
|
|
9251
|
+
src: `${LOTTIE}/multipliers-down.lottie`,
|
|
9228
9252
|
iconUrl: `${WEBFLOW_ICON_CDN}/68e4859893e33d078096e155_66585fe0e1dc7e70cc75dee8_multipliers-down-sm.svg`
|
|
9229
9253
|
}
|
|
9230
9254
|
]
|
|
@@ -9589,15 +9613,15 @@ var LinkModal = ({
|
|
|
9589
9613
|
}
|
|
9590
9614
|
};
|
|
9591
9615
|
if (!open || typeof document === "undefined") return null;
|
|
9592
|
-
const rootClass = ["
|
|
9616
|
+
const rootClass = ["lkm", className].filter(Boolean).join(" ");
|
|
9593
9617
|
return (0, import_react_dom2.createPortal)(
|
|
9594
9618
|
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: rootClass, onClick: onClose, children: [
|
|
9595
|
-
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "
|
|
9619
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "lkm__scrim", "aria-hidden": "true" }),
|
|
9596
9620
|
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
9597
9621
|
"div",
|
|
9598
9622
|
{
|
|
9599
9623
|
ref: panelRef,
|
|
9600
|
-
className: "
|
|
9624
|
+
className: "lkm__panel",
|
|
9601
9625
|
role: "dialog",
|
|
9602
9626
|
"aria-modal": "true",
|
|
9603
9627
|
"aria-labelledby": titleId,
|
|
@@ -9610,14 +9634,14 @@ var LinkModal = ({
|
|
|
9610
9634
|
"button",
|
|
9611
9635
|
{
|
|
9612
9636
|
type: "button",
|
|
9613
|
-
className: "
|
|
9637
|
+
className: "lkm__close",
|
|
9614
9638
|
onClick: onClose,
|
|
9615
9639
|
"aria-label": closeLabel,
|
|
9616
9640
|
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(XMarkIcon3, {})
|
|
9617
9641
|
}
|
|
9618
9642
|
),
|
|
9619
|
-
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(HeadingTag, { id: titleId, className: "
|
|
9620
|
-
children && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "
|
|
9643
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(HeadingTag, { id: titleId, className: "lkm__title", children: title }),
|
|
9644
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "lkm__body", children })
|
|
9621
9645
|
]
|
|
9622
9646
|
}
|
|
9623
9647
|
)
|
|
@@ -9955,6 +9979,7 @@ var AffiliatesSlider = ({
|
|
|
9955
9979
|
Tiers,
|
|
9956
9980
|
TradingCalculator,
|
|
9957
9981
|
TradingCalculatorHowTo,
|
|
9958
|
-
dayNightTransitionV2Preset
|
|
9982
|
+
dayNightTransitionV2Preset,
|
|
9983
|
+
isLottieSrc
|
|
9959
9984
|
});
|
|
9960
9985
|
//# sourceMappingURL=index.js.map
|