@phillips/seldon 1.271.0 → 1.273.0
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/_virtual/index.cjs +1 -1
- package/dist/_virtual/index.js +3 -5
- package/dist/_virtual/index2.cjs +1 -1
- package/dist/_virtual/index2.js +5 -3
- package/dist/components/Accordion/Accordion.cjs +1 -1
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Accordion/AccordionItem.cjs +1 -1
- package/dist/components/Accordion/AccordionItem.js +9 -9
- package/dist/components/Accordion/utils.cjs +1 -1
- package/dist/components/Accordion/utils.js +1 -1
- package/dist/components/AddToCalendar/AddToCalendar.cjs +1 -1
- package/dist/components/AddToCalendar/AddToCalendar.js +19 -20
- package/dist/components/Article/Article.cjs +1 -1
- package/dist/components/Article/Article.js +6 -6
- package/dist/components/Banner/Banner.cjs +1 -1
- package/dist/components/Banner/Banner.js +8 -8
- package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +2 -2
- package/dist/components/Breadcrumb/BreadcrumbItem.cjs +1 -1
- package/dist/components/Breadcrumb/BreadcrumbItem.js +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Card/Card.cjs +1 -1
- package/dist/components/Card/Card.js +18 -18
- package/dist/components/Carousel/Carousel.cjs +1 -1
- package/dist/components/Carousel/Carousel.js +4 -4
- package/dist/components/Carousel/CarouselArrows.cjs +1 -1
- package/dist/components/Carousel/CarouselArrows.js +1 -1
- package/dist/components/Carousel/CarouselContent.cjs +1 -1
- package/dist/components/Carousel/CarouselContent.js +1 -1
- package/dist/components/Carousel/CarouselDot.cjs +1 -1
- package/dist/components/Carousel/CarouselDot.js +1 -1
- package/dist/components/Carousel/CarouselDots.cjs +1 -1
- package/dist/components/Carousel/CarouselDots.js +1 -1
- package/dist/components/Carousel/CarouselItem.cjs +1 -1
- package/dist/components/Carousel/CarouselItem.js +1 -1
- package/dist/components/Collapsible/Collapsible.cjs +1 -1
- package/dist/components/Collapsible/Collapsible.js +1 -1
- package/dist/components/Collapsible/CollapsibleContent.cjs +1 -1
- package/dist/components/Collapsible/CollapsibleContent.js +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.cjs +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.js +1 -1
- package/dist/components/ComboBox/ComboBox.cjs +1 -1
- package/dist/components/ComboBox/ComboBox.js +139 -224
- package/dist/components/ComposedModal/ComposedModal.cjs +1 -1
- package/dist/components/ComposedModal/ComposedModal.js +8 -8
- package/dist/components/ContentPeek/ContentPeek.cjs +1 -1
- package/dist/components/ContentPeek/ContentPeek.js +3 -3
- package/dist/components/Countdown/Countdown.cjs +1 -1
- package/dist/components/Countdown/Countdown.js +17 -17
- package/dist/components/Countdown/Duration.cjs +1 -1
- package/dist/components/Countdown/Duration.js +4 -4
- package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.cjs +1 -1
- package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.js +1 -1
- package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs +1 -1
- package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js +1 -1
- package/dist/components/Detail/Detail.cjs +1 -1
- package/dist/components/Detail/Detail.js +1 -1
- package/dist/components/DetailList/DetailList.cjs +1 -1
- package/dist/components/DetailList/DetailList.js +1 -1
- package/dist/components/Divider/Divider.cjs +1 -1
- package/dist/components/Divider/Divider.js +1 -1
- package/dist/components/Drawer/Drawer.cjs +1 -1
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/Drawer/DrawerHeader.cjs +1 -1
- package/dist/components/Drawer/DrawerHeader.js +4 -4
- package/dist/components/Dropdown/Dropdown.cjs +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/ExitGateCard/ExitGateCard.cjs +1 -1
- package/dist/components/ExitGateCard/ExitGateCard.js +19 -20
- package/dist/components/FavoritingTileButton/FavoritingTileButton.cjs +1 -1
- package/dist/components/FavoritingTileButton/FavoritingTileButton.js +1 -1
- package/dist/components/Filter/Filter.cjs +1 -1
- package/dist/components/Filter/Filter.js +5 -5
- package/dist/components/Filter/FilterHeader.cjs +1 -1
- package/dist/components/Filter/FilterHeader.js +6 -6
- package/dist/components/Grid/Grid.cjs +1 -1
- package/dist/components/Grid/Grid.js +1 -1
- package/dist/components/Grid/utils.cjs +1 -1
- package/dist/components/Grid/utils.js +1 -1
- package/dist/components/GridItem/GridItem.cjs +1 -1
- package/dist/components/GridItem/GridItem.js +1 -1
- package/dist/components/Icon/Icon.cjs +1 -1
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/IconButton/IconButton.cjs +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.cjs +1 -1
- package/dist/components/Input/Input.js +6 -6
- package/dist/components/Input/utils.cjs +1 -1
- package/dist/components/Input/utils.js +2 -100
- package/dist/components/Link/Link.cjs +1 -1
- package/dist/components/Link/Link.js +1 -1
- package/dist/components/Link/types.cjs +1 -1
- package/dist/components/Link/types.js +0 -1
- package/dist/components/LinkBlock/LinkBlock.cjs +1 -1
- package/dist/components/LinkBlock/LinkBlock.js +5 -5
- package/dist/components/LinkList/LinkList.cjs +1 -1
- package/dist/components/LinkList/LinkList.js +1 -1
- package/dist/components/Loader/Loader.cjs +1 -1
- package/dist/components/Loader/Loader.js +1 -1
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.js +18 -18
- package/dist/components/Navigation/Navigation.cjs +1 -1
- package/dist/components/Navigation/Navigation.js +2 -2
- package/dist/components/Navigation/NavigationItem/NavigationItem.cjs +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationItem.js +1 -1
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs +1 -1
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.js +5 -5
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs +1 -1
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.js +8 -8
- package/dist/components/Navigation/NavigationList/NavigationList.cjs +1 -1
- package/dist/components/Navigation/NavigationList/NavigationList.js +1 -1
- package/dist/components/Navigation/NavigationSubmenu/NavigationSubmenu.cjs +1 -1
- package/dist/components/Navigation/NavigationSubmenu/NavigationSubmenu.js +5 -5
- package/dist/components/NotificationBanner/NotificationBanner.cjs +1 -1
- package/dist/components/NotificationBanner/NotificationBanner.js +1 -1
- package/dist/components/PageContentWrapper/PageContentWrapper.cjs +1 -1
- package/dist/components/PageContentWrapper/PageContentWrapper.js +1 -1
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pictogram/Pictogram.cjs +1 -1
- package/dist/components/Pictogram/Pictogram.js +1 -1
- package/dist/components/PinchZoom/PinchZoom.cjs +1 -1
- package/dist/components/PinchZoom/PinchZoom.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +5 -5
- package/dist/components/ProgressIndicator/ProgressIndicator.cjs +1 -1
- package/dist/components/ProgressIndicator/ProgressIndicator.js +5 -5
- package/dist/components/Row/Row.cjs +1 -1
- package/dist/components/Row/Row.js +1 -1
- package/dist/components/Search/Search.cjs +1 -1
- package/dist/components/Search/Search.js +16 -16
- package/dist/components/SeldonImage/SeldonImage.cjs +1 -1
- package/dist/components/SeldonImage/SeldonImage.js +2 -2
- package/dist/components/Select/Select.cjs +1 -1
- package/dist/components/Select/Select.js +9 -9
- package/dist/components/SplitPanel/SplitPanel.cjs +1 -1
- package/dist/components/SplitPanel/SplitPanel.js +1 -1
- package/dist/components/Tabs/TabsContainer.cjs +1 -1
- package/dist/components/Tabs/TabsContainer.js +5 -5
- package/dist/components/Tabs/TabsContent.cjs +1 -1
- package/dist/components/Tabs/TabsContent.js +1 -1
- package/dist/components/Tags/Tags.cjs +1 -1
- package/dist/components/Tags/Tags.js +8 -8
- package/dist/components/Text/Text.cjs +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/TextArea/TextArea.cjs +1 -1
- package/dist/components/TextArea/TextArea.js +7 -7
- package/dist/components/TextSymbol/TextSymbol.cjs +1 -1
- package/dist/components/TextSymbol/TextSymbol.js +1 -1
- package/dist/components/Toast/Toast.cjs +1 -1
- package/dist/components/Toast/Toast.js +5 -5
- package/dist/components/Toast/ToastContextProvider.js +3 -3
- package/dist/components/Video/Video.cjs +1 -1
- package/dist/components/Video/Video.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +277 -279
- package/dist/node_modules/@radix-ui/react-accordion/dist/index.js +1 -1
- package/dist/node_modules/@radix-ui/react-menu/dist/index.js +1 -1
- package/dist/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-popper/dist/index.js +6 -6
- package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-popper/dist/index.js +6 -6
- package/dist/node_modules/@radix-ui/react-tabs/dist/index.js +3 -3
- package/dist/node_modules/@radix-ui/react-toast/dist/index.js +3 -3
- package/dist/node_modules/react-zoom-pan-pinch/dist/index.esm.cjs +1 -1
- package/dist/node_modules/react-zoom-pan-pinch/dist/index.esm.js +1 -1
- package/dist/node_modules/usehooks-ts/dist/index.js +3 -3
- package/dist/patterns/AccountPageHeader/AccountPageHeader.cjs +1 -1
- package/dist/patterns/AccountPageHeader/AccountPageHeader.js +8 -8
- package/dist/patterns/BidSnapshot/BidMessage.cjs +1 -1
- package/dist/patterns/BidSnapshot/BidMessage.js +5 -5
- package/dist/patterns/BidSnapshot/BidSnapshot.cjs +1 -1
- package/dist/patterns/BidSnapshot/BidSnapshot.js +12 -13
- package/dist/patterns/CountryPicker/CountryPickerCountryList.cjs +1 -1
- package/dist/patterns/CountryPicker/CountryPickerCountryList.js +4 -4
- package/dist/patterns/CountryPicker/CountryPickerModal.cjs +1 -1
- package/dist/patterns/CountryPicker/CountryPickerModal.js +10 -10
- package/dist/patterns/CountryPicker/CountryPickerOption.cjs +1 -1
- package/dist/patterns/CountryPicker/CountryPickerOption.js +1 -1
- package/dist/patterns/CountryPicker/CountryPickerTrigger.cjs +1 -1
- package/dist/patterns/CountryPicker/CountryPickerTrigger.js +10 -10
- package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs +1 -1
- package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js +14 -14
- package/dist/patterns/FilterMenu/FilterMenu.cjs +1 -1
- package/dist/patterns/FilterMenu/FilterMenu.js +1 -1
- package/dist/patterns/FiltersInline/FilterButton.cjs +1 -1
- package/dist/patterns/FiltersInline/FilterButton.js +22 -21
- package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.cjs +1 -1
- package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js +47 -53
- package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.cjs +1 -1
- package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.js +51 -65
- package/dist/patterns/FiltersInline/FiltersInline.cjs +1 -1
- package/dist/patterns/FiltersInline/FiltersInline.js +1 -1
- package/dist/patterns/FiltersInline/MainFilterDropdown.cjs +1 -1
- package/dist/patterns/FiltersInline/MainFilterDropdown.js +56 -55
- package/dist/patterns/FiltersInline/SubFilterDropdown.cjs +1 -1
- package/dist/patterns/FiltersInline/SubFilterDropdown.js +76 -76
- package/dist/patterns/FiltersInline/utils.cjs +1 -1
- package/dist/patterns/FiltersInline/utils.d.ts +4 -0
- package/dist/patterns/FiltersInline/utils.js +25 -20
- package/dist/patterns/HeroBanner/HeroBanner.cjs +1 -1
- package/dist/patterns/HeroBanner/HeroBanner.js +5 -5
- package/dist/patterns/LanguageSelector/LanguageSelector.cjs +1 -1
- package/dist/patterns/LanguageSelector/LanguageSelector.js +25 -26
- package/dist/patterns/ObjectTile/ObjectTile.cjs +1 -1
- package/dist/patterns/ObjectTile/ObjectTile.js +19 -19
- package/dist/patterns/PhoneNumberInput/PhoneNumberInput.cjs +1 -1
- package/dist/patterns/PhoneNumberInput/PhoneNumberInput.js +1 -1
- package/dist/patterns/ProgressWizard/ProgressWizard.cjs +1 -1
- package/dist/patterns/ProgressWizard/ProgressWizard.js +5 -5
- package/dist/patterns/SaleCard/SaleCard.cjs +1 -1
- package/dist/patterns/SaleCard/SaleCard.js +11 -11
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs +1 -1
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js +16 -16
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs +1 -1
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js +6 -7
- package/dist/patterns/Social/Social.cjs +1 -1
- package/dist/patterns/Social/Social.js +4 -4
- package/dist/patterns/Subscribe/Subscribe.cjs +1 -1
- package/dist/patterns/Subscribe/Subscribe.js +2 -2
- package/dist/patterns/TextBanner/TextBanner.cjs +1 -1
- package/dist/patterns/TextBanner/TextBanner.js +2 -2
- package/dist/patterns/UserManagement/UserManagement.cjs +1 -1
- package/dist/patterns/UserManagement/UserManagement.js +7 -7
- package/dist/patterns/ViewingDetails/ViewingDetails.cjs +1 -1
- package/dist/patterns/ViewingDetails/ViewingDetails.js +7 -7
- package/dist/patterns/ViewingsList/ViewingsList.cjs +1 -1
- package/dist/patterns/ViewingsList/ViewingsList.js +1 -1
- package/dist/patterns/ViewingsList/ViewingsListCard.cjs +1 -1
- package/dist/patterns/ViewingsList/ViewingsListCard.js +1 -1
- package/dist/patterns/ViewingsList/ViewingsListCardForm.cjs +1 -1
- package/dist/patterns/ViewingsList/ViewingsListCardForm.js +1 -1
- package/dist/providers/SeldonProvider/utils.cjs +1 -1
- package/dist/providers/SeldonProvider/utils.js +1 -1
- package/dist/scss/patterns/FiltersInline/_filterDropdownMenu.scss +86 -27
- package/dist/scss/patterns/FiltersInline/_filtersInline.scss +22 -0
- package/dist/site-furniture/Footer/Footer.cjs +1 -1
- package/dist/site-furniture/Footer/Footer.js +4 -4
- package/dist/site-furniture/Header/Header.cjs +1 -1
- package/dist/site-furniture/Header/Header.js +14 -14
- package/package.json +5 -1
package/dist/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-popper/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as s from "react";
|
|
2
|
-
import { useFloating as fe, offset as me, shift as he,
|
|
2
|
+
import { useFloating as fe, offset as me, shift as he, flip as ge, size as ue, arrow as we, hide as Pe, limitShift as xe } from "../../../../../../@floating-ui/react-dom/dist/floating-ui.react-dom.js";
|
|
3
3
|
import { Root as ye } from "../../react-arrow/dist/index.js";
|
|
4
4
|
import { useComposedRefs as I } from "../../../../../react-compose-refs/dist/index.js";
|
|
5
5
|
import { createContextScope as Ae } from "../../../../../react-context/dist/index.js";
|
|
@@ -60,20 +60,20 @@ var O = "PopperContent", [Oe, Re] = M(O), B = s.forwardRef(
|
|
|
60
60
|
p && he({
|
|
61
61
|
mainAxis: !0,
|
|
62
62
|
crossAxis: !1,
|
|
63
|
-
limiter: m === "partial" ?
|
|
63
|
+
limiter: m === "partial" ? xe() : void 0,
|
|
64
64
|
...y
|
|
65
65
|
}),
|
|
66
|
-
p &&
|
|
67
|
-
|
|
66
|
+
p && ge({ ...y }),
|
|
67
|
+
ue({
|
|
68
68
|
...y,
|
|
69
69
|
apply: ({ elements: w, rects: W, availableWidth: pe, availableHeight: ce }) => {
|
|
70
70
|
const { width: de, height: le } = W.reference, v = w.floating.style;
|
|
71
71
|
v.setProperty("--radix-popper-available-width", `${pe}px`), v.setProperty("--radix-popper-available-height", `${ce}px`), v.setProperty("--radix-popper-anchor-width", `${de}px`), v.setProperty("--radix-popper-anchor-height", `${le}px`);
|
|
72
72
|
}
|
|
73
73
|
}),
|
|
74
|
-
S &&
|
|
74
|
+
S && we({ element: S, padding: g }),
|
|
75
75
|
_e({ arrowWidth: J, arrowHeight: E }),
|
|
76
|
-
P &&
|
|
76
|
+
P && Pe({ strategy: "referenceHidden", ...y })
|
|
77
77
|
]
|
|
78
78
|
}), [$, re] = L(te), H = ve(l);
|
|
79
79
|
z(() => {
|
package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-popper/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as s from "react";
|
|
2
|
-
import { useFloating as fe, offset as me, shift as he,
|
|
2
|
+
import { useFloating as fe, offset as me, shift as he, flip as ge, size as ue, arrow as we, hide as Pe, limitShift as xe } from "../../../../../../@floating-ui/react-dom/dist/floating-ui.react-dom.js";
|
|
3
3
|
import { Root as ye } from "../../react-arrow/dist/index.js";
|
|
4
4
|
import { useComposedRefs as I } from "../../../../../react-compose-refs/dist/index.js";
|
|
5
5
|
import { createContextScope as Ae } from "../../../../../react-context/dist/index.js";
|
|
@@ -60,20 +60,20 @@ var O = "PopperContent", [Oe, Re] = M(O), B = s.forwardRef(
|
|
|
60
60
|
p && he({
|
|
61
61
|
mainAxis: !0,
|
|
62
62
|
crossAxis: !1,
|
|
63
|
-
limiter: m === "partial" ?
|
|
63
|
+
limiter: m === "partial" ? xe() : void 0,
|
|
64
64
|
...y
|
|
65
65
|
}),
|
|
66
|
-
p &&
|
|
67
|
-
|
|
66
|
+
p && ge({ ...y }),
|
|
67
|
+
ue({
|
|
68
68
|
...y,
|
|
69
69
|
apply: ({ elements: w, rects: W, availableWidth: pe, availableHeight: ce }) => {
|
|
70
70
|
const { width: de, height: le } = W.reference, v = w.floating.style;
|
|
71
71
|
v.setProperty("--radix-popper-available-width", `${pe}px`), v.setProperty("--radix-popper-available-height", `${ce}px`), v.setProperty("--radix-popper-anchor-width", `${de}px`), v.setProperty("--radix-popper-anchor-height", `${le}px`);
|
|
72
72
|
}
|
|
73
73
|
}),
|
|
74
|
-
S &&
|
|
74
|
+
S && we({ element: S, padding: g }),
|
|
75
75
|
_e({ arrowWidth: J, arrowHeight: E }),
|
|
76
|
-
P &&
|
|
76
|
+
P && Pe({ strategy: "referenceHidden", ...y })
|
|
77
77
|
]
|
|
78
78
|
}), [$, re] = L(te), H = ve(l);
|
|
79
79
|
z(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as v from "react";
|
|
2
2
|
import { composeEventHandlers as p } from "../../primitive/dist/index.js";
|
|
3
3
|
import { createContextScope as x } from "../../react-context/dist/index.js";
|
|
4
|
-
import {
|
|
4
|
+
import { Root as E, createRovingFocusGroupScope as C, Item as F } from "../../react-roving-focus/dist/index.js";
|
|
5
5
|
import { Presence as w } from "../../react-presence/dist/index.js";
|
|
6
6
|
import { Primitive as b } from "../../react-primitive/dist/index.js";
|
|
7
7
|
import { useDirection as D } from "../../react-direction/dist/index.js";
|
|
@@ -54,7 +54,7 @@ var R = "TabsList", _ = v.forwardRef(
|
|
|
54
54
|
(e, r) => {
|
|
55
55
|
const { __scopeTabs: s, loop: t = !0, ...n } = e, c = T(R, s), o = h(s);
|
|
56
56
|
return /* @__PURE__ */ u(
|
|
57
|
-
|
|
57
|
+
E,
|
|
58
58
|
{
|
|
59
59
|
asChild: !0,
|
|
60
60
|
...o,
|
|
@@ -79,7 +79,7 @@ var y = "TabsTrigger", A = v.forwardRef(
|
|
|
79
79
|
(e, r) => {
|
|
80
80
|
const { __scopeTabs: s, value: t, disabled: n = !1, ...c } = e, o = T(y, s), d = h(s), f = P(o.baseId, t), m = S(o.baseId, t), i = t === o.value;
|
|
81
81
|
return /* @__PURE__ */ u(
|
|
82
|
-
|
|
82
|
+
F,
|
|
83
83
|
{
|
|
84
84
|
asChild: !0,
|
|
85
85
|
...d,
|
|
@@ -4,7 +4,7 @@ import { composeEventHandlers as h } from "../../primitive/dist/index.js";
|
|
|
4
4
|
import { useComposedRefs as oe } from "../../react-compose-refs/dist/index.js";
|
|
5
5
|
import { createCollection as Pe } from "../node_modules/@radix-ui/react-collection/dist/index.js";
|
|
6
6
|
import { createContextScope as Ce } from "../../react-context/dist/index.js";
|
|
7
|
-
import {
|
|
7
|
+
import { Branch as xe, Root as he } from "../node_modules/@radix-ui/react-dismissable-layer/dist/index.js";
|
|
8
8
|
import { Portal as Re } from "../node_modules/@radix-ui/react-portal/dist/index.js";
|
|
9
9
|
import { Presence as be } from "../node_modules/@radix-ui/react-presence/dist/index.js";
|
|
10
10
|
import { Primitive as A, dispatchDiscreteCustomEvent as ge } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
|
|
@@ -108,7 +108,7 @@ var ie = "ToastViewport", De = ["F8"], B = "toast.viewportPause", j = "toast.vie
|
|
|
108
108
|
return a.addEventListener("keydown", y), () => a.removeEventListener("keydown", y);
|
|
109
109
|
}
|
|
110
110
|
}, [v, u]), /* @__PURE__ */ z(
|
|
111
|
-
|
|
111
|
+
xe,
|
|
112
112
|
{
|
|
113
113
|
ref: T,
|
|
114
114
|
role: "region",
|
|
@@ -260,7 +260,7 @@ var [ke, Ke] = se(M, {
|
|
|
260
260
|
),
|
|
261
261
|
/* @__PURE__ */ l(ke, { scope: r, onClose: I, children: ye.createPortal(
|
|
262
262
|
/* @__PURE__ */ l(J.ItemSlot, { scope: r, children: /* @__PURE__ */ l(
|
|
263
|
-
|
|
263
|
+
he,
|
|
264
264
|
{
|
|
265
265
|
asChild: !0,
|
|
266
266
|
onEscapeKeyDown: h(v, () => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react");var Y=function(i,n){return Number(i.toFixed(n))},Fi=function(i,n){return n},S=function(i,n,e){e&&typeof e=="function"&&e(i,n)},ji=function(i){return-Math.cos(i*Math.PI)/2+.5},qi=function(i){return i},Ui=function(i){return i*i},Gi=function(i){return i*(2-i)},Ji=function(i){return i<.5?2*i*i:-1+(4-2*i)*i},$i=function(i){return i*i*i},xi=function(i){return--i*i*i+1},Ii=function(i){return i<.5?4*i*i*i:(i-1)*(2*i-2)*(2*i-2)+1},ie=function(i){return i*i*i*i},ee=function(i){return 1- --i*i*i*i},re=function(i){return i<.5?8*i*i*i*i:1-8*--i*i*i*i},ne=function(i){return i*i*i*i*i},ae=function(i){return 1+--i*i*i*i*i},oe=function(i){return i<.5?16*i*i*i*i*i:1+16*--i*i*i*i*i},Ci={easeOut:ji,linear:qi,easeInQuad:Ui,easeOutQuad:Gi,easeInOutQuad:Ji,easeInCubic:$i,easeOutCubic:xi,easeInOutCubic:Ii,easeInQuart:ie,easeOutQuart:ee,easeInOutQuart:re,easeInQuint:ne,easeOutQuint:ae,easeInOutQuint:oe},yi=function(i){typeof i=="number"&&cancelAnimationFrame(i)},T=function(i){i.mounted&&(yi(i.animation),i.animate=!1,i.animation=null,i.velocity=null)};function Yi(i,n,e,r){if(i.mounted){var a=new Date().getTime(),o=1;T(i),i.animation=function(){if(!i.mounted)return yi(i.animation);var t=new Date().getTime()-a,s=t/e,l=Ci[n],d=l(s);t>=e?(r(o),i.animation=null):i.animation&&(r(d),requestAnimationFrame(i.animation))},requestAnimationFrame(i.animation)}}function te(i){var n=i.scale,e=i.positionX,r=i.positionY;return!(Number.isNaN(n)||Number.isNaN(e)||Number.isNaN(r))}function O(i,n,e,r){var a=te(n);if(!(!i.mounted||!a)){var o=i.setTransformState,t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY,u=n.scale-s,v=n.positionX-l,f=n.positionY-d;e===0?o(n.scale,n.positionX,n.positionY):Yi(i,r,e,function(p){var m=s+u*p,h=l+v*p,c=d+f*p;o(m,h,c)})}}function se(i,n,e){var r=i.offsetWidth,a=i.offsetHeight,o=n.offsetWidth,t=n.offsetHeight,s=o*e,l=t*e,d=r-s,u=a-l;return{wrapperWidth:r,wrapperHeight:a,newContentWidth:s,newDiffWidth:d,newContentHeight:l,newDiffHeight:u}}var le=function(i,n,e,r,a,o,t){var s=i>n?e*(t?1:.5):0,l=r>a?o*(t?1:.5):0,d=i-n-s,u=s,v=r-a-l,f=l;return{minPositionX:d,maxPositionX:u,minPositionY:v,maxPositionY:f}},ti=function(i,n){var e=i.wrapperComponent,r=i.contentComponent,a=i.setup.centerZoomedOut;if(!e||!r)throw new Error("Components are not mounted");var o=se(e,r,n),t=o.wrapperWidth,s=o.wrapperHeight,l=o.newContentWidth,d=o.newDiffWidth,u=o.newContentHeight,v=o.newDiffHeight,f=le(t,l,d,s,u,v,!!a);return f},ri=function(i,n,e,r){return r?i<n?Y(n,2):i>e?Y(e,2):Y(i,2):Y(i,2)},Z=function(i,n){var e=ti(i,n);return i.bounds=e,e};function L(i,n,e,r,a,o,t){var s=e.minPositionX,l=e.minPositionY,d=e.maxPositionX,u=e.maxPositionY,v=0,f=0;t&&(v=a,f=o);var p=ri(i,s-v,d+v,r),m=ri(n,l-f,u+f,r);return{x:p,y:m}}function F(i,n,e,r,a,o){var t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY,u=r-s;if(typeof n!="number"||typeof e!="number")return console.error("Mouse X and Y position were not provided!"),{x:l,y:d};var v=l-n*u,f=d-e*u,p=L(v,f,a,o,0,0,null);return p}function H(i,n,e,r,a){var o=a?r:0,t=n-o;return!Number.isNaN(e)&&i>=e?e:!Number.isNaN(n)&&i<=t?t:i}var mi=function(i,n){var e=i.setup.panning.excluded,r=i.isInitialized,a=i.wrapperComponent,o=n.target,t="shadowRoot"in o&&"composedPath"in n,s=t?n.composedPath().some(function(u){return u instanceof Element?a?.contains(u):!1}):a?.contains(o),l=r&&o&&s;if(!l)return!1;var d=j(o,e);return!d},hi=function(i){var n=i.isInitialized,e=i.isPanning,r=i.setup,a=r.panning.disabled,o=n&&e&&!a;return!!o},ue=function(i,n){var e=i.transformState,r=e.positionX,a=e.positionY;i.isPanning=!0;var o=n.clientX,t=n.clientY;i.startCoords={x:o-r,y:t-a}},de=function(i,n){var e=n.touches,r=i.transformState,a=r.positionX,o=r.positionY;i.isPanning=!0;var t=e.length===1;if(t){var s=e[0].clientX,l=e[0].clientY;i.startCoords={x:s-a,y:l-o}}};function ve(i){var n=i.transformState,e=n.positionX,r=n.positionY,a=n.scale,o=i.setup,t=o.disabled,s=o.limitToBounds,l=o.centerZoomedOut,d=i.wrapperComponent;if(!(t||!d||!i.bounds)){var u=i.bounds,v=u.maxPositionX,f=u.minPositionX,p=u.maxPositionY,m=u.minPositionY,h=e>v||e<f,c=r>p||r<m,P=e>v?d.offsetWidth:i.setup.minPositionX||0,b=r>p?d.offsetHeight:i.setup.minPositionY||0,w=F(i,P,b,a,i.bounds,s||l),X=w.x,y=w.y;return{scale:a,positionX:h?X:e,positionY:c?y:r}}}function Ti(i,n,e,r,a){var o=i.setup.limitToBounds,t=i.wrapperComponent,s=i.bounds,l=i.transformState,d=l.scale,u=l.positionX,v=l.positionY;if(!(t===null||s===null||n===u&&e===v)){var f=L(n,e,s,o,r,a,t),p=f.x,m=f.y;i.setTransformState(d,p,m)}}var fe=function(i,n,e){var r=i.startCoords,a=i.transformState,o=i.setup.panning,t=o.lockAxisX,s=o.lockAxisY,l=a.positionX,d=a.positionY;if(!r)return{x:l,y:d};var u=n-r.x,v=e-r.y,f=t?l:u,p=s?d:v;return{x:f,y:p}},D=function(i,n){var e=i.setup,r=i.transformState,a=r.scale,o=e.minScale,t=e.disablePadding;return n>0&&a>=o&&!t?n:0},pe=function(i){var n=i.mounted,e=i.setup,r=e.disabled,a=e.velocityAnimation,o=i.transformState.scale,t=a.disabled,s=!t||o>1||!r||n;return!!s},me=function(i){var n=i.mounted,e=i.velocity,r=i.bounds,a=i.setup,o=a.disabled,t=a.velocityAnimation,s=i.transformState.scale,l=t.disabled,d=!l||s>1||!o||n;return!(!d||!e||!r)};function he(i,n){var e=i.setup.velocityAnimation,r=e.equalToMove,a=e.animationTime,o=e.sensitivity;return r?a*n*o:a}function ci(i,n,e,r,a,o,t,s,l,d){if(a){if(n>t&&e>t){var u=t+(i-t)*d;return u>l?l:u<t?t:u}if(n<o&&e<o){var u=o+(i-o)*d;return u<s?s:u>o?o:u}}return r?n:ri(i,o,t,a)}function ce(i,n){var e=1;return n?Math.min(e,i.offsetWidth/window.innerWidth):e}function ge(i,n){var e=pe(i);if(e){var r=i.lastMousePosition,a=i.velocityTime,o=i.setup,t=i.wrapperComponent,s=o.velocityAnimation.equalToMove,l=Date.now();if(r&&a&&t){var d=ce(t,s),u=n.x-r.x,v=n.y-r.y,f=u/d,p=v/d,m=l-a,h=u*u+v*v,c=Math.sqrt(h)/m;i.velocity={velocityX:f,velocityY:p,total:c}}i.lastMousePosition=n,i.velocityTime=l}}function Se(i){var n=i.velocity,e=i.bounds,r=i.setup,a=i.wrapperComponent,o=me(i);if(!(!o||!n||!e||!a)){var t=n.velocityX,s=n.velocityY,l=n.total,d=e.maxPositionX,u=e.minPositionX,v=e.maxPositionY,f=e.minPositionY,p=r.limitToBounds,m=r.alignmentAnimation,h=r.zoomAnimation,c=r.panning,P=c.lockAxisY,b=c.lockAxisX,w=h.animationType,X=m.sizeX,y=m.sizeY,z=m.velocityAlignmentTime,A=z,N=he(i,l),E=Math.max(N,A),_=D(i,X),k=D(i,y),B=_*a.offsetWidth/100,V=k*a.offsetHeight/100,U=d+B,K=u-B,G=v+V,J=f-V,ui=i.transformState,Zi=new Date().getTime();Yi(i,w,E,function(Mi){var $=i.transformState,Li=$.scale,x=$.positionX,I=$.positionY,Hi=new Date().getTime()-Zi,Vi=Hi/A,Ki=Ci[m.animationType],di=1-Ki(Math.min(1,Vi)),vi=1-Mi,fi=x+t*vi,pi=I+s*vi,Qi=ci(fi,ui.positionX,x,b,p,u,d,K,U,di),Ri=ci(pi,ui.positionY,I,P,p,f,v,J,G,di);(x!==fi||I!==pi)&&i.setTransformState(Li,Qi,Ri)})}}function gi(i,n){var e=i.transformState.scale;T(i),Z(i,e),window.TouchEvent!==void 0&&n instanceof TouchEvent?de(i,n):ue(i,n)}function Xi(i){var n=i.transformState.scale,e=i.setup,r=e.minScale,a=e.alignmentAnimation,o=a.disabled,t=a.sizeX,s=a.sizeY,l=a.animationTime,d=a.animationType,u=o||n<r||!t&&!s;if(!u){var v=ve(i);v&&O(i,v,l,d)}}function Si(i,n,e){var r=i.startCoords,a=i.setup,o=a.alignmentAnimation,t=o.sizeX,s=o.sizeY;if(r){var l=fe(i,n,e),d=l.x,u=l.y,v=D(i,t),f=D(i,s);ge(i,{x:d,y:u}),Ti(i,d,u,v,f)}}function we(i){if(i.isPanning){var n=i.setup.panning.velocityDisabled,e=i.velocity,r=i.wrapperComponent,a=i.contentComponent;i.isPanning=!1,i.animate=!1,i.animation=null;var o=r?.getBoundingClientRect(),t=a?.getBoundingClientRect(),s=o?.width||0,l=o?.height||0,d=t?.width||0,u=t?.height||0,v=s<d||l<u,f=!n&&e&&e?.total>.1&&v;f?Se(i):Xi(i)}}function si(i,n,e,r){var a=i.setup,o=a.minScale,t=a.maxScale,s=a.limitToBounds,l=H(Y(n,2),o,t,0,!1),d=Z(i,l),u=F(i,e,r,l,d,s),v=u.x,f=u.y;return{scale:l,positionX:v,positionY:f}}function Ai(i,n,e){var r=i.transformState.scale,a=i.wrapperComponent,o=i.setup,t=o.minScale,s=o.limitToBounds,l=o.zoomAnimation,d=l.disabled,u=l.animationTime,v=l.animationType,f=d||r>=t;if((r>=1||s)&&Xi(i),!(f||!a||!i.mounted)){var p=n||a.offsetWidth/2,m=e||a.offsetHeight/2,h=si(i,t,p,m);h&&O(i,h,u,v)}}var W=function(){return W=Object.assign||function(n){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},W.apply(this,arguments)};function wi(i,n,e){for(var r=0,a=n.length,o;r<a;r++)(o||!(r in n))&&(o||(o=Array.prototype.slice.call(n,0,r)),o[r]=n[r]);return i.concat(o||Array.prototype.slice.call(n))}var Q={scale:1,positionX:0,positionY:0},M={disabled:!1,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:!0,centerZoomedOut:!1,centerOnInit:!1,disablePadding:!1,smooth:!0,wheel:{step:.2,disabled:!1,smoothStep:.001,wheelDisabled:!1,touchPadDisabled:!1,activationKeys:[],excluded:[]},panning:{disabled:!1,velocityDisabled:!1,lockAxisX:!1,lockAxisY:!1,allowLeftClickPan:!0,allowMiddleClickPan:!0,allowRightClickPan:!0,wheelPanning:!1,activationKeys:[],excluded:[]},pinch:{step:5,disabled:!1,excluded:[]},doubleClick:{disabled:!1,step:.7,mode:"zoomIn",animationType:"easeOut",animationTime:200,excluded:[]},zoomAnimation:{disabled:!1,size:.4,animationTime:200,animationType:"easeOut"},alignmentAnimation:{disabled:!1,sizeX:100,sizeY:100,animationTime:200,velocityAlignmentTime:400,animationType:"easeOut"},velocityAnimation:{disabled:!1,sensitivity:1,animationTime:400,animationType:"easeOut",equalToMove:!0}},ni={wrapperClass:"react-transform-wrapper",contentClass:"react-transform-component"},zi=function(i){var n,e,r,a;return{previousScale:(n=i.initialScale)!==null&&n!==void 0?n:Q.scale,scale:(e=i.initialScale)!==null&&e!==void 0?e:Q.scale,positionX:(r=i.initialPositionX)!==null&&r!==void 0?r:Q.positionX,positionY:(a=i.initialPositionY)!==null&&a!==void 0?a:Q.positionY}},Pi=function(i){var n=W({},M);return Object.keys(i).forEach(function(e){var r=typeof i[e]<"u",a=typeof M[e]<"u";if(a&&r){var o=Object.prototype.toString.call(M[e]),t=o==="[object Object]",s=o==="[object Array]";t?n[e]=W(W({},M[e]),i[e]):s?n[e]=wi(wi([],M[e],!0),i[e]):n[e]=i[e]}}),n},Ei=function(i,n,e){var r=i.transformState.scale,a=i.wrapperComponent,o=i.setup,t=o.maxScale,s=o.minScale,l=o.zoomAnimation,d=o.smooth,u=l.size;if(!a)throw new Error("Wrapper is not mounted");var v=d?r*Math.exp(n*e):r+n*e,f=H(Y(v,3),s,t,u,!1);return f};function _i(i,n,e,r,a){var o=i.wrapperComponent,t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY;if(!o)return console.error("No WrapperComponent found");var u=o.offsetWidth,v=o.offsetHeight,f=(u/2-l)/s,p=(v/2-d)/s,m=Ei(i,n,e),h=si(i,m,f,p);if(!h)return console.error("Error during zoom event. New transformation state was not calculated.");O(i,h,r,a)}function Wi(i,n,e,r){var a=i.setup,o=i.wrapperComponent,t=a.limitToBounds,s=zi(i.props),l=i.transformState,d=l.scale,u=l.positionX,v=l.positionY;if(o){var f=ti(i,s.scale),p=L(s.positionX,s.positionY,f,t,0,0,o),m={scale:s.scale,positionX:p.x,positionY:p.y};d===s.scale&&u===s.positionX&&v===s.positionY||(r?.(),O(i,m,n,e))}}function Pe(i,n,e,r){var a=i.getBoundingClientRect(),o=n.getBoundingClientRect(),t=e.getBoundingClientRect(),s=o.x*r.scale,l=o.y*r.scale;return{x:(a.x-t.x+s)/r.scale,y:(a.y-t.y+l)/r.scale}}function be(i,n,e){var r=i.wrapperComponent,a=i.contentComponent,o=i.transformState,t=i.setup,s=t.limitToBounds,l=t.minScale,d=t.maxScale;if(!r||!a)return o;var u=r.getBoundingClientRect(),v=n.getBoundingClientRect(),f=Pe(n,r,a,o),p=f.x,m=f.y,h=v.width/o.scale,c=v.height/o.scale,P=r.offsetWidth/h,b=r.offsetHeight/c,w=H(e||Math.min(P,b),l,d,0,!1),X=(u.width-h*w)/2,y=(u.height-c*w)/2,z=(u.left-p)*w+X,A=(u.top-m)*w+y,N=ti(i,w),E=L(z,A,N,s,0,0,r),_=E.x,k=E.y;return{positionX:_,positionY:k,scale:w}}var Ce=function(i){return function(n,e,r){n===void 0&&(n=.5),e===void 0&&(e=300),r===void 0&&(r="easeOut"),_i(i,1,n,e,r)}},ye=function(i){return function(n,e,r){n===void 0&&(n=.5),e===void 0&&(e=300),r===void 0&&(r="easeOut"),_i(i,-1,n,e,r)}},Ye=function(i){return function(n,e,r,a,o){a===void 0&&(a=300),o===void 0&&(o="easeOut");var t=i.transformState,s=t.positionX,l=t.positionY,d=t.scale,u=i.wrapperComponent,v=i.contentComponent,f=i.setup.disabled;if(!(f||!u||!v)){var p={positionX:Number.isNaN(n)?s:n,positionY:Number.isNaN(e)?l:e,scale:Number.isNaN(r)?d:r};O(i,p,a,o)}}},Te=function(i){return function(n,e){n===void 0&&(n=200),e===void 0&&(e="easeOut"),Wi(i,n,e)}},Xe=function(i){return function(n,e,r){e===void 0&&(e=200),r===void 0&&(r="easeOut");var a=i.transformState,o=i.wrapperComponent,t=i.contentComponent;if(o&&t){var s=li(n||a.scale,o,t);O(i,s,e,r)}}},Ae=function(i){return function(n,e,r,a){r===void 0&&(r=600),a===void 0&&(a="easeOut"),T(i);var o=i.wrapperComponent,t=typeof n=="string"?document.getElementById(n):n;if(o&&t&&o.contains(t)){var s=be(i,t,e);O(i,s,r,a)}}},ai=function(i){return{instance:i,zoomIn:Ce(i),zoomOut:ye(i),setTransform:Ye(i),resetTransform:Te(i),centerView:Xe(i),zoomToElement:Ae(i)}},ze=function(i){return{instance:i,state:i.transformState}},g=function(i){var n={};return Object.assign(n,ze(i)),Object.assign(n,ai(i)),n},ii=!1;function ei(){try{var i={get passive(){return ii=!0,!1}};return i}catch{return ii=!1,ii}}var R=".".concat(ni.wrapperClass),j=function(i,n){return n.some(function(e){return i.matches("".concat(R," ").concat(e,", ").concat(R," .").concat(e,", ").concat(R," ").concat(e," *, ").concat(R," .").concat(e," *"))})},oi=function(i){i&&clearTimeout(i)},Di=function(i,n,e){return"translate(".concat(i,"px, ").concat(n,"px) scale(").concat(e,")")},li=function(i,n,e){var r=e.offsetWidth*i,a=e.offsetHeight*i,o=(n.offsetWidth-r)/2,t=(n.offsetHeight-a)/2;return{scale:i,positionX:o,positionY:t}};function Ee(i){return function(n){i.forEach(function(e){typeof e=="function"?e(n):e!=null&&(e.current=n)})}}var _e=function(i,n){var e=i.setup.wheel,r=e.disabled,a=e.wheelDisabled,o=e.touchPadDisabled,t=e.excluded,s=i.isInitialized,l=i.isPanning,d=n.target,u=s&&!l&&!r&&d;if(!u||a&&!n.ctrlKey||o&&n.ctrlKey)return!1;var v=j(d,t);return!v},We=function(i){return i?i.deltaY<0?1:-1:0};function De(i,n){var e=We(i),r=Fi(n,e);return r}function Oi(i,n,e){var r=n.getBoundingClientRect(),a=0,o=0;if("clientX"in i)a=(i.clientX-r.left)/e,o=(i.clientY-r.top)/e;else{var t=i.touches[0];a=(t.clientX-r.left)/e,o=(t.clientY-r.top)/e}return(Number.isNaN(a)||Number.isNaN(o))&&console.error("No mouse or touch offset found"),{x:a,y:o}}var Oe=function(i,n,e,r,a){var o=i.transformState.scale,t=i.wrapperComponent,s=i.setup,l=s.maxScale,d=s.minScale,u=s.zoomAnimation,v=s.disablePadding,f=u.size,p=u.disabled;if(!t)throw new Error("Wrapper is not mounted");var m=o+n*e,h=r?!1:!p,c=H(Y(m,3),d,l,f,h&&!v);return c},Ne=function(i,n){var e=i.previousWheelEvent,r=i.transformState.scale,a=i.setup,o=a.maxScale,t=a.minScale;return e?r<o||r>t||Math.sign(e.deltaY)!==Math.sign(n.deltaY)||e.deltaY>0&&e.deltaY<n.deltaY||e.deltaY<0&&e.deltaY>n.deltaY||Math.sign(e.deltaY)!==Math.sign(n.deltaY):!1},ke=function(i,n){var e=i.setup.pinch,r=e.disabled,a=e.excluded,o=i.isInitialized,t=n.target,s=o&&!r&&t;if(!s)return!1;var l=j(t,a);return!l},Be=function(i){var n=i.setup.pinch.disabled,e=i.isInitialized,r=i.pinchStartDistance,a=e&&!n&&r;return!!a},Ze=function(i,n,e){var r=e.getBoundingClientRect(),a=i.touches,o=Y(a[0].clientX-r.left,5),t=Y(a[0].clientY-r.top,5),s=Y(a[1].clientX-r.left,5),l=Y(a[1].clientY-r.top,5);return{x:(o+s)/2/n,y:(t+l)/2/n}},Ni=function(i){return Math.sqrt(Math.pow(i.touches[0].pageX-i.touches[1].pageX,2)+Math.pow(i.touches[0].pageY-i.touches[1].pageY,2))},Me=function(i,n){var e=i.pinchStartScale,r=i.pinchStartDistance,a=i.setup,o=a.maxScale,t=a.minScale,s=a.zoomAnimation,l=a.disablePadding,d=s.size,u=s.disabled;if(!e||r===null||!n)throw new Error("Pinch touches distance was not provided");if(n<0)return i.transformState.scale;var v=n/r,f=v*e;return H(Y(f,2),t,o,d,!u&&!l)},Le=160,He=100,Ve=function(i,n){var e=i.props,r=e.onWheelStart,a=e.onZoomStart;i.wheelStopEventTimer||(T(i),S(g(i),n,r),S(g(i),n,a))},Ke=function(i,n){var e=i.props,r=e.onWheel,a=e.onZoom,o=i.contentComponent,t=i.setup,s=i.transformState,l=s.scale,d=t.limitToBounds,u=t.centerZoomedOut,v=t.zoomAnimation,f=t.wheel,p=t.disablePadding,m=t.smooth,h=v.size,c=v.disabled,P=f.step,b=f.smoothStep;if(!o)throw new Error("Component not mounted");n.preventDefault(),n.stopPropagation();var w=De(n,null),X=m?b*Math.abs(n.deltaY):P,y=Oe(i,w,X,!n.ctrlKey);if(l!==y){var z=Z(i,y),A=Oi(n,o,l),N=c||h===0||u||p,E=d&&N,_=F(i,A.x,A.y,y,z,E),k=_.x,B=_.y;i.previousWheelEvent=n,i.setTransformState(y,k,B),S(g(i),n,r),S(g(i),n,a)}},Qe=function(i,n){var e=i.props,r=e.onWheelStop,a=e.onZoomStop;oi(i.wheelAnimationTimer),i.wheelAnimationTimer=setTimeout(function(){i.mounted&&(Ai(i,n.x,n.y),i.wheelAnimationTimer=null)},He);var o=Ne(i,n);o&&(oi(i.wheelStopEventTimer),i.wheelStopEventTimer=setTimeout(function(){i.mounted&&(i.wheelStopEventTimer=null,S(g(i),n,r),S(g(i),n,a))},Le))},ki=function(i){for(var n=0,e=0,r=0;r<2;r+=1)n+=i.touches[r].clientX,e+=i.touches[r].clientY;var a=n/2,o=e/2;return{x:a,y:o}},Re=function(i,n){var e=Ni(n);i.pinchStartDistance=e,i.lastDistance=e,i.pinchStartScale=i.transformState.scale,i.isPanning=!1;var r=ki(n);i.pinchLastCenterX=r.x,i.pinchLastCenterY=r.y,T(i)},Fe=function(i,n){var e=i.contentComponent,r=i.pinchStartDistance,a=i.wrapperComponent,o=i.transformState.scale,t=i.setup,s=t.limitToBounds,l=t.centerZoomedOut,d=t.zoomAnimation,u=t.alignmentAnimation,v=d.disabled,f=d.size;if(!(r===null||!e)){var p=Ze(n,o,e);if(!(!Number.isFinite(p.x)||!Number.isFinite(p.y))){var m=Ni(n),h=Me(i,m),c=ki(n),P=c.x-(i.pinchLastCenterX||0),b=c.y-(i.pinchLastCenterY||0);if(!(h===o&&P===0&&b===0)){i.pinchLastCenterX=c.x,i.pinchLastCenterY=c.y;var w=Z(i,h),X=v||f===0||l,y=s&&X,z=F(i,p.x,p.y,h,w,y),A=z.x,N=z.y;i.pinchMidpoint=p,i.lastDistance=m;var E=u.sizeX,_=u.sizeY,k=D(i,E),B=D(i,_),V=A+P,U=N+b,K=L(V,U,w,s,k,B,a),G=K.x,J=K.y;i.setTransformState(h,G,J)}}}},je=function(i){var n=i.pinchMidpoint;i.velocity=null,i.lastDistance=null,i.pinchMidpoint=null,i.pinchStartScale=null,i.pinchStartDistance=null,Ai(i,n?.x,n?.y)},Bi=function(i,n){var e=i.props.onZoomStop,r=i.setup.doubleClick.animationTime;oi(i.doubleClickStopEventTimer),i.doubleClickStopEventTimer=setTimeout(function(){i.doubleClickStopEventTimer=null,S(g(i),n,e)},r)},qe=function(i,n){var e=i.props,r=e.onZoomStart,a=e.onZoom,o=i.setup.doubleClick,t=o.animationTime,s=o.animationType;S(g(i),n,r),Wi(i,t,s,function(){return S(g(i),n,a)}),Bi(i,n)};function Ue(i,n){return i==="toggle"?n===1?1:-1:i==="zoomOut"?-1:1}function Ge(i,n){var e=i.setup,r=i.doubleClickStopEventTimer,a=i.transformState,o=i.contentComponent,t=a.scale,s=i.props,l=s.onZoomStart,d=s.onZoom,u=e.doubleClick,v=u.disabled,f=u.mode,p=u.step,m=u.animationTime,h=u.animationType;if(!v&&!r){if(f==="reset")return qe(i,n);if(!o)return console.error("No ContentComponent found");var c=Ue(f,i.transformState.scale),P=Ei(i,c,p);if(t!==P){S(g(i),n,l);var b=Oi(n,o,t),w=si(i,P,b.x,b.y);if(!w)return console.error("Error during zoom event. New transformation state was not calculated.");S(g(i),n,d),O(i,w,m,h),Bi(i,n)}}}var Je=function(i,n){var e=i.isInitialized,r=i.setup,a=i.wrapperComponent,o=r.doubleClick,t=o.disabled,s=o.excluded,l=n.target,d=a?.contains(l),u=e&&l&&d&&!t;if(!u)return!1;var v=j(l,s);return!v},$e=(function(){function i(n){var e=this;this.mounted=!0,this.pinchLastCenterX=null,this.pinchLastCenterY=null,this.onChangeCallbacks=new Set,this.onInitCallbacks=new Set,this.wrapperComponent=null,this.contentComponent=null,this.isInitialized=!1,this.bounds=null,this.previousWheelEvent=null,this.wheelStopEventTimer=null,this.wheelAnimationTimer=null,this.isPanning=!1,this.isWheelPanning=!1,this.startCoords=null,this.lastTouch=null,this.distance=null,this.lastDistance=null,this.pinchStartDistance=null,this.pinchStartScale=null,this.pinchMidpoint=null,this.doubleClickStopEventTimer=null,this.velocity=null,this.velocityTime=null,this.lastMousePosition=null,this.animate=!1,this.animation=null,this.maxBounds=null,this.pressedKeys={},this.mount=function(){e.initializeWindowEvents()},this.unmount=function(){e.cleanupWindowEvents()},this.update=function(r){e.props=r,Z(e,e.transformState.scale),e.setup=Pi(r)},this.initializeWindowEvents=function(){var r,a,o=ei(),t=(r=e.wrapperComponent)===null||r===void 0?void 0:r.ownerDocument,s=t?.defaultView;(a=e.wrapperComponent)===null||a===void 0||a.addEventListener("wheel",e.onWheelPanning,o),s?.addEventListener("mousedown",e.onPanningStart,o),s?.addEventListener("mousemove",e.onPanning,o),s?.addEventListener("mouseup",e.onPanningStop,o),t?.addEventListener("mouseleave",e.clearPanning,o),s?.addEventListener("keyup",e.setKeyUnPressed,o),s?.addEventListener("keydown",e.setKeyPressed,o)},this.cleanupWindowEvents=function(){var r,a,o=ei(),t=(r=e.wrapperComponent)===null||r===void 0?void 0:r.ownerDocument,s=t?.defaultView;s?.removeEventListener("mousedown",e.onPanningStart,o),s?.removeEventListener("mousemove",e.onPanning,o),s?.removeEventListener("mouseup",e.onPanningStop,o),t?.removeEventListener("mouseleave",e.clearPanning,o),s?.removeEventListener("keyup",e.setKeyUnPressed,o),s?.removeEventListener("keydown",e.setKeyPressed,o),document.removeEventListener("mouseleave",e.clearPanning,o),T(e),(a=e.observer)===null||a===void 0||a.disconnect()},this.handleInitializeWrapperEvents=function(r){var a=ei();r.addEventListener("wheel",e.onWheelZoom,a),r.addEventListener("dblclick",e.onDoubleClick,a),r.addEventListener("touchstart",e.onTouchPanningStart,a),r.addEventListener("touchmove",e.onTouchPanning,a),r.addEventListener("touchend",e.onTouchPanningStop,a)},this.handleInitialize=function(r){var a=e.setup.centerOnInit;e.applyTransformation(),e.onInitCallbacks.forEach(function(o){return o(g(e))}),a&&(e.setCenter(),e.observer=new ResizeObserver(function(){var o,t=r.offsetWidth,s=r.offsetHeight;(t>0||s>0)&&(e.onInitCallbacks.forEach(function(l){return l(g(e))}),e.setCenter(),(o=e.observer)===null||o===void 0||o.disconnect())}),setTimeout(function(){var o;(o=e.observer)===null||o===void 0||o.disconnect()},5e3),e.observer.observe(r))},this.onWheelZoom=function(r){var a=e.setup.disabled;if(!a){var o=_e(e,r);if(o){var t=e.isPressingKeys(e.setup.wheel.activationKeys);t&&(Ve(e,r),Ke(e,r),Qe(e,r))}}},this.onWheelPanning=function(r){var a=e.setup,o=a.disabled,t=a.wheel,s=a.panning;if(!(!e.wrapperComponent||!e.contentComponent||o||!t.wheelDisabled||s.disabled||!s.wheelPanning||r.ctrlKey)){r.preventDefault(),r.stopPropagation();var l=e.transformState,d=l.positionX,u=l.positionY,v=d-r.deltaX,f=u-r.deltaY,p=s.lockAxisX?d:v,m=s.lockAxisY?u:f,h=e.setup.alignmentAnimation,c=h.sizeX,P=h.sizeY,b=D(e,c),w=D(e,P);p===d&&m===u||Ti(e,p,m,b,w)}},this.onPanningStart=function(r){var a=e.setup.disabled,o=e.props.onPanningStart;if(!a){var t=mi(e,r);if(t){var s=e.isPressingKeys(e.setup.panning.activationKeys);s&&(r.button===0&&!e.setup.panning.allowLeftClickPan||r.button===1&&!e.setup.panning.allowMiddleClickPan||r.button===2&&!e.setup.panning.allowRightClickPan||(r.preventDefault(),r.stopPropagation(),T(e),gi(e,r),S(g(e),r,o)))}}},this.onPanning=function(r){var a=e.setup.disabled,o=e.props.onPanning;if(!a){var t=hi(e);if(t){var s=e.isPressingKeys(e.setup.panning.activationKeys);s&&(r.preventDefault(),r.stopPropagation(),Si(e,r.clientX,r.clientY),S(g(e),r,o))}}},this.onPanningStop=function(r){var a=e.props.onPanningStop;e.isPanning&&(we(e),S(g(e),r,a))},this.onPinchStart=function(r){var a=e.setup.disabled,o=e.props,t=o.onPinchingStart,s=o.onZoomStart;if(!a){var l=ke(e,r);l&&(Re(e,r),T(e),S(g(e),r,t),S(g(e),r,s))}},this.onPinch=function(r){var a=e.setup.disabled,o=e.props,t=o.onPinching,s=o.onZoom;if(!a){var l=Be(e);l&&(r.preventDefault(),r.stopPropagation(),Fe(e,r),S(g(e),r,t),S(g(e),r,s))}},this.onPinchStop=function(r){var a=e.props,o=a.onPinchingStop,t=a.onZoomStop;e.pinchStartScale&&(je(e),S(g(e),r,o),S(g(e),r,t))},this.onTouchPanningStart=function(r){var a=e.setup.disabled,o=e.props.onPanningStart;if(!a){var t=mi(e,r);if(t){var s=e.lastTouch&&+new Date-e.lastTouch<200;if(!s){e.lastTouch=+new Date,T(e);var l=r.touches,d=l.length===1,u=l.length===2;d&&(T(e),gi(e,r),S(g(e),r,o)),u&&e.onPinchStart(r)}}}},this.onTouchPanning=function(r){var a=e.setup.disabled,o=e.props.onPanning;if(e.isPanning&&r.touches.length===1){if(a)return;var t=hi(e);if(!t)return;r.preventDefault(),r.stopPropagation();var s=r.touches[0];Si(e,s.clientX,s.clientY),S(g(e),r,o)}else r.touches.length>1&&e.onPinch(r)},this.onTouchPanningStop=function(r){e.onPanningStop(r),e.onPinchStop(r)},this.onDoubleClick=function(r){var a=e.setup.disabled;if(!a){var o=Je(e,r);o&&Ge(e,r)}},this.clearPanning=function(r){e.isPanning&&e.onPanningStop(r)},this.setKeyPressed=function(r){e.pressedKeys[r.key]=!0},this.setKeyUnPressed=function(r){e.pressedKeys[r.key]=!1},this.isPressingKeys=function(r){return r.length?!!r.find(function(a){return e.pressedKeys[a]}):!0},this.setTransformState=function(r,a,o){var t=e.props.onTransformed;if(!Number.isNaN(r)&&!Number.isNaN(a)&&!Number.isNaN(o)){r!==e.transformState.scale&&(e.transformState.previousScale=e.transformState.scale,e.transformState.scale=r),e.transformState.positionX=a,e.transformState.positionY=o,e.applyTransformation();var s=g(e);e.onChangeCallbacks.forEach(function(l){return l(s)}),S(s,{scale:r,positionX:a,positionY:o},t)}else console.error("Detected NaN set state values")},this.setCenter=function(){if(e.wrapperComponent&&e.contentComponent){var r=li(e.transformState.scale,e.wrapperComponent,e.contentComponent);e.setTransformState(r.scale,r.positionX,r.positionY)}},this.handleTransformStyles=function(r,a,o){return e.props.customTransform?e.props.customTransform(r,a,o):Di(r,a,o)},this.applyTransformation=function(){if(!(!e.mounted||!e.contentComponent)){var r=e.transformState,a=r.scale,o=r.positionX,t=r.positionY,s=e.handleTransformStyles(o,t,a);e.contentComponent.style.transform=s}},this.getContext=function(){return g(e)},this.onChange=function(r){return e.onChangeCallbacks.has(r)||e.onChangeCallbacks.add(r),function(){e.onChangeCallbacks.delete(r)}},this.onInit=function(r){return e.onInitCallbacks.has(r)||e.onInitCallbacks.add(r),function(){e.onInitCallbacks.delete(r)}},this.init=function(r,a){e.cleanupWindowEvents(),e.wrapperComponent=r,e.contentComponent=a,Z(e,e.transformState.scale),e.handleInitializeWrapperEvents(r),e.handleInitialize(a),e.initializeWindowEvents(),e.isInitialized=!0;var o=g(e);S(o,void 0,e.props.onInit)},this.props=n,this.setup=Pi(this.props),this.transformState=zi(this.props)}return i})(),q=C.createContext(null),xe=function(i,n){return typeof i=="function"?i(n):i},Ie=C.forwardRef(function(i,n){var e=C.useRef(new $e(i)).current,r=xe(i.children,ai(e));return C.useImperativeHandle(n,function(){return ai(e)},[e]),C.useEffect(function(){e.update(i)},[e,i]),C.createElement(q.Provider,{value:e},r)});C.forwardRef(function(i,n){var e=C.useRef(null),r=C.useContext(q);return C.useEffect(function(){return r.onChange(function(a){if(e.current){var o=0,t=0;e.current.style.transform=r.handleTransformStyles(o,t,1/a.instance.transformState.scale)}})},[r]),C.createElement("div",W({},i,{ref:Ee([e,n])}))});function ir(i,n){n===void 0&&(n={});var e=n.insertAt;if(!(typeof document>"u")){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",e==="top"&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=i:a.appendChild(document.createTextNode(i))}}var er=`.transform-component-module_wrapper__SPB86 {
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react");var Y=function(i,n){return Number(i.toFixed(n))},Fi=function(i,n){return typeof i=="number"?i:n},S=function(i,n,e){e&&typeof e=="function"&&e(i,n)},ji=function(i){return-Math.cos(i*Math.PI)/2+.5},qi=function(i){return i},Ui=function(i){return i*i},Gi=function(i){return i*(2-i)},Ji=function(i){return i<.5?2*i*i:-1+(4-2*i)*i},$i=function(i){return i*i*i},xi=function(i){return--i*i*i+1},Ii=function(i){return i<.5?4*i*i*i:(i-1)*(2*i-2)*(2*i-2)+1},ie=function(i){return i*i*i*i},ee=function(i){return 1- --i*i*i*i},re=function(i){return i<.5?8*i*i*i*i:1-8*--i*i*i*i},ne=function(i){return i*i*i*i*i},ae=function(i){return 1+--i*i*i*i*i},oe=function(i){return i<.5?16*i*i*i*i*i:1+16*--i*i*i*i*i},Ci={easeOut:ji,linear:qi,easeInQuad:Ui,easeOutQuad:Gi,easeInOutQuad:Ji,easeInCubic:$i,easeOutCubic:xi,easeInOutCubic:Ii,easeInQuart:ie,easeOutQuart:ee,easeInOutQuart:re,easeInQuint:ne,easeOutQuint:ae,easeInOutQuint:oe},yi=function(i){typeof i=="number"&&cancelAnimationFrame(i)},T=function(i){i.mounted&&(yi(i.animation),i.animate=!1,i.animation=null,i.velocity=null)};function Yi(i,n,e,r){if(i.mounted){var a=new Date().getTime(),o=1;T(i),i.animation=function(){if(!i.mounted)return yi(i.animation);var t=new Date().getTime()-a,s=t/e,l=Ci[n],d=l(s);t>=e?(r(o),i.animation=null):i.animation&&(r(d),requestAnimationFrame(i.animation))},requestAnimationFrame(i.animation)}}function te(i){var n=i.scale,e=i.positionX,r=i.positionY;return!(Number.isNaN(n)||Number.isNaN(e)||Number.isNaN(r))}function O(i,n,e,r){var a=te(n);if(!(!i.mounted||!a)){var o=i.setTransformState,t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY,u=n.scale-s,v=n.positionX-l,f=n.positionY-d;e===0?o(n.scale,n.positionX,n.positionY):Yi(i,r,e,function(p){var m=s+u*p,h=l+v*p,c=d+f*p;o(m,h,c)})}}function se(i,n,e){var r=i.offsetWidth,a=i.offsetHeight,o=n.offsetWidth,t=n.offsetHeight,s=o*e,l=t*e,d=r-s,u=a-l;return{wrapperWidth:r,wrapperHeight:a,newContentWidth:s,newDiffWidth:d,newContentHeight:l,newDiffHeight:u}}var le=function(i,n,e,r,a,o,t){var s=i>n?e*(t?1:.5):0,l=r>a?o*(t?1:.5):0,d=i-n-s,u=s,v=r-a-l,f=l;return{minPositionX:d,maxPositionX:u,minPositionY:v,maxPositionY:f}},ti=function(i,n){var e=i.wrapperComponent,r=i.contentComponent,a=i.setup.centerZoomedOut;if(!e||!r)throw new Error("Components are not mounted");var o=se(e,r,n),t=o.wrapperWidth,s=o.wrapperHeight,l=o.newContentWidth,d=o.newDiffWidth,u=o.newContentHeight,v=o.newDiffHeight,f=le(t,l,d,s,u,v,!!a);return f},ri=function(i,n,e,r){return r?i<n?Y(n,2):i>e?Y(e,2):Y(i,2):Y(i,2)},Z=function(i,n){var e=ti(i,n);return i.bounds=e,e};function L(i,n,e,r,a,o,t){var s=e.minPositionX,l=e.minPositionY,d=e.maxPositionX,u=e.maxPositionY,v=0,f=0;t&&(v=a,f=o);var p=ri(i,s-v,d+v,r),m=ri(n,l-f,u+f,r);return{x:p,y:m}}function F(i,n,e,r,a,o){var t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY,u=r-s;if(typeof n!="number"||typeof e!="number")return console.error("Mouse X and Y position were not provided!"),{x:l,y:d};var v=l-n*u,f=d-e*u,p=L(v,f,a,o,0,0,null);return p}function H(i,n,e,r,a){var o=a?r:0,t=n-o;return!Number.isNaN(e)&&i>=e?e:!Number.isNaN(n)&&i<=t?t:i}var mi=function(i,n){var e=i.setup.panning.excluded,r=i.isInitialized,a=i.wrapperComponent,o=n.target,t="shadowRoot"in o&&"composedPath"in n,s=t?n.composedPath().some(function(u){return u instanceof Element?a?.contains(u):!1}):a?.contains(o),l=r&&o&&s;if(!l)return!1;var d=j(o,e);return!d},hi=function(i){var n=i.isInitialized,e=i.isPanning,r=i.setup,a=r.panning.disabled,o=n&&e&&!a;return!!o},ue=function(i,n){var e=i.transformState,r=e.positionX,a=e.positionY;i.isPanning=!0;var o=n.clientX,t=n.clientY;i.startCoords={x:o-r,y:t-a}},de=function(i,n){var e=n.touches,r=i.transformState,a=r.positionX,o=r.positionY;i.isPanning=!0;var t=e.length===1;if(t){var s=e[0].clientX,l=e[0].clientY;i.startCoords={x:s-a,y:l-o}}};function ve(i){var n=i.transformState,e=n.positionX,r=n.positionY,a=n.scale,o=i.setup,t=o.disabled,s=o.limitToBounds,l=o.centerZoomedOut,d=i.wrapperComponent;if(!(t||!d||!i.bounds)){var u=i.bounds,v=u.maxPositionX,f=u.minPositionX,p=u.maxPositionY,m=u.minPositionY,h=e>v||e<f,c=r>p||r<m,P=e>v?d.offsetWidth:i.setup.minPositionX||0,b=r>p?d.offsetHeight:i.setup.minPositionY||0,w=F(i,P,b,a,i.bounds,s||l),X=w.x,y=w.y;return{scale:a,positionX:h?X:e,positionY:c?y:r}}}function Ti(i,n,e,r,a){var o=i.setup.limitToBounds,t=i.wrapperComponent,s=i.bounds,l=i.transformState,d=l.scale,u=l.positionX,v=l.positionY;if(!(t===null||s===null||n===u&&e===v)){var f=L(n,e,s,o,r,a,t),p=f.x,m=f.y;i.setTransformState(d,p,m)}}var fe=function(i,n,e){var r=i.startCoords,a=i.transformState,o=i.setup.panning,t=o.lockAxisX,s=o.lockAxisY,l=a.positionX,d=a.positionY;if(!r)return{x:l,y:d};var u=n-r.x,v=e-r.y,f=t?l:u,p=s?d:v;return{x:f,y:p}},D=function(i,n){var e=i.setup,r=i.transformState,a=r.scale,o=e.minScale,t=e.disablePadding;return n>0&&a>=o&&!t?n:0},pe=function(i){var n=i.mounted,e=i.setup,r=e.disabled,a=e.velocityAnimation,o=i.transformState.scale,t=a.disabled,s=!t||o>1||!r||n;return!!s},me=function(i){var n=i.mounted,e=i.velocity,r=i.bounds,a=i.setup,o=a.disabled,t=a.velocityAnimation,s=i.transformState.scale,l=t.disabled,d=!l||s>1||!o||n;return!(!d||!e||!r)};function he(i,n){var e=i.setup.velocityAnimation,r=e.equalToMove,a=e.animationTime,o=e.sensitivity;return r?a*n*o:a}function ci(i,n,e,r,a,o,t,s,l,d){if(a){if(n>t&&e>t){var u=t+(i-t)*d;return u>l?l:u<t?t:u}if(n<o&&e<o){var u=o+(i-o)*d;return u<s?s:u>o?o:u}}return r?n:ri(i,o,t,a)}function ce(i,n){var e=1;return n?Math.min(e,i.offsetWidth/window.innerWidth):e}function ge(i,n){var e=pe(i);if(e){var r=i.lastMousePosition,a=i.velocityTime,o=i.setup,t=i.wrapperComponent,s=o.velocityAnimation.equalToMove,l=Date.now();if(r&&a&&t){var d=ce(t,s),u=n.x-r.x,v=n.y-r.y,f=u/d,p=v/d,m=l-a,h=u*u+v*v,c=Math.sqrt(h)/m;i.velocity={velocityX:f,velocityY:p,total:c}}i.lastMousePosition=n,i.velocityTime=l}}function Se(i){var n=i.velocity,e=i.bounds,r=i.setup,a=i.wrapperComponent,o=me(i);if(!(!o||!n||!e||!a)){var t=n.velocityX,s=n.velocityY,l=n.total,d=e.maxPositionX,u=e.minPositionX,v=e.maxPositionY,f=e.minPositionY,p=r.limitToBounds,m=r.alignmentAnimation,h=r.zoomAnimation,c=r.panning,P=c.lockAxisY,b=c.lockAxisX,w=h.animationType,X=m.sizeX,y=m.sizeY,z=m.velocityAlignmentTime,A=z,N=he(i,l),E=Math.max(N,A),_=D(i,X),k=D(i,y),B=_*a.offsetWidth/100,V=k*a.offsetHeight/100,U=d+B,K=u-B,G=v+V,J=f-V,ui=i.transformState,Zi=new Date().getTime();Yi(i,w,E,function(Mi){var $=i.transformState,Li=$.scale,x=$.positionX,I=$.positionY,Hi=new Date().getTime()-Zi,Vi=Hi/A,Ki=Ci[m.animationType],di=1-Ki(Math.min(1,Vi)),vi=1-Mi,fi=x+t*vi,pi=I+s*vi,Qi=ci(fi,ui.positionX,x,b,p,u,d,K,U,di),Ri=ci(pi,ui.positionY,I,P,p,f,v,J,G,di);(x!==fi||I!==pi)&&i.setTransformState(Li,Qi,Ri)})}}function gi(i,n){var e=i.transformState.scale;T(i),Z(i,e),window.TouchEvent!==void 0&&n instanceof TouchEvent?de(i,n):ue(i,n)}function Xi(i){var n=i.transformState.scale,e=i.setup,r=e.minScale,a=e.alignmentAnimation,o=a.disabled,t=a.sizeX,s=a.sizeY,l=a.animationTime,d=a.animationType,u=o||n<r||!t&&!s;if(!u){var v=ve(i);v&&O(i,v,l,d)}}function Si(i,n,e){var r=i.startCoords,a=i.setup,o=a.alignmentAnimation,t=o.sizeX,s=o.sizeY;if(r){var l=fe(i,n,e),d=l.x,u=l.y,v=D(i,t),f=D(i,s);ge(i,{x:d,y:u}),Ti(i,d,u,v,f)}}function we(i){if(i.isPanning){var n=i.setup.panning.velocityDisabled,e=i.velocity,r=i.wrapperComponent,a=i.contentComponent;i.isPanning=!1,i.animate=!1,i.animation=null;var o=r?.getBoundingClientRect(),t=a?.getBoundingClientRect(),s=o?.width||0,l=o?.height||0,d=t?.width||0,u=t?.height||0,v=s<d||l<u,f=!n&&e&&e?.total>.1&&v;f?Se(i):Xi(i)}}function si(i,n,e,r){var a=i.setup,o=a.minScale,t=a.maxScale,s=a.limitToBounds,l=H(Y(n,2),o,t,0,!1),d=Z(i,l),u=F(i,e,r,l,d,s),v=u.x,f=u.y;return{scale:l,positionX:v,positionY:f}}function Ai(i,n,e){var r=i.transformState.scale,a=i.wrapperComponent,o=i.setup,t=o.minScale,s=o.limitToBounds,l=o.zoomAnimation,d=l.disabled,u=l.animationTime,v=l.animationType,f=d||r>=t;if((r>=1||s)&&Xi(i),!(f||!a||!i.mounted)){var p=n||a.offsetWidth/2,m=e||a.offsetHeight/2,h=si(i,t,p,m);h&&O(i,h,u,v)}}var W=function(){return W=Object.assign||function(n){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},W.apply(this,arguments)};function wi(i,n,e){for(var r=0,a=n.length,o;r<a;r++)(o||!(r in n))&&(o||(o=Array.prototype.slice.call(n,0,r)),o[r]=n[r]);return i.concat(o||Array.prototype.slice.call(n))}var Q={scale:1,positionX:0,positionY:0},M={disabled:!1,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:!0,centerZoomedOut:!1,centerOnInit:!1,disablePadding:!1,smooth:!0,wheel:{step:.2,disabled:!1,smoothStep:.001,wheelDisabled:!1,touchPadDisabled:!1,activationKeys:[],excluded:[]},panning:{disabled:!1,velocityDisabled:!1,lockAxisX:!1,lockAxisY:!1,allowLeftClickPan:!0,allowMiddleClickPan:!0,allowRightClickPan:!0,wheelPanning:!1,activationKeys:[],excluded:[]},pinch:{step:5,disabled:!1,excluded:[]},doubleClick:{disabled:!1,step:.7,mode:"zoomIn",animationType:"easeOut",animationTime:200,excluded:[]},zoomAnimation:{disabled:!1,size:.4,animationTime:200,animationType:"easeOut"},alignmentAnimation:{disabled:!1,sizeX:100,sizeY:100,animationTime:200,velocityAlignmentTime:400,animationType:"easeOut"},velocityAnimation:{disabled:!1,sensitivity:1,animationTime:400,animationType:"easeOut",equalToMove:!0}},ni={wrapperClass:"react-transform-wrapper",contentClass:"react-transform-component"},zi=function(i){var n,e,r,a;return{previousScale:(n=i.initialScale)!==null&&n!==void 0?n:Q.scale,scale:(e=i.initialScale)!==null&&e!==void 0?e:Q.scale,positionX:(r=i.initialPositionX)!==null&&r!==void 0?r:Q.positionX,positionY:(a=i.initialPositionY)!==null&&a!==void 0?a:Q.positionY}},Pi=function(i){var n=W({},M);return Object.keys(i).forEach(function(e){var r=typeof i[e]<"u",a=typeof M[e]<"u";if(a&&r){var o=Object.prototype.toString.call(M[e]),t=o==="[object Object]",s=o==="[object Array]";t?n[e]=W(W({},M[e]),i[e]):s?n[e]=wi(wi([],M[e],!0),i[e]):n[e]=i[e]}}),n},Ei=function(i,n,e){var r=i.transformState.scale,a=i.wrapperComponent,o=i.setup,t=o.maxScale,s=o.minScale,l=o.zoomAnimation,d=o.smooth,u=l.size;if(!a)throw new Error("Wrapper is not mounted");var v=d?r*Math.exp(n*e):r+n*e,f=H(Y(v,3),s,t,u,!1);return f};function _i(i,n,e,r,a){var o=i.wrapperComponent,t=i.transformState,s=t.scale,l=t.positionX,d=t.positionY;if(!o)return console.error("No WrapperComponent found");var u=o.offsetWidth,v=o.offsetHeight,f=(u/2-l)/s,p=(v/2-d)/s,m=Ei(i,n,e),h=si(i,m,f,p);if(!h)return console.error("Error during zoom event. New transformation state was not calculated.");O(i,h,r,a)}function Wi(i,n,e,r){var a=i.setup,o=i.wrapperComponent,t=a.limitToBounds,s=zi(i.props),l=i.transformState,d=l.scale,u=l.positionX,v=l.positionY;if(o){var f=ti(i,s.scale),p=L(s.positionX,s.positionY,f,t,0,0,o),m={scale:s.scale,positionX:p.x,positionY:p.y};d===s.scale&&u===s.positionX&&v===s.positionY||(r?.(),O(i,m,n,e))}}function Pe(i,n,e,r){var a=i.getBoundingClientRect(),o=n.getBoundingClientRect(),t=e.getBoundingClientRect(),s=o.x*r.scale,l=o.y*r.scale;return{x:(a.x-t.x+s)/r.scale,y:(a.y-t.y+l)/r.scale}}function be(i,n,e){var r=i.wrapperComponent,a=i.contentComponent,o=i.transformState,t=i.setup,s=t.limitToBounds,l=t.minScale,d=t.maxScale;if(!r||!a)return o;var u=r.getBoundingClientRect(),v=n.getBoundingClientRect(),f=Pe(n,r,a,o),p=f.x,m=f.y,h=v.width/o.scale,c=v.height/o.scale,P=r.offsetWidth/h,b=r.offsetHeight/c,w=H(e||Math.min(P,b),l,d,0,!1),X=(u.width-h*w)/2,y=(u.height-c*w)/2,z=(u.left-p)*w+X,A=(u.top-m)*w+y,N=ti(i,w),E=L(z,A,N,s,0,0,r),_=E.x,k=E.y;return{positionX:_,positionY:k,scale:w}}var Ce=function(i){return function(n,e,r){n===void 0&&(n=.5),e===void 0&&(e=300),r===void 0&&(r="easeOut"),_i(i,1,n,e,r)}},ye=function(i){return function(n,e,r){n===void 0&&(n=.5),e===void 0&&(e=300),r===void 0&&(r="easeOut"),_i(i,-1,n,e,r)}},Ye=function(i){return function(n,e,r,a,o){a===void 0&&(a=300),o===void 0&&(o="easeOut");var t=i.transformState,s=t.positionX,l=t.positionY,d=t.scale,u=i.wrapperComponent,v=i.contentComponent,f=i.setup.disabled;if(!(f||!u||!v)){var p={positionX:Number.isNaN(n)?s:n,positionY:Number.isNaN(e)?l:e,scale:Number.isNaN(r)?d:r};O(i,p,a,o)}}},Te=function(i){return function(n,e){n===void 0&&(n=200),e===void 0&&(e="easeOut"),Wi(i,n,e)}},Xe=function(i){return function(n,e,r){e===void 0&&(e=200),r===void 0&&(r="easeOut");var a=i.transformState,o=i.wrapperComponent,t=i.contentComponent;if(o&&t){var s=li(n||a.scale,o,t);O(i,s,e,r)}}},Ae=function(i){return function(n,e,r,a){r===void 0&&(r=600),a===void 0&&(a="easeOut"),T(i);var o=i.wrapperComponent,t=typeof n=="string"?document.getElementById(n):n;if(o&&t&&o.contains(t)){var s=be(i,t,e);O(i,s,r,a)}}},ai=function(i){return{instance:i,zoomIn:Ce(i),zoomOut:ye(i),setTransform:Ye(i),resetTransform:Te(i),centerView:Xe(i),zoomToElement:Ae(i)}},ze=function(i){return{instance:i,state:i.transformState}},g=function(i){var n={};return Object.assign(n,ze(i)),Object.assign(n,ai(i)),n},ii=!1;function ei(){try{var i={get passive(){return ii=!0,!1}};return i}catch{return ii=!1,ii}}var R=".".concat(ni.wrapperClass),j=function(i,n){return n.some(function(e){return i.matches("".concat(R," ").concat(e,", ").concat(R," .").concat(e,", ").concat(R," ").concat(e," *, ").concat(R," .").concat(e," *"))})},oi=function(i){i&&clearTimeout(i)},Di=function(i,n,e){return"translate(".concat(i,"px, ").concat(n,"px) scale(").concat(e,")")},li=function(i,n,e){var r=e.offsetWidth*i,a=e.offsetHeight*i,o=(n.offsetWidth-r)/2,t=(n.offsetHeight-a)/2;return{scale:i,positionX:o,positionY:t}};function Ee(i){return function(n){i.forEach(function(e){typeof e=="function"?e(n):e!=null&&(e.current=n)})}}var _e=function(i,n){var e=i.setup.wheel,r=e.disabled,a=e.wheelDisabled,o=e.touchPadDisabled,t=e.excluded,s=i.isInitialized,l=i.isPanning,d=n.target,u=s&&!l&&!r&&d;if(!u||a&&!n.ctrlKey||o&&n.ctrlKey)return!1;var v=j(d,t);return!v},We=function(i){return i?i.deltaY<0?1:-1:0};function De(i,n){var e=We(i),r=Fi(n,e);return r}function Oi(i,n,e){var r=n.getBoundingClientRect(),a=0,o=0;if("clientX"in i)a=(i.clientX-r.left)/e,o=(i.clientY-r.top)/e;else{var t=i.touches[0];a=(t.clientX-r.left)/e,o=(t.clientY-r.top)/e}return(Number.isNaN(a)||Number.isNaN(o))&&console.error("No mouse or touch offset found"),{x:a,y:o}}var Oe=function(i,n,e,r,a){var o=i.transformState.scale,t=i.wrapperComponent,s=i.setup,l=s.maxScale,d=s.minScale,u=s.zoomAnimation,v=s.disablePadding,f=u.size,p=u.disabled;if(!t)throw new Error("Wrapper is not mounted");var m=o+n*e,h=r?!1:!p,c=H(Y(m,3),d,l,f,h&&!v);return c},Ne=function(i,n){var e=i.previousWheelEvent,r=i.transformState.scale,a=i.setup,o=a.maxScale,t=a.minScale;return e?r<o||r>t||Math.sign(e.deltaY)!==Math.sign(n.deltaY)||e.deltaY>0&&e.deltaY<n.deltaY||e.deltaY<0&&e.deltaY>n.deltaY||Math.sign(e.deltaY)!==Math.sign(n.deltaY):!1},ke=function(i,n){var e=i.setup.pinch,r=e.disabled,a=e.excluded,o=i.isInitialized,t=n.target,s=o&&!r&&t;if(!s)return!1;var l=j(t,a);return!l},Be=function(i){var n=i.setup.pinch.disabled,e=i.isInitialized,r=i.pinchStartDistance,a=e&&!n&&r;return!!a},Ze=function(i,n,e){var r=e.getBoundingClientRect(),a=i.touches,o=Y(a[0].clientX-r.left,5),t=Y(a[0].clientY-r.top,5),s=Y(a[1].clientX-r.left,5),l=Y(a[1].clientY-r.top,5);return{x:(o+s)/2/n,y:(t+l)/2/n}},Ni=function(i){return Math.sqrt(Math.pow(i.touches[0].pageX-i.touches[1].pageX,2)+Math.pow(i.touches[0].pageY-i.touches[1].pageY,2))},Me=function(i,n){var e=i.pinchStartScale,r=i.pinchStartDistance,a=i.setup,o=a.maxScale,t=a.minScale,s=a.zoomAnimation,l=a.disablePadding,d=s.size,u=s.disabled;if(!e||r===null||!n)throw new Error("Pinch touches distance was not provided");if(n<0)return i.transformState.scale;var v=n/r,f=v*e;return H(Y(f,2),t,o,d,!u&&!l)},Le=160,He=100,Ve=function(i,n){var e=i.props,r=e.onWheelStart,a=e.onZoomStart;i.wheelStopEventTimer||(T(i),S(g(i),n,r),S(g(i),n,a))},Ke=function(i,n){var e=i.props,r=e.onWheel,a=e.onZoom,o=i.contentComponent,t=i.setup,s=i.transformState,l=s.scale,d=t.limitToBounds,u=t.centerZoomedOut,v=t.zoomAnimation,f=t.wheel,p=t.disablePadding,m=t.smooth,h=v.size,c=v.disabled,P=f.step,b=f.smoothStep;if(!o)throw new Error("Component not mounted");n.preventDefault(),n.stopPropagation();var w=De(n,null),X=m?b*Math.abs(n.deltaY):P,y=Oe(i,w,X,!n.ctrlKey);if(l!==y){var z=Z(i,y),A=Oi(n,o,l),N=c||h===0||u||p,E=d&&N,_=F(i,A.x,A.y,y,z,E),k=_.x,B=_.y;i.previousWheelEvent=n,i.setTransformState(y,k,B),S(g(i),n,r),S(g(i),n,a)}},Qe=function(i,n){var e=i.props,r=e.onWheelStop,a=e.onZoomStop;oi(i.wheelAnimationTimer),i.wheelAnimationTimer=setTimeout(function(){i.mounted&&(Ai(i,n.x,n.y),i.wheelAnimationTimer=null)},He);var o=Ne(i,n);o&&(oi(i.wheelStopEventTimer),i.wheelStopEventTimer=setTimeout(function(){i.mounted&&(i.wheelStopEventTimer=null,S(g(i),n,r),S(g(i),n,a))},Le))},ki=function(i){for(var n=0,e=0,r=0;r<2;r+=1)n+=i.touches[r].clientX,e+=i.touches[r].clientY;var a=n/2,o=e/2;return{x:a,y:o}},Re=function(i,n){var e=Ni(n);i.pinchStartDistance=e,i.lastDistance=e,i.pinchStartScale=i.transformState.scale,i.isPanning=!1;var r=ki(n);i.pinchLastCenterX=r.x,i.pinchLastCenterY=r.y,T(i)},Fe=function(i,n){var e=i.contentComponent,r=i.pinchStartDistance,a=i.wrapperComponent,o=i.transformState.scale,t=i.setup,s=t.limitToBounds,l=t.centerZoomedOut,d=t.zoomAnimation,u=t.alignmentAnimation,v=d.disabled,f=d.size;if(!(r===null||!e)){var p=Ze(n,o,e);if(!(!Number.isFinite(p.x)||!Number.isFinite(p.y))){var m=Ni(n),h=Me(i,m),c=ki(n),P=c.x-(i.pinchLastCenterX||0),b=c.y-(i.pinchLastCenterY||0);if(!(h===o&&P===0&&b===0)){i.pinchLastCenterX=c.x,i.pinchLastCenterY=c.y;var w=Z(i,h),X=v||f===0||l,y=s&&X,z=F(i,p.x,p.y,h,w,y),A=z.x,N=z.y;i.pinchMidpoint=p,i.lastDistance=m;var E=u.sizeX,_=u.sizeY,k=D(i,E),B=D(i,_),V=A+P,U=N+b,K=L(V,U,w,s,k,B,a),G=K.x,J=K.y;i.setTransformState(h,G,J)}}}},je=function(i){var n=i.pinchMidpoint;i.velocity=null,i.lastDistance=null,i.pinchMidpoint=null,i.pinchStartScale=null,i.pinchStartDistance=null,Ai(i,n?.x,n?.y)},Bi=function(i,n){var e=i.props.onZoomStop,r=i.setup.doubleClick.animationTime;oi(i.doubleClickStopEventTimer),i.doubleClickStopEventTimer=setTimeout(function(){i.doubleClickStopEventTimer=null,S(g(i),n,e)},r)},qe=function(i,n){var e=i.props,r=e.onZoomStart,a=e.onZoom,o=i.setup.doubleClick,t=o.animationTime,s=o.animationType;S(g(i),n,r),Wi(i,t,s,function(){return S(g(i),n,a)}),Bi(i,n)};function Ue(i,n){return i==="toggle"?n===1?1:-1:i==="zoomOut"?-1:1}function Ge(i,n){var e=i.setup,r=i.doubleClickStopEventTimer,a=i.transformState,o=i.contentComponent,t=a.scale,s=i.props,l=s.onZoomStart,d=s.onZoom,u=e.doubleClick,v=u.disabled,f=u.mode,p=u.step,m=u.animationTime,h=u.animationType;if(!v&&!r){if(f==="reset")return qe(i,n);if(!o)return console.error("No ContentComponent found");var c=Ue(f,i.transformState.scale),P=Ei(i,c,p);if(t!==P){S(g(i),n,l);var b=Oi(n,o,t),w=si(i,P,b.x,b.y);if(!w)return console.error("Error during zoom event. New transformation state was not calculated.");S(g(i),n,d),O(i,w,m,h),Bi(i,n)}}}var Je=function(i,n){var e=i.isInitialized,r=i.setup,a=i.wrapperComponent,o=r.doubleClick,t=o.disabled,s=o.excluded,l=n.target,d=a?.contains(l),u=e&&l&&d&&!t;if(!u)return!1;var v=j(l,s);return!v},$e=(function(){function i(n){var e=this;this.mounted=!0,this.pinchLastCenterX=null,this.pinchLastCenterY=null,this.onChangeCallbacks=new Set,this.onInitCallbacks=new Set,this.wrapperComponent=null,this.contentComponent=null,this.isInitialized=!1,this.bounds=null,this.previousWheelEvent=null,this.wheelStopEventTimer=null,this.wheelAnimationTimer=null,this.isPanning=!1,this.isWheelPanning=!1,this.startCoords=null,this.lastTouch=null,this.distance=null,this.lastDistance=null,this.pinchStartDistance=null,this.pinchStartScale=null,this.pinchMidpoint=null,this.doubleClickStopEventTimer=null,this.velocity=null,this.velocityTime=null,this.lastMousePosition=null,this.animate=!1,this.animation=null,this.maxBounds=null,this.pressedKeys={},this.mount=function(){e.initializeWindowEvents()},this.unmount=function(){e.cleanupWindowEvents()},this.update=function(r){e.props=r,Z(e,e.transformState.scale),e.setup=Pi(r)},this.initializeWindowEvents=function(){var r,a,o=ei(),t=(r=e.wrapperComponent)===null||r===void 0?void 0:r.ownerDocument,s=t?.defaultView;(a=e.wrapperComponent)===null||a===void 0||a.addEventListener("wheel",e.onWheelPanning,o),s?.addEventListener("mousedown",e.onPanningStart,o),s?.addEventListener("mousemove",e.onPanning,o),s?.addEventListener("mouseup",e.onPanningStop,o),t?.addEventListener("mouseleave",e.clearPanning,o),s?.addEventListener("keyup",e.setKeyUnPressed,o),s?.addEventListener("keydown",e.setKeyPressed,o)},this.cleanupWindowEvents=function(){var r,a,o=ei(),t=(r=e.wrapperComponent)===null||r===void 0?void 0:r.ownerDocument,s=t?.defaultView;s?.removeEventListener("mousedown",e.onPanningStart,o),s?.removeEventListener("mousemove",e.onPanning,o),s?.removeEventListener("mouseup",e.onPanningStop,o),t?.removeEventListener("mouseleave",e.clearPanning,o),s?.removeEventListener("keyup",e.setKeyUnPressed,o),s?.removeEventListener("keydown",e.setKeyPressed,o),document.removeEventListener("mouseleave",e.clearPanning,o),T(e),(a=e.observer)===null||a===void 0||a.disconnect()},this.handleInitializeWrapperEvents=function(r){var a=ei();r.addEventListener("wheel",e.onWheelZoom,a),r.addEventListener("dblclick",e.onDoubleClick,a),r.addEventListener("touchstart",e.onTouchPanningStart,a),r.addEventListener("touchmove",e.onTouchPanning,a),r.addEventListener("touchend",e.onTouchPanningStop,a)},this.handleInitialize=function(r){var a=e.setup.centerOnInit;e.applyTransformation(),e.onInitCallbacks.forEach(function(o){return o(g(e))}),a&&(e.setCenter(),e.observer=new ResizeObserver(function(){var o,t=r.offsetWidth,s=r.offsetHeight;(t>0||s>0)&&(e.onInitCallbacks.forEach(function(l){return l(g(e))}),e.setCenter(),(o=e.observer)===null||o===void 0||o.disconnect())}),setTimeout(function(){var o;(o=e.observer)===null||o===void 0||o.disconnect()},5e3),e.observer.observe(r))},this.onWheelZoom=function(r){var a=e.setup.disabled;if(!a){var o=_e(e,r);if(o){var t=e.isPressingKeys(e.setup.wheel.activationKeys);t&&(Ve(e,r),Ke(e,r),Qe(e,r))}}},this.onWheelPanning=function(r){var a=e.setup,o=a.disabled,t=a.wheel,s=a.panning;if(!(!e.wrapperComponent||!e.contentComponent||o||!t.wheelDisabled||s.disabled||!s.wheelPanning||r.ctrlKey)){r.preventDefault(),r.stopPropagation();var l=e.transformState,d=l.positionX,u=l.positionY,v=d-r.deltaX,f=u-r.deltaY,p=s.lockAxisX?d:v,m=s.lockAxisY?u:f,h=e.setup.alignmentAnimation,c=h.sizeX,P=h.sizeY,b=D(e,c),w=D(e,P);p===d&&m===u||Ti(e,p,m,b,w)}},this.onPanningStart=function(r){var a=e.setup.disabled,o=e.props.onPanningStart;if(!a){var t=mi(e,r);if(t){var s=e.isPressingKeys(e.setup.panning.activationKeys);s&&(r.button===0&&!e.setup.panning.allowLeftClickPan||r.button===1&&!e.setup.panning.allowMiddleClickPan||r.button===2&&!e.setup.panning.allowRightClickPan||(r.preventDefault(),r.stopPropagation(),T(e),gi(e,r),S(g(e),r,o)))}}},this.onPanning=function(r){var a=e.setup.disabled,o=e.props.onPanning;if(!a){var t=hi(e);if(t){var s=e.isPressingKeys(e.setup.panning.activationKeys);s&&(r.preventDefault(),r.stopPropagation(),Si(e,r.clientX,r.clientY),S(g(e),r,o))}}},this.onPanningStop=function(r){var a=e.props.onPanningStop;e.isPanning&&(we(e),S(g(e),r,a))},this.onPinchStart=function(r){var a=e.setup.disabled,o=e.props,t=o.onPinchingStart,s=o.onZoomStart;if(!a){var l=ke(e,r);l&&(Re(e,r),T(e),S(g(e),r,t),S(g(e),r,s))}},this.onPinch=function(r){var a=e.setup.disabled,o=e.props,t=o.onPinching,s=o.onZoom;if(!a){var l=Be(e);l&&(r.preventDefault(),r.stopPropagation(),Fe(e,r),S(g(e),r,t),S(g(e),r,s))}},this.onPinchStop=function(r){var a=e.props,o=a.onPinchingStop,t=a.onZoomStop;e.pinchStartScale&&(je(e),S(g(e),r,o),S(g(e),r,t))},this.onTouchPanningStart=function(r){var a=e.setup.disabled,o=e.props.onPanningStart;if(!a){var t=mi(e,r);if(t){var s=e.lastTouch&&+new Date-e.lastTouch<200;if(!s){e.lastTouch=+new Date,T(e);var l=r.touches,d=l.length===1,u=l.length===2;d&&(T(e),gi(e,r),S(g(e),r,o)),u&&e.onPinchStart(r)}}}},this.onTouchPanning=function(r){var a=e.setup.disabled,o=e.props.onPanning;if(e.isPanning&&r.touches.length===1){if(a)return;var t=hi(e);if(!t)return;r.preventDefault(),r.stopPropagation();var s=r.touches[0];Si(e,s.clientX,s.clientY),S(g(e),r,o)}else r.touches.length>1&&e.onPinch(r)},this.onTouchPanningStop=function(r){e.onPanningStop(r),e.onPinchStop(r)},this.onDoubleClick=function(r){var a=e.setup.disabled;if(!a){var o=Je(e,r);o&&Ge(e,r)}},this.clearPanning=function(r){e.isPanning&&e.onPanningStop(r)},this.setKeyPressed=function(r){e.pressedKeys[r.key]=!0},this.setKeyUnPressed=function(r){e.pressedKeys[r.key]=!1},this.isPressingKeys=function(r){return r.length?!!r.find(function(a){return e.pressedKeys[a]}):!0},this.setTransformState=function(r,a,o){var t=e.props.onTransformed;if(!Number.isNaN(r)&&!Number.isNaN(a)&&!Number.isNaN(o)){r!==e.transformState.scale&&(e.transformState.previousScale=e.transformState.scale,e.transformState.scale=r),e.transformState.positionX=a,e.transformState.positionY=o,e.applyTransformation();var s=g(e);e.onChangeCallbacks.forEach(function(l){return l(s)}),S(s,{scale:r,positionX:a,positionY:o},t)}else console.error("Detected NaN set state values")},this.setCenter=function(){if(e.wrapperComponent&&e.contentComponent){var r=li(e.transformState.scale,e.wrapperComponent,e.contentComponent);e.setTransformState(r.scale,r.positionX,r.positionY)}},this.handleTransformStyles=function(r,a,o){return e.props.customTransform?e.props.customTransform(r,a,o):Di(r,a,o)},this.applyTransformation=function(){if(!(!e.mounted||!e.contentComponent)){var r=e.transformState,a=r.scale,o=r.positionX,t=r.positionY,s=e.handleTransformStyles(o,t,a);e.contentComponent.style.transform=s}},this.getContext=function(){return g(e)},this.onChange=function(r){return e.onChangeCallbacks.has(r)||e.onChangeCallbacks.add(r),function(){e.onChangeCallbacks.delete(r)}},this.onInit=function(r){return e.onInitCallbacks.has(r)||e.onInitCallbacks.add(r),function(){e.onInitCallbacks.delete(r)}},this.init=function(r,a){e.cleanupWindowEvents(),e.wrapperComponent=r,e.contentComponent=a,Z(e,e.transformState.scale),e.handleInitializeWrapperEvents(r),e.handleInitialize(a),e.initializeWindowEvents(),e.isInitialized=!0;var o=g(e);S(o,void 0,e.props.onInit)},this.props=n,this.setup=Pi(this.props),this.transformState=zi(this.props)}return i})(),q=C.createContext(null),xe=function(i,n){return typeof i=="function"?i(n):i},Ie=C.forwardRef(function(i,n){var e=C.useRef(new $e(i)).current,r=xe(i.children,ai(e));return C.useImperativeHandle(n,function(){return ai(e)},[e]),C.useEffect(function(){e.update(i)},[e,i]),C.createElement(q.Provider,{value:e},r)});C.forwardRef(function(i,n){var e=C.useRef(null),r=C.useContext(q);return C.useEffect(function(){return r.onChange(function(a){if(e.current){var o=0,t=0;e.current.style.transform=r.handleTransformStyles(o,t,1/a.instance.transformState.scale)}})},[r]),C.createElement("div",W({},i,{ref:Ee([e,n])}))});function ir(i,n){n===void 0&&(n={});var e=n.insertAt;if(!(typeof document>"u")){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",e==="top"&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=i:a.appendChild(document.createTextNode(i))}}var er=`.transform-component-module_wrapper__SPB86 {
|
|
2
2
|
position: relative;
|
|
3
3
|
width: -moz-fit-content;
|
|
4
4
|
width: fit-content;
|
|
@@ -2,7 +2,7 @@ import k, { useRef as R, useImperativeHandle as qi, useEffect as ti, useContext
|
|
|
2
2
|
var y = function(i, n) {
|
|
3
3
|
return Number(i.toFixed(n));
|
|
4
4
|
}, Ui = function(i, n) {
|
|
5
|
-
return n;
|
|
5
|
+
return typeof i == "number" ? i : n;
|
|
6
6
|
}, S = function(i, n, e) {
|
|
7
7
|
e && typeof e == "function" && e(i, n);
|
|
8
8
|
}, Gi = function(i) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { useState as d,
|
|
1
|
+
import { useState as d, useRef as f, useEffect as u, useLayoutEffect as m } from "react";
|
|
2
2
|
import "../../../_virtual/index5.js";
|
|
3
|
-
var a = typeof window < "u" ?
|
|
3
|
+
var a = typeof window < "u" ? m : u;
|
|
4
4
|
function v(t, i, o, s) {
|
|
5
|
-
const c =
|
|
5
|
+
const c = f(i);
|
|
6
6
|
a(() => {
|
|
7
7
|
c.current = i;
|
|
8
8
|
}, [i]), u(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react"),N=require("../../utils/index.cjs"),b=require("../../_virtual/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react"),N=require("../../utils/index.cjs"),b=require("../../_virtual/index2.cjs"),n=require("../../components/Text/Text.cjs"),$=require("../../components/Button/Button.cjs"),t=require("../../components/Button/types.cjs"),u=require("../../components/IconButton/IconButton.cjs"),m=require("../../providers/SeldonProvider/utils.cjs"),k=require("../../components/Text/types.cjs"),C=require("../../components/Divider/Divider.cjs"),l=require("../../components/Icon/Icon.cjs"),x=require("../../utils/constants.cjs"),j=y.forwardRef(({className:h,title:_,subtitle:c,actionButtons:s,overline:o,showDivider:f=!0,...p},q)=>{const{className:r,...g}=N.getCommonProps(p,"AccountPageHeader"),i=s?.find(a=>a.isPrimary),d=s?.filter(a=>!a.isPrimary),v=()=>e.jsxs("div",{className:`${r}__button-wrapper`,children:[d&&e.jsx(e.Fragment,{children:d.map(a=>e.jsx(u.default,{variant:t.ButtonVariants.tertiary,onClick:a.onClick,"aria-label":a.ariaLabel,children:e.jsx(l.default,{icon:a.icon,"aria-label":a.ariaLabel,title:a.ariaLabel})},`icon-button-${a.icon}`))}),i&&e.jsxs(e.Fragment,{children:[e.jsx(m.SSRMediaQuery.Media,{greaterThanOrEqual:x.Breakpoints.md,children:e.jsxs($.default,{variant:t.ButtonVariants.secondary,onClick:i.onClick,children:[e.jsx(l.default,{icon:i.icon})," ",e.jsx("span",{className:`${r}__button-label`,children:i.label})]})}),e.jsx(m.SSRMediaQuery.Media,{lessThan:x.Breakpoints.md,children:e.jsx(u.default,{variant:t.ButtonVariants.tertiary,onClick:i.onClick,"aria-label":i.ariaLabel,children:e.jsx(l.default,{icon:i.icon,title:i.ariaLabel})})})]})]});return e.jsxs("div",{...g,className:b.default(r,h),ref:q,children:[e.jsxs("div",{className:`${r}__container`,children:[o&&e.jsx(n.default,{className:`${r}__overline`,children:o}),e.jsxs("div",{className:`${r}__title-wrapper`,children:[e.jsx(n.default,{variant:k.TextVariants.headingLarge,className:`${r}__title`,children:_}),s&&s.length>0&&v()]}),c&&e.jsx(n.default,{className:`${r}__subtitle`,children:c})]}),f&&e.jsx(C.default,{className:`${r}__divider`})]})});j.displayName="AccountPageHeader";exports.default=j;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsxs as n, jsx as r, Fragment as p } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as C } from "react";
|
|
3
3
|
import { getCommonProps as k } from "../../utils/index.js";
|
|
4
|
-
import P from "../../_virtual/
|
|
4
|
+
import P from "../../_virtual/index2.js";
|
|
5
5
|
import l from "../../components/Text/Text.js";
|
|
6
|
-
import
|
|
7
|
-
import x from "../../components/Divider/Divider.js";
|
|
8
|
-
import B from "../../components/Button/Button.js";
|
|
6
|
+
import L from "../../components/Button/Button.js";
|
|
9
7
|
import { ButtonVariants as c } from "../../components/Button/types.js";
|
|
10
|
-
import t from "../../components/Icon/Icon.js";
|
|
11
8
|
import h from "../../components/IconButton/IconButton.js";
|
|
12
9
|
import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
|
|
10
|
+
import { TextVariants as x } from "../../components/Text/types.js";
|
|
11
|
+
import B from "../../components/Divider/Divider.js";
|
|
12
|
+
import t from "../../components/Icon/Icon.js";
|
|
13
13
|
import { Breakpoints as _ } from "../../utils/constants.js";
|
|
14
14
|
const T = C(
|
|
15
15
|
({ className: N, title: v, subtitle: m, actionButtons: o, overline: s, showDivider: b = !0, ...g }, u) => {
|
|
@@ -25,7 +25,7 @@ const T = C(
|
|
|
25
25
|
`icon-button-${a.icon}`
|
|
26
26
|
)) }),
|
|
27
27
|
i && /* @__PURE__ */ n(p, { children: [
|
|
28
|
-
/* @__PURE__ */ r(f.Media, { greaterThanOrEqual: _.md, children: /* @__PURE__ */ n(
|
|
28
|
+
/* @__PURE__ */ r(f.Media, { greaterThanOrEqual: _.md, children: /* @__PURE__ */ n(L, { variant: c.secondary, onClick: i.onClick, children: [
|
|
29
29
|
/* @__PURE__ */ r(t, { icon: i.icon }),
|
|
30
30
|
" ",
|
|
31
31
|
/* @__PURE__ */ r("span", { className: `${e}__button-label`, children: i.label })
|
|
@@ -45,12 +45,12 @@ const T = C(
|
|
|
45
45
|
/* @__PURE__ */ n("div", { className: `${e}__container`, children: [
|
|
46
46
|
s && /* @__PURE__ */ r(l, { className: `${e}__overline`, children: s }),
|
|
47
47
|
/* @__PURE__ */ n("div", { className: `${e}__title-wrapper`, children: [
|
|
48
|
-
/* @__PURE__ */ r(l, { variant:
|
|
48
|
+
/* @__PURE__ */ r(l, { variant: x.headingLarge, className: `${e}__title`, children: v }),
|
|
49
49
|
o && o.length > 0 && y()
|
|
50
50
|
] }),
|
|
51
51
|
m && /* @__PURE__ */ r(l, { className: `${e}__subtitle`, children: m })
|
|
52
52
|
] }),
|
|
53
|
-
b && /* @__PURE__ */ r(
|
|
53
|
+
b && /* @__PURE__ */ r(B, { className: `${e}__divider` })
|
|
54
54
|
] });
|
|
55
55
|
}
|
|
56
56
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../_virtual/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../_virtual/index2.cjs"),x=require("../../utils/index.cjs"),i=require("./types.cjs"),n=require("../../components/Icon/Icon.cjs"),g=require("../../components/Text/Text.cjs"),h=require("../../components/Text/types.cjs"),q=({className:r,hasIcon:a=!0,message:o,variant:c=i.BidMessageVariants.positive,textVariant:u=h.TextVariants.labelMedium,...s})=>{const{className:t,...l}=x.getCommonProps(s,"BidMessage"),d=c===i.BidMessageVariants.positive?e.jsx(n.default,{icon:"IconGreenCircle",height:8,width:8}):e.jsx(n.default,{icon:"IconRedCircle",height:8,width:8});return e.jsxs("div",{...l,className:m.default(t,r),...s,children:[a?d:null,e.jsx(g.default,{variant:u,className:`${t}-text`,children:o})]})};exports.default=q;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsx as e, jsxs as p } from "react/jsx-runtime";
|
|
2
|
-
import f from "../../_virtual/
|
|
2
|
+
import f from "../../_virtual/index2.js";
|
|
3
3
|
import { getCommonProps as h } from "../../utils/index.js";
|
|
4
|
-
import { TextVariants as g } from "../../components/Text/types.js";
|
|
5
|
-
import x from "../../components/Text/Text.js";
|
|
6
4
|
import { BidMessageVariants as s } from "./types.js";
|
|
7
5
|
import t from "../../components/Icon/Icon.js";
|
|
6
|
+
import g from "../../components/Text/Text.js";
|
|
7
|
+
import { TextVariants as x } from "../../components/Text/types.js";
|
|
8
8
|
const b = ({
|
|
9
9
|
className: r,
|
|
10
10
|
hasIcon: m = !0,
|
|
11
11
|
message: a,
|
|
12
12
|
variant: n = s.positive,
|
|
13
|
-
textVariant: c =
|
|
13
|
+
textVariant: c = x.labelMedium,
|
|
14
14
|
...o
|
|
15
15
|
}) => {
|
|
16
16
|
const { className: i, ...l } = h(o, "BidMessage"), d = n === s.positive ? /* @__PURE__ */ e(t, { icon: "IconGreenCircle", height: 8, width: 8 }) : /* @__PURE__ */ e(t, { icon: "IconRedCircle", height: 8, width: 8 });
|
|
17
17
|
return /* @__PURE__ */ p("div", { ...l, className: f(i, r), ...o, children: [
|
|
18
18
|
m ? d : null,
|
|
19
|
-
/* @__PURE__ */ e(
|
|
19
|
+
/* @__PURE__ */ e(g, { variant: c, className: `${i}-text`, children: a })
|
|
20
20
|
] });
|
|
21
21
|
};
|
|
22
22
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),f=require("react"),Y=require("../../_virtual/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),f=require("react"),Y=require("../../_virtual/index2.cjs"),p=require("../../utils/index.cjs"),a=require("../../types/commonTypes.cjs"),j=require("../../components/Countdown/types.cjs"),Z=require("./types.cjs"),_=require("./BidMessage.cjs"),O=require("../../components/Detail/types.cjs"),n=require("../../components/Text/types.cjs"),v=require("../../node_modules/date-fns/isAfter.cjs"),ee=require("../../components/DetailList/DetailList.cjs"),b=require("../../components/Detail/Detail.cjs"),se=require("../../components/Countdown/Countdown.cjs"),te=require("../../node_modules/date-fns/differenceInMinutes.cjs"),ae=s=>s===1?`${s} bid`:`${s} bids`,C=f.forwardRef(({lotStatus:s=a.LotStatus.ready,bidStatus:$,bidsLabelText:N=ae,children:x,className:W,closingText:E="Closes in",currency:o="$",currentBid:q,currentBidText:R="Current bid",formatDurationStr:A=e=>e.replace(/seconds?/,"sec").replace(/minutes?/,"min"),lang:B="en",saleCloseDate:r,lotCloseDate:u,numberOfBids:g=0,startingBid:h,startingBidText:P="Starting bid",soldPrice:S,showSoldLabel:I=!0,soldForText:D="Sold for",wonForText:k="Won for",getCurrentDateTime:L=()=>new Date,hasSeparators:z=!0,variant:l=O.DetailVariants.md,shouldHideCountdownTimer:F=!1,...V},G)=>{const{className:e,...H}=p.getCommonProps(V,"BidSnapshot"),T=l==="sm"?n.TextVariants.labelSmall:l==="lg"?n.TextVariants.labelLarge:n.TextVariants.labelMedium,J=l==="sm"?j.CountdownVariants.sm:j.CountdownVariants.compact,d=q!==null&&g>0,w=s===a.LotStatus.ready,i=s===a.LotStatus.live,y=s===a.LotStatus.past,c=L()||new Date,K=!F&&i&&u&&v.isAfter(u,c)&&r&&(te.differenceInMinutes(r,c)<60||v.isAfter(c,r)),M=p.findChildrenOfType(x,_.default),Q=p.findChildrenExcludingTypes(x,[_.default]),U=M?M.map(m=>f.isValidElement(m)?f.cloneElement(m,{textVariant:T===n.TextVariants.labelLarge?n.TextVariants.labelMedium:T}):m):null,X=Y.default(e,W,{[`${e}--live`]:i,[`${e}--has-bids`]:d||y});return t.jsxs("div",{...H,...V,ref:G,className:X,children:[t.jsxs(ee.default,{hasSeparators:z,variant:l,className:`${e}__text`,children:[I&&y?t.jsx(b.default,{label:$===Z.BidStatusEnum.Won?k:D,value:S?`${o}${S?.toLocaleString()}`:"",hasWrap:!1,className:`${e}__sold`}):null,i&&d?t.jsx(b.default,{label:R,subLabel:`(${N(g)})`,value:`${o}${q?.toLocaleString()}`,hasWrap:!1,className:`${e}__current-bid`}):null,h&&(w||i&&!d)?t.jsx(b.default,{label:P,value:`${o}${h?.toLocaleString()}`,hasWrap:!1}):null]}),$&&!w?U:null,Q,K?t.jsx(se.default,{endDateTime:u,label:E,variant:J,locale:a.SupportedLanguages[B],formatDurationStr:A,showBottomBorder:!1,getCurrentDateTime:L}):null]})});C.displayName="BidSnapshot";exports.default=C;
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import { jsxs as M, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as U, isValidElement as X, cloneElement as Y } from "react";
|
|
3
|
-
import Z from "../../_virtual/
|
|
3
|
+
import Z from "../../_virtual/index2.js";
|
|
4
4
|
import { getCommonProps as O, findChildrenOfType as aa, findChildrenExcludingTypes as ea } from "../../utils/index.js";
|
|
5
|
-
import oa from "../../
|
|
6
|
-
import f from "../../components/Detail/Detail.js";
|
|
7
|
-
import { DetailVariants as sa } from "../../components/Detail/types.js";
|
|
8
|
-
import { LotStatus as l, SupportedLanguages as ta } from "../../types/commonTypes.js";
|
|
9
|
-
import na from "../../components/Countdown/Countdown.js";
|
|
5
|
+
import { LotStatus as l, SupportedLanguages as oa } from "../../types/commonTypes.js";
|
|
10
6
|
import { CountdownVariants as _ } from "../../components/Countdown/types.js";
|
|
11
|
-
import { BidStatusEnum as
|
|
7
|
+
import { BidStatusEnum as sa } from "./types.js";
|
|
12
8
|
import v from "./BidMessage.js";
|
|
9
|
+
import { DetailVariants as ta } from "../../components/Detail/types.js";
|
|
13
10
|
import { TextVariants as o } from "../../components/Text/types.js";
|
|
14
|
-
import "../../components/Text/Text.js";
|
|
15
11
|
import { isAfter as T } from "../../node_modules/date-fns/isAfter.js";
|
|
12
|
+
import na from "../../components/DetailList/DetailList.js";
|
|
13
|
+
import f from "../../components/Detail/Detail.js";
|
|
14
|
+
import la from "../../components/Countdown/Countdown.js";
|
|
16
15
|
import { differenceInMinutes as ra } from "../../node_modules/date-fns/differenceInMinutes.js";
|
|
17
16
|
const ia = (e) => e === 1 ? `${e} bid` : `${e} bids`, ma = U(
|
|
18
17
|
({
|
|
@@ -38,7 +37,7 @@ const ia = (e) => e === 1 ? `${e} bid` : `${e} bids`, ma = U(
|
|
|
38
37
|
wonForText: I = "Won for",
|
|
39
38
|
getCurrentDateTime: w = () => /* @__PURE__ */ new Date(),
|
|
40
39
|
hasSeparators: k = !0,
|
|
41
|
-
variant: s =
|
|
40
|
+
variant: s = ta.md,
|
|
42
41
|
shouldHideCountdownTimer: q = !1,
|
|
43
42
|
...S
|
|
44
43
|
}, z) => {
|
|
@@ -51,11 +50,11 @@ const ia = (e) => e === 1 ? `${e} bid` : `${e} bids`, ma = U(
|
|
|
51
50
|
[`${a}--has-bids`]: d || V
|
|
52
51
|
});
|
|
53
52
|
return /* @__PURE__ */ M("div", { ...F, ...S, ref: z, className: Q, children: [
|
|
54
|
-
/* @__PURE__ */ M(
|
|
53
|
+
/* @__PURE__ */ M(na, { hasSeparators: k, variant: s, className: `${a}__text`, children: [
|
|
55
54
|
A && V ? /* @__PURE__ */ n(
|
|
56
55
|
f,
|
|
57
56
|
{
|
|
58
|
-
label: u ===
|
|
57
|
+
label: u === sa.Won ? I : D,
|
|
59
58
|
value: L ? `${r}${L?.toLocaleString()}` : "",
|
|
60
59
|
hasWrap: !1,
|
|
61
60
|
className: `${a}__sold`
|
|
@@ -76,12 +75,12 @@ const ia = (e) => e === 1 ? `${e} bid` : `${e} bids`, ma = U(
|
|
|
76
75
|
u && !N ? K : null,
|
|
77
76
|
J,
|
|
78
77
|
H ? /* @__PURE__ */ n(
|
|
79
|
-
|
|
78
|
+
la,
|
|
80
79
|
{
|
|
81
80
|
endDateTime: m,
|
|
82
81
|
label: E,
|
|
83
82
|
variant: G,
|
|
84
|
-
locale:
|
|
83
|
+
locale: oa[P],
|
|
85
84
|
formatDurationStr: j,
|
|
86
85
|
showBottomBorder: !1,
|
|
87
86
|
getCurrentDateTime: w
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),k=require("react"),_=require("../../components/Text/Text.cjs"),f=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),k=require("react"),_=require("../../components/Text/Text.cjs"),f=require("./CountryPickerOption.cjs"),j=require("../../components/Text/types.cjs"),v=({filteredPrioritized:a,groupedCountries:p,baseClassName:t,modalTitle:h,listRef:i,variantConfig:u,inputName:s})=>{const{isPhone:l,value:d}=u,y=k.useCallback(e=>e.map(({name:r,code:n})=>o.jsx(f.CountryPickerOption,{code:n,name:r,isChecked:d===(l?n:r),inputName:s,baseClassName:t,variantConfig:u},n)),[d,l,s,t,u]),x=e=>{if(!i.current)return;const r=Array.from(i.current.querySelectorAll('input[type="radio"]')),n=r.findIndex(c=>c===document.activeElement);if(e.key==="ArrowDown"||e.key==="ArrowRight"){e.preventDefault();const c=(n+1)%r.length;r[c]?.focus()}else if(e.key==="ArrowUp"||e.key==="ArrowLeft"){e.preventDefault();const c=(n-1+r.length)%r.length;r[c]?.focus()}};return o.jsxs("div",{className:`${t}__list`,ref:i,tabIndex:-1,onKeyDown:x,role:"radiogroup","aria-label":h,children:[y(a),Object.entries(p).map(([e,r])=>o.jsxs("div",{className:`${t}__group`,children:[o.jsxs("div",{className:`${t}__letter-header`,children:[o.jsx(_.default,{variant:j.TextVariants.headingLarge,className:`${t}__letter-text`,children:e}),o.jsx("div",{className:`${t}__letter-line`})]}),y(r)]},e))]})};exports.CountryPickerCountryList=v;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback as _ } from "react";
|
|
3
3
|
import x from "../../components/Text/Text.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { CountryPickerOption as k } from "./CountryPickerOption.js";
|
|
5
|
+
import { TextVariants as v } from "../../components/Text/types.js";
|
|
6
6
|
const j = ({
|
|
7
7
|
filteredPrioritized: y,
|
|
8
8
|
groupedCountries: f,
|
|
@@ -14,7 +14,7 @@ const j = ({
|
|
|
14
14
|
}) => {
|
|
15
15
|
const { isPhone: p, value: h } = c, s = _(
|
|
16
16
|
(r) => r.map(({ name: t, code: n }) => /* @__PURE__ */ l(
|
|
17
|
-
|
|
17
|
+
k,
|
|
18
18
|
{
|
|
19
19
|
code: n,
|
|
20
20
|
name: t,
|
|
@@ -52,7 +52,7 @@ const j = ({
|
|
|
52
52
|
s(y),
|
|
53
53
|
Object.entries(f).map(([r, t]) => /* @__PURE__ */ u("div", { className: `${e}__group`, children: [
|
|
54
54
|
/* @__PURE__ */ u("div", { className: `${e}__letter-header`, children: [
|
|
55
|
-
/* @__PURE__ */ l(x, { variant:
|
|
55
|
+
/* @__PURE__ */ l(x, { variant: v.headingLarge, className: `${e}__letter-text`, children: r }),
|
|
56
56
|
/* @__PURE__ */ l("div", { className: `${e}__letter-line` })
|
|
57
57
|
] }),
|
|
58
58
|
s(t)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),B=require("../../components/Button/Button.cjs"),D=require("../../components/Input/Input.cjs"),F=require("../../components/Modal/Modal.cjs"),T=require("../../components/Text/Text.cjs"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),B=require("../../components/Button/Button.cjs"),D=require("../../components/Input/Input.cjs"),F=require("../../components/Modal/Modal.cjs"),T=require("../../components/Text/Text.cjs"),y=require("./constants.cjs"),L=require("./utils.cjs"),H=require("../../components/Button/types.cjs"),N=require("../../components/Icon/Icon.cjs"),O=require("./CountryPickerCountryList.cjs"),U=require("../../components/Text/types.cjs"),R=["US","GB","HK","CH"],M=(i,a)=>{if(!a)return i;const d=a.replace(/[.*?^${}()|[\]\\]/g,"\\$&").replace(/\+/g,"");if(!d)return i;const s=new RegExp(d,"gi");return i.filter(f=>{const m=f.name,e=f.code,p=L.getSafeCountryCallingCode(e).replace(/\+/g,"");return s.test(m)||s.test(e)||s.test(p)||s.test("+"+p)})},P=n.forwardRef(({isOpen:i=!1,onClose:a,modalTitle:h,searchInputLabel:d,searchInputPlaceholder:s,selectButtonLabel:f,inputName:m="value",baseClassName:e,variantConfig:_},p)=>{const{value:g,onChange:j,isPhone:S}=_,[c,k]=n.useState(g),q=r=>y.countries.some(u=>u.code===r);n.useEffect(()=>{k(g)},[i,g]);const[l,V]=n.useState(""),w=n.useRef(null),z=n.useRef(null),[v,$]=n.useMemo(()=>{const r=R.map(o=>y.countries.filter(x=>x.code===o)).flat(),u=y.countries.filter(o=>!R.includes(o.code));return[r,u.sort((o,x)=>o.name.localeCompare(x.name))]},[]),E=n.useMemo(()=>M(v,l),[v,l]),C=n.useMemo(()=>M($,l),[$,l]),I=n.useMemo(()=>{const r={};return C.forEach(u=>{const o=u.name[0].toUpperCase();r[o]||(r[o]=[]),r[o].push(u)}),r},[C]);return t.jsx(F.default,{isOpen:i,onClose:a,"data-testid":"country-picker-modal",className:`${e}__modal`,ref:p,children:t.jsxs("div",{className:`${e}__wrapper`,children:[t.jsxs("div",{className:`${e}__header`,children:[t.jsx(T.default,{variant:U.TextVariants.headingMedium,className:`${e}__header-text`,children:h}),t.jsx("div",{className:`${e}__input-wrapper`,children:t.jsx(D.default,{id:"countrySearch",type:"search",labelText:d,hideLabel:!0,placeholder:s,value:l,onChange:r=>{V(r.target.value)},autoFocus:!0,className:`${e}__input`,inputAdornment:t.jsx("span",{"aria-hidden":"true",children:t.jsx(N.default,{icon:"Search",width:20,height:20,color:"$cta-inactive"})})})})]}),t.jsx(O.CountryPickerCountryList,{filteredPrioritized:E,groupedCountries:I,baseClassName:e,modalTitle:h,listRef:z,variantConfig:_,inputName:m}),t.jsx("div",{className:`${e}__button-container`,children:t.jsx(B.default,{onClick:()=>{c&&(S?q(c)&&j(c):q(c)||j(c),a?.())},className:`${e}__button`,"data-testid":"country-picker-modal-select-button",ref:w,type:"button",variant:H.ButtonVariants.secondary,isDisabled:!c,children:f})})]})})});P.displayName="CountryPickerModal";exports.default=P;
|
|
@@ -4,19 +4,19 @@ import L from "../../components/Button/Button.js";
|
|
|
4
4
|
import N from "../../components/Input/Input.js";
|
|
5
5
|
import U from "../../components/Modal/Modal.js";
|
|
6
6
|
import A from "../../components/Text/Text.js";
|
|
7
|
-
import { TextVariants as G } from "../../components/Text/types.js";
|
|
8
7
|
import { countries as v } from "./constants.js";
|
|
9
|
-
import { getSafeCountryCallingCode as
|
|
10
|
-
import { ButtonVariants as
|
|
11
|
-
import
|
|
12
|
-
import { CountryPickerCountryList as
|
|
8
|
+
import { getSafeCountryCallingCode as G } from "./utils.js";
|
|
9
|
+
import { ButtonVariants as K } from "../../components/Button/types.js";
|
|
10
|
+
import O from "../../components/Icon/Icon.js";
|
|
11
|
+
import { CountryPickerCountryList as Z } from "./CountryPickerCountryList.js";
|
|
12
|
+
import { TextVariants as q } from "../../components/Text/types.js";
|
|
13
13
|
const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
|
|
14
14
|
if (!l) return n;
|
|
15
15
|
const d = l.replace(/[.*?^${}()|[\]\\]/g, "\\$&").replace(/\+/g, "");
|
|
16
16
|
if (!d) return n;
|
|
17
17
|
const i = new RegExp(d, "gi");
|
|
18
18
|
return n.filter((u) => {
|
|
19
|
-
const h = u.name, t = u.code, p =
|
|
19
|
+
const h = u.name, t = u.code, p = G(t).replace(/\+/g, "");
|
|
20
20
|
return i.test(h) || i.test(t) || i.test(p) || i.test("+" + p);
|
|
21
21
|
});
|
|
22
22
|
}, J = j(
|
|
@@ -59,7 +59,7 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
|
|
|
59
59
|
ref: p,
|
|
60
60
|
children: /* @__PURE__ */ k("div", { className: `${t}__wrapper`, children: [
|
|
61
61
|
/* @__PURE__ */ k("div", { className: `${t}__header`, children: [
|
|
62
|
-
/* @__PURE__ */ o(A, { variant:
|
|
62
|
+
/* @__PURE__ */ o(A, { variant: q.headingMedium, className: `${t}__header-text`, children: m }),
|
|
63
63
|
/* @__PURE__ */ o("div", { className: `${t}__input-wrapper`, children: /* @__PURE__ */ o(
|
|
64
64
|
N,
|
|
65
65
|
{
|
|
@@ -74,12 +74,12 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
|
|
|
74
74
|
},
|
|
75
75
|
autoFocus: !0,
|
|
76
76
|
className: `${t}__input`,
|
|
77
|
-
inputAdornment: /* @__PURE__ */ o("span", { "aria-hidden": "true", children: /* @__PURE__ */ o(
|
|
77
|
+
inputAdornment: /* @__PURE__ */ o("span", { "aria-hidden": "true", children: /* @__PURE__ */ o(O, { icon: "Search", width: 20, height: 20, color: "$cta-inactive" }) })
|
|
78
78
|
}
|
|
79
79
|
) })
|
|
80
80
|
] }),
|
|
81
81
|
/* @__PURE__ */ o(
|
|
82
|
-
|
|
82
|
+
Z,
|
|
83
83
|
{
|
|
84
84
|
filteredPrioritized: F,
|
|
85
85
|
groupedCountries: T,
|
|
@@ -100,7 +100,7 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
|
|
|
100
100
|
"data-testid": "country-picker-modal-select-button",
|
|
101
101
|
ref: B,
|
|
102
102
|
type: "button",
|
|
103
|
-
variant:
|
|
103
|
+
variant: K.secondary,
|
|
104
104
|
isDisabled: !c,
|
|
105
105
|
children: u
|
|
106
106
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../../components/Text/Text.cjs"),u=require("../../_virtual/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../../components/Text/Text.cjs"),u=require("../../_virtual/index2.cjs"),_=require("./utils.cjs"),a=require("../../components/Text/types.cjs"),g=({code:o,name:i,isChecked:r,inputName:p,baseClassName:t,variantConfig:$})=>{const c=`${t}__radio-${o}`,{isPhone:e,onChange:d}=$;return n.jsxs(l.default,{element:"label",variant:a.TextVariants.labelMedium,htmlFor:c,className:u.default(`${t}__option`,{[`${t}__option--selected`]:r,[`${t}__option--is-phone`]:e}),"aria-label":e?`${i} +${_.getSafeCountryCallingCode(o)}`:i,children:[n.jsx("input",{type:"radio",id:c,name:p,checked:r,className:u.default(`${t}__radio`,{[`${t}__radio--selected`]:r,[`${t}__radio--visually-hidden`]:e}),onChange:()=>{d(e?o:i)}}),n.jsxs("span",{className:`${t}__option-content`,children:[n.jsx(l.default,{className:`${t}__option-name`,children:i}),e&&n.jsxs(l.default,{className:`${t}__option-code`,children:["+",_.getSafeCountryCallingCode(o)]})]}),n.jsx("span",{className:`${t}__option-flag`,children:n.jsx("img",{src:`https://flagcdn.com/h20/${o.toLowerCase()}.png`,srcSet:`https://flagcdn.com/h40/${o.toLowerCase()}.png 2x`,alt:`${i} flag`,className:`${t}__option-flag-img`})})]})};exports.CountryPickerOption=g;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as _, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import c from "../../components/Text/Text.js";
|
|
3
|
-
import $ from "../../_virtual/
|
|
3
|
+
import $ from "../../_virtual/index2.js";
|
|
4
4
|
import { getSafeCountryCallingCode as d } from "./utils.js";
|
|
5
5
|
import { TextVariants as f } from "../../components/Text/types.js";
|
|
6
6
|
const s = ({
|