@stenajs-webui/panels 22.3.0 → 22.4.1
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/components/cards/product-card/LargePrice.d.ts +5 -0
- package/dist/components/cards/product-card/ProductCard.d.ts +9 -0
- package/dist/components/cards/product-card/ProductCardContentItem.d.ts +16 -0
- package/dist/components/cards/product-card/ProductCardContentItemSkeletor.d.ts +6 -0
- package/dist/components/cards/product-card/SelectedProductCard.d.ts +6 -0
- package/dist/components/cards/product-summary-card/ProductSummaryCard.d.ts +16 -0
- package/dist/components/cards/product-summary-card/ProductSummaryCardSkeletor.d.ts +6 -0
- package/dist/components/image-carousel/ImageCarousel.d.ts +25 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.es.js +938 -466
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/utils/UseDeviceSize.d.ts +8 -0
- package/package.json +10 -8
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/UnreadDot.tsx","../src/components/notifications/NotificationHeader.tsx","../src/components/notifications/Notification.tsx","../src/components/notifications/NotificationList.tsx","../src/components/notifications/Toast.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleList.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsibleGroupBox.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/SidebarMenuCloseButtonRow.tsx","../src/components/sidebar-menu/SidebarMenuPinButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/RailContext.ts","../src/components/sidebar-menu/items/RailMenuButton.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/items/SidebarMenuHeading.tsx","../src/components/sidebar-menu/items/RailMenuLink.tsx","../src/components/sidebar-menu/items/SidebarMenuLink.tsx","../src/components/sidebar-menu/items/RailMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuSeparator.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPadding.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, RefObject, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n PopoverProps,\n} from \"@stenajs-webui/tooltip\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n appendTo?: ControlledPopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n buttonRef?: RefObject<HTMLButtonElement | null>;\n /**\n * Use if focus should not be trapped inside the Action Menu.\n * Defaults to false. */\n disableTrapFocus?: boolean;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n buttonRef,\n appendTo,\n zIndex,\n disableTrapFocus = false,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const fallbackRef = useRef<HTMLButtonElement>(null);\n const ref = buttonRef ?? fallbackRef;\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <>\n <ControlledPopover\n renderTrigger={(props) => (\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={ref}\n onClick={handleClick}\n {...props}\n />\n )}\n hideArrow\n disablePadding\n open={isOpen}\n onRequestClose={close}\n placement={placement}\n appendTo={appendTo}\n zIndex={zIndex}\n >\n {isOpen && (\n <ActionMenu\n width={menuWidth}\n top={menuTop}\n trapFocus={!disableTrapFocus}\n >\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )}\n </ControlledPopover>\n </>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Column, Indent, Row } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n return (\n <Popover\n trigger={\"click\"}\n renderTrigger={(props) => (\n <Row>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} leftIcon={stenaAngleDown} {...props} />\n </Row>\n </Row>\n )}\n hideArrow\n disablePadding\n placement={\"bottom-start\"}\n >\n {({ onRequestClose }) => (\n <Column>\n <ActionMenu>{renderMenu(onRequestClose)}</ActionMenu>\n </Column>\n )}\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { FlatButton, stenaHamburger } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <FlatButton\n leftIcon={stenaHamburger}\n className={className}\n onClick={onClick}\n />\n );\n};\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n children,\n right,\n center,\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n return (\n <Row\n justifyContent={\"space-between\"}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n <Row width={\"86px\"} alignItems={\"center\"}>\n <Indent />\n {showMenuButton && (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n </Row>\n\n {left && (\n <>\n {left}\n <Indent num={2} />\n </>\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton = forwardRef<HTMLButtonElement, NavBarButtonProps>(\n function ({ selected, className, ...buttonProps }, ref) {\n return (\n <FlatButton\n {...buttonProps}\n ref={ref}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className,\n )}\n />\n );\n },\n);\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return (\n <Heading whiteSpace={\"nowrap\"} variant={\"h4\"} as={\"h1\"} {...headingProps} />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n} from \"@stenajs-webui/tooltip\";\nimport { Box, useBoolean } from \"@stenajs-webui/core\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\" | \"content\">,\n Pick<ControlledPopoverProps, \"zIndex\" | \"appendTo\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n appendTo,\n zIndex,\n ...navBarButtonProps\n}) => {\n const [isOpen, , close, toggle] = useBoolean(false);\n\n return (\n <ControlledPopover\n renderTrigger={(props) => (\n <NavBarButton {...navBarButtonProps} {...props} onClick={toggle} />\n )}\n open={isOpen}\n onRequestClose={close}\n zIndex={zIndex}\n appendTo={appendTo}\n >\n <Box>\n {content && content({ close })}\n {children}\n </Box>\n </ControlledPopover>\n );\n};\n","import {\n BaseButton,\n FlatButtonProps,\n stenaBellFilled,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton = forwardRef<\n HTMLButtonElement,\n NavBarNotificationButtonProps\n>(function (\n {\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBellFilled,\n ...buttonProps\n },\n ref,\n) {\n const hasCount = count > 1;\n\n return (\n <BaseButton\n {...buttonProps}\n ref={ref}\n leftIcon={icon}\n className={cx(\n styles.navBarNotificationButton,\n unread && styles.unread,\n hasCount && styles.hasCount,\n className,\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n});\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { stenaTimes, TextInputButton } from \"@stenajs-webui/elements\";\n\nexport interface NavBarSearchFieldProps extends TextInputProps {\n showClearButton?: boolean;\n onClickClearButton?: ButtonElementProps[\"onClick\"];\n}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search\",\n className,\n wrapperClassName,\n showClearButton,\n onClickClearButton,\n value,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(\n styles.navBarSearchFieldWrapper,\n showClearButton ? styles.withButton : undefined,\n wrapperClassName,\n )}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n value={value}\n buttonRight={\n value && showClearButton ? (\n <TextInputButton\n className={styles.clearButton}\n icon={stenaTimes}\n variant={\"error\"}\n onClick={onClickClearButton}\n />\n ) : undefined\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n responsiveIconOnly = initials == null,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(styles.navBarUserButton, className)}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n forceRound={initials != null}\n responsiveIconOnly={responsiveIconOnly}\n disableArrow\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./UnreadDot.module.css\";\n\nexport interface UnreadDotProps {\n children: ReactNode;\n}\n\nexport const UnreadDot: React.FC<UnreadDotProps> = ({ children }) => {\n return (\n <div className={styles.unreadDot}>\n {children}\n <div className={styles.dot} />\n </div>\n );\n};\n","import { Box, Row, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CircledIcon, CloseButton, MediumIcon } from \"@stenajs-webui/elements\";\nimport { cssColor, CssPropColor } from \"@stenajs-webui/theme\";\nimport { UnreadDot } from \"./UnreadDot\";\nimport { NotificationVariant } from \"./Notification\";\n\nexport interface NotificationHeaderProps {\n /** Text. */\n text: string;\n /** Timestamp. */\n timestamp?: string;\n /** Icon. */\n icon?: MediumIcon;\n /** Icon description for accessibility. */\n iconAriaLabel?: string;\n /** Left content instead of icon. */\n contentLeft?: React.ReactNode;\n /** Right content. */\n contentRight?: React.ReactNode;\n /** What happens on clicking close. */\n onClose?: () => void;\n /** Mark the notification as unread */\n unread?: boolean;\n /** Notification variant. Will affect icon bg color */\n variant?: NotificationVariant;\n /** Icon background color. Will override other icon bg color */\n iconBackgroundColor?: CssPropColor;\n}\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = ({\n text,\n timestamp,\n icon,\n iconAriaLabel,\n contentLeft,\n contentRight,\n onClose,\n unread = false,\n variant,\n iconBackgroundColor,\n}) => {\n const circledIcon = icon ? (\n <CircledIcon\n size={\"small\"}\n icon={icon}\n aria-label={iconAriaLabel}\n backgroundColor={\n iconBackgroundColor\n ? iconBackgroundColor\n : getIconBgColorFromVariant(unread, variant)\n }\n />\n ) : undefined;\n\n return (\n <Row alignItems={\"flex-start\"} indent={2} spacing>\n <Row spacing gap={2} flex={1} alignItems={\"flex-start\"}>\n {contentLeft && (\n <Box minHeight={20} justifyContent={\"center\"}>\n {contentLeft}\n </Box>\n )}\n {!contentLeft &&\n circledIcon &&\n (unread ? <UnreadDot>{circledIcon}</UnreadDot> : circledIcon)}\n <Box minHeight={20} justifyContent={\"center\"} flex={1} gap={0.5}>\n <Text variant={\"bold\"}>{text}</Text>\n {timestamp && (\n <Text\n size={\"small\"}\n color={cssColor(\n unread ? \"--lhds-color-blue-600\" : \"--lhds-color-ui-600\",\n )}\n >\n {timestamp}\n </Text>\n )}\n </Box>\n {contentRight}\n </Row>\n {onClose && (\n <Box\n flex={\"none\"}\n justifyContent={\"center\"}\n height={\"calc(20px + 2 * var(--swui-metrics-spacing))\"}\n >\n <CloseButton onClick={onClose} />\n </Box>\n )}\n </Row>\n );\n};\n\nexport const getIconBgColorFromVariant = (\n unread: boolean,\n variant?: NotificationVariant,\n): CssPropColor | undefined => {\n if (!unread && variant === \"standard\") {\n return undefined;\n }\n return \"--lhds-color-ui-50\";\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\nimport styles from \"./Notification.module.css\";\nimport cx from \"classnames\";\n\nexport type NotificationVariant = \"standard\" | \"danger\";\n\nexport interface NotificationProps extends NotificationHeaderProps {\n children?: ReactNode;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n variant = \"standard\",\n children,\n unread,\n ...headerProps\n}) => (\n <div\n className={cx(\n styles.notification,\n styles[variant],\n unread && styles.unread,\n )}\n >\n <NotificationHeader {...headerProps} unread={unread} variant={variant} />\n {children && <Column className={styles.body}>{children}</Column>}\n </div>\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./NotificationList.module.css\";\n\nexport interface NotificationListProps {\n children?: ReactNode;\n}\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n children,\n}) => {\n return (\n <div className={styles.notificationList}>\n {children}\n <div />\n </div>\n );\n};\n","import { Box, BoxProps, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\nimport styles from \"./Toast.module.css\";\nimport cx from \"classnames\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface ToastProps\n extends Pick<BoxProps, \"children\" | \"width\" | \"maxWidth\">,\n Omit<NotificationHeaderProps, \"contentRight\"> {\n /** What happens on clicking the toast. */\n onClick?: () => void;\n /** Description of what happens on clicking the toast for accessibility. */\n onClickAriaLabel?: string;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n onClick,\n onClickAriaLabel,\n children,\n width = 264,\n maxWidth,\n ...headerProps\n}) => (\n <Box\n borderRadius={8}\n background={cssColor(\"--lhds-color-ui-50\")}\n shadow={\"popover\"}\n width={width}\n maxWidth={maxWidth}\n role={\"alert\"}\n position={\"relative\"}\n >\n <Box className={cx({ [styles.nonClickable]: onClick })}>\n <NotificationHeader {...headerProps} />\n </Box>\n {children && (\n <Box indent={3} className={cx({ [styles.nonClickable]: onClick })}>\n {children}\n <Space num={2} />\n </Box>\n )}\n {onClick && (\n <button\n onClick={onClick}\n className={styles.clickable}\n aria-label={onClickAriaLabel}\n ></button>\n )}\n </Box>\n);\n","import { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef, ReactNode } from \"react\";\n\nexport type CollapsibleProps =\n | CollapsibleLabelProps\n | CollapsibleRenderLabelProps;\n\nexport interface CollapsibleCommonProps\n extends Omit<ButtonElementProps, \"value\"> {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n collapsed?: boolean;\n}\n\nexport interface CollapsibleLabelProps extends CollapsibleCommonProps {\n label: string;\n}\n\nexport interface CollapsibleRenderLabelProps extends CollapsibleCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n ({ contentLeft, contentRight, collapsed = false, ...props }, ref) => (\n <MenuButton\n ref={ref}\n expandable\n expanded={!collapsed}\n selected={!collapsed}\n left={contentLeft}\n right={contentRight}\n {...props}\n />\n ),\n);\n","import * as React from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\n\nexport interface CollapsibleListProps {\n children?: ReactNode;\n}\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = ({\n children,\n}) => {\n return <Column gap={1}>{children}</Column>;\n};\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport type CollapsibleWithCheckboxProps =\n | CollapsibleWithCheckboxLabelProps\n | CollapsibleWithCheckboxRenderLabelProps;\n\nexport interface CollapsibleWithCheckboxCommonProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {\n checkboxDisabled?: CheckboxProps[\"disabled\"];\n}\n\nexport interface CollapsibleWithCheckboxLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n label: string;\n}\n\nexport interface CollapsibleWithCheckboxRenderLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n checkboxDisabled,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n disabled={checkboxDisabled}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenuCollapsibleGroupBox.module.css\";\n\nexport interface SidebarMenuCollapsibleGroupBoxProps {\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsibleGroupBox: React.FC<\n SidebarMenuCollapsibleGroupBoxProps\n> = ({ children }) => {\n return (\n <div className={styles.sidebarMenuCollapsibleGroupBox}>{children}</div>\n );\n};\n","import { Box, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\n\nexport interface CollapsibleGroupHeadingProps {\n children: string;\n}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ children }) => (\n <Box spacing indent>\n <Text variant={\"overline\"} size={\"smaller\"}>\n {children}\n </Text>\n </Box>\n);\n","import { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon, stenaMail } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface CollapsibleEmptyContentProps {\n text?: string;\n}\n\nexport const CollapsibleEmptyContent: React.FC<\n CollapsibleEmptyContentProps\n> = ({ text = \"No content\" }) => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={stenaMail} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n {text}\n </Text>\n </Column>\n );\n};\n","import {\n Box,\n Column,\n Heading,\n HeadingProps,\n Space,\n Text,\n} from \"@stenajs-webui/core\";\nimport {\n Card,\n CardBody,\n CardProps,\n CircledIcon,\n stenaTripFerryXl,\n XlIcon,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface ErrorPanelProps extends CardProps, PropsWithChildren {\n text?: string;\n heading?: string;\n buttons?: ReactNode;\n icon?: XlIcon;\n headingLevel?: HeadingProps[\"as\"];\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text,\n heading,\n children,\n buttons,\n icon = stenaTripFerryXl,\n headingLevel = \"h3\",\n ...cardProps\n}) => {\n const activeText =\n !text && !heading ? \"Something unexpected happened.\" : text;\n\n return (\n <Card {...cardProps}>\n <CardBody>\n <Column spacing={1} gap={3} alignItems={\"center\"}>\n <Column alignItems={\"center\"}>\n <Space num={1} />\n <CircledIcon icon={icon} size={\"xl\"} />\n </Column>\n {heading && <Heading as={headingLevel}>{heading}</Heading>}\n {activeText && <Text>{activeText}</Text>}\n {children}\n {buttons && (\n <Box>\n <Space num={2} />\n {buttons}\n </Box>\n )}\n </Column>\n </CardBody>\n </Card>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"bottom\"} background={cssColor(\"--lhds-color-ui-50\")} gap={2}>\n <Box indent={3}>\n {renderBreadCrumbs && (\n <Row spacing={1} alignItems={\"center\"}>\n <Row width={\"64px\"} height={\"16px\"} />\n {renderBreadCrumbs()}\n </Row>\n )}\n {renderPageHeading?.()}\n {renderTabs && <Space />}\n {renderTabs?.()}\n </Box>\n {children}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n icon?: MediumIcon;\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n headingLevel?: HeadingVariant;\n variant?: PageHeadingVariant;\n}\n\nexport const PageHeading: React.FC<PageHeadingProps> = ({\n icon,\n heading,\n headingLevel = \"h2\",\n contentLeft,\n contentRight,\n}) => (\n <Row alignItems={\"center\"} gap={2} height={\"64px\"}>\n <Row alignItems={\"center\"}>\n <Row width={\"64px\"} alignItems={\"center\"}>\n {icon && <CircledIcon icon={icon} />}\n </Row>\n <Heading variant={\"h3\"} as={headingLevel}>\n {heading}\n </Heading>\n </Row>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","import * as React from \"react\";\nimport styles from \"./SidebarMenuCloseButtonRow.module.css\";\nimport { ButtonElementProps, Column, Row, Space } from \"@stenajs-webui/core\";\nimport { CloseButton, StenaFlag } from \"@stenajs-webui/elements\";\n\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SidebarMenuCloseButtonRowProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButtonRow: React.FC<\n SidebarMenuCloseButtonRowProps\n> = ({ onClick }) => {\n return (\n <Column background={cssColor(\"--lhds-color-ui-50\")}>\n <Space />\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n flex={1}\n indent={1}\n minHeight={\"48px\"}\n >\n <CloseButton onClick={onClick} />\n <StenaFlag className={styles.stenaFlag} />\n </Row>\n </Column>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButton,\n MenuButtonProps,\n stenaAngleLeftDouble,\n stenaPin,\n} from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuPinButtonProps {\n isPinned?: boolean;\n label?: string;\n onClick?: MenuButtonProps[\"onClick\"];\n}\n\nexport const SidebarMenuPinButton: React.FC<SidebarMenuPinButtonProps> = ({\n isPinned,\n onClick,\n label,\n}) => {\n const pinLabel = isPinned ? \"Unpin menu\" : \"Pin menu\";\n const activeLabel = label ?? pinLabel;\n const activeIcon = isPinned ? stenaAngleLeftDouble : stenaPin;\n\n return (\n <MenuButton onClick={onClick} label={activeLabel} leftIcon={activeIcon} />\n );\n};\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButtonRow,\n SidebarMenuCloseButtonRowProps,\n} from \"./SidebarMenuCloseButtonRow\";\nimport { SidebarMenuPinButton } from \"./SidebarMenuPinButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonRowProps[\"onClick\"];\n pinButtonVisible?: boolean;\n isPinned?: boolean;\n bottomItems?: ReactNode;\n onClickPinButton?: () => void;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n pinButtonVisible,\n onClickPinButton,\n bottomItems,\n isPinned,\n ...boxProps\n}) => {\n return (\n <Box {...boxProps} className={cx(styles.sidebarMenu, className)}>\n <SidebarMenuCloseButtonRow onClick={onCloseClick} />\n <Box className={styles.scrollContainer}>\n <Column\n className={styles.sidebarItems}\n justifyContent={\"space-between\"}\n flex={1}\n gap={1}\n indent={1}\n >\n <Column gap={1}>{children}</Column>\n {(bottomItems || pinButtonVisible) && (\n <Column gap={1}>\n {bottomItems}\n {pinButtonVisible && (\n <SidebarMenuPinButton\n isPinned={isPinned}\n onClick={onClickPinButton}\n />\n )}\n <Space />\n </Column>\n )}\n </Column>\n </Box>\n </Box>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const RailContext = createContext<boolean | undefined>(false);\n\nexport const useRailContext = () => useContext(RailContext);\n","import * as React from \"react\";\nimport { IconMenuButton, IconMenuButtonProps } from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuButtonProps = IconMenuButtonProps & { label: string };\n\nexport const RailMenuButton: React.FC<RailMenuButtonProps> = ({\n label,\n ...menuButtonLinkProps\n}) => {\n return (\n <Tooltip label={label} placement={\"right\"} appendTo={document.body}>\n <IconMenuButton {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column } from \"@stenajs-webui/core\";\nimport { RailContext } from \"./RailContext\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport {\n IconMenuButton,\n stenaAngleLeftDouble,\n stenaHamburger,\n} from \"@stenajs-webui/elements\";\nimport { RailMenuButton } from \"../items/RailMenuButton\";\n\ninterface SidebarRailMenuProps {\n closeButtonVisible?: boolean;\n onClickCloseButton?: () => void;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n bottomItems?: ReactNode;\n closeButtonTitle?: string;\n}\n\nexport const SidebarRailMenu: React.FC<SidebarRailMenuProps> = ({\n closeButtonVisible,\n onClickCloseButton,\n onClickMenuButton,\n children,\n bottomItems,\n closeButtonTitle = \"Unpin menu\",\n}) => {\n return (\n <Box\n position={\"fixed\"}\n left={0}\n top={0}\n bottom={0}\n indent={0.5}\n spacing={1}\n gap={1}\n shadow={\"popover\"}\n background={cssColor(\"--lhds-color-ui-50\")}\n >\n <IconMenuButton onClick={onClickMenuButton} icon={stenaHamburger} />\n <Column justifyContent={\"space-between\"} flex={1} gap={1}>\n <Column gap={1}>\n <RailContext.Provider value={true}>{children}</RailContext.Provider>\n </Column>\n <Column gap={1}>\n {(bottomItems || closeButtonVisible) && (\n <RailContext.Provider value={true}>\n {bottomItems}\n {closeButtonVisible && (\n <RailMenuButton\n icon={stenaAngleLeftDouble}\n label={closeButtonTitle}\n onClick={onClickCloseButton}\n />\n )}\n </RailContext.Provider>\n )}\n </Column>\n </Column>\n </Box>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { useRailContext } from \"../rail/RailContext\";\n\nexport interface SidebarMenuHeadingProps {\n label: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n label,\n}) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return null;\n }\n\n return (\n <Box height={\"32px\"} justifyContent={\"center\"} indent={1}>\n <Space />\n <Text variant={\"overline\"} size={\"smaller\"}>\n {label}\n </Text>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport {\n IconMenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const RailMenuLink: React.FC<RailMenuLinkProps> = ({\n label,\n leftIcon,\n ...menuButtonLinkProps\n}) => {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <Tooltip label={label} placement={\"right\"}>\n <IconMenuButtonLink icon={leftIcon} {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuLink } from \"./RailMenuLink\";\n\nexport type SidebarMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = (props) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return <RailMenuLink {...props} />;\n }\n\n return <MenuButtonLink {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Box } from \"@stenajs-webui/core\";\nimport { SidebarMenuHeading } from \"./SidebarMenuHeading\";\nimport { RailContext } from \"../rail/RailContext\";\nimport { IconMenuButton } from \"@stenajs-webui/elements\";\n\nexport interface RailMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n icon: IconDefinition;\n children?: ReactNode;\n popupMinWidth?: string;\n}\n\nexport const RailMenuCollapsible: React.FC<RailMenuCollapsibleProps> = ({\n children,\n label,\n icon,\n popupMinWidth = \"200px\",\n}) => {\n return (\n <Popover\n renderTrigger={(props) => <IconMenuButton icon={icon} {...props} />}\n placement={\"right-start\"}\n trigger={[\"hover\", \"focus\"]}\n disablePadding\n >\n <Box\n minWidth={popupMinWidth}\n shadow={\"popover\"}\n spacing={1}\n indent={1}\n gap={2}\n >\n <RailContext.Provider value={false}>\n <SidebarMenuHeading label={label} />\n {children}\n </RailContext.Provider>\n </Box>\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuCollapsible } from \"./RailMenuCollapsible\";\nimport { SidebarMenuCollapsibleGroupBox } from \"./SidebarMenuCollapsibleGroupBox\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n className?: string;\n initialExpand?: boolean;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n className,\n initialExpand = false,\n}) => {\n const [expanded, setExpanded] = useState<boolean>(initialExpand);\n\n const isRail = useRailContext();\n\n if (isRail) {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <RailMenuCollapsible label={label} icon={leftIcon}>\n {children}\n </RailMenuCollapsible>\n );\n }\n return (\n <MenuButton\n label={label}\n onClick={() => setExpanded(!expanded)}\n leftIcon={leftIcon}\n className={className}\n expandable\n expanded={expanded}\n selected={expanded}\n >\n <SidebarMenuCollapsibleGroupBox>\n {children}\n </SidebarMenuCollapsibleGroupBox>\n </MenuButton>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps,\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-ui-400\")}\n {...separatorLineProps}\n />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Row, Space, Text } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectedItemsActionsPanelProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nexport const SelectedItemsActionsPanel: React.FC<\n SelectedItemsActionsPanelProps\n> = ({ numItemsSelected, label, afterLabelContent, rightContent }) => (\n <Row\n indent={3}\n spacing\n gap={3}\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n background={cssColor(\"--silver-lighter\")}\n flex={1}\n borderRadius={\"var(--swui-border-radius)\"}\n >\n <Row alignItems={\"center\"} gap={2}>\n {numItemsSelected != null || label != null ? (\n <Row alignItems={\"center\"}>\n {numItemsSelected != null ? (\n <>\n <Text>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </Row>\n ) : null}\n {afterLabelContent && <Row>{afterLabelContent}</Row>}\n </Row>\n <Row gap={2}>{rightContent}</Row>\n </Row>\n);\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface SelectedItemsActionsPaddingProps extends PropsWithChildren {}\n\nexport const SelectedItemsActionsPadding: React.FC<\n SelectedItemsActionsPaddingProps\n> = ({ children }) => {\n return (\n <Row spacing={0.5} indent={0.5} flex={1}>\n {children}\n </Row>\n );\n};\n"],"names":["ActionMenuButton","renderItems","placement","Button","rightIcon","stenaAngleDown","menuWidth","menuTop","onClick","disableArrow","buttonRef","appendTo","zIndex","disableTrapFocus","buttonProps","isOpen","open","close","toggle","useBoolean","fallbackRef","useRef","ref","contextValue","useMemo","handleClick","event","jsx","Fragment","ControlledPopover","props","ActionMenu","ActionMenuContext","ActionMenuPrimaryButton","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Popover","Row","jsxs","Checkbox","Indent","onRequestClose","Column","NavBarSideMenuButton","className","stenaHamburger","NavBar","left","showMenuButton","children","right","center","onClickMenuButton","currentFlex","cx","styles","React","child","index","NavBarButton","forwardRef","selected","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","Box","NavBarNotificationButton","count","unread","labelClassName","iconClassName","icon","stenaBellFilled","hasCount","BaseButton","NavBarSearchField","placeholder","wrapperClassName","showClearButton","onClickClearButton","value","textInputProps","TextInput","TextInputButton","stenaTimes","NavBarUserButton","username","initials","stenaUserCircle","responsiveIconOnly","UnreadDot","NotificationHeader","text","timestamp","iconAriaLabel","contentLeft","contentRight","onClose","variant","iconBackgroundColor","circledIcon","CircledIcon","getIconBgColorFromVariant","Text","cssColor","CloseButton","Notification","headerProps","NotificationList","Toast","onClickAriaLabel","width","maxWidth","Space","Collapsible","collapsed","MenuButton","CollapsibleList","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","checkboxDisabled","collapsibleProps","ev","SidebarMenuCollapsibleGroupBox","CollapsibleGroupHeading","CollapsibleEmptyContent","Icon","stenaMail","ErrorPanel","heading","buttons","stenaTripFerryXl","headingLevel","cardProps","activeText","Card","CardBody","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","PageHeaderRow","PageHeading","SidebarMenuCloseButtonRow","StenaFlag","SidebarMenuPinButton","isPinned","label","stenaAngleLeftDouble","stenaPin","SidebarMenu","onCloseClick","pinButtonVisible","onClickPinButton","bottomItems","boxProps","RailContext","createContext","useRailContext","useContext","RailMenuButton","menuButtonLinkProps","Tooltip","IconMenuButton","SidebarRailMenu","closeButtonVisible","onClickCloseButton","closeButtonTitle","SidebarMenuHeading","RailMenuLink","leftIcon","IconMenuButtonLink","SidebarMenuLink","MenuButtonLink","RailMenuCollapsible","popupMinWidth","SidebarMenuCollapsible","initialExpand","expanded","setExpanded","useState","SidebarMenuSeparator","separatorLineProps","SeparatorLine","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent","SelectedItemsActionsPadding"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/UnreadDot.tsx","../src/components/notifications/NotificationHeader.tsx","../src/components/notifications/Notification.tsx","../src/components/notifications/NotificationList.tsx","../src/components/notifications/Toast.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleList.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsibleGroupBox.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/SidebarMenuCloseButtonRow.tsx","../src/components/sidebar-menu/SidebarMenuPinButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/RailContext.ts","../src/components/sidebar-menu/items/RailMenuButton.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/items/SidebarMenuHeading.tsx","../src/components/sidebar-menu/items/RailMenuLink.tsx","../src/components/sidebar-menu/items/SidebarMenuLink.tsx","../src/components/sidebar-menu/items/RailMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuSeparator.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPadding.tsx","../src/components/cards/product-card/ProductCard.tsx","../src/components/cards/product-card/LargePrice.tsx","../src/components/cards/product-card/ProductCardContentItem.tsx","../src/components/cards/product-card/ProductCardContentItemSkeletor.tsx","../src/components/cards/product-card/SelectedProductCard.tsx","../src/components/cards/product-summary-card/ProductSummaryCard.tsx","../src/components/cards/product-summary-card/ProductSummaryCardSkeletor.tsx","../src/utils/UseDeviceSize.ts","../src/components/image-carousel/ImageCarousel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, RefObject, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n PopoverProps,\n} from \"@stenajs-webui/tooltip\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n appendTo?: ControlledPopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n buttonRef?: RefObject<HTMLButtonElement | null>;\n /**\n * Use if focus should not be trapped inside the Action Menu.\n * Defaults to false. */\n disableTrapFocus?: boolean;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n buttonRef,\n appendTo,\n zIndex,\n disableTrapFocus = false,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const fallbackRef = useRef<HTMLButtonElement>(null);\n const ref = buttonRef ?? fallbackRef;\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <>\n <ControlledPopover\n renderTrigger={(props) => (\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={ref}\n onClick={handleClick}\n {...props}\n />\n )}\n hideArrow\n disablePadding\n open={isOpen}\n onRequestClose={close}\n placement={placement}\n appendTo={appendTo}\n zIndex={zIndex}\n >\n {isOpen && (\n <ActionMenu\n width={menuWidth}\n top={menuTop}\n trapFocus={!disableTrapFocus}\n >\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )}\n </ControlledPopover>\n </>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Column, Indent, Row } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n return (\n <Popover\n trigger={\"click\"}\n renderTrigger={(props) => (\n <Row>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} leftIcon={stenaAngleDown} {...props} />\n </Row>\n </Row>\n )}\n hideArrow\n disablePadding\n placement={\"bottom-start\"}\n >\n {({ onRequestClose }) => (\n <Column>\n <ActionMenu>{renderMenu(onRequestClose)}</ActionMenu>\n </Column>\n )}\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { FlatButton, stenaHamburger } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <FlatButton\n leftIcon={stenaHamburger}\n className={className}\n onClick={onClick}\n />\n );\n};\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n children,\n right,\n center,\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n return (\n <Row\n justifyContent={\"space-between\"}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n <Row width={\"86px\"} alignItems={\"center\"}>\n <Indent />\n {showMenuButton && (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n </Row>\n\n {left && (\n <>\n {left}\n <Indent num={2} />\n </>\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton = forwardRef<HTMLButtonElement, NavBarButtonProps>(\n function ({ selected, className, ...buttonProps }, ref) {\n return (\n <FlatButton\n {...buttonProps}\n ref={ref}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className,\n )}\n />\n );\n },\n);\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return (\n <Heading whiteSpace={\"nowrap\"} variant={\"h4\"} as={\"h1\"} {...headingProps} />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n} from \"@stenajs-webui/tooltip\";\nimport { Box, useBoolean } from \"@stenajs-webui/core\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\" | \"content\">,\n Pick<ControlledPopoverProps, \"zIndex\" | \"appendTo\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n appendTo,\n zIndex,\n ...navBarButtonProps\n}) => {\n const [isOpen, , close, toggle] = useBoolean(false);\n\n return (\n <ControlledPopover\n renderTrigger={(props) => (\n <NavBarButton {...navBarButtonProps} {...props} onClick={toggle} />\n )}\n open={isOpen}\n onRequestClose={close}\n zIndex={zIndex}\n appendTo={appendTo}\n >\n <Box>\n {content && content({ close })}\n {children}\n </Box>\n </ControlledPopover>\n );\n};\n","import {\n BaseButton,\n FlatButtonProps,\n stenaBellFilled,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton = forwardRef<\n HTMLButtonElement,\n NavBarNotificationButtonProps\n>(function (\n {\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBellFilled,\n ...buttonProps\n },\n ref,\n) {\n const hasCount = count > 1;\n\n return (\n <BaseButton\n {...buttonProps}\n ref={ref}\n leftIcon={icon}\n className={cx(\n styles.navBarNotificationButton,\n unread && styles.unread,\n hasCount && styles.hasCount,\n className,\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n});\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { stenaTimes, TextInputButton } from \"@stenajs-webui/elements\";\n\nexport interface NavBarSearchFieldProps extends TextInputProps {\n showClearButton?: boolean;\n onClickClearButton?: ButtonElementProps[\"onClick\"];\n}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search\",\n className,\n wrapperClassName,\n showClearButton,\n onClickClearButton,\n value,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(\n styles.navBarSearchFieldWrapper,\n showClearButton ? styles.withButton : undefined,\n wrapperClassName,\n )}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n value={value}\n buttonRight={\n value && showClearButton ? (\n <TextInputButton\n className={styles.clearButton}\n icon={stenaTimes}\n variant={\"error\"}\n onClick={onClickClearButton}\n />\n ) : undefined\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n responsiveIconOnly = initials == null,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(styles.navBarUserButton, className)}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n forceRound={initials != null}\n responsiveIconOnly={responsiveIconOnly}\n disableArrow\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./UnreadDot.module.css\";\n\nexport interface UnreadDotProps {\n children: ReactNode;\n}\n\nexport const UnreadDot: React.FC<UnreadDotProps> = ({ children }) => {\n return (\n <div className={styles.unreadDot}>\n {children}\n <div className={styles.dot} />\n </div>\n );\n};\n","import { Box, Row, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CircledIcon, CloseButton, MediumIcon } from \"@stenajs-webui/elements\";\nimport { cssColor, CssPropColor } from \"@stenajs-webui/theme\";\nimport { UnreadDot } from \"./UnreadDot\";\nimport { NotificationVariant } from \"./Notification\";\n\nexport interface NotificationHeaderProps {\n /** Text. */\n text: string;\n /** Timestamp. */\n timestamp?: string;\n /** Icon. */\n icon?: MediumIcon;\n /** Icon description for accessibility. */\n iconAriaLabel?: string;\n /** Left content instead of icon. */\n contentLeft?: React.ReactNode;\n /** Right content. */\n contentRight?: React.ReactNode;\n /** What happens on clicking close. */\n onClose?: () => void;\n /** Mark the notification as unread */\n unread?: boolean;\n /** Notification variant. Will affect icon bg color */\n variant?: NotificationVariant;\n /** Icon background color. Will override other icon bg color */\n iconBackgroundColor?: CssPropColor;\n}\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = ({\n text,\n timestamp,\n icon,\n iconAriaLabel,\n contentLeft,\n contentRight,\n onClose,\n unread = false,\n variant,\n iconBackgroundColor,\n}) => {\n const circledIcon = icon ? (\n <CircledIcon\n size={\"small\"}\n icon={icon}\n aria-label={iconAriaLabel}\n backgroundColor={\n iconBackgroundColor\n ? iconBackgroundColor\n : getIconBgColorFromVariant(unread, variant)\n }\n />\n ) : undefined;\n\n return (\n <Row alignItems={\"flex-start\"} indent={2} spacing>\n <Row spacing gap={2} flex={1} alignItems={\"flex-start\"}>\n {contentLeft && (\n <Box minHeight={20} justifyContent={\"center\"}>\n {contentLeft}\n </Box>\n )}\n {!contentLeft &&\n circledIcon &&\n (unread ? <UnreadDot>{circledIcon}</UnreadDot> : circledIcon)}\n <Box minHeight={20} justifyContent={\"center\"} flex={1} gap={0.5}>\n <Text variant={\"bold\"}>{text}</Text>\n {timestamp && (\n <Text\n size={\"small\"}\n color={cssColor(\n unread ? \"--lhds-color-blue-600\" : \"--lhds-color-ui-600\",\n )}\n >\n {timestamp}\n </Text>\n )}\n </Box>\n {contentRight}\n </Row>\n {onClose && (\n <Box\n flex={\"none\"}\n justifyContent={\"center\"}\n height={\"calc(20px + 2 * var(--swui-metrics-spacing))\"}\n >\n <CloseButton onClick={onClose} />\n </Box>\n )}\n </Row>\n );\n};\n\nexport const getIconBgColorFromVariant = (\n unread: boolean,\n variant?: NotificationVariant,\n): CssPropColor | undefined => {\n if (!unread && variant === \"standard\") {\n return undefined;\n }\n return \"--lhds-color-ui-50\";\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\nimport styles from \"./Notification.module.css\";\nimport cx from \"classnames\";\n\nexport type NotificationVariant = \"standard\" | \"danger\";\n\nexport interface NotificationProps extends NotificationHeaderProps {\n children?: ReactNode;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n variant = \"standard\",\n children,\n unread,\n ...headerProps\n}) => (\n <div\n className={cx(\n styles.notification,\n styles[variant],\n unread && styles.unread,\n )}\n >\n <NotificationHeader {...headerProps} unread={unread} variant={variant} />\n {children && <Column className={styles.body}>{children}</Column>}\n </div>\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./NotificationList.module.css\";\n\nexport interface NotificationListProps {\n children?: ReactNode;\n}\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n children,\n}) => {\n return (\n <div className={styles.notificationList}>\n {children}\n <div />\n </div>\n );\n};\n","import { Box, BoxProps, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\nimport styles from \"./Toast.module.css\";\nimport cx from \"classnames\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface ToastProps\n extends Pick<BoxProps, \"children\" | \"width\" | \"maxWidth\">,\n Omit<NotificationHeaderProps, \"contentRight\"> {\n /** What happens on clicking the toast. */\n onClick?: () => void;\n /** Description of what happens on clicking the toast for accessibility. */\n onClickAriaLabel?: string;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n onClick,\n onClickAriaLabel,\n children,\n width = 264,\n maxWidth,\n ...headerProps\n}) => (\n <Box\n borderRadius={8}\n background={cssColor(\"--lhds-color-ui-50\")}\n shadow={\"popover\"}\n width={width}\n maxWidth={maxWidth}\n role={\"alert\"}\n position={\"relative\"}\n >\n <Box className={cx({ [styles.nonClickable]: onClick })}>\n <NotificationHeader {...headerProps} />\n </Box>\n {children && (\n <Box indent={3} className={cx({ [styles.nonClickable]: onClick })}>\n {children}\n <Space num={2} />\n </Box>\n )}\n {onClick && (\n <button\n onClick={onClick}\n className={styles.clickable}\n aria-label={onClickAriaLabel}\n ></button>\n )}\n </Box>\n);\n","import { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef, ReactNode } from \"react\";\n\nexport type CollapsibleProps =\n | CollapsibleLabelProps\n | CollapsibleRenderLabelProps;\n\nexport interface CollapsibleCommonProps\n extends Omit<ButtonElementProps, \"value\"> {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n collapsed?: boolean;\n}\n\nexport interface CollapsibleLabelProps extends CollapsibleCommonProps {\n label: string;\n}\n\nexport interface CollapsibleRenderLabelProps extends CollapsibleCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n ({ contentLeft, contentRight, collapsed = false, ...props }, ref) => (\n <MenuButton\n ref={ref}\n expandable\n expanded={!collapsed}\n selected={!collapsed}\n left={contentLeft}\n right={contentRight}\n {...props}\n />\n ),\n);\n","import * as React from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\n\nexport interface CollapsibleListProps {\n children?: ReactNode;\n}\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = ({\n children,\n}) => {\n return <Column gap={1}>{children}</Column>;\n};\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport type CollapsibleWithCheckboxProps =\n | CollapsibleWithCheckboxLabelProps\n | CollapsibleWithCheckboxRenderLabelProps;\n\nexport interface CollapsibleWithCheckboxCommonProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {\n checkboxDisabled?: CheckboxProps[\"disabled\"];\n}\n\nexport interface CollapsibleWithCheckboxLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n label: string;\n}\n\nexport interface CollapsibleWithCheckboxRenderLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n checkboxDisabled,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n disabled={checkboxDisabled}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenuCollapsibleGroupBox.module.css\";\n\nexport interface SidebarMenuCollapsibleGroupBoxProps {\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsibleGroupBox: React.FC<\n SidebarMenuCollapsibleGroupBoxProps\n> = ({ children }) => {\n return (\n <div className={styles.sidebarMenuCollapsibleGroupBox}>{children}</div>\n );\n};\n","import { Box, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\n\nexport interface CollapsibleGroupHeadingProps {\n children: string;\n}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ children }) => (\n <Box spacing indent>\n <Text variant={\"overline\"} size={\"smaller\"}>\n {children}\n </Text>\n </Box>\n);\n","import { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon, stenaMail } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface CollapsibleEmptyContentProps {\n text?: string;\n}\n\nexport const CollapsibleEmptyContent: React.FC<\n CollapsibleEmptyContentProps\n> = ({ text = \"No content\" }) => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={stenaMail} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n {text}\n </Text>\n </Column>\n );\n};\n","import {\n Box,\n Column,\n Heading,\n HeadingProps,\n Space,\n Text,\n} from \"@stenajs-webui/core\";\nimport {\n Card,\n CardBody,\n CardProps,\n CircledIcon,\n stenaTripFerryXl,\n XlIcon,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface ErrorPanelProps extends CardProps, PropsWithChildren {\n text?: string;\n heading?: string;\n buttons?: ReactNode;\n icon?: XlIcon;\n headingLevel?: HeadingProps[\"as\"];\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text,\n heading,\n children,\n buttons,\n icon = stenaTripFerryXl,\n headingLevel = \"h3\",\n ...cardProps\n}) => {\n const activeText =\n !text && !heading ? \"Something unexpected happened.\" : text;\n\n return (\n <Card {...cardProps}>\n <CardBody>\n <Column spacing={1} gap={3} alignItems={\"center\"}>\n <Column alignItems={\"center\"}>\n <Space num={1} />\n <CircledIcon icon={icon} size={\"xl\"} />\n </Column>\n {heading && <Heading as={headingLevel}>{heading}</Heading>}\n {activeText && <Text>{activeText}</Text>}\n {children}\n {buttons && (\n <Box>\n <Space num={2} />\n {buttons}\n </Box>\n )}\n </Column>\n </CardBody>\n </Card>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"bottom\"} background={cssColor(\"--lhds-color-ui-50\")} gap={2}>\n <Box indent={3}>\n {renderBreadCrumbs && (\n <Row spacing={1} alignItems={\"center\"}>\n <Row width={\"64px\"} height={\"16px\"} />\n {renderBreadCrumbs()}\n </Row>\n )}\n {renderPageHeading?.()}\n {renderTabs && <Space />}\n {renderTabs?.()}\n </Box>\n {children}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n icon?: MediumIcon;\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n headingLevel?: HeadingVariant;\n variant?: PageHeadingVariant;\n}\n\nexport const PageHeading: React.FC<PageHeadingProps> = ({\n icon,\n heading,\n headingLevel = \"h2\",\n contentLeft,\n contentRight,\n}) => (\n <Row alignItems={\"center\"} gap={2} height={\"64px\"}>\n <Row alignItems={\"center\"}>\n <Row width={\"64px\"} alignItems={\"center\"}>\n {icon && <CircledIcon icon={icon} />}\n </Row>\n <Heading variant={\"h3\"} as={headingLevel}>\n {heading}\n </Heading>\n </Row>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","import * as React from \"react\";\nimport styles from \"./SidebarMenuCloseButtonRow.module.css\";\nimport { ButtonElementProps, Column, Row, Space } from \"@stenajs-webui/core\";\nimport { CloseButton, StenaFlag } from \"@stenajs-webui/elements\";\n\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SidebarMenuCloseButtonRowProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButtonRow: React.FC<\n SidebarMenuCloseButtonRowProps\n> = ({ onClick }) => {\n return (\n <Column background={cssColor(\"--lhds-color-ui-50\")}>\n <Space />\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n flex={1}\n indent={1}\n minHeight={\"48px\"}\n >\n <CloseButton onClick={onClick} />\n <StenaFlag className={styles.stenaFlag} />\n </Row>\n </Column>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButton,\n MenuButtonProps,\n stenaAngleLeftDouble,\n stenaPin,\n} from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuPinButtonProps {\n isPinned?: boolean;\n label?: string;\n onClick?: MenuButtonProps[\"onClick\"];\n}\n\nexport const SidebarMenuPinButton: React.FC<SidebarMenuPinButtonProps> = ({\n isPinned,\n onClick,\n label,\n}) => {\n const pinLabel = isPinned ? \"Unpin menu\" : \"Pin menu\";\n const activeLabel = label ?? pinLabel;\n const activeIcon = isPinned ? stenaAngleLeftDouble : stenaPin;\n\n return (\n <MenuButton onClick={onClick} label={activeLabel} leftIcon={activeIcon} />\n );\n};\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButtonRow,\n SidebarMenuCloseButtonRowProps,\n} from \"./SidebarMenuCloseButtonRow\";\nimport { SidebarMenuPinButton } from \"./SidebarMenuPinButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonRowProps[\"onClick\"];\n pinButtonVisible?: boolean;\n isPinned?: boolean;\n bottomItems?: ReactNode;\n onClickPinButton?: () => void;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n pinButtonVisible,\n onClickPinButton,\n bottomItems,\n isPinned,\n ...boxProps\n}) => {\n return (\n <Box {...boxProps} className={cx(styles.sidebarMenu, className)}>\n <SidebarMenuCloseButtonRow onClick={onCloseClick} />\n <Box className={styles.scrollContainer}>\n <Column\n className={styles.sidebarItems}\n justifyContent={\"space-between\"}\n flex={1}\n gap={1}\n indent={1}\n >\n <Column gap={1}>{children}</Column>\n {(bottomItems || pinButtonVisible) && (\n <Column gap={1}>\n {bottomItems}\n {pinButtonVisible && (\n <SidebarMenuPinButton\n isPinned={isPinned}\n onClick={onClickPinButton}\n />\n )}\n <Space />\n </Column>\n )}\n </Column>\n </Box>\n </Box>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const RailContext = createContext<boolean | undefined>(false);\n\nexport const useRailContext = () => useContext(RailContext);\n","import * as React from \"react\";\nimport { IconMenuButton, IconMenuButtonProps } from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuButtonProps = IconMenuButtonProps & { label: string };\n\nexport const RailMenuButton: React.FC<RailMenuButtonProps> = ({\n label,\n ...menuButtonLinkProps\n}) => {\n return (\n <Tooltip label={label} placement={\"right\"} appendTo={document.body}>\n <IconMenuButton {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column } from \"@stenajs-webui/core\";\nimport { RailContext } from \"./RailContext\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport {\n IconMenuButton,\n stenaAngleLeftDouble,\n stenaHamburger,\n} from \"@stenajs-webui/elements\";\nimport { RailMenuButton } from \"../items/RailMenuButton\";\n\ninterface SidebarRailMenuProps {\n closeButtonVisible?: boolean;\n onClickCloseButton?: () => void;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n bottomItems?: ReactNode;\n closeButtonTitle?: string;\n}\n\nexport const SidebarRailMenu: React.FC<SidebarRailMenuProps> = ({\n closeButtonVisible,\n onClickCloseButton,\n onClickMenuButton,\n children,\n bottomItems,\n closeButtonTitle = \"Unpin menu\",\n}) => {\n return (\n <Box\n position={\"fixed\"}\n left={0}\n top={0}\n bottom={0}\n indent={0.5}\n spacing={1}\n gap={1}\n shadow={\"popover\"}\n background={cssColor(\"--lhds-color-ui-50\")}\n >\n <IconMenuButton onClick={onClickMenuButton} icon={stenaHamburger} />\n <Column justifyContent={\"space-between\"} flex={1} gap={1}>\n <Column gap={1}>\n <RailContext.Provider value={true}>{children}</RailContext.Provider>\n </Column>\n <Column gap={1}>\n {(bottomItems || closeButtonVisible) && (\n <RailContext.Provider value={true}>\n {bottomItems}\n {closeButtonVisible && (\n <RailMenuButton\n icon={stenaAngleLeftDouble}\n label={closeButtonTitle}\n onClick={onClickCloseButton}\n />\n )}\n </RailContext.Provider>\n )}\n </Column>\n </Column>\n </Box>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { useRailContext } from \"../rail/RailContext\";\n\nexport interface SidebarMenuHeadingProps {\n label: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n label,\n}) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return null;\n }\n\n return (\n <Box height={\"32px\"} justifyContent={\"center\"} indent={1}>\n <Space />\n <Text variant={\"overline\"} size={\"smaller\"}>\n {label}\n </Text>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport {\n IconMenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const RailMenuLink: React.FC<RailMenuLinkProps> = ({\n label,\n leftIcon,\n ...menuButtonLinkProps\n}) => {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <Tooltip label={label} placement={\"right\"}>\n <IconMenuButtonLink icon={leftIcon} {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuLink } from \"./RailMenuLink\";\n\nexport type SidebarMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = (props) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return <RailMenuLink {...props} />;\n }\n\n return <MenuButtonLink {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Box } from \"@stenajs-webui/core\";\nimport { SidebarMenuHeading } from \"./SidebarMenuHeading\";\nimport { RailContext } from \"../rail/RailContext\";\nimport { IconMenuButton } from \"@stenajs-webui/elements\";\n\nexport interface RailMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n icon: IconDefinition;\n children?: ReactNode;\n popupMinWidth?: string;\n}\n\nexport const RailMenuCollapsible: React.FC<RailMenuCollapsibleProps> = ({\n children,\n label,\n icon,\n popupMinWidth = \"200px\",\n}) => {\n return (\n <Popover\n renderTrigger={(props) => <IconMenuButton icon={icon} {...props} />}\n placement={\"right-start\"}\n trigger={[\"hover\", \"focus\"]}\n disablePadding\n >\n <Box\n minWidth={popupMinWidth}\n shadow={\"popover\"}\n spacing={1}\n indent={1}\n gap={2}\n >\n <RailContext.Provider value={false}>\n <SidebarMenuHeading label={label} />\n {children}\n </RailContext.Provider>\n </Box>\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuCollapsible } from \"./RailMenuCollapsible\";\nimport { SidebarMenuCollapsibleGroupBox } from \"./SidebarMenuCollapsibleGroupBox\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n className?: string;\n initialExpand?: boolean;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n className,\n initialExpand = false,\n}) => {\n const [expanded, setExpanded] = useState<boolean>(initialExpand);\n\n const isRail = useRailContext();\n\n if (isRail) {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <RailMenuCollapsible label={label} icon={leftIcon}>\n {children}\n </RailMenuCollapsible>\n );\n }\n return (\n <MenuButton\n label={label}\n onClick={() => setExpanded(!expanded)}\n leftIcon={leftIcon}\n className={className}\n expandable\n expanded={expanded}\n selected={expanded}\n >\n <SidebarMenuCollapsibleGroupBox>\n {children}\n </SidebarMenuCollapsibleGroupBox>\n </MenuButton>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps,\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-ui-400\")}\n {...separatorLineProps}\n />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Row, Space, Text } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectedItemsActionsPanelProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nexport const SelectedItemsActionsPanel: React.FC<\n SelectedItemsActionsPanelProps\n> = ({ numItemsSelected, label, afterLabelContent, rightContent }) => (\n <Row\n indent={3}\n spacing\n gap={3}\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n background={cssColor(\"--silver-lighter\")}\n flex={1}\n borderRadius={\"var(--swui-border-radius)\"}\n >\n <Row alignItems={\"center\"} gap={2}>\n {numItemsSelected != null || label != null ? (\n <Row alignItems={\"center\"}>\n {numItemsSelected != null ? (\n <>\n <Text>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </Row>\n ) : null}\n {afterLabelContent && <Row>{afterLabelContent}</Row>}\n </Row>\n <Row gap={2}>{rightContent}</Row>\n </Row>\n);\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface SelectedItemsActionsPaddingProps extends PropsWithChildren {}\n\nexport const SelectedItemsActionsPadding: React.FC<\n SelectedItemsActionsPaddingProps\n> = ({ children }) => {\n return (\n <Row spacing={0.5} indent={0.5} flex={1}>\n {children}\n </Row>\n );\n};\n","import { Box, Column, getDataProps, Row, Spacing } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport styles from \"./ProductCard.module.css\";\nimport { Spinner } from \"@stenajs-webui/elements\";\n\nexport interface ProductCardProps extends PropsWithChildren {\n renderSelectedProductCard?: () => ReactNode;\n renderEditButton?: () => ReactNode;\n loading?: boolean;\n shadow?: boolean;\n}\n\nexport const ProductCard: React.FC<ProductCardProps> = ({\n renderSelectedProductCard,\n renderEditButton,\n children,\n loading,\n shadow,\n ...props\n}) => {\n return (\n <Column\n data-comp={\"ProductCard\"}\n className={styles.productCard}\n shadow={shadow ? \"box\" : undefined}\n background={cssColor(\"--moln\")}\n borderRadius={\"24px\"}\n overflow={\"hidden\"}\n position={loading ? \"relative\" : undefined}\n {...getDataProps(props)}\n >\n {renderSelectedProductCard?.()}\n <Column gap={2}>{children}</Column>\n {renderEditButton && (\n <Column>\n <Row indent={2} justifyContent={\"flex-end\"}>\n {renderEditButton()}\n </Row>\n <Spacing />\n </Column>\n )}\n {loading && (\n <Box\n top={0}\n bottom={0}\n left={0}\n right={0}\n position={\"absolute\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n background={\"rgba(255, 255, 255, 0.7)\"}\n >\n <Spinner />\n </Box>\n )}\n </Column>\n );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Text } from \"@stenajs-webui/core\";\n\nexport interface LargePriceProps extends PropsWithChildren {}\n\nexport const LargePrice: React.FC<LargePriceProps> = ({ children }) => {\n return (\n <Text variant={\"bold\"} style={{ fontSize: \"2.0rem\" }}>\n {children}\n </Text>\n );\n};\n","import {\n Box,\n Column,\n Heading,\n HeadingVariant,\n isEmptyFragment,\n Row,\n Space,\n Text,\n} from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { Tag } from \"@stenajs-webui/elements\";\nimport { LargePrice } from \"./LargePrice\";\n\nexport interface ProductCardContentItemProps extends PropsWithChildren {\n title: string;\n headingLevel?: HeadingVariant;\n subTitle?: string;\n description?: string;\n subDescription?: string;\n descriptionTags?: ReactNode;\n capacityTag?: string;\n offerCodeTag?: ReactNode;\n priceText?: string;\n renderImage?: () => ReactNode;\n}\n\nexport const ProductCardContentItem: React.FC<ProductCardContentItemProps> = ({\n description,\n subDescription,\n descriptionTags,\n capacityTag,\n offerCodeTag,\n priceText,\n title,\n subTitle,\n renderImage,\n children,\n headingLevel,\n}) => {\n const hasDescriptionTags =\n descriptionTags == null\n ? false\n : Array.isArray(descriptionTags)\n ? descriptionTags.length > 0\n : !isEmptyFragment(descriptionTags);\n\n return (\n <Column>\n {renderImage?.()}\n <Box gap={2} spacing={4} indent={4} background={cssColor(\"--moln\")}>\n <Box gap={0.5}>\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"flex-start\"}\n gap={2}\n >\n <Heading variant={\"h3\"} as={headingLevel}>\n {title}\n </Heading>\n <Row gap={2}>\n {offerCodeTag && (\n <Column justifyContent={\"center\"}>{offerCodeTag}</Column>\n )}\n <LargePrice>{priceText}</LargePrice>\n </Row>\n </Row>\n {subTitle && (\n <Text variant={\"bold\"} color={cssColor(\"--silver-dark\")}>\n {subTitle}\n </Text>\n )}\n </Box>\n {(hasDescriptionTags || capacityTag) && (\n <Column>\n <Row gap={1} flexWrap={\"wrap\"}>\n {descriptionTags}\n {capacityTag && <Tag label={capacityTag} variant={\"passive\"} />}\n </Row>\n <Space />\n </Column>\n )}\n {description && (\n <Column>\n <Text>{description}</Text>\n <Space />\n </Column>\n )}\n {subDescription && (\n <Column>\n <Text>{subDescription}</Text>\n <Space />\n </Column>\n )}\n {children}\n </Box>\n </Column>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column, Row, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { ShimmerBox } from \"@stenajs-webui/elements\";\n\nexport interface ProductCardContentItemSkeletorProps {\n renderImage?: () => ReactNode;\n}\n\nexport const ProductCardContentItemSkeletor: React.FC<\n ProductCardContentItemSkeletorProps\n> = ({ renderImage }) => {\n return (\n <Column>\n {renderImage?.()}\n <Box gap={3} spacing={4} indent={4} background={cssColor(\"--moln\")}>\n <Box gap={0.5}>\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"flex-start\"}\n gap={2}\n >\n {\n <ShimmerBox\n width={\"50px\"}\n height={\"2.8rem\"}\n borderRadius={\"8px\"}\n />\n }\n </Row>\n </Box>\n <Column>\n <ShimmerBox width={\"180px\"} height={\"2.0rem\"} borderRadius={\"8px\"} />\n </Column>\n <Column>\n <ShimmerBox width={\"150px\"} height={\"1.4rem\"} borderRadius={\"8px\"} />\n </Column>\n <Space />\n </Box>\n </Column>\n );\n};\n","import { Box, Heading } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectedProductCardProps extends PropsWithChildren {\n label: string;\n}\n\nexport const SelectedProductCard: React.FC<SelectedProductCardProps> = ({\n label,\n children,\n}) => {\n return (\n <Box background={cssColor(\"--mussla\")} indent={2} spacing={2} gap={2}>\n <Heading variant={\"h3\"} as={\"h2\"} color={\"white\"}>\n {label}\n </Heading>\n {children}\n </Box>\n );\n};\n","import {\n Box,\n Column,\n exhaustSwitchCaseElseThrow,\n getDataProps,\n Row,\n Text,\n useAccessibleFontSizeContext,\n} from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport {\n CircledIcon,\n Icon,\n MediumIcon,\n Spinner,\n XlIcon,\n} from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { useMediaQuery } from \"react-responsive\";\n\nexport type ProductCategoryCardVariant = \"edit\" | \"upgrade\" | \"normal\";\n\nexport interface ProductSummaryCardProps extends PropsWithChildren {\n title?: string;\n variant?: ProductCategoryCardVariant;\n loading?: boolean;\n iconLeft?: XlIcon;\n compactIconLeft?: MediumIcon;\n renderButton?: () => React.ReactNode;\n renderOfferCodeTag?: () => ReactNode;\n renderMandatoryTag?: () => ReactNode;\n renderContentLeftOfButton?: () => ReactNode;\n}\n\nexport const ProductSummaryCard: React.FC<ProductSummaryCardProps> = ({\n title,\n variant = \"normal\",\n loading,\n iconLeft,\n compactIconLeft,\n renderButton,\n renderOfferCodeTag,\n renderMandatoryTag,\n renderContentLeftOfButton,\n children,\n ...props\n}) => {\n const { fontSizeRatio } = useAccessibleFontSizeContext();\n\n const isMobile = useMediaQuery({\n query: `(max-width: 460px)`,\n });\n const isSmallMobile = useMediaQuery({\n query: `(max-width: 360px)`,\n });\n\n const isCompact = isSmallMobile || (isMobile && fontSizeRatio > 1.2);\n\n const visibleVariant = loading ? \"normal\" : variant;\n\n const leftBackground = getBackground(visibleVariant);\n const rightBackground = cssColor(\"--moln\");\n const iconColor = getIconColor(visibleVariant);\n\n return (\n <Box\n data-comp={\"ProductSummaryCard\"}\n borderRadius={\"16px\"}\n shadow={\"box\"}\n overflow={\"hidden\"}\n position={loading ? \"relative\" : undefined}\n {...getDataProps(props)}\n >\n <Row flex={1}>\n {!isCompact && (\n <Box flex={2} justifyContent={\"center\"} background={leftBackground}>\n {iconLeft && <Icon color={iconColor} icon={iconLeft} size={73} />}\n </Box>\n )}\n <Box flex={4} indent={2} spacing={2} background={rightBackground}>\n <Column gap={2}>\n {title && (\n <Row justifyContent={\"space-between\"}>\n <Row gap={2} alignItems={\"center\"}>\n {isCompact && compactIconLeft && (\n <CircledIcon icon={compactIconLeft} size={\"medium\"} />\n )}\n <Text variant={\"bold\"} size={\"large\"}>\n {title}\n </Text>\n </Row>\n {visibleVariant == \"normal\" && renderOfferCodeTag?.()}\n </Row>\n )}\n <Column style={{ opacity: loading ? 0 : undefined }}>\n {children}\n </Column>\n {renderMandatoryTag && (\n <Row style={{ opacity: loading ? 0 : undefined }}>\n {renderMandatoryTag()}\n </Row>\n )}\n <div />\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n gap={2}\n flexWrap={\"wrap\"}\n >\n {renderContentLeftOfButton?.() ?? <div />}\n {renderButton?.()}\n </Row>\n </Column>\n </Box>\n </Row>\n\n {loading && (\n <Box\n top={0}\n bottom={0}\n left={0}\n right={0}\n position={\"absolute\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n background={\"rgba(255, 255, 255, 0.7)\"}\n >\n <Spinner />\n </Box>\n )}\n </Box>\n );\n};\n\nconst getIconColor = (\n variant: ProductCategoryCardVariant,\n): string | undefined => {\n switch (variant) {\n case \"edit\":\n return cssColor(\"--moln\");\n case \"upgrade\":\n return cssColor(\"--moln\");\n case \"normal\":\n return cssColor(\"--mussla\");\n default:\n exhaustSwitchCaseElseThrow(variant);\n }\n};\n\nconst getBackground = (\n variant: ProductCategoryCardVariant,\n): string | undefined => {\n switch (variant) {\n case \"edit\":\n return cssColor(\"--mussla\");\n case \"upgrade\":\n return cssColor(\"--mussla\");\n case \"normal\":\n return cssColor(\"--silver-lighter\");\n default:\n exhaustSwitchCaseElseThrow(variant);\n }\n};\n","import { Box, Column, getDataProps, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Icon, ShimmerBox } from \"@stenajs-webui/elements\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface ProductSummaryCardSkeletorProps {\n iconLeft?: IconDefinition;\n}\n\nexport const ProductSummaryCardSkeletor: React.FC<\n ProductSummaryCardSkeletorProps\n> = ({ iconLeft, ...props }) => {\n return (\n <Box\n borderRadius={\"16px\"}\n shadow={\"box\"}\n overflow={\"hidden\"}\n {...getDataProps(props)}\n >\n <Row flex={1}>\n <Box\n flex={2}\n justifyContent={\"center\"}\n background={cssColor(\"--silver-lighter\")}\n >\n {iconLeft && (\n <Icon color={cssColor(\"--mussla\")} icon={iconLeft} size={73} />\n )}\n </Box>\n <Box flex={4} indent={2} spacing={2} background={cssColor(\"--moln\")}>\n <Column gap={2}>\n <ShimmerBox\n width={\"180px\"}\n height={\"2.8rem\"}\n borderRadius={\"8px\"}\n />\n <ShimmerBox width={\"50px\"} height={\"2.0rem\"} borderRadius={\"8px\"} />\n <ShimmerBox\n width={\"150px\"}\n height={\"1.4rem\"}\n borderRadius={\"8px\"}\n />\n </Column>\n </Box>\n </Row>\n </Box>\n );\n};\n","import { useMemo } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\n\nexport type DeviceSize =\n | \"small-mobile\"\n | \"mobile\"\n | \"tablet\"\n | \"tablet-wide\"\n | \"desktop\";\n\nconst layoutSizeOrdered: Array<DeviceSize> = [\n \"small-mobile\",\n \"mobile\",\n \"tablet\",\n \"tablet-wide\",\n \"desktop\",\n];\n\nexport const useDeviceSize = () => {\n const isMobile = useMediaQuery({\n query: `(max-width: 768px)`,\n });\n\n const isSmallMobile = useMediaQuery({\n query: `(max-width: 395px)`,\n });\n\n const isTablet = useMediaQuery({\n query: `(max-width: 1024px)`,\n });\n\n const isTabletWide = useMediaQuery({\n query: `(max-width: 1160px)`,\n });\n\n const deviceSize: DeviceSize = isSmallMobile\n ? \"small-mobile\"\n : isMobile\n ? \"mobile\"\n : isTablet\n ? \"tablet\"\n : isTabletWide\n ? \"tablet-wide\"\n : \"desktop\";\n\n return { deviceSize };\n};\n\nexport const isDeviceSameOrLarger = (\n deviceLarger: DeviceSize,\n than: DeviceSize,\n): boolean =>\n deviceLarger === than ||\n layoutSizeOrdered.indexOf(deviceLarger) > layoutSizeOrdered.indexOf(than);\n\nexport const useLayoutVisibility = (visibleOnThisAndLarger: DeviceSize) => {\n const { deviceSize } = useDeviceSize();\n\n const visible = useMemo(\n () => isDeviceSameOrLarger(deviceSize, visibleOnThisAndLarger),\n [deviceSize, visibleOnThisAndLarger],\n );\n\n return {\n visible,\n };\n};\n","import * as React from \"react\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport Lightbox, { ControllerRef, Slide } from \"yet-another-react-lightbox\";\nimport Inline from \"yet-another-react-lightbox/plugins/inline\";\nimport Captions from \"yet-another-react-lightbox/plugins/captions\";\nimport Counter from \"yet-another-react-lightbox/plugins/counter\";\nimport Zoom from \"yet-another-react-lightbox/plugins/zoom\";\nimport {\n PrimaryButton,\n SecondaryButton,\n stenaAngleLeft,\n stenaAngleRight,\n stenaSearchMinus,\n stenaSearchPlus,\n stenaTimesThick,\n} from \"@stenajs-webui/elements\";\nimport { BlockKeyboardEvents, Indent, Row } from \"@stenajs-webui/core\";\nimport \"./ImageCarousel.module.css\";\nimport { useDeviceSize } from \"../../utils/UseDeviceSize\";\nimport \"yet-another-react-lightbox/styles.css\";\n\nexport interface CarouselImage {\n url: string;\n alt: string;\n width: number;\n height: number;\n title?: string;\n description?: string;\n fullscreenImage?: {\n url: string;\n width: number;\n height: number;\n };\n}\n\nexport interface ImageCarouselProps {\n images: Array<CarouselImage>;\n altLabelPrevious: string;\n altLabelNext: string;\n altLabelClose: string;\n altLabelZoomIn: string;\n altLabelZoomOut: string;\n}\n\nexport const ImageCarousel: React.FC<ImageCarouselProps> = ({\n images,\n altLabelPrevious,\n altLabelZoomIn,\n altLabelZoomOut,\n altLabelNext,\n altLabelClose,\n}) => {\n const controllerRef = useRef<ControllerRef>(null);\n const fullscreenControllerRef = useRef<ControllerRef>(null);\n\n const { deviceSize } = useDeviceSize();\n const navigationButtonsVisible = !(deviceSize === \"mobile\");\n\n const [isOpen, setIsOpen] = useState(false);\n /**\n * index state cannot be shared between lightbox and fullscreen lightbox.\n * If they are state, there is an infinite loop caused by recursive setState.\n */\n const [index, setIndex] = useState(0);\n const [fullscreenIndex, setFullscreenIndex] = useState(0);\n\n const setOpen = useCallback(() => {\n setFullscreenIndex(index);\n setIsOpen(true);\n }, [index]);\n\n const setClosed = useCallback(() => {\n setIndex(fullscreenIndex);\n setIsOpen(false);\n }, [fullscreenIndex]);\n\n const updateIndex = ({ index: current }: { index: number }) =>\n setIndex(current);\n\n const updateFullscreenIndex = ({ index: current }: { index: number }) =>\n setFullscreenIndex(current);\n\n const slides = useMemo(() => images.map(toSlide), [images]);\n\n const fullScreenSlides = useMemo(\n () =>\n images.map((image) =>\n image.fullscreenImage\n ? toSlide({\n ...image.fullscreenImage,\n description: image.description,\n title: image.title,\n })\n : toSlide(image),\n ),\n [images],\n );\n\n return (\n <BlockKeyboardEvents blockedKeys={\"Escape\"}>\n <Lightbox\n controller={{ ref: controllerRef }}\n index={index}\n slides={slides}\n plugins={[Inline]}\n on={{\n view: updateIndex,\n click: setOpen,\n }}\n carousel={{\n padding: 0,\n spacing: 0,\n imageFit: \"cover\",\n }}\n render={{\n buttonPrev: () =>\n images.length > 1 && (\n <Indent className={\"yarl__navigation_prev\"}>\n <SecondaryButton\n aria-label={altLabelPrevious}\n leftIcon={stenaAngleLeft}\n onClick={() => controllerRef.current?.prev()}\n />\n </Indent>\n ),\n buttonNext: () =>\n images.length > 1 && (\n <Indent className={\"yarl__navigation_next\"}>\n <SecondaryButton\n aria-label={altLabelNext}\n leftIcon={stenaAngleRight}\n onClick={() => controllerRef.current?.next()}\n />\n </Indent>\n ),\n }}\n styles={{\n button: {\n filter: \"none\",\n },\n }}\n inline={{\n style: {\n width: \"100%\",\n maxWidth: \"900px\",\n aspectRatio: \"3 / 2\",\n margin: \"0 auto\",\n },\n }}\n />\n\n <Lightbox\n open={isOpen}\n close={setClosed}\n index={fullscreenIndex}\n plugins={[Zoom, Counter, Captions]}\n slides={fullScreenSlides ?? slides}\n on={{ view: updateFullscreenIndex }}\n animation={{ fade: 0 }}\n controller={{\n closeOnPullDown: true,\n closeOnBackdropClick: true,\n ref: fullscreenControllerRef,\n }}\n counter={{\n container: {\n style: {\n filter: \"none\",\n color: \"white\",\n fontSize: \"2.0rem\",\n fontFamily: \"Stena Sans\",\n },\n },\n }}\n render={{\n buttonZoom: (p) =>\n navigationButtonsVisible && (\n <Row gap={1} indent={2}>\n <SecondaryButton\n aria-label={altLabelZoomIn}\n leftIcon={stenaSearchPlus}\n size={\"large\"}\n onClick={() => p.zoomIn()}\n />\n <SecondaryButton\n aria-label={altLabelZoomOut}\n leftIcon={stenaSearchMinus}\n size={\"large\"}\n onClick={() => p.zoomOut()}\n />\n </Row>\n ),\n buttonPrev: () =>\n images.length > 1 &&\n navigationButtonsVisible && (\n <Indent num={4} className={\"yarl__navigation_prev\"}>\n <SecondaryButton\n aria-label={altLabelPrevious}\n leftIcon={stenaAngleLeft}\n size={\"large\"}\n onClick={() => fullscreenControllerRef.current?.prev()}\n />\n </Indent>\n ),\n buttonNext: () =>\n images.length > 1 &&\n navigationButtonsVisible && (\n <Indent num={4} className={\"yarl__navigation_next\"}>\n <SecondaryButton\n aria-label={altLabelNext}\n leftIcon={stenaAngleRight}\n size={\"large\"}\n onClick={() => fullscreenControllerRef.current?.next()}\n />\n </Indent>\n ),\n buttonClose: () => (\n <Indent>\n <PrimaryButton\n variant={\"danger\"}\n aria-label={altLabelClose}\n leftIcon={stenaTimesThick}\n size={\"large\"}\n onClick={() => fullscreenControllerRef.current?.close()}\n />\n </Indent>\n ),\n }}\n />\n </BlockKeyboardEvents>\n );\n};\n\nconst toSlide = (image: {\n url: string;\n width: number;\n height: number;\n title?: string;\n description?: string;\n}): Slide => ({\n src: image.url,\n width: image.width,\n height: image.height,\n alt: image.description,\n title: image.title,\n description: image.description,\n});\n"],"names":["ActionMenuButton","renderItems","placement","Button","rightIcon","stenaAngleDown","menuWidth","menuTop","onClick","disableArrow","buttonRef","appendTo","zIndex","disableTrapFocus","buttonProps","isOpen","open","close","toggle","useBoolean","fallbackRef","useRef","ref","contextValue","useMemo","handleClick","event","jsx","Fragment","ControlledPopover","props","ActionMenu","ActionMenuContext","ActionMenuPrimaryButton","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Popover","Row","jsxs","Checkbox","Indent","onRequestClose","Column","NavBarSideMenuButton","className","stenaHamburger","NavBar","left","showMenuButton","children","right","center","onClickMenuButton","currentFlex","cx","styles","React","child","index","NavBarButton","forwardRef","selected","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","Box","NavBarNotificationButton","count","unread","labelClassName","iconClassName","icon","stenaBellFilled","hasCount","BaseButton","NavBarSearchField","placeholder","wrapperClassName","showClearButton","onClickClearButton","value","textInputProps","TextInput","TextInputButton","stenaTimes","NavBarUserButton","username","initials","stenaUserCircle","responsiveIconOnly","UnreadDot","NotificationHeader","text","timestamp","iconAriaLabel","contentLeft","contentRight","onClose","variant","iconBackgroundColor","circledIcon","CircledIcon","getIconBgColorFromVariant","Text","cssColor","CloseButton","Notification","headerProps","NotificationList","Toast","onClickAriaLabel","width","maxWidth","Space","Collapsible","collapsed","MenuButton","CollapsibleList","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","checkboxDisabled","collapsibleProps","ev","SidebarMenuCollapsibleGroupBox","CollapsibleGroupHeading","CollapsibleEmptyContent","Icon","stenaMail","ErrorPanel","heading","buttons","stenaTripFerryXl","headingLevel","cardProps","activeText","Card","CardBody","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","PageHeaderRow","PageHeading","SidebarMenuCloseButtonRow","StenaFlag","SidebarMenuPinButton","isPinned","label","stenaAngleLeftDouble","stenaPin","SidebarMenu","onCloseClick","pinButtonVisible","onClickPinButton","bottomItems","boxProps","RailContext","createContext","useRailContext","useContext","RailMenuButton","menuButtonLinkProps","Tooltip","IconMenuButton","SidebarRailMenu","closeButtonVisible","onClickCloseButton","closeButtonTitle","SidebarMenuHeading","RailMenuLink","leftIcon","IconMenuButtonLink","SidebarMenuLink","MenuButtonLink","RailMenuCollapsible","popupMinWidth","SidebarMenuCollapsible","initialExpand","expanded","setExpanded","useState","SidebarMenuSeparator","separatorLineProps","SeparatorLine","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent","SelectedItemsActionsPadding","ProductCard","renderSelectedProductCard","renderEditButton","loading","shadow","getDataProps","Spacing","LargePrice","ProductCardContentItem","description","subDescription","descriptionTags","capacityTag","offerCodeTag","priceText","title","subTitle","renderImage","hasDescriptionTags","isEmptyFragment","Tag","ProductCardContentItemSkeletor","ShimmerBox","SelectedProductCard","ProductSummaryCard","iconLeft","compactIconLeft","renderButton","renderOfferCodeTag","renderMandatoryTag","renderContentLeftOfButton","fontSizeRatio","useAccessibleFontSizeContext","isMobile","useMediaQuery","isCompact","visibleVariant","leftBackground","getBackground","rightBackground","iconColor","getIconColor","exhaustSwitchCaseElseThrow","ProductSummaryCardSkeletor","layoutSizeOrdered","useDeviceSize","isSmallMobile","isTablet","isTabletWide","isDeviceSameOrLarger","deviceLarger","than","useLayoutVisibility","visibleOnThisAndLarger","deviceSize","ImageCarousel","images","altLabelPrevious","altLabelZoomIn","altLabelZoomOut","altLabelNext","altLabelClose","controllerRef","fullscreenControllerRef","navigationButtonsVisible","setIsOpen","setIndex","fullscreenIndex","setFullscreenIndex","setOpen","useCallback","setClosed","updateIndex","current","updateFullscreenIndex","slides","toSlide","fullScreenSlides","image","BlockKeyboardEvents","Lightbox","Inline","stenaAngleLeft","_a","stenaAngleRight","Zoom","Counter","Captions","p","stenaSearchPlus","stenaSearchMinus","stenaTimesThick"],"mappings":";;;;;;;;;;;;;;;;AA8CO,MAAMA,KAAoD,CAAC;AAAA,EAChE,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAiBC;AAAA,EACjB,WAAAC,IAAYC;AAAA,EACZ,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,GAAMC,GAAOC,CAAM,IAAIC,GAAW,EAAK,GAEhDC,IAAcC,EAA0B,IAAI,GAC5CC,IAAMZ,KAAaU,GAEnBG,IAAeC,EAAQ,OAAO,EAAE,MAAAR,GAAM,OAAAC,MAAU,CAACD,GAAMC,CAAK,CAAC,GAE7DQ,IAAc,CAClBC,MACG;AACH,IAAAlB,KAAA,QAAAA,EAAUkB,IACHR,EAAA;AAAA,EACT;AAEA,SAEI,gBAAAS,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAe,CAACC,MACd,gBAAAH;AAAA,QAACxB;AAAA,QAAA;AAAA,UACC,WAAWM,IAAe,SAAYL;AAAA,UACrC,GAAGU;AAAA,UACJ,KAAAQ;AAAA,UACA,SAASG;AAAA,UACR,GAAGK;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,WAAS;AAAA,MACT,gBAAc;AAAA,MACd,MAAMf;AAAA,MACN,gBAAgBE;AAAA,MAChB,WAAAf;AAAA,MACA,UAAAS;AAAA,MACA,QAAAC;AAAA,MAEC,UACCG,KAAA,gBAAAY;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAOzB;AAAA,UACP,KAAKC;AAAA,UACL,WAAW,CAACM;AAAA,UAEZ,UAAA,gBAAAc,EAACK,GAAkB,UAAlB,EAA2B,OAAOT,GAChC,UAAAtB,EAAYgB,CAAK,EACpB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAGN;AAEJ,GCrGagB,KAAkE,CAC7EH,MAEQ,gBAAAH,EAAA3B,IAAA,EAAiB,iBAAiBkC,IAAgB,GAAGJ,GAAO,GCJzDK,KAET,CAACL,MACK,gBAAAH,EAAA3B,IAAA,EAAiB,iBAAiBoC,GAAkB,GAAGN,GAAO,GCH3DO,KAA4D,CACvEP,MAEQ,gBAAAH,EAAA3B,IAAA,EAAiB,iBAAiBsC,GAAa,GAAGR,GAAO,GCK7DS,KAAS,sCAEFC,KAA4C,CAAC;AAAA,EACxD,YAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAf;AAAA,EAACgB;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,eAAe,CAACb,MACd,gBAAAH,EAACiB,GACC,EAAA,UAAA,gBAAAC;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,QAAM;AAAA,QACN,YAAY;AAAA,QACZ,QAAAL;AAAA,QACA,cAAc;AAAA,QAEd,UAAA;AAAA,UAAC,gBAAAZ,EAAAmB,IAAA,EAAU,GAAGJ,GAAe;AAAA,UAC7B,gBAAAf,EAACoB,GAAO,EAAA,KAAK,IAAK,CAAA;AAAA,4BACjBT,GAAW,EAAA,MAAM,SAAS,UAAUjC,IAAiB,GAAGyB,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEpE;AAAA,IAEF,WAAS;AAAA,IACT,gBAAc;AAAA,IACd,WAAW;AAAA,IAEV,UAAA,CAAC,EAAE,gBAAAkB,EACF,MAAA,gBAAArB,EAACsB,GACC,EAAA,UAAA,gBAAAtB,EAACI,IAAY,EAAA,UAAAU,EAAWO,CAAc,EAAE,CAAA,EAC1C,CAAA;AAAA,EAAA;AAEJ;;GCxCSE,KAAyD,CAAC;AAAA,EACrE,WAAAC;AAAA,EACA,SAAA3C;AACF,MAEI,gBAAAmB;AAAA,EAACW;AAAA,EAAA;AAAA,IACC,UAAUc;AAAA,IACV,WAAAD;AAAA,IACA,SAAA3C;AAAA,EAAA;AACF,GCMS6C,KAAgC,CAAC;AAAA,EAC5C,MAAAC;AAAA,EACA,WAAAH;AAAA,EACA,gBAAAI,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AACF,MAAM;AACE,QAAAC,IAAcF,IAAS,IAAI;AAE/B,SAAA,gBAAAb;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,gBAAgB;AAAA,MAChB,WAAWiB,EAAGC,GAAO,QAAQX,CAAS;AAAA,MAEtC,UAAA;AAAA,QAAA,gBAAAN;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,MAAMgB;AAAA,YACN,gBAAgB;AAAA,YAChB,YAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAf,EAACD,GAAI,EAAA,OAAO,QAAQ,YAAY,UAC9B,UAAA;AAAA,gBAAA,gBAAAjB,EAACoB,GAAO,EAAA;AAAA,gBACPQ,KACC,gBAAA5B,EAACuB,IAAqB,EAAA,SAASS,EAAmB,CAAA;AAAA,cAAA,GAEtD;AAAA,cAECL,KAEI,gBAAAT,EAAAjB,GAAA,EAAA,UAAA;AAAA,gBAAA0B;AAAA,gBACD,gBAAA3B,EAACoB,GAAO,EAAA,KAAK,EAAG,CAAA;AAAA,cAAA,GAClB;AAAA,cAEDS,KACC,gBAAA7B,EAAAC,GAAA,EACE,UAAC,gBAAAD,EAAAiB,GAAA,EAAI,gBAAgB,UAAU,YAAY,UACxC,UAAAmB,GAAM,SAAS,IAAIP,GAAU,CAACQ,GAAOC,MAEjC,gBAAApB,EAAAjB,GAAA,EAAA,UAAA;AAAA,gBAAQqC,IAAA,uBAAMlB,GAAO,CAAA,CAAA;AAAA,gBACrBiB;AAAA,cAAA,EACH,CAAA,CACD,GACH,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QACCN,KACE,gBAAA/B,EAAAiB,GAAA,EAAI,gBAAgB,UAAU,YAAY,UACxC,UACHc,GAAA;AAAA,0BAEDd,GAAI,EAAA,gBAAgB,YAAY,YAAY,UAAU,MAAMgB,GAC1D,UAAA;AAAA,UAAAH;AAAA,UACD,gBAAA9B,EAACoB,GAAO,EAAA,KAAK,EAAG,CAAA;AAAA,QAAA,EAClB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;;GCtEamB,KAAeC;AAAA,EAC1B,SAAU,EAAE,UAAAC,GAAU,WAAAjB,GAAW,GAAGrC,EAAA,GAAeQ,GAAK;AAEpD,WAAA,gBAAAK;AAAA,MAACW;AAAA,MAAA;AAAA,QACE,GAAGxB;AAAA,QACJ,KAAAQ;AAAA,QACA,WAAWuC;AAAA,UACTC,GAAO;AAAA,UACPM,KAAYN,GAAO;AAAA,UACnBX;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGN,GCnBakB,KAA8C,CAACC,MAExD,gBAAA3C,EAAC4C,KAAQ,YAAY,UAAU,SAAS,MAAM,IAAI,MAAO,GAAGD,EAAc,CAAA,GCcjEE,KAA0D,CAAC;AAAA,EACtE,SAAAC;AAAA,EACA,UAAAjB;AAAA,EACA,UAAA7C;AAAA,EACA,QAAAC;AAAA,EACA,GAAG8D;AACL,MAAM;AACJ,QAAM,CAAC3D,GAAQ,EAAEE,GAAOC,CAAM,IAAIC,GAAW,EAAK;AAGhD,SAAA,gBAAAQ;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAe,CAACC,MACb,gBAAAH,EAAAuC,IAAA,EAAc,GAAGQ,GAAoB,GAAG5C,GAAO,SAASZ,GAAQ;AAAA,MAEnE,MAAMH;AAAA,MACN,gBAAgBE;AAAA,MAChB,QAAAL;AAAA,MACA,UAAAD;AAAA,MAEA,4BAACgE,GACE,EAAA,UAAA;AAAA,QAAWF,KAAAA,EAAQ,EAAE,OAAAxD,GAAO;AAAA,QAC5BuC;AAAA,MAAA,EACH,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;;;;GC5BaoB,KAA2BT,GAGtC,SACA;AAAA,EACE,OAAAU;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAA3B;AAAA,EACA,gBAAA4B;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC,IAAOC;AAAA,EACP,GAAGpE;AACL,GACAQ,GACA;AACA,QAAM6D,IAAWN,IAAQ;AAGvB,SAAA,gBAAAlD;AAAA,IAACyD;AAAA,IAAA;AAAA,MACE,GAAGtE;AAAA,MACJ,KAAAQ;AAAA,MACA,UAAU2D;AAAA,MACV,WAAWpB;AAAA,QACTC,EAAO;AAAA,QACPgB,KAAUhB,EAAO;AAAA,QACjBqB,KAAYrB,EAAO;AAAA,QACnBX;AAAA,MACF;AAAA,MACA,OAAOgC,IAAW,OAAON,CAAK,IAAI;AAAA,MAClC,gBAAgBhB,EAAGkB,GAAgBjB,EAAO,KAAK;AAAA,MAC/C,eAAeD,EAAGmB,GAAelB,EAAO,IAAI;AAAA,IAAA;AAAA,EAC9C;AAEJ,CAAC;;;;;GCvCYuB,KAAsD,CAAC;AAAA,EAClE,aAAAC,IAAc;AAAA,EACd,WAAAnC;AAAA,EACA,kBAAAoC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAhE;AAAA,EAACiE;AAAA,EAAA;AAAA,IACC,kBAAkB/B;AAAA,MAChBC,EAAO;AAAA,MACP0B,IAAkB1B,EAAO,aAAa;AAAA,MACtCyB;AAAA,IACF;AAAA,IACA,WAAW1B,EAAGC,EAAO,wBAAwBX,CAAS;AAAA,IACtD,aAAAmC;AAAA,IACA,OAAAI;AAAA,IACA,aACEA,KAASF,IACP,gBAAA7D;AAAA,MAACkE;AAAA,MAAA;AAAA,QACC,WAAW/B,EAAO;AAAA,QAClB,MAAMgC;AAAA,QACN,SAAS;AAAA,QACT,SAASL;AAAA,MAAA;AAAA,IAAA,IAET;AAAA,IAEL,GAAGE;AAAA,EAAA;AACN;;GCzBSI,KAAoD,CAAC;AAAA,EAChE,WAAA5C;AAAA,EACA,UAAA6C;AAAA,EACA,UAAAC;AAAA,EACA,MAAAhB,IAAOiB;AAAA,EACP,oBAAAC,IAAqBF,KAAY;AAAA,EACjC,GAAGnF;AACL,MAEI,gBAAAa;AAAA,EAACU;AAAA,EAAA;AAAA,IACE,GAAGvB;AAAA,IACJ,WAAW+C,EAAGC,GAAO,kBAAkBX,CAAS;AAAA,IAChD,UAAU6C,KAAY,OAAOf,IAAO;AAAA,IACpC,OAAOgB,KAAYD;AAAA,IACnB,YAAYC,KAAY;AAAA,IACxB,oBAAAE;AAAA,IACA,cAAY;AAAA,EAAA;AACd;;;GC1BSC,KAAsC,CAAC,EAAE,UAAA5C,QAEjD,gBAAAX,EAAA,OAAA,EAAI,WAAWiB,GAAO,WACpB,UAAA;AAAA,EAAAN;AAAA,EACA,gBAAA7B,EAAA,OAAA,EAAI,WAAWmC,GAAO,IAAK,CAAA;AAAA,GAC9B,GCiBSuC,KAAwD,CAAC;AAAA,EACpE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAtB;AAAA,EACA,eAAAuB;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAA7B,IAAS;AAAA,EACT,SAAA8B;AAAA,EACA,qBAAAC;AACF,MAAM;AACJ,QAAMC,IAAc7B,IAClB,gBAAAtD;AAAA,IAACoF;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,MAAA9B;AAAA,MACA,cAAYuB;AAAA,MACZ,iBACEK,KAEIG,GAA0BlC,GAAQ8B,CAAO;AAAA,IAAA;AAAA,EAAA,IAG/C;AAEJ,2BACGhE,GAAI,EAAA,YAAY,cAAc,QAAQ,GAAG,SAAO,IAC/C,UAAA;AAAA,IAAC,gBAAAC,EAAAD,GAAA,EAAI,SAAO,IAAC,KAAK,GAAG,MAAM,GAAG,YAAY,cACvC,UAAA;AAAA,MAAA6D,uBACE9B,GAAI,EAAA,WAAW,IAAI,gBAAgB,UACjC,UACH8B,GAAA;AAAA,MAED,CAACA,KACAK,MACChC,IAAU,gBAAAnD,EAAAyE,IAAA,EAAW,aAAY,IAAeU;AAAA,MACnD,gBAAAjE,EAAC8B,KAAI,WAAW,IAAI,gBAAgB,UAAU,MAAM,GAAG,KAAK,KAC1D,UAAA;AAAA,QAAC,gBAAAhD,EAAAsF,GAAA,EAAK,SAAS,QAAS,UAAKX,GAAA;AAAA,QAC5BC,KACC,gBAAA5E;AAAA,UAACsF;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAOC;AAAA,cACLpC,IAAS,0BAA0B;AAAA,YACrC;AAAA,YAEC,UAAAyB;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GAEJ;AAAA,MACCG;AAAA,IAAA,GACH;AAAA,IACCC,KACC,gBAAAhF;AAAA,MAACgD;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QAER,UAAA,gBAAAhD,EAACwF,IAAY,EAAA,SAASR,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjC,GAEJ;AAEJ,GAEaK,KAA4B,CACvClC,GACA8B,MAC6B;AACzB,MAAA,GAAC9B,KAAU8B,MAAY;AAGpB,WAAA;AACT;;;;;;GCtFaQ,KAA4C,CAAC;AAAA,EACxD,SAAAR,IAAU;AAAA,EACV,UAAApD;AAAA,EACA,QAAAsB;AAAA,EACA,GAAGuC;AACL,MACE,gBAAAxE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWgB;AAAA,MACTC,EAAO;AAAA,MACPA,EAAO8C,CAAO;AAAA,MACd9B,KAAUhB,EAAO;AAAA,IACnB;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAnC,EAAC0E,IAAoB,EAAA,GAAGgB,GAAa,QAAAvC,GAAgB,SAAA8B,EAAkB,CAAA;AAAA,MACtEpD,KAAa,gBAAA7B,EAAAsB,GAAA,EAAO,WAAWa,EAAO,MAAO,UAAAN,EAAS,CAAA;AAAA,IAAA;AAAA,EAAA;AACzD;;GCvBW8D,KAAoD,CAAC;AAAA,EAChE,UAAA9D;AACF,MAEK,gBAAAX,EAAA,OAAA,EAAI,WAAWiB,GAAO,kBACpB,UAAA;AAAA,EAAAN;AAAA,oBACA,OAAI,CAAA,CAAA;AAAA,GACP;;;GCIS+D,KAA8B,CAAC;AAAA,EAC1C,SAAA/G;AAAA,EACA,kBAAAgH;AAAA,EACA,UAAAhE;AAAA,EACA,OAAAiE,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,GAAGL;AACL,MACE,gBAAAxE;AAAA,EAAC8B;AAAA,EAAA;AAAA,IACC,cAAc;AAAA,IACd,YAAYuC,EAAS,oBAAoB;AAAA,IACzC,QAAQ;AAAA,IACR,OAAAO;AAAA,IACA,UAAAC;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAA/F,EAACgD,GAAI,EAAA,WAAWd,EAAG,EAAE,CAACC,EAAO,YAAY,GAAGtD,EAAA,CAAS,GACnD,UAAA,gBAAAmB,EAAC0E,IAAoB,EAAA,GAAGgB,EAAa,CAAA,GACvC;AAAA,MACC7D,KACC,gBAAAX,EAAC8B,GAAI,EAAA,QAAQ,GAAG,WAAWd,EAAG,EAAE,CAACC,EAAO,YAAY,GAAGtD,EAAS,CAAA,GAC7D,UAAA;AAAA,QAAAgD;AAAA,QACD,gBAAA7B,EAACgG,GAAM,EAAA,KAAK,EAAG,CAAA;AAAA,MAAA,GACjB;AAAA,MAEDnH,KACC,gBAAAmB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAAnB;AAAA,UACA,WAAWsD,EAAO;AAAA,UAClB,cAAY0D;AAAA,QAAA;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AAEL,GC5BWI,KAAczD;AAAA,EACzB,CAAC,EAAE,aAAAsC,GAAa,cAAAC,GAAc,WAAAmB,IAAY,IAAO,GAAG/F,EAAM,GAAGR,MAC3D,gBAAAK;AAAA,IAACmG;AAAA,IAAA;AAAA,MACC,KAAAxG;AAAA,MACA,YAAU;AAAA,MACV,UAAU,CAACuG;AAAA,MACX,UAAU,CAACA;AAAA,MACX,MAAMpB;AAAA,MACN,OAAOC;AAAA,MACN,GAAG5E;AAAA,IAAA;AAAA,EAAA;AAGV,GC5BaiG,KAAkD,CAAC;AAAA,EAC9D,UAAAvE;AACF,MACU,gBAAA7B,EAAAsB,GAAA,EAAO,KAAK,GAAI,UAAAO,EAAS,CAAA,GCiBtBwE,KAET,CAAC;AAAA,EACH,OAAAtC;AAAA,EACA,eAAAuC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAA1G;AAAA,EAACiG;AAAA,EAAA;AAAA,IACC,aACE,gBAAAjG;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,OAAA4C;AAAA,QACA,eAAAyC;AAAA,QACA,eAAAF;AAAA,QACA,UAAAC;AAAA,QACA,UAAUE;AAAA,QACV,SAAS,CAACE,MAAOA,EAAG,gBAAgB;AAAA,MAAA;AAAA,IACtC;AAAA,IAED,GAAGD;AAAA,EAAA;AACN;;GC3CSE,KAET,CAAC,EAAE,UAAA/E,QAEF,gBAAA7B,EAAA,OAAA,EAAI,WAAWmC,GAAO,gCAAiC,UAAAN,GAAS,GCLxDgF,KAET,CAAC,EAAE,UAAAhF,QACL,gBAAA7B,EAACgD,KAAI,SAAO,IAAC,QAAM,IACjB,4BAACsC,GAAK,EAAA,SAAS,YAAY,MAAM,WAC9B,UAAAzD,GACH,EACF,CAAA,GCLWiF,KAET,CAAC,EAAE,MAAAnC,IAAO,mBAEV,gBAAAzD,EAACI,KAAO,QAAM,IAAC,SAAO,IAAC,MAAM,GAAG,YAAY,UAC1C,UAAA;AAAA,EAAA,gBAAAtB,EAAC+G,KAAK,MAAMC,IAAW,OAAOzB,EAAS,qBAAqB,GAAG;AAAA,oBAC9DS,GAAM,EAAA;AAAA,EACP,gBAAAhG,EAACsF,KAAK,MAAM,SAAS,OAAOC,EAAS,qBAAqB,GACvD,UACHZ,EAAA,CAAA;AAAA,GACF,GCQSsC,KAAwC,CAAC;AAAA,EACpD,MAAAtC;AAAA,EACA,SAAAuC;AAAA,EACA,UAAArF;AAAA,EACA,SAAAsF;AAAA,EACA,MAAA7D,IAAO8D;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,GAAGC;AACL,MAAM;AACJ,QAAMC,IACJ,CAAC5C,KAAQ,CAACuC,IAAU,mCAAmCvC;AAEzD,SACG,gBAAA3E,EAAAwH,IAAA,EAAM,GAAGF,GACR,UAAC,gBAAAtH,EAAAyH,IAAA,EACC,UAAC,gBAAAvG,EAAAI,GAAA,EAAO,SAAS,GAAG,KAAK,GAAG,YAAY,UACtC,UAAA;AAAA,IAAC,gBAAAJ,EAAAI,GAAA,EAAO,YAAY,UAClB,UAAA;AAAA,MAAC,gBAAAtB,EAAAgG,GAAA,EAAM,KAAK,EAAG,CAAA;AAAA,MACd,gBAAAhG,EAAAoF,GAAA,EAAY,MAAA9B,GAAY,MAAM,KAAM,CAAA;AAAA,IAAA,GACvC;AAAA,IACC4D,KAAW,gBAAAlH,EAAC4C,GAAQ,EAAA,IAAIyE,GAAe,UAAQH,GAAA;AAAA,IAC/CK,KAAe,gBAAAvH,EAAAsF,GAAA,EAAM,UAAWiC,EAAA,CAAA;AAAA,IAChC1F;AAAA,IACAsF,uBACEnE,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAhD,EAAAgG,GAAA,EAAM,KAAK,EAAG,CAAA;AAAA,MACdmB;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA,GACF;AAEJ,GCxDaO,KAAyC,CAACvH,MAEnD,gBAAAH;AAAA,EAACgD;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,YAAY;AAAA,IAEZ,UAAA,gBAAAhD,EAACiH,IAAY,EAAA,GAAG9G,EAAO,CAAA;AAAA,EAAA;AACzB,GCLSwH,KAA4C,CAAC;AAAA,EACxD,MAAAhD,IAAO;AACT,MAEI,gBAAAzD,EAAC8B,GAAI,EAAA,YAAY,UACf,UAAA;AAAA,EAAC,gBAAAhD,EAAA4H,GAAA,EAAQ,MAAM,QAAS,CAAA;AAAA,EACxB,gBAAA5H,EAACgG,GAAM,EAAA,KAAK,EAAG,CAAA;AAAA,EACd,gBAAAhG,EAAA4C,GAAA,EAAQ,SAAS,MAAO,UAAK+B,EAAA,CAAA;AAAA,GAChC,GCZSkD,KAA6C,CAAC1H,MAEvD,gBAAAH;AAAA,EAACgD;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,YAAY;AAAA,IAEZ,UAAA,gBAAAhD,EAAC2H,IAAc,EAAA,GAAGxH,EAAO,CAAA;AAAA,EAAA;AAC3B,GCDS2H,KAAwC,CAAC;AAAA,EACpD,mBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAApG;AACF,MAEI,gBAAAX,EAAC8B,KAAI,QAAQ,UAAU,YAAYuC,EAAS,oBAAoB,GAAG,KAAK,GACtE,UAAA;AAAA,EAAC,gBAAArE,EAAA8B,GAAA,EAAI,QAAQ,GACV,UAAA;AAAA,IAAA+E,KACE,gBAAA7G,EAAAD,GAAA,EAAI,SAAS,GAAG,YAAY,UAC3B,UAAA;AAAA,MAAA,gBAAAjB,EAACiB,GAAI,EAAA,OAAO,QAAQ,QAAQ,QAAQ;AAAA,MACnC8G,EAAkB;AAAA,IAAA,GACrB;AAAA,IAEDC,KAAA,gBAAAA;AAAA,IACAC,uBAAejC,GAAM,EAAA;AAAA,IACrBiC,KAAA,gBAAAA;AAAA,EAAa,GAChB;AAAA,EACCpG;AAAA,GACH,GC3BSqG,KAA8C,CAAC/H,MACzD,gBAAAH,EAAAiB,GAAA,EAAI,QAAQ,GAAG,SAAO,IAAE,GAAGd,EAAO,CAAA,GCUxBgI,KAA0C,CAAC;AAAA,EACtD,MAAA7E;AAAA,EACA,SAAA4D;AAAA,EACA,cAAAG,IAAe;AAAA,EACf,aAAAvC;AAAA,EACA,cAAAC;AACF,wBACG9D,GAAI,EAAA,YAAY,UAAU,KAAK,GAAG,QAAQ,QACzC,UAAA;AAAA,EAAC,gBAAAC,EAAAD,GAAA,EAAI,YAAY,UACf,UAAA;AAAA,IAAC,gBAAAjB,EAAAiB,GAAA,EAAI,OAAO,QAAQ,YAAY,UAC7B,UAAQqC,KAAA,gBAAAtD,EAACoF,GAAY,EAAA,MAAA9B,EAAA,CAAY,EACpC,CAAA;AAAA,sBACCV,GAAQ,EAAA,SAAS,MAAM,IAAIyE,GACzB,UACHH,EAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACC,gBAAAlH,EAAAiB,GAAA,EAAI,YAAY,UAAW,UAAY6D,GAAA;AAAA,EACxC,gBAAA9E,EAACiB,KAAI,OAAO,EAAE,YAAY,OAAO,GAAG,YAAY,UAC7C,UACH8D,EAAA,CAAA;AAAA,EACF,CAAA;;;;;;GC3BWqD,KAET,CAAC,EAAE,SAAAvJ,QAEF,gBAAAqC,EAAAI,GAAA,EAAO,YAAYiE,EAAS,oBAAoB,GAC/C,UAAA;AAAA,EAAA,gBAAAvF,EAACgG,GAAM,EAAA;AAAA,EACP,gBAAA9E;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAW;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAjB,EAACwF,MAAY,SAAA3G,GAAkB;AAAA,QAC9B,gBAAAmB,EAAAqI,IAAA,EAAU,WAAWlG,GAAO,UAAW,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAC1C,GACF,GCXSmG,KAA4D,CAAC;AAAA,EACxE,UAAAC;AAAA,EACA,SAAA1J;AAAA,EACA,OAAA2J;AACF,wBAMKrC,GAAW,EAAA,SAAAtH,GAAkB,OAJZ2J,MADHD,IAAW,eAAe,aAKS,UAHjCA,IAAWE,KAAuBC,IAGqB,GCL/DC,KAA0C,CAAC;AAAA,EACtD,WAAAnH;AAAA,EACA,UAAAK;AAAA,EACA,cAAA+G;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAR;AAAA,EACA,GAAGS;AACL,MAEI,gBAAA9H,EAAC8B,KAAK,GAAGgG,GAAU,WAAW9G,EAAGC,EAAO,aAAaX,CAAS,GAC5D,UAAA;AAAA,EAAC,gBAAAxB,EAAAoI,IAAA,EAA0B,SAASQ,EAAc,CAAA;AAAA,EACjD,gBAAA5I,EAAAgD,GAAA,EAAI,WAAWb,EAAO,iBACrB,UAAA,gBAAAjB;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWa,EAAO;AAAA,MAClB,gBAAgB;AAAA,MAChB,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MAER,UAAA;AAAA,QAAC,gBAAAnC,EAAAsB,GAAA,EAAO,KAAK,GAAI,UAAAO,EAAS,CAAA;AAAA,SACxBkH,KAAeF,MACd,gBAAA3H,EAAAI,GAAA,EAAO,KAAK,GACV,UAAA;AAAA,UAAAyH;AAAA,UACAF,KACC,gBAAA7I;AAAA,YAACsI;AAAA,YAAA;AAAA,cACC,UAAAC;AAAA,cACA,SAASO;AAAA,YAAA;AAAA,UACX;AAAA,4BAED9C,GAAM,CAAA,CAAA;AAAA,QAAA,EACT,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAGN,CAAA;AAAA,GACF,GCrDSiD,IAAcC,GAAmC,EAAK,GAEtDC,KAAiB,MAAMC,GAAWH,CAAW,GCE7CI,KAAgD,CAAC;AAAA,EAC5D,OAAAb;AAAA,EACA,GAAGc;AACL,MAEK,gBAAAtJ,EAAAuJ,IAAA,EAAQ,OAAAf,GAAc,WAAW,SAAS,UAAU,SAAS,MAC5D,UAAC,gBAAAxI,EAAAwJ,GAAA,EAAgB,GAAGF,EAAqB,CAAA,GAC3C,GCQSG,KAAkD,CAAC;AAAA,EAC9D,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAA3H;AAAA,EACA,UAAAH;AAAA,EACA,aAAAkH;AAAA,EACA,kBAAAa,IAAmB;AACrB,MAEI,gBAAA1I;AAAA,EAAC8B;AAAA,EAAA;AAAA,IACC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,YAAYuC,EAAS,oBAAoB;AAAA,IAEzC,UAAA;AAAA,MAAA,gBAAAvF,EAACwJ,GAAe,EAAA,SAASxH,GAAmB,MAAMP,IAAgB;AAAA,wBACjEH,GAAO,EAAA,gBAAgB,iBAAiB,MAAM,GAAG,KAAK,GACrD,UAAA;AAAA,QAAC,gBAAAtB,EAAAsB,GAAA,EAAO,KAAK,GACX,UAAC,gBAAAtB,EAAAiJ,EAAY,UAAZ,EAAqB,OAAO,IAAO,UAAApH,EAAA,CAAS,EAC/C,CAAA;AAAA,QACA,gBAAA7B,EAACsB,GAAO,EAAA,KAAK,GACT,WAAAyH,KAAeW,MACf,gBAAAxI,EAAC+H,EAAY,UAAZ,EAAqB,OAAO,IAC1B,UAAA;AAAA,UAAAF;AAAA,UACAW,KACC,gBAAA1J;AAAA,YAACqJ;AAAA,YAAA;AAAA,cACC,MAAMZ;AAAA,cACN,OAAOmB;AAAA,cACP,SAASD;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,EAAA,CAEJ,EAEJ,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,GCrDSE,KAAwD,CAAC;AAAA,EACpE,OAAArB;AACF,MACiBW,GAAe,IAGrB,yBAINnG,GAAI,EAAA,QAAQ,QAAQ,gBAAgB,UAAU,QAAQ,GACrD,UAAA;AAAA,EAAA,gBAAAhD,EAACgG,GAAM,EAAA;AAAA,oBACNV,GAAK,EAAA,SAAS,YAAY,MAAM,WAC9B,UACHkD,EAAA,CAAA;AAAA,GACF,GCRSsB,KAA4C,CAAC;AAAA,EACxD,OAAAtB;AAAA,EACA,UAAAuB;AAAA,EACA,GAAGT;AACL,MACMS,KAAY,OACP,OAIP,gBAAA/J,EAACuJ,IAAQ,EAAA,OAAAf,GAAc,WAAW,SAChC,UAAC,gBAAAxI,EAAAgK,IAAA,EAAmB,MAAMD,GAAW,GAAGT,EAAA,CAAqB,EAC/D,CAAA,GCXSW,KAAkD,CAAC9J,MAC/CgJ,GAAe,IAGrB,gBAAAnJ,EAAC8J,IAAc,EAAA,GAAG3J,EAAO,CAAA,IAG3B,gBAAAH,EAACkK,IAAgB,EAAA,GAAG/J,EAAO,CAAA,GCNvBgK,KAA0D,CAAC;AAAA,EACtE,UAAAtI;AAAA,EACA,OAAA2G;AAAA,EACA,MAAAlF;AAAA,EACA,eAAA8G,IAAgB;AAClB,MAEI,gBAAApK;AAAA,EAACgB;AAAA,EAAA;AAAA,IACC,eAAe,CAACb,wBAAWqJ,GAAe,EAAA,MAAAlG,GAAa,GAAGnD,GAAO;AAAA,IACjE,WAAW;AAAA,IACX,SAAS,CAAC,SAAS,OAAO;AAAA,IAC1B,gBAAc;AAAA,IAEd,UAAA,gBAAAH;AAAA,MAACgD;AAAA,MAAA;AAAA,QACC,UAAUoH;AAAA,QACV,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,KAAK;AAAA,QAEL,UAAC,gBAAAlJ,EAAA+H,EAAY,UAAZ,EAAqB,OAAO,IAC3B,UAAA;AAAA,UAAA,gBAAAjJ,EAAC6J,MAAmB,OAAArB,GAAc;AAAA,UACjC3G;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AACF,GCzBSwI,KAAgE,CAAC;AAAA,EAC5E,UAAAxI;AAAA,EACA,OAAA2G;AAAA,EACA,UAAAuB;AAAA,EACA,WAAAvI;AAAA,EACA,eAAA8I,IAAgB;AAClB,MAAM;AACJ,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAkBH,CAAa;AAI/D,SAFenB,GAAe,IAGxBY,KAAY,OACP,OAIN,gBAAA/J,EAAAmK,IAAA,EAAoB,OAAA3B,GAAc,MAAMuB,GACtC,UAAAlI,GACH,IAIF,gBAAA7B;AAAA,IAACmG;AAAA,IAAA;AAAA,MACC,OAAAqC;AAAA,MACA,SAAS,MAAMgC,EAAY,CAACD,CAAQ;AAAA,MACpC,UAAAR;AAAA,MACA,WAAAvI;AAAA,MACA,YAAU;AAAA,MACV,UAAA+I;AAAA,MACA,UAAUA;AAAA,MAEV,UAAA,gBAAAvK,EAAC4G,MACE,UAAA/E,EACH,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ,GChDa6I,KAA4D,CACvEC,MAEA,gBAAA3K;AAAA,EAAC4K;AAAA,EAAA;AAAA,IACC,OAAOrF,EAAS,qBAAqB;AAAA,IACpC,GAAGoF;AAAA,EAAA;AACN,GCAWE,KAET,CAAC,EAAE,kBAAAC,GAAkB,OAAAtC,GAAO,mBAAAuC,GAAmB,cAAAC,QACjD,gBAAA9J;AAAA,EAACD;AAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,SAAO;AAAA,IACP,KAAK;AAAA,IACL,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,YAAYsE,EAAS,kBAAkB;AAAA,IACvC,MAAM;AAAA,IACN,cAAc;AAAA,IAEd,UAAA;AAAA,MAAA,gBAAArE,EAACD,GAAI,EAAA,YAAY,UAAU,KAAK,GAC7B,UAAA;AAAA,QAAoB6J,KAAA,QAAQtC,KAAS,OACpC,gBAAAxI,EAACiB,KAAI,YAAY,UACd,UAAoB6J,KAAA,OAEjB,gBAAA5J,EAAAjB,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAD,EAACsF,KAAM,UAAiBwF,EAAA,CAAA;AAAA,4BACvB9E,GAAM,EAAA;AAAA,4BACNV,GAAK,EAAA,UAAA;AAAA,YAAA;AAAA,YAAKwF,MAAqB,IAAI,KAAK;AAAA,YAAI;AAAA,UAAA,EAAS,CAAA;AAAA,QAAA,GACxD,IACEtC,KAAS,OACX,gBAAAxI,EAAAC,GAAA,EAAG,iBAAOuI,KAAU,WAAY,gBAAAxI,EAAAsF,GAAA,EAAM,UAAMkD,EAAA,CAAA,IAAUA,GAAM,IAC1D,KACN,CAAA,IACE;AAAA,QACHuC,KAAsB,gBAAA/K,EAAAiB,GAAA,EAAK,UAAkB8J,EAAA,CAAA;AAAA,MAAA,GAChD;AAAA,MACC,gBAAA/K,EAAAiB,GAAA,EAAI,KAAK,GAAI,UAAa+J,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAC7B,GCrCWC,KAET,CAAC,EAAE,UAAApJ,QAEH,gBAAA7B,EAACiB,KAAI,SAAS,KAAK,QAAQ,KAAK,MAAM,GACnC,UAAAY,GACH;;GCESqJ,KAA0C,CAAC;AAAA,EACtD,2BAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAvJ;AAAA,EACA,SAAAwJ;AAAA,EACA,QAAAC;AAAA,EACA,GAAGnL;AACL,MAEI,gBAAAe;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,aAAW;AAAA,IACX,WAAWa,GAAO;AAAA,IAClB,QAAQmJ,IAAS,QAAQ;AAAA,IACzB,YAAY/F,EAAS,QAAQ;AAAA,IAC7B,cAAc;AAAA,IACd,UAAU;AAAA,IACV,UAAU8F,IAAU,aAAa;AAAA,IAChC,GAAGE,GAAapL,CAAK;AAAA,IAErB,UAAA;AAAA,MAA4BgL,KAAA,gBAAAA;AAAA,MAC5B,gBAAAnL,EAAAsB,GAAA,EAAO,KAAK,GAAI,UAAAO,EAAS,CAAA;AAAA,MACzBuJ,uBACE9J,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAtB,EAACiB,KAAI,QAAQ,GAAG,gBAAgB,YAC7B,eACH;AAAA,0BACCuK,IAAQ,CAAA,CAAA;AAAA,MAAA,GACX;AAAA,MAEDH,KACC,gBAAArL;AAAA,QAACgD;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,YAAY;AAAA,UAEZ,4BAAC4E,GAAQ,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA;AAEJ,GCnDS6D,KAAwC,CAAC,EAAE,UAAA5J,QAEpD,gBAAA7B,EAACsF,KAAK,SAAS,QAAQ,OAAO,EAAE,UAAU,YACvC,UAAAzD,GACH,GCmBS6J,KAAgE,CAAC;AAAA,EAC5E,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAtK;AAAA,EACA,cAAAwF;AACF,MAAM;AACJ,QAAM+E,IACJP,KAAmB,OACf,KACA,MAAM,QAAQA,CAAe,IAC3BA,EAAgB,SAAS,IACzB,CAACQ,GAAgBR,CAAe;AAExC,2BACGvK,GACE,EAAA,UAAA;AAAA,IAAc6K,KAAA,gBAAAA;AAAA,IACf,gBAAAjL,EAAC8B,GAAI,EAAA,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAYuC,EAAS,QAAQ,GAC/D,UAAA;AAAA,MAAC,gBAAArE,EAAA8B,GAAA,EAAI,KAAK,KACR,UAAA;AAAA,QAAA,gBAAA9B;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,gBAAgB;AAAA,YAChB,YAAY;AAAA,YACZ,KAAK;AAAA,YAEL,UAAA;AAAA,cAAA,gBAAAjB,EAAC4C,GAAQ,EAAA,SAAS,MAAM,IAAIyE,GACzB,UACH4E,GAAA;AAAA,cACA,gBAAA/K,EAACD,GAAI,EAAA,KAAK,GACP,UAAA;AAAA,gBAAA8K,KACE,gBAAA/L,EAAAsB,GAAA,EAAO,gBAAgB,UAAW,UAAayK,GAAA;AAAA,gBAElD,gBAAA/L,EAACyL,MAAY,UAAUO,EAAA,CAAA;AAAA,cAAA,EACzB,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCE,uBACE5G,GAAK,EAAA,SAAS,QAAQ,OAAOC,EAAS,eAAe,GACnD,UACH2G,EAAA,CAAA;AAAA,MAAA,GAEJ;AAAA,OACEE,KAAsBN,MACtB,gBAAA5K,EAACI,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAJ,EAACD,GAAI,EAAA,KAAK,GAAG,UAAU,QACpB,UAAA;AAAA,UAAA4K;AAAA,UACAC,KAAgB,gBAAA9L,EAAAsM,IAAA,EAAI,OAAOR,GAAa,SAAS,UAAW,CAAA;AAAA,QAAA,GAC/D;AAAA,0BACC9F,GAAM,CAAA,CAAA;AAAA,MAAA,GACT;AAAA,MAED2F,uBACErK,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAtB,EAACsF,KAAM,UAAYqG,EAAA,CAAA;AAAA,0BAClB3F,GAAM,CAAA,CAAA;AAAA,MAAA,GACT;AAAA,MAED4F,uBACEtK,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAtB,EAACsF,KAAM,UAAesG,EAAA,CAAA;AAAA,0BACrB5F,GAAM,CAAA,CAAA;AAAA,MAAA,GACT;AAAA,MAEDnE;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,GACF;AAEJ,GC1Fa0K,KAET,CAAC,EAAE,aAAAJ,0BAEF7K,GACE,EAAA,UAAA;AAAA,EAAc6K,KAAA,gBAAAA;AAAA,EACf,gBAAAjL,EAAC8B,GAAI,EAAA,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAYuC,EAAS,QAAQ,GAC/D,UAAA;AAAA,IAAC,gBAAAvF,EAAAgD,GAAA,EAAI,KAAK,KACR,UAAA,gBAAAhD;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,KAAK;AAAA,QAGH,UAAA,gBAAAjB;AAAA,UAACwM;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA,GAGN;AAAA,IACA,gBAAAxM,EAACsB,GACC,EAAA,UAAA,gBAAAtB,EAACwM,GAAW,EAAA,OAAO,SAAS,QAAQ,UAAU,cAAc,MAAA,CAAO,EACrE,CAAA;AAAA,IACA,gBAAAxM,EAACsB,GACC,EAAA,UAAA,gBAAAtB,EAACwM,GAAW,EAAA,OAAO,SAAS,QAAQ,UAAU,cAAc,MAAA,CAAO,EACrE,CAAA;AAAA,sBACCxG,GAAM,CAAA,CAAA;AAAA,EAAA,EACT,CAAA;AAAA,GACF,GC/BSyG,KAA0D,CAAC;AAAA,EACtE,OAAAjE;AAAA,EACA,UAAA3G;AACF,MAEI,gBAAAX,EAAC8B,GAAI,EAAA,YAAYuC,EAAS,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,GACjE,UAAA;AAAA,EAAA,gBAAAvF,EAAC4C,KAAQ,SAAS,MAAM,IAAI,MAAM,OAAO,SACtC,UACH4F,EAAA,CAAA;AAAA,EACC3G;AAAA,GACH,GCgBS6K,KAAwD,CAAC;AAAA,EACpE,OAAAT;AAAA,EACA,SAAAhH,IAAU;AAAA,EACV,SAAAoG;AAAA,EACA,UAAAsB;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,UAAAnL;AAAA,EACA,GAAG1B;AACL,MAAM;AACE,QAAA,EAAE,eAAA8M,EAAc,IAAIC,GAA6B,GAEjDC,IAAWC,EAAc;AAAA,IAC7B,OAAO;AAAA,EAAA,CACR,GAKKC,IAJgBD,EAAc;AAAA,IAClC,OAAO;AAAA,EAAA,CACR,KAEmCD,KAAYF,IAAgB,KAE1DK,IAAiBjC,IAAU,WAAWpG,GAEtCsI,IAAiBC,GAAcF,CAAc,GAC7CG,IAAkBlI,EAAS,QAAQ,GACnCmI,IAAYC,GAAaL,CAAc;AAG3C,SAAA,gBAAApM;AAAA,IAAC8B;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAUqI,IAAU,aAAa;AAAA,MAChC,GAAGE,GAAapL,CAAK;AAAA,MAEtB,UAAA;AAAA,QAAC,gBAAAe,EAAAD,GAAA,EAAI,MAAM,GACR,UAAA;AAAA,UAAA,CAACoM,KACC,gBAAArN,EAAAgD,GAAA,EAAI,MAAM,GAAG,gBAAgB,UAAU,YAAYuK,GACjD,UAAYZ,KAAA,gBAAA3M,EAAC+G,KAAK,OAAO2G,GAAW,MAAMf,GAAU,MAAM,GAAI,CAAA,GACjE;AAAA,UAED,gBAAA3M,EAAAgD,GAAA,EAAI,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAYyK,GAC/C,UAAC,gBAAAvM,EAAAI,GAAA,EAAO,KAAK,GACV,UAAA;AAAA,YACC2K,KAAA,gBAAA/K,EAACD,GAAI,EAAA,gBAAgB,iBACnB,UAAA;AAAA,cAAA,gBAAAC,EAACD,GAAI,EAAA,KAAK,GAAG,YAAY,UACtB,UAAA;AAAA,gBAAAoM,KAAaT,KACX,gBAAA5M,EAAAoF,GAAA,EAAY,MAAMwH,GAAiB,MAAM,UAAU;AAAA,kCAErDtH,GAAK,EAAA,SAAS,QAAQ,MAAM,SAC1B,UACH2G,EAAA,CAAA;AAAA,cAAA,GACF;AAAA,cACCqB,KAAkB,aAAYR,KAAA,gBAAAA;AAAA,YAAqB,GACtD;AAAA,YAEF,gBAAA9M,EAACsB,KAAO,OAAO,EAAE,SAAS+J,IAAU,IAAI,UACrC,UAAAxJ,GACH;AAAA,YACCkL,KACE,gBAAA/M,EAAAiB,GAAA,EAAI,OAAO,EAAE,SAASoK,IAAU,IAAI,OAClC,GAAA,UAAA0B,EACH,EAAA,CAAA;AAAA,8BAED,OAAI,EAAA;AAAA,YACL,gBAAA7L;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBACL,UAAU;AAAA,gBAET,UAAA;AAAA,mBAA4B+L,KAAA,gBAAAA,0BAAM,OAAI,EAAA;AAAA,kBACtCH,KAAA,gBAAAA;AAAA,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UAClB,EAAA,CACF,EACF,CAAA;AAAA,QAAA,GACF;AAAA,QAECxB,KACC,gBAAArL;AAAA,UAACgD;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,OAAO;AAAA,YACP,UAAU;AAAA,YACV,gBAAgB;AAAA,YAChB,YAAY;AAAA,YACZ,YAAY;AAAA,YAEZ,4BAAC4E,GAAQ,CAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAEJ;AAEJ,GAEM+F,KAAe,CACnB1I,MACuB;AACvB,UAAQA,GAAS;AAAA,IACf,KAAK;AACH,aAAOM,EAAS,QAAQ;AAAA,IAC1B,KAAK;AACH,aAAOA,EAAS,QAAQ;AAAA,IAC1B,KAAK;AACH,aAAOA,EAAS,UAAU;AAAA,IAC5B;AACE,MAAAqI,GAA2B3I,CAAO;AAAA,EAAA;AAExC,GAEMuI,KAAgB,CACpBvI,MACuB;AACvB,UAAQA,GAAS;AAAA,IACf,KAAK;AACH,aAAOM,EAAS,UAAU;AAAA,IAC5B,KAAK;AACH,aAAOA,EAAS,UAAU;AAAA,IAC5B,KAAK;AACH,aAAOA,EAAS,kBAAkB;AAAA,IACpC;AACE,MAAAqI,GAA2B3I,CAAO;AAAA,EAAA;AAExC,GCzJa4I,KAET,CAAC,EAAE,UAAAlB,GAAU,GAAGxM,QAEhB,gBAAAH;AAAA,EAACgD;AAAA,EAAA;AAAA,IACC,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,UAAU;AAAA,IACT,GAAGuI,GAAapL,CAAK;AAAA,IAEtB,UAAA,gBAAAe,EAACD,GAAI,EAAA,MAAM,GACT,UAAA;AAAA,MAAA,gBAAAjB;AAAA,QAACgD;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,YAAYuC,EAAS,kBAAkB;AAAA,UAEtC,UAAAoH,KACE,gBAAA3M,EAAA+G,GAAA,EAAK,OAAOxB,EAAS,UAAU,GAAG,MAAMoH,GAAU,MAAM,GAAI,CAAA;AAAA,QAAA;AAAA,MAEjE;AAAA,MACC,gBAAA3M,EAAAgD,GAAA,EAAI,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAYuC,EAAS,QAAQ,GAChE,UAAC,gBAAArE,EAAAI,GAAA,EAAO,KAAK,GACX,UAAA;AAAA,QAAA,gBAAAtB;AAAA,UAACwM;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,UAAA;AAAA,QAChB;AAAA,0BACCA,GAAW,EAAA,OAAO,QAAQ,QAAQ,UAAU,cAAc,OAAO;AAAA,QAClE,gBAAAxM;AAAA,UAACwM;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EAAA,CACF,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA;AACF,GCpCEsB,KAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,KAAgB,MAAM;AACjC,QAAMZ,IAAWC,EAAc;AAAA,IAC7B,OAAO;AAAA,EAAA,CACR,GAEKY,IAAgBZ,EAAc;AAAA,IAClC,OAAO;AAAA,EAAA,CACR,GAEKa,IAAWb,EAAc;AAAA,IAC7B,OAAO;AAAA,EAAA,CACR,GAEKc,IAAed,EAAc;AAAA,IACjC,OAAO;AAAA,EAAA,CACR;AAYD,SAAO,EAAE,YAVsBY,IAC3B,iBACAb,IACE,WACAc,IACE,WACAC,IACE,gBACA,UAEU;AACtB,GAEaC,KAAuB,CAClCC,GACAC,MAEAD,MAAiBC,KACjBP,GAAkB,QAAQM,CAAY,IAAIN,GAAkB,QAAQO,CAAI,GAE7DC,KAAsB,CAACC,MAAuC;AACnE,QAAA,EAAE,YAAAC,EAAW,IAAIT,GAAc;AAO9B,SAAA;AAAA,IACL,SANclO;AAAA,MACd,MAAMsO,GAAqBK,GAAYD,CAAsB;AAAA,MAC7D,CAACC,GAAYD,CAAsB;AAAA,IACrC;AAAA,EAIA;AACF,GCtBaE,KAA8C,CAAC;AAAA,EAC1D,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACE,QAAAC,IAAgBtP,EAAsB,IAAI,GAC1CuP,IAA0BvP,EAAsB,IAAI,GAEpD,EAAE,YAAA8O,EAAW,IAAIT,GAAc,GAC/BmB,IAA6BV,MAAe,UAE5C,CAACpP,GAAQ+P,CAAS,IAAI1E,EAAS,EAAK,GAKpC,CAACnI,GAAO8M,CAAQ,IAAI3E,EAAS,CAAC,GAC9B,CAAC4E,GAAiBC,CAAkB,IAAI7E,EAAS,CAAC,GAElD8E,IAAUC,GAAY,MAAM;AAChC,IAAAF,EAAmBhN,CAAK,GACxB6M,EAAU,EAAI;AAAA,EAAA,GACb,CAAC7M,CAAK,CAAC,GAEJmN,IAAYD,GAAY,MAAM;AAClC,IAAAJ,EAASC,CAAe,GACxBF,EAAU,EAAK;AAAA,EAAA,GACd,CAACE,CAAe,CAAC,GAEdK,IAAc,CAAC,EAAE,OAAOC,EAAQ,MACpCP,EAASO,CAAO,GAEZC,IAAwB,CAAC,EAAE,OAAOD,EAAQ,MAC9CL,EAAmBK,CAAO,GAEtBE,IAAShQ,EAAQ,MAAM6O,EAAO,IAAIoB,CAAO,GAAG,CAACpB,CAAM,CAAC,GAEpDqB,IAAmBlQ;AAAA,IACvB,MACE6O,EAAO;AAAA,MAAI,CAACsB,MACVA,EAAM,kBACFF,EAAQ;AAAA,QACN,GAAGE,EAAM;AAAA,QACT,aAAaA,EAAM;AAAA,QACnB,OAAOA,EAAM;AAAA,MAAA,CACd,IACDF,EAAQE,CAAK;AAAA,IACnB;AAAA,IACF,CAACtB,CAAM;AAAA,EACT;AAGE,SAAA,gBAAAxN,EAAC+O,IAAoB,EAAA,aAAa,UAChC,UAAA;AAAA,IAAA,gBAAAjQ;AAAA,MAACkQ;AAAA,MAAA;AAAA,QACC,YAAY,EAAE,KAAKlB,EAAc;AAAA,QACjC,OAAA1M;AAAA,QACA,QAAAuN;AAAA,QACA,SAAS,CAACM,EAAM;AAAA,QAChB,IAAI;AAAA,UACF,MAAMT;AAAA,UACN,OAAOH;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,SAAS;AAAA,UACT,SAAS;AAAA,UACT,UAAU;AAAA,QACZ;AAAA,QACA,QAAQ;AAAA,UACN,YAAY,MACVb,EAAO,SAAS,KACb,gBAAA1O,EAAAoB,GAAA,EAAO,WAAW,yBACjB,UAAA,gBAAApB;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,cAAYkO;AAAA,cACZ,UAAUyB;AAAA,cACV,SAAS,MAAA;;AAAM,wBAAAC,IAAArB,EAAc,YAAd,gBAAAqB,EAAuB;AAAA;AAAA,YAAK;AAAA,UAAA,GAE/C;AAAA,UAEJ,YAAY,MACV3B,EAAO,SAAS,KACb,gBAAA1O,EAAAoB,GAAA,EAAO,WAAW,yBACjB,UAAA,gBAAApB;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,cAAYqO;AAAA,cACZ,UAAUwB;AAAA,cACV,SAAS,MAAA;;AAAM,wBAAAD,IAAArB,EAAc,YAAd,gBAAAqB,EAAuB;AAAA;AAAA,YAAK;AAAA,UAAA,EAE/C,CAAA;AAAA,QAEN;AAAA,QACA,QAAQ;AAAA,UACN,QAAQ;AAAA,YACN,QAAQ;AAAA,UAAA;AAAA,QAEZ;AAAA,QACA,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,OAAO;AAAA,YACP,UAAU;AAAA,YACV,aAAa;AAAA,YACb,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,IAEA,gBAAArQ;AAAA,MAACkQ;AAAA,MAAA;AAAA,QACC,MAAM9Q;AAAA,QACN,OAAOqQ;AAAA,QACP,OAAOJ;AAAA,QACP,SAAS,CAACkB,IAAMC,IAASC,EAAQ;AAAA,QACjC,QAAQV,KAAoBF;AAAA,QAC5B,IAAI,EAAE,MAAMD,EAAsB;AAAA,QAClC,WAAW,EAAE,MAAM,EAAE;AAAA,QACrB,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,sBAAsB;AAAA,UACtB,KAAKX;AAAA,QACP;AAAA,QACA,SAAS;AAAA,UACP,WAAW;AAAA,YACT,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,UAAU;AAAA,cACV,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,QAEJ;AAAA,QACA,QAAQ;AAAA,UACN,YAAY,CAACyB,MACXxB,uBACGjO,GAAI,EAAA,KAAK,GAAG,QAAQ,GACnB,UAAA;AAAA,YAAA,gBAAAjB;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,cAAYmO;AAAA,gBACZ,UAAU+B;AAAA,gBACV,MAAM;AAAA,gBACN,SAAS,MAAMD,EAAE,OAAO;AAAA,cAAA;AAAA,YAC1B;AAAA,YACA,gBAAA1Q;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,cAAYoO;AAAA,gBACZ,UAAU+B;AAAA,gBACV,MAAM;AAAA,gBACN,SAAS,MAAMF,EAAE,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAC3B,GACF;AAAA,UAEJ,YAAY,MACVhC,EAAO,SAAS,KAChBQ,KACE,gBAAAlP,EAACoB,GAAO,EAAA,KAAK,GAAG,WAAW,yBACzB,UAAA,gBAAApB;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,cAAYkO;AAAA,cACZ,UAAUyB;AAAA,cACV,MAAM;AAAA,cACN,SAAS,MAAA;;AAAM,wBAAAC,IAAApB,EAAwB,YAAxB,gBAAAoB,EAAiC;AAAA;AAAA,YAAK;AAAA,UAAA,GAEzD;AAAA,UAEJ,YAAY,MACV3B,EAAO,SAAS,KAChBQ,KACE,gBAAAlP,EAACoB,GAAO,EAAA,KAAK,GAAG,WAAW,yBACzB,UAAA,gBAAApB;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,cAAYqO;AAAA,cACZ,UAAUwB;AAAA,cACV,MAAM;AAAA,cACN,SAAS,MAAA;;AAAM,wBAAAD,IAAApB,EAAwB,YAAxB,gBAAAoB,EAAiC;AAAA;AAAA,YAAK;AAAA,UAAA,GAEzD;AAAA,UAEJ,aAAa,MACX,gBAAArQ,EAACoB,GACC,EAAA,UAAA,gBAAApB;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,cAAYwO;AAAA,cACZ,UAAU8B;AAAA,cACV,MAAM;AAAA,cACN,SAAS,MAAA;;AAAM,wBAAAR,IAAApB,EAAwB,YAAxB,gBAAAoB,EAAiC;AAAA;AAAA,YAAM;AAAA,UAAA,EAE1D,CAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF,GACF;AAEJ,GAEMP,IAAU,CAACE,OAMH;AAAA,EACZ,KAAKA,EAAM;AAAA,EACX,OAAOA,EAAM;AAAA,EACb,QAAQA,EAAM;AAAA,EACd,KAAKA,EAAM;AAAA,EACX,OAAOA,EAAM;AAAA,EACb,aAAaA,EAAM;AACrB;"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@stenajs-webui/elements"),j=require("react"),t=require("@stenajs-webui/core"),g=require("@stenajs-webui/tooltip"),R=require("@stenajs-webui/forms"),d=require("classnames"),h=require("@stenajs-webui/theme");function K(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const Q=K(j),y=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:r=a.stenaAngleDown,menuWidth:i,menuTop:l,onClick:c,disableArrow:u=!1,buttonRef:x,appendTo:p,zIndex:B,disableTrapFocus:G=!1,...O})=>{const[N,k,b,E]=t.useBoolean(!1),W=j.useRef(null),V=x??W,X=j.useMemo(()=>({open:k,close:b}),[k,b]),J=v=>{c==null||c(v),E()};return e.jsx(e.Fragment,{children:e.jsx(g.ControlledPopover,{renderTrigger:v=>e.jsx(o,{rightIcon:u?void 0:r,...O,ref:V,onClick:J,...v}),hideArrow:!0,disablePadding:!0,open:N,onRequestClose:b,placement:s,appendTo:p,zIndex:B,children:N&&e.jsx(a.ActionMenu,{width:i,top:l,trapFocus:!G,children:e.jsx(a.ActionMenuContext.Provider,{value:X,children:n(b)})})})})},Y=n=>e.jsx(y,{buttonComponent:a.PrimaryButton,...n}),Z=n=>e.jsx(y,{buttonComponent:a.SecondaryButton,...n}),L=n=>e.jsx(y,{buttonComponent:a.FlatButton,...n}),ee="1px solid var(--lhds-color-ui-300)",ne=({renderMenu:n,...s})=>e.jsx(g.Popover,{trigger:"click",renderTrigger:o=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:ee,borderRadius:"4px",children:[e.jsx(R.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(a.FlatButton,{size:"small",leftIcon:a.stenaAngleDown,...o})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:o})=>e.jsx(t.Column,{children:e.jsx(a.ActionMenu,{children:n(o)})})}),te="_navBar_kzibd_1",se={navBar:te},oe=({className:n,onClick:s})=>e.jsx(a.FlatButton,{leftIcon:a.stenaHamburger,className:n,onClick:s}),re=({left:n,className:s,showMenuButton:o=!1,children:r,right:i,center:l,onClickMenuButton:c})=>{const u=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d(se.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(oe,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),r&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:Q.Children.map(r,(x,p)=>e.jsxs(e.Fragment,{children:[p>0&&e.jsx(t.Indent,{}),x]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[i,e.jsx(t.Indent,{num:2})]})]})},ae="_navBarButton_b3x3w_1",ie="_selected_b3x3w_14",F={navBarButton:ae,selected:ie},A=j.forwardRef(function({selected:n,className:s,...o},r){return e.jsx(a.FlatButton,{...o,ref:r,className:d(F.navBarButton,n&&F.selected,s)})}),le=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),ce=({content:n,children:s,appendTo:o,zIndex:r,...i})=>{const[l,,c,u]=t.useBoolean(!1);return e.jsx(g.ControlledPopover,{renderTrigger:x=>e.jsx(A,{...i,...x,onClick:u}),open:l,onRequestClose:c,zIndex:r,appendTo:o,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},ue="_navBarNotificationButton_1wt3y_1",de="_unread_1wt3y_23",xe="_icon_1wt3y_23",je="_shake_1wt3y_1",m={navBarNotificationButton:ue,unread:de,icon:xe,shake:je},he=j.forwardRef(function({count:n,unread:s=!1,className:o,labelClassName:r,iconClassName:i,icon:l=a.stenaBellFilled,...c},u){const x=n>1;return e.jsx(a.BaseButton,{...c,ref:u,leftIcon:l,className:d(m.navBarNotificationButton,s&&m.unread,x&&m.hasCount,o),label:x?String(n):void 0,labelClassName:d(r,m.label),iconClassName:d(i,m.icon)})}),pe="_navBarSearchFieldInput_1rp8g_1",ge="_navBarSearchFieldWrapper_1rp8g_12",Be="_withButton_1rp8g_24",me="_clearButton_1rp8g_33",f={navBarSearchFieldInput:pe,navBarSearchFieldWrapper:ge,withButton:Be,clearButton:me},be=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:r,onClickClearButton:i,value:l,...c})=>e.jsx(R.TextInput,{wrapperClassName:d(f.navBarSearchFieldWrapper,r?f.withButton:void 0,o),className:d(f.navBarSearchFieldInput,s),placeholder:n,value:l,buttonRight:l&&r?e.jsx(a.TextInputButton,{className:f.clearButton,icon:a.stenaTimes,variant:"error",onClick:i}):void 0,...c}),fe="_navBarUserButton_10f9z_1",Ce={navBarUserButton:fe},_e=({className:n,username:s,initials:o,icon:r=a.stenaUserCircle,responsiveIconOnly:i=o==null,...l})=>e.jsx(L,{...l,className:d(Ce.navBarUserButton,n),leftIcon:s!=null?r:void 0,label:o??s,forceRound:o!=null,responsiveIconOnly:i,disableArrow:!0}),ve="_unreadDot_l8bni_1",we="_dot_l8bni_4",P={unreadDot:ve,dot:we},H=({children:n})=>e.jsxs("div",{className:P.unreadDot,children:[n,e.jsx("div",{className:P.dot})]}),I=({text:n,timestamp:s,icon:o,iconAriaLabel:r,contentLeft:i,contentRight:l,onClose:c,unread:u=!1,variant:x,iconBackgroundColor:p})=>{const B=o?e.jsx(a.CircledIcon,{size:"small",icon:o,"aria-label":r,backgroundColor:p||T(u,x)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[i&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:i}),!i&&B&&(u?e.jsx(H,{children:B}):B),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:h.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(a.CloseButton,{onClick:c})})]})},T=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},Se="_notification_1hao0_1",Re="_body_1hao0_7",ye="_standard_1hao0_13",Ie="_unread_1hao0_14",Me="_danger_1hao0_19",C={notification:Se,body:Re,standard:ye,unread:Ie,danger:Me},Ne=({variant:n="standard",children:s,unread:o,...r})=>e.jsxs("div",{className:d(C.notification,C[n],o&&C.unread),children:[e.jsx(I,{...r,unread:o,variant:n}),s&&e.jsx(t.Column,{className:C.body,children:s})]}),ke="_notificationList_1rkvu_1",Fe={notificationList:ke},Pe=({children:n})=>e.jsxs("div",{className:Fe.notificationList,children:[n,e.jsx("div",{})]}),Le="_clickable_1ijxc_1",Ae="_nonClickable_1ijxc_27",w={clickable:Le,nonClickable:Ae},He=({onClick:n,onClickAriaLabel:s,children:o,width:r=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:h.cssColor("--lhds-color-ui-50"),shadow:"popover",width:r,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d({[w.nonClickable]:n}),children:e.jsx(I,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d({[w.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:w.clickable,"aria-label":s})]}),D=j.forwardRef(({contentLeft:n,contentRight:s,collapsed:o=!1,...r},i)=>e.jsx(a.MenuButton,{ref:i,expandable:!0,expanded:!o,selected:!o,left:n,right:s,...r})),Te=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),De=({value:n,onValueChange:s,onChange:o,indeterminate:r,checkboxDisabled:i,...l})=>e.jsx(D,{contentLeft:e.jsx(R.Checkbox,{value:n,indeterminate:r,onValueChange:s,onChange:o,disabled:i,onClick:c=>c.stopPropagation()}),...l}),$e="_sidebarMenuCollapsibleGroupBox_ikek9_1",ze={sidebarMenuCollapsibleGroupBox:$e},$=({children:n})=>e.jsx("div",{className:ze.sidebarMenuCollapsibleGroupBox,children:n}),Ue=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),qe=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(a.Icon,{icon:a.stenaMail,color:h.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:h.cssColor("--lhds-color-ui-500"),children:n})]}),z=({text:n,heading:s,children:o,buttons:r,icon:i=a.stenaTripFerryXl,headingLevel:l="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(a.Card,{...c,children:e.jsx(a.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(a.CircledIcon,{icon:i,size:"xl"})]}),s&&e.jsx(t.Heading,{as:l,children:s}),u&&e.jsx(t.Text,{children:u}),o,r&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),r]})]})})})},Ge=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(z,{...n})}),U=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(a.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),Oe=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(U,{...n})}),Ee=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:r})=>e.jsxs(t.Box,{shadow:"bottom",background:h.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),r]}),We=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),Ve=({icon:n,heading:s,headingLevel:o="h2",contentLeft:r,contentRight:i})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(a.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:r}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:i})]}),Xe="_sidebarMenu_1bx5w_1",Je="_sidebarItems_1bx5w_38",Ke="_scrollContainer_1bx5w_48",S={sidebarMenu:Xe,sidebarItems:Je,scrollContainer:Ke},Qe="_stenaFlag_108h7_1",Ye={stenaFlag:Qe},Ze=({onClick:n})=>e.jsxs(t.Column,{background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(a.CloseButton,{onClick:n}),e.jsx(a.StenaFlag,{className:Ye.stenaFlag})]})]}),en=({isPinned:n,onClick:s,label:o})=>{const i=o??(n?"Unpin menu":"Pin menu"),l=n?a.stenaAngleLeftDouble:a.stenaPin;return e.jsx(a.MenuButton,{onClick:s,label:i,leftIcon:l})},nn=({className:n,children:s,onCloseClick:o,pinButtonVisible:r,onClickPinButton:i,bottomItems:l,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:d(S.sidebarMenu,n),children:[e.jsx(Ze,{onClick:o}),e.jsx(t.Box,{className:S.scrollContainer,children:e.jsxs(t.Column,{className:S.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(l||r)&&e.jsxs(t.Column,{gap:1,children:[l,r&&e.jsx(en,{isPinned:c,onClick:i}),e.jsx(t.Space,{})]})]})})]}),_=j.createContext(!1),M=()=>j.useContext(_),tn=({label:n,...s})=>e.jsx(g.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(a.IconMenuButton,{...s})}),sn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:r,bottomItems:i,closeButtonTitle:l="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(a.IconMenuButton,{onClick:o,icon:a.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(_.Provider,{value:!0,children:r})}),e.jsx(t.Column,{gap:1,children:(i||n)&&e.jsxs(_.Provider,{value:!0,children:[i,n&&e.jsx(tn,{icon:a.stenaAngleLeftDouble,label:l,onClick:s})]})})]})]}),q=({label:n})=>M()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),on=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(g.Tooltip,{label:n,placement:"right",children:e.jsx(a.IconMenuButtonLink,{icon:s,...o})}),rn=n=>M()?e.jsx(on,{...n}):e.jsx(a.MenuButtonLink,{...n}),an=({children:n,label:s,icon:o,popupMinWidth:r="200px"})=>e.jsx(g.Popover,{renderTrigger:i=>e.jsx(a.IconMenuButton,{icon:o,...i}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:r,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(_.Provider,{value:!1,children:[e.jsx(q,{label:s}),n]})})}),ln=({children:n,label:s,leftIcon:o,className:r,initialExpand:i=!1})=>{const[l,c]=j.useState(i);return M()?o==null?null:e.jsx(an,{label:s,icon:o,children:n}):e.jsx(a.MenuButton,{label:s,onClick:()=>c(!l),leftIcon:o,className:r,expandable:!0,expanded:l,selected:l,children:e.jsx($,{children:n})})},cn=n=>e.jsx(t.SeparatorLine,{color:h.cssColor("--lhds-color-ui-400"),...n}),un=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:r})=>e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:h.cssColor("--silver-lighter"),flex:1,borderRadius:"var(--swui-border-radius)",children:[e.jsxs(t.Row,{alignItems:"center",gap:2,children:[n!=null||s!=null?e.jsx(t.Row,{alignItems:"center",children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o&&e.jsx(t.Row,{children:o})]}),e.jsx(t.Row,{gap:2,children:r})]}),dn=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n});exports.ActionMenuFlatButton=L;exports.ActionMenuPrimaryButton=Y;exports.ActionMenuSecondaryButton=Z;exports.CheckboxMenu=ne;exports.Collapsible=D;exports.CollapsibleEmptyContent=qe;exports.CollapsibleGroupHeading=Ue;exports.CollapsibleList=Te;exports.CollapsibleWithCheckbox=De;exports.ErrorPanel=z;exports.ErrorScreen=Ge;exports.LoadingPanel=U;exports.LoadingScreen=Oe;exports.NavBar=re;exports.NavBarButton=A;exports.NavBarHeading=le;exports.NavBarNotificationButton=he;exports.NavBarPopoverButton=ce;exports.NavBarSearchField=be;exports.NavBarUserButton=_e;exports.Notification=Ne;exports.NotificationHeader=I;exports.NotificationList=Pe;exports.PageHeader=Ee;exports.PageHeaderRow=We;exports.PageHeading=Ve;exports.SelectedItemsActionsPadding=dn;exports.SelectedItemsActionsPanel=un;exports.SidebarMenu=nn;exports.SidebarMenuCollapsible=ln;exports.SidebarMenuCollapsibleGroupBox=$;exports.SidebarMenuHeading=q;exports.SidebarMenuLink=rn;exports.SidebarMenuSeparator=cn;exports.SidebarRailMenu=sn;exports.Toast=He;exports.UnreadDot=H;exports.getIconBgColorFromVariant=T;
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}._productCard_19x6b_1{max-width:560px}@media (max-width: 768px){._productCard_19x6b_1{max-width:unset}}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@stenajs-webui/elements"),j=require("react"),t=require("@stenajs-webui/core"),S=require("@stenajs-webui/tooltip"),D=require("@stenajs-webui/forms"),m=require("classnames"),x=require("@stenajs-webui/theme"),w=require("react-responsive"),U=require("yet-another-react-lightbox"),se=require("yet-another-react-lightbox/plugins/inline"),oe=require("yet-another-react-lightbox/plugins/captions"),re=require("yet-another-react-lightbox/plugins/counter"),ie=require("yet-another-react-lightbox/plugins/zoom");require("yet-another-react-lightbox/styles.css");function le(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,i.get?i:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const ae=le(j),L=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:i=r.stenaAngleDown,menuWidth:l,menuTop:a,onClick:c,disableArrow:u=!1,buttonRef:h,appendTo:p,zIndex:g,disableTrapFocus:f=!1,...B})=>{const[v,C,b,y]=t.useBoolean(!1),_=j.useRef(null),R=h??_,z=j.useMemo(()=>({open:C,close:b}),[C,b]),M=I=>{c==null||c(I),y()};return e.jsx(e.Fragment,{children:e.jsx(S.ControlledPopover,{renderTrigger:I=>e.jsx(o,{rightIcon:u?void 0:i,...B,ref:R,onClick:M,...I}),hideArrow:!0,disablePadding:!0,open:v,onRequestClose:b,placement:s,appendTo:p,zIndex:g,children:v&&e.jsx(r.ActionMenu,{width:l,top:a,trapFocus:!f,children:e.jsx(r.ActionMenuContext.Provider,{value:z,children:n(b)})})})})},ce=n=>e.jsx(L,{buttonComponent:r.PrimaryButton,...n}),ue=n=>e.jsx(L,{buttonComponent:r.SecondaryButton,...n}),Q=n=>e.jsx(L,{buttonComponent:r.FlatButton,...n}),de="1px solid var(--lhds-color-ui-300)",xe=({renderMenu:n,...s})=>e.jsx(S.Popover,{trigger:"click",renderTrigger:o=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:de,borderRadius:"4px",children:[e.jsx(D.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(r.FlatButton,{size:"small",leftIcon:r.stenaAngleDown,...o})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:o})=>e.jsx(t.Column,{children:e.jsx(r.ActionMenu,{children:n(o)})})}),he="_navBar_kzibd_1",je={navBar:he},pe=({className:n,onClick:s})=>e.jsx(r.FlatButton,{leftIcon:r.stenaHamburger,className:n,onClick:s}),me=({left:n,className:s,showMenuButton:o=!1,children:i,right:l,center:a,onClickMenuButton:c})=>{const u=a?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:m(je.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(pe,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),i&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:ae.Children.map(i,(h,p)=>e.jsxs(e.Fragment,{children:[p>0&&e.jsx(t.Indent,{}),h]}))})})]}),a&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:a}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[l,e.jsx(t.Indent,{num:2})]})]})},ge="_navBarButton_b3x3w_1",be="_selected_b3x3w_14",W={navBarButton:ge,selected:be},V=j.forwardRef(function({selected:n,className:s,...o},i){return e.jsx(r.FlatButton,{...o,ref:i,className:m(W.navBarButton,n&&W.selected,s)})}),Ce=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),fe=({content:n,children:s,appendTo:o,zIndex:i,...l})=>{const[a,,c,u]=t.useBoolean(!1);return e.jsx(S.ControlledPopover,{renderTrigger:h=>e.jsx(V,{...l,...h,onClick:u}),open:a,onRequestClose:c,zIndex:i,appendTo:o,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},Be="_navBarNotificationButton_1wt3y_1",ve="_unread_1wt3y_23",we="_icon_1wt3y_23",Se="_shake_1wt3y_1",k={navBarNotificationButton:Be,unread:ve,icon:we,shake:Se},ye=j.forwardRef(function({count:n,unread:s=!1,className:o,labelClassName:i,iconClassName:l,icon:a=r.stenaBellFilled,...c},u){const h=n>1;return e.jsx(r.BaseButton,{...c,ref:u,leftIcon:a,className:m(k.navBarNotificationButton,s&&k.unread,h&&k.hasCount,o),label:h?String(n):void 0,labelClassName:m(i,k.label),iconClassName:m(l,k.icon)})}),_e="_navBarSearchFieldInput_1rp8g_1",Re="_navBarSearchFieldWrapper_1rp8g_12",Ie="_withButton_1rp8g_24",ke="_clearButton_1rp8g_33",N={navBarSearchFieldInput:_e,navBarSearchFieldWrapper:Re,withButton:Ie,clearButton:ke},Me=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:i,onClickClearButton:l,value:a,...c})=>e.jsx(D.TextInput,{wrapperClassName:m(N.navBarSearchFieldWrapper,i?N.withButton:void 0,o),className:m(N.navBarSearchFieldInput,s),placeholder:n,value:a,buttonRight:a&&i?e.jsx(r.TextInputButton,{className:N.clearButton,icon:r.stenaTimes,variant:"error",onClick:l}):void 0,...c}),Ne="_navBarUserButton_10f9z_1",Pe={navBarUserButton:Ne},Fe=({className:n,username:s,initials:o,icon:i=r.stenaUserCircle,responsiveIconOnly:l=o==null,...a})=>e.jsx(Q,{...a,className:m(Pe.navBarUserButton,n),leftIcon:s!=null?i:void 0,label:o??s,forceRound:o!=null,responsiveIconOnly:l,disableArrow:!0}),ze="_unreadDot_l8bni_1",Ae="_dot_l8bni_4",O={unreadDot:ze,dot:Ae},K=({children:n})=>e.jsxs("div",{className:O.unreadDot,children:[n,e.jsx("div",{className:O.dot})]}),T=({text:n,timestamp:s,icon:o,iconAriaLabel:i,contentLeft:l,contentRight:a,onClose:c,unread:u=!1,variant:h,iconBackgroundColor:p})=>{const g=o?e.jsx(r.CircledIcon,{size:"small",icon:o,"aria-label":i,backgroundColor:p||Z(u,h)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[l&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:l}),!l&&g&&(u?e.jsx(K,{children:g}):g),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:x.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),a]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(r.CloseButton,{onClick:c})})]})},Z=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},qe="_notification_1hao0_1",He="_body_1hao0_7",De="_standard_1hao0_13",Le="_unread_1hao0_14",Te="_danger_1hao0_19",P={notification:qe,body:He,standard:De,unread:Le,danger:Te},$e=({variant:n="standard",children:s,unread:o,...i})=>e.jsxs("div",{className:m(P.notification,P[n],o&&P.unread),children:[e.jsx(T,{...i,unread:o,variant:n}),s&&e.jsx(t.Column,{className:P.body,children:s})]}),Ee="_notificationList_1rkvu_1",Ue={notificationList:Ee},We=({children:n})=>e.jsxs("div",{className:Ue.notificationList,children:[n,e.jsx("div",{})]}),Oe="_clickable_1ijxc_1",Ge="_nonClickable_1ijxc_27",A={clickable:Oe,nonClickable:Ge},Qe=({onClick:n,onClickAriaLabel:s,children:o,width:i=264,maxWidth:l,...a})=>e.jsxs(t.Box,{borderRadius:8,background:x.cssColor("--lhds-color-ui-50"),shadow:"popover",width:i,maxWidth:l,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:m({[A.nonClickable]:n}),children:e.jsx(T,{...a})}),o&&e.jsxs(t.Box,{indent:3,className:m({[A.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:A.clickable,"aria-label":s})]}),X=j.forwardRef(({contentLeft:n,contentRight:s,collapsed:o=!1,...i},l)=>e.jsx(r.MenuButton,{ref:l,expandable:!0,expanded:!o,selected:!o,left:n,right:s,...i})),Ve=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Ke=({value:n,onValueChange:s,onChange:o,indeterminate:i,checkboxDisabled:l,...a})=>e.jsx(X,{contentLeft:e.jsx(D.Checkbox,{value:n,indeterminate:i,onValueChange:s,onChange:o,disabled:l,onClick:c=>c.stopPropagation()}),...a}),Ze="_sidebarMenuCollapsibleGroupBox_ikek9_1",Xe={sidebarMenuCollapsibleGroupBox:Ze},J=({children:n})=>e.jsx("div",{className:Xe.sidebarMenuCollapsibleGroupBox,children:n}),Je=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),Ye=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(r.Icon,{icon:r.stenaMail,color:x.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:x.cssColor("--lhds-color-ui-500"),children:n})]}),Y=({text:n,heading:s,children:o,buttons:i,icon:l=r.stenaTripFerryXl,headingLevel:a="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(r.Card,{...c,children:e.jsx(r.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(r.CircledIcon,{icon:l,size:"xl"})]}),s&&e.jsx(t.Heading,{as:a,children:s}),u&&e.jsx(t.Text,{children:u}),o,i&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),i]})]})})})},en=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(Y,{...n})}),ee=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(r.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),nn=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(ee,{...n})}),tn=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:i})=>e.jsxs(t.Box,{shadow:"bottom",background:x.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),i]}),sn=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),on=({icon:n,heading:s,headingLevel:o="h2",contentLeft:i,contentRight:l})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(r.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:i}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:l})]}),rn="_sidebarMenu_1bx5w_1",ln="_sidebarItems_1bx5w_38",an="_scrollContainer_1bx5w_48",q={sidebarMenu:rn,sidebarItems:ln,scrollContainer:an},cn="_stenaFlag_108h7_1",un={stenaFlag:cn},dn=({onClick:n})=>e.jsxs(t.Column,{background:x.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(r.CloseButton,{onClick:n}),e.jsx(r.StenaFlag,{className:un.stenaFlag})]})]}),xn=({isPinned:n,onClick:s,label:o})=>{const l=o??(n?"Unpin menu":"Pin menu"),a=n?r.stenaAngleLeftDouble:r.stenaPin;return e.jsx(r.MenuButton,{onClick:s,label:l,leftIcon:a})},hn=({className:n,children:s,onCloseClick:o,pinButtonVisible:i,onClickPinButton:l,bottomItems:a,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:m(q.sidebarMenu,n),children:[e.jsx(dn,{onClick:o}),e.jsx(t.Box,{className:q.scrollContainer,children:e.jsxs(t.Column,{className:q.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(a||i)&&e.jsxs(t.Column,{gap:1,children:[a,i&&e.jsx(xn,{isPinned:c,onClick:l}),e.jsx(t.Space,{})]})]})})]}),F=j.createContext(!1),$=()=>j.useContext(F),jn=({label:n,...s})=>e.jsx(S.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(r.IconMenuButton,{...s})}),pn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:i,bottomItems:l,closeButtonTitle:a="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:x.cssColor("--lhds-color-ui-50"),children:[e.jsx(r.IconMenuButton,{onClick:o,icon:r.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(F.Provider,{value:!0,children:i})}),e.jsx(t.Column,{gap:1,children:(l||n)&&e.jsxs(F.Provider,{value:!0,children:[l,n&&e.jsx(jn,{icon:r.stenaAngleLeftDouble,label:a,onClick:s})]})})]})]}),ne=({label:n})=>$()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),mn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(S.Tooltip,{label:n,placement:"right",children:e.jsx(r.IconMenuButtonLink,{icon:s,...o})}),gn=n=>$()?e.jsx(mn,{...n}):e.jsx(r.MenuButtonLink,{...n}),bn=({children:n,label:s,icon:o,popupMinWidth:i="200px"})=>e.jsx(S.Popover,{renderTrigger:l=>e.jsx(r.IconMenuButton,{icon:o,...l}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:i,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(F.Provider,{value:!1,children:[e.jsx(ne,{label:s}),n]})})}),Cn=({children:n,label:s,leftIcon:o,className:i,initialExpand:l=!1})=>{const[a,c]=j.useState(l);return $()?o==null?null:e.jsx(bn,{label:s,icon:o,children:n}):e.jsx(r.MenuButton,{label:s,onClick:()=>c(!a),leftIcon:o,className:i,expandable:!0,expanded:a,selected:a,children:e.jsx(J,{children:n})})},fn=n=>e.jsx(t.SeparatorLine,{color:x.cssColor("--lhds-color-ui-400"),...n}),Bn=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:i})=>e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:x.cssColor("--silver-lighter"),flex:1,borderRadius:"var(--swui-border-radius)",children:[e.jsxs(t.Row,{alignItems:"center",gap:2,children:[n!=null||s!=null?e.jsx(t.Row,{alignItems:"center",children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o&&e.jsx(t.Row,{children:o})]}),e.jsx(t.Row,{gap:2,children:i})]}),vn=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n}),wn="_productCard_19x6b_1",Sn={productCard:wn},yn=({renderSelectedProductCard:n,renderEditButton:s,children:o,loading:i,shadow:l,...a})=>e.jsxs(t.Column,{"data-comp":"ProductCard",className:Sn.productCard,shadow:l?"box":void 0,background:x.cssColor("--moln"),borderRadius:"24px",overflow:"hidden",position:i?"relative":void 0,...t.getDataProps(a),children:[n==null?void 0:n(),e.jsx(t.Column,{gap:2,children:o}),s&&e.jsxs(t.Column,{children:[e.jsx(t.Row,{indent:2,justifyContent:"flex-end",children:s()}),e.jsx(t.Spacing,{})]}),i&&e.jsx(t.Box,{top:0,bottom:0,left:0,right:0,position:"absolute",justifyContent:"center",alignItems:"center",background:"rgba(255, 255, 255, 0.7)",children:e.jsx(r.Spinner,{})})]}),_n=({children:n})=>e.jsx(t.Text,{variant:"bold",style:{fontSize:"2.0rem"},children:n}),Rn=({description:n,subDescription:s,descriptionTags:o,capacityTag:i,offerCodeTag:l,priceText:a,title:c,subTitle:u,renderImage:h,children:p,headingLevel:g})=>{const f=o==null?!1:Array.isArray(o)?o.length>0:!t.isEmptyFragment(o);return e.jsxs(t.Column,{children:[h==null?void 0:h(),e.jsxs(t.Box,{gap:2,spacing:4,indent:4,background:x.cssColor("--moln"),children:[e.jsxs(t.Box,{gap:.5,children:[e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"flex-start",gap:2,children:[e.jsx(t.Heading,{variant:"h3",as:g,children:c}),e.jsxs(t.Row,{gap:2,children:[l&&e.jsx(t.Column,{justifyContent:"center",children:l}),e.jsx(_n,{children:a})]})]}),u&&e.jsx(t.Text,{variant:"bold",color:x.cssColor("--silver-dark"),children:u})]}),(f||i)&&e.jsxs(t.Column,{children:[e.jsxs(t.Row,{gap:1,flexWrap:"wrap",children:[o,i&&e.jsx(r.Tag,{label:i,variant:"passive"})]}),e.jsx(t.Space,{})]}),n&&e.jsxs(t.Column,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{})]}),s&&e.jsxs(t.Column,{children:[e.jsx(t.Text,{children:s}),e.jsx(t.Space,{})]}),p]})]})},In=({renderImage:n})=>e.jsxs(t.Column,{children:[n==null?void 0:n(),e.jsxs(t.Box,{gap:3,spacing:4,indent:4,background:x.cssColor("--moln"),children:[e.jsx(t.Box,{gap:.5,children:e.jsx(t.Row,{justifyContent:"space-between",alignItems:"flex-start",gap:2,children:e.jsx(r.ShimmerBox,{width:"50px",height:"2.8rem",borderRadius:"8px"})})}),e.jsx(t.Column,{children:e.jsx(r.ShimmerBox,{width:"180px",height:"2.0rem",borderRadius:"8px"})}),e.jsx(t.Column,{children:e.jsx(r.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})}),e.jsx(t.Space,{})]})]}),kn=({label:n,children:s})=>e.jsxs(t.Box,{background:x.cssColor("--mussla"),indent:2,spacing:2,gap:2,children:[e.jsx(t.Heading,{variant:"h3",as:"h2",color:"white",children:n}),s]}),Mn=({title:n,variant:s="normal",loading:o,iconLeft:i,compactIconLeft:l,renderButton:a,renderOfferCodeTag:c,renderMandatoryTag:u,renderContentLeftOfButton:h,children:p,...g})=>{const{fontSizeRatio:f}=t.useAccessibleFontSizeContext(),B=w.useMediaQuery({query:"(max-width: 460px)"}),C=w.useMediaQuery({query:"(max-width: 360px)"})||B&&f>1.2,b=o?"normal":s,y=Pn(b),_=x.cssColor("--moln"),R=Nn(b);return e.jsxs(t.Box,{"data-comp":"ProductSummaryCard",borderRadius:"16px",shadow:"box",overflow:"hidden",position:o?"relative":void 0,...t.getDataProps(g),children:[e.jsxs(t.Row,{flex:1,children:[!C&&e.jsx(t.Box,{flex:2,justifyContent:"center",background:y,children:i&&e.jsx(r.Icon,{color:R,icon:i,size:73})}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:_,children:e.jsxs(t.Column,{gap:2,children:[n&&e.jsxs(t.Row,{justifyContent:"space-between",children:[e.jsxs(t.Row,{gap:2,alignItems:"center",children:[C&&l&&e.jsx(r.CircledIcon,{icon:l,size:"medium"}),e.jsx(t.Text,{variant:"bold",size:"large",children:n})]}),b=="normal"&&(c==null?void 0:c())]}),e.jsx(t.Column,{style:{opacity:o?0:void 0},children:p}),u&&e.jsx(t.Row,{style:{opacity:o?0:void 0},children:u()}),e.jsx("div",{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",gap:2,flexWrap:"wrap",children:[(h==null?void 0:h())??e.jsx("div",{}),a==null?void 0:a()]})]})})]}),o&&e.jsx(t.Box,{top:0,bottom:0,left:0,right:0,position:"absolute",justifyContent:"center",alignItems:"center",background:"rgba(255, 255, 255, 0.7)",children:e.jsx(r.Spinner,{})})]})},Nn=n=>{switch(n){case"edit":return x.cssColor("--moln");case"upgrade":return x.cssColor("--moln");case"normal":return x.cssColor("--mussla");default:t.exhaustSwitchCaseElseThrow(n)}},Pn=n=>{switch(n){case"edit":return x.cssColor("--mussla");case"upgrade":return x.cssColor("--mussla");case"normal":return x.cssColor("--silver-lighter");default:t.exhaustSwitchCaseElseThrow(n)}},Fn=({iconLeft:n,...s})=>e.jsx(t.Box,{borderRadius:"16px",shadow:"box",overflow:"hidden",...t.getDataProps(s),children:e.jsxs(t.Row,{flex:1,children:[e.jsx(t.Box,{flex:2,justifyContent:"center",background:x.cssColor("--silver-lighter"),children:n&&e.jsx(r.Icon,{color:x.cssColor("--mussla"),icon:n,size:73})}),e.jsx(t.Box,{flex:4,indent:2,spacing:2,background:x.cssColor("--moln"),children:e.jsxs(t.Column,{gap:2,children:[e.jsx(r.ShimmerBox,{width:"180px",height:"2.8rem",borderRadius:"8px"}),e.jsx(r.ShimmerBox,{width:"50px",height:"2.0rem",borderRadius:"8px"}),e.jsx(r.ShimmerBox,{width:"150px",height:"1.4rem",borderRadius:"8px"})]})})]})}),G=["small-mobile","mobile","tablet","tablet-wide","desktop"],E=()=>{const n=w.useMediaQuery({query:"(max-width: 768px)"}),s=w.useMediaQuery({query:"(max-width: 395px)"}),o=w.useMediaQuery({query:"(max-width: 1024px)"}),i=w.useMediaQuery({query:"(max-width: 1160px)"});return{deviceSize:s?"small-mobile":n?"mobile":o?"tablet":i?"tablet-wide":"desktop"}},te=(n,s)=>n===s||G.indexOf(n)>G.indexOf(s),zn=n=>{const{deviceSize:s}=E();return{visible:j.useMemo(()=>te(s,n),[s,n])}},An=({images:n,altLabelPrevious:s,altLabelZoomIn:o,altLabelZoomOut:i,altLabelNext:l,altLabelClose:a})=>{const c=j.useRef(null),u=j.useRef(null),{deviceSize:h}=E(),p=h!=="mobile",[g,f]=j.useState(!1),[B,v]=j.useState(0),[C,b]=j.useState(0),y=j.useCallback(()=>{b(B),f(!0)},[B]),_=j.useCallback(()=>{v(C),f(!1)},[C]),R=({index:d})=>v(d),z=({index:d})=>b(d),M=j.useMemo(()=>n.map(H),[n]),I=j.useMemo(()=>n.map(d=>d.fullscreenImage?H({...d.fullscreenImage,description:d.description,title:d.title}):H(d)),[n]);return e.jsxs(t.BlockKeyboardEvents,{blockedKeys:"Escape",children:[e.jsx(U,{controller:{ref:c},index:B,slides:M,plugins:[se],on:{view:R,click:y},carousel:{padding:0,spacing:0,imageFit:"cover"},render:{buttonPrev:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_prev",children:e.jsx(r.SecondaryButton,{"aria-label":s,leftIcon:r.stenaAngleLeft,onClick:()=>{var d;return(d=c.current)==null?void 0:d.prev()}})}),buttonNext:()=>n.length>1&&e.jsx(t.Indent,{className:"yarl__navigation_next",children:e.jsx(r.SecondaryButton,{"aria-label":l,leftIcon:r.stenaAngleRight,onClick:()=>{var d;return(d=c.current)==null?void 0:d.next()}})})},styles:{button:{filter:"none"}},inline:{style:{width:"100%",maxWidth:"900px",aspectRatio:"3 / 2",margin:"0 auto"}}}),e.jsx(U,{open:g,close:_,index:C,plugins:[ie,re,oe],slides:I??M,on:{view:z},animation:{fade:0},controller:{closeOnPullDown:!0,closeOnBackdropClick:!0,ref:u},counter:{container:{style:{filter:"none",color:"white",fontSize:"2.0rem",fontFamily:"Stena Sans"}}},render:{buttonZoom:d=>p&&e.jsxs(t.Row,{gap:1,indent:2,children:[e.jsx(r.SecondaryButton,{"aria-label":o,leftIcon:r.stenaSearchPlus,size:"large",onClick:()=>d.zoomIn()}),e.jsx(r.SecondaryButton,{"aria-label":i,leftIcon:r.stenaSearchMinus,size:"large",onClick:()=>d.zoomOut()})]}),buttonPrev:()=>n.length>1&&p&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_prev",children:e.jsx(r.SecondaryButton,{"aria-label":s,leftIcon:r.stenaAngleLeft,size:"large",onClick:()=>{var d;return(d=u.current)==null?void 0:d.prev()}})}),buttonNext:()=>n.length>1&&p&&e.jsx(t.Indent,{num:4,className:"yarl__navigation_next",children:e.jsx(r.SecondaryButton,{"aria-label":l,leftIcon:r.stenaAngleRight,size:"large",onClick:()=>{var d;return(d=u.current)==null?void 0:d.next()}})}),buttonClose:()=>e.jsx(t.Indent,{children:e.jsx(r.PrimaryButton,{variant:"danger","aria-label":a,leftIcon:r.stenaTimesThick,size:"large",onClick:()=>{var d;return(d=u.current)==null?void 0:d.close()}})})}})]})},H=n=>({src:n.url,width:n.width,height:n.height,alt:n.description,title:n.title,description:n.description});exports.ActionMenuFlatButton=Q;exports.ActionMenuPrimaryButton=ce;exports.ActionMenuSecondaryButton=ue;exports.CheckboxMenu=xe;exports.Collapsible=X;exports.CollapsibleEmptyContent=Ye;exports.CollapsibleGroupHeading=Je;exports.CollapsibleList=Ve;exports.CollapsibleWithCheckbox=Ke;exports.ErrorPanel=Y;exports.ErrorScreen=en;exports.ImageCarousel=An;exports.LoadingPanel=ee;exports.LoadingScreen=nn;exports.NavBar=me;exports.NavBarButton=V;exports.NavBarHeading=Ce;exports.NavBarNotificationButton=ye;exports.NavBarPopoverButton=fe;exports.NavBarSearchField=Me;exports.NavBarUserButton=Fe;exports.Notification=$e;exports.NotificationHeader=T;exports.NotificationList=We;exports.PageHeader=tn;exports.PageHeaderRow=sn;exports.PageHeading=on;exports.ProductCard=yn;exports.ProductCardContentItem=Rn;exports.ProductCardContentItemSkeletor=In;exports.ProductSummaryCard=Mn;exports.ProductSummaryCardSkeletor=Fn;exports.SelectedItemsActionsPadding=vn;exports.SelectedItemsActionsPanel=Bn;exports.SelectedProductCard=kn;exports.SidebarMenu=hn;exports.SidebarMenuCollapsible=Cn;exports.SidebarMenuCollapsibleGroupBox=J;exports.SidebarMenuHeading=ne;exports.SidebarMenuLink=gn;exports.SidebarMenuSeparator=fn;exports.SidebarRailMenu=pn;exports.Toast=Qe;exports.UnreadDot=K;exports.getIconBgColorFromVariant=Z;exports.isDeviceSameOrLarger=te;exports.useDeviceSize=E;exports.useLayoutVisibility=zn;
|
|
3
3
|
//# sourceMappingURL=index.js.map
|