npm - @useloops/design-system - Versions diffs - 1.4.736 → 1.4.738 - Mend

@useloops/design-system 1.4.736 → 1.4.738

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.

Files changed (175) hide show

package/dist/esm/systems/Platform/TestItem/_partials/TagList.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useState as r}from"react";import{TruncatedList as t}from"react-truncate-list";import i from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import a from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KbdGroup/Kbd.js";import"../../../WebCore/KbdGroup/KbdGroup.js";import p from"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import s from"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import"../../../WebCore/TintedSurface/TintedSurface.js";const m=56,l=({tags:m})=>{const l=o(),[n,b]=r(!1);return e(t,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:n?"none":56,gap:l.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:n,renderTruncator:({hiddenItemsCount:o})=>o>0?e(s,{body:`+${o}`,weight:"light",onClick:e=>{e.stopPropagation(),b(!0)},sx:{background:l.custom.palette.neutral[50],height:"100%"}}):e(a,{sizing:"sm",icon:e(i,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),b(!1)},sx:{color:l.custom.palette.icon.primary,alignSelf:"center"}}),children:m.map(({category:o,selection:r})=>e(p,{keyString:o,valueString:r,cursor:"inherit"},o))})};export{m as TagListCollapsedHeight,l as default};
1	+ import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useState as r}from"react";import{TruncatedList as t}from"react-truncate-list";import i from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import a from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KbdGroup/Kbd.js";import"../../../WebCore/KbdGroup/KbdGroup.js";import p from"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import s from"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../BrandCore/Sticker/Sticker.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import"../../../WebCore/TintedSurface/TintedSurface.js";const m=56,l=({tags:m})=>{const l=o(),[n,b]=r(!1);return e(t,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:n?"none":56,gap:l.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:n,renderTruncator:({hiddenItemsCount:o})=>o>0?e(s,{body:`+${o}`,weight:"light",onClick:e=>{e.stopPropagation(),b(!0)},sx:{background:l.custom.palette.neutral[50],height:"100%"}}):e(a,{sizing:"sm",icon:e(i,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),b(!1)},sx:{color:l.custom.palette.icon.primary,alignSelf:"center"}}),children:m.map(({category:o,selection:r})=>e(p,{keyString:o,valueString:r,cursor:"inherit"},o))})};export{m as TagListCollapsedHeight,l as default};

package/dist/esm/systems/Platform/TestStatus/TestStatus.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{size:"sm",children:s(r)})]}));export{m as default};
1	+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{size:"sm",children:s(r)})]}));export{m as default};

package/dist/esm/systems/Platform/TimeToFindGraph/TimeToFindGraph.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import s from"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import n from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import p from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import l from"../../WebCore/Switch/Switch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{HistogramWrapper as m,HistogramInner as d,ZoneLayer as b,Zone as u,BarsLayer as c,Bar as C,ZoneLine as j}from"./_partials/StyledComponents.js";const h=({label:r,value:s,prefix:n})=>{const p=o();return e(i,{sx:{flex:1,alignItems:"center",gap:p.p.xs},children:[t(a,{size:"sm",secondary:!0,children:r}),t(a,{size:"sm",bold:!0,monospaced:!0,children:n?`${n} ${s}`:s})]})},W=({min:W,max:x,bins:g,binTooltips:f,p25:B,p50:y,p75:S,~~mean~~:I,~~range~~:L,~~onRangeChange~~:A,~~capped~~:M,~~onCapChange:T,~~capLabel:w="Cap to 60 seconds",step:k=1,marksStep:P=10,unit:v="sec",formatStat:F,disabled:R,slotProps:G})=>{const _=o(),z=x-W\|\|1,D=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/z100),O=Math.max(1,...g),N=z/(g.length\|\|1),K=F??(e=>`${e.toFixed(1)} ${v}`),[V,$]=~~L,E=D~~(B),U=D(S);return e(r,{...G?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:_.p.lg},children:t(l,{sizing:"sm",value:M,label:t(a,{size:"xs",secondary:!0,children:w}),disabled:R,onChange:(e,t)=>T(t)})}),e(i,{sx:{gap:_.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:K(B)}),t(h,{label:"~~Average~~",value:K(I)}),t(h,{label:"Slowest 25%",prefix:"≥",value:K(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:E}),t(u,{tone:"yellow",widthPct:Math.max(0,U-E)}),t(u,{tone:"red",widthPct:Math.max(0,100-U)})]}),t(c,{children:g.map((o,r)=>{const s=W+(r+.5)N,p=s>=V&&s~~<=$,~~l=o/O*100,m=f?.[r];return m?t(n,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:_.p.xs,p:_.p.xs},children:[t(a,{size:"sm",bold:!0,children:m.headline}),t(a,{size:"xs",secondary:!0,children:m.body})]}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,12]}}]},wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:t(C,{heightPct:l,inRange:p})},r):t(C,{heightPct:l,inRange:p},r)})}),t(j,{leftPct:D(B)}),t(j,{leftPct:D(y)}),t(j,{leftPct:D(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:k,marksStep:P,value:L,valueLabelFormat:e=>`${Math.round(e)}`,disabled:R,onChange:(e,t)=>{Array.isArray(t)&&A([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:_.p.md},children:[e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:104},children:t(s,{value:V,min:W,max~~:$,~~step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([e,$])}})})]}),e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:104},children:t(s,{value~~:$,min~~:V,max:x,step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([V,e])}})})]})]})]})]})};export{W as default};
1	+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import s from"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import n from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import p from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import l from"../../WebCore/Switch/Switch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{HistogramWrapper as m,HistogramInner as d,ZoneLayer as b,Zone as u,BarsLayer as c,Bar as C,ZoneLine as j}from"./_partials/StyledComponents.js";const h=({label:r,value:s,prefix:n})=>{const p=o();return e(i,{sx:{flex:1,alignItems:"center",gap:p.p.xs},children:[t(a,{size:"sm",secondary:!0,children:r}),t(a,{size:"sm",bold:!0,monospaced:!0,children:n?`${n} ${s}`:s})]})},W=({min:W,max:x,bins:f,binTooltips:g,p25:B,p50:y,p75:S,range:I,onRangeChange:L,capped:A,onCapChange:M,capLabel:k="Cap to 60 seconds",step:T=1,marksStep:w=10,unit:P="sec",formatStat:F,disabled:v,slotProps:R})=>{const G=o(),_=x-W\|\|1,z=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/_100),D=Math.max(1,...f),O=_/(f.length\|\|1),N=F??(e=>`${e.toFixed(1)} ${P}`),[K,V]=I,$=z(B),E=z(S);return e(r,{...R?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:G.p.lg},children:t(l,{sizing:"sm",value:A,label:t(a,{size:"xs",secondary:!0,children:k}),disabled:v,onChange:(e,t)=>M(t)})}),e(i,{sx:{gap:G.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:N(B)}),t(h,{label:"Median",value:N(y)}),t(h,{label:"Slowest 25%",prefix:"≥",value:N(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:$}),t(u,{tone:"yellow",widthPct:Math.max(0,E-$)}),t(u,{tone:"red",widthPct:Math.max(0,100-E)})]}),t(c,{children:f.map((o,r)=>{const s=W+(r+.5)O,p=s>=K&&s<=V,l=o/D*100,m=g?.[r];return m?t(n,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:G.p.xs,p:G.p.xs},children:[t(a,{size:"sm",bold:!0,children:m.headline}),t(a,{size:"xs",secondary:!0,children:m.body})]}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,12]}}]},wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:t(C,{heightPct:l,inRange:p})},r):t(C,{heightPct:l,inRange:p},r)})}),t(j,{leftPct:z(B)}),t(j,{leftPct:z(y)}),t(j,{leftPct:z(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:T,marksStep:w,value:I,valueLabelFormat:e=>`${Math.round(e)}`,disabled:v,onChange:(e,t)=>{Array.isArray(t)&&L([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:G.p.md},children:[e(i,{sx:{gap:G.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:104},children:t(s,{value:K,min:W,max:V,step:T,disabled:v,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:P}),onChange:e=>{"number"==typeof e&&L([e,V])}})})]}),e(i,{sx:{gap:G.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:104},children:t(s,{value:V,min:K,max:x,step:T,disabled:v,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:P}),onChange:e=>{"number"==typeof e&&L([K,e])}})})]})]})]})]})};export{W as default};

package/dist/esm/systems/Platform/TimeToFindResult/TimeToFindResult.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import a from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{MiniMap as p,MiniMapAsset as s,MINI_MAP_MAX as m,MiniMapDot as l}from"./_partials/StyledComponents.js";const n=e=>Math.max(0,Math.min(1,e)),b=({x:b,y:C,aspectRatio:d=1,prefix:u="Found in",label:j,tone:W="green"})=>{const c=r(),B=d>=1?m:md,S=d>=1?m/d:m;return e(t,{direction:"row",sx:{alignItems:"center",gap:c.p.sm,flexWrap:"wrap"},children:[o(p,{children:o(s,{boxWidth:B,boxHeight:S,children:o(l,{leftPct:100n(b),topPct:100*n(C)})})}),u&&o(i,{size:"sm",secondary:!0,children:u}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:j})]})};export{b as default};
1	+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import a from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{MiniMap as p,MiniMapAsset as s,MINI_MAP_MAX as m,MiniMapDot as l}from"./_partials/StyledComponents.js";const n=e=>Math.max(0,Math.min(1,e)),b=({x:b,y:C,aspectRatio:d=1,prefix:u="Found in",label:j,tone:W="green"})=>{const c=r(),B=d>=1?m:md,S=d>=1?m/d:m;return e(t,{direction:"row",sx:{alignItems:"center",gap:c.p.sm,flexWrap:"wrap"},children:[o(p,{children:o(s,{boxWidth:B,boxHeight:S,children:o(l,{leftPct:100n(b),topPct:100*n(C)})})}),u&&o(i,{size:"sm",secondary:!0,children:u}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:j})]})};export{b as default};

package/dist/esm/systems/Platform/VideoControls/VideoControls.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i,useCallback as n,useImperativeHandle as a,memo as s}from"react";import{styled as m,Stack as l}from"@mui/material";import d from"@use-it/event-listener";import{normaliseFloat as p}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import u from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import c from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),f=m(l)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:W,slots:y,events:{onEnd:T,onPlay:B,onSeekEnd:k,onSeeking:v,onSeekStart:S,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:L,onRestart:x,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:M,slotProps:F},R)=>{const[G,V]=o(!1),[_,D]=o([]),K={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...W},[{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,muted:X,startTime:Y,firstPlay:Z,firstEnded:$},ee]=o({startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:g\|\|1,muted:u\|\|!1,buffering:!1});i(()=>{if(s.muted=X,s.volume=Q,K.normaliseTime&&(void 0===m\|\|void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{ue()}},[]),i(()=>{ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const re=n(()=>{ee(e=>({...e,playing:!1,ended:!0,...!$&&{firstEnded:!0}})),T&&T(),!$&&A&&A()},[$]);i(()=>{if(!s\|\|null==M)return;(async()=>{const e=!s.paused,r=M===O;ee(e=>({...e,playing:!1,currentTime:p(M)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),ee(e=>({...e,currentTime:p(M)})),await new Promise(e=>setTimeout(e,50)),ee(t=>({...t,playing:e,currentTime:p(r?M-.001:M+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[M,s]);const te=n(e=>{ee(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),X!==e.target?.muted&&L&&L(!X),Q!==e.target?.volume&&E&&E(Q)},[X,Q]),oe=n(()=>{const e=p(s.currentTime)>=O&&O!==p(s.duration)&&!J,r=p(s.currentTime)>=O&&O===p(s.duration)&&!J&&!U;(e\|\|r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),ee(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[O,J,U]),ie=n(()=>{ee(e=>({...e,playing:!1})),I&&I()},[z]),ne=n(()=>{ee(e=>({...e,playing:!0,ended:!1,...!K?.disableBufferingEvents&&{buffering:!1},...!Z&&{firstPlay:!0}})),!Z&&P&&P(),B&&B()},[Z,K?.disableBufferingEvents]),ae=n(()=>{K?.disableBufferingEvents\|\|ee(e=>({...e,buffering:!0}))},[K?.disableBufferingEvents]),se=n(()=>{K?.disableBufferingEvents\|\|ee(e=>({...e,buffering:!1}))},[q,K?.disableBufferingEvents]),me=n(()=>{if(K?.disableBufferingEvents)return;const e=[];for(let r=0;r<s.buffered.length;r++){const t=s.buffered.start(r),o=s.buffered.end(r);if(o>=Y&&t<=O){const r=Math.max(t,Y),i=Math.min(o,O);e.push({start:r-Y,end:i-Y,startPercent:(r-Y)/(O-Y)100,widthPercent:(i-r)/(O-Y)100})}}D(e)},[N,O,z,U,q,H,J,Q,X,Y,_,K?.disableBufferingEvents]),le=n(async e=>{U&&ue(),s.currentTime=Y,e&&await pe(),x&&x()},[U,z,Y,O,J]),de=n(async()=>{U&&ue(),s.currentTime=Y,ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[U,z,Y,O,J,l,m]),pe=async()=>{await s.play()},ue=()=>{s.pause()},be=n(e=>{s.currentTime=p(e),ee(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!K?.disableBufferingEvents&&{buffering:!1},firstPlay:!Z\|\|r.firstPlay,bufferProgress:e})),v&&v(e),!Z&&P&&P()},[q,Z,K?.disableBufferingEvents]),ce=n(async()=>{document.hidden?U&&!s.paused?(V(!0),ue()):V(!1):(G&&!U&&await pe(),V(!1))},[U,G,ue,pe,s]),Ce=n(e=>{e&&s.pause(),ee(e=>({...e,seeking:!0})),S&&S()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&U&&s.pause(),ee(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[U,J,q,N]);return d("visibilitychange",ce,document),d("pause",ie,s),d("playing",ne,s),d("timeupdate",oe,s),d("ended",re,s),d("volumechange",te,s),d("waiting",ae,s),d("canplay",se,s),d("progress",me,s),a(R,()=>({play:pe,pause:ue,restart:le,reset:de,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,firstPlay:Z,firstEnded:$,muted:X,startTime:Y}})),e(C,{variation:"raised",borderradius:"xl",id:t,sx:F?.paperContainer?.sx,children:[e(f,{...K?.rtl&&{dir:"rtl"},children:[r(b,{seeking:N,playing:U,ended:J,buffering:q,handleAction:async()=>{J?await le(!0):U?ue():await pe()}}),r(c,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:Ce,ended:J,marker:y?.marker,markers:j,markerIndicatorMode:K.markerIndicatorMode,markerIndicatorSize:K.markerIndicatorSize,markerIndicator:K.markerIndicator,startTime:K.normaliseTime?Y:0,currentTime:z,endTime:O,playing:U,bufferRanges:_,buffering:q,volume:Q,muted:X,volumeControls:K.volumeControls,volumeControlsType:K.volumeControlsType,handleVolumeMute:()=>{s.muted=!X},handleVolumeChange:e=>{s.volume=e,X&&(s.muted=!1)}})]}),y?.bottom]})}));export{g as default};
1	+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i,useCallback as n,useImperativeHandle as a,memo as s}from"react";import{styled as m,Stack as l}from"@mui/material";import d from"@use-it/event-listener";import{normaliseFloat as p}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import u from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import c from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),f=m(l)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:W,slots:y,events:{onEnd:T,onPlay:B,onSeekEnd:k,onSeeking:S,onSeekStart:v,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:L,onRestart:x,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:M,slotProps:F},R)=>{const[G,V]=o(!1),[_,D]=o([]),K={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...W},[{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,muted:X,startTime:Y,firstPlay:Z,firstEnded:$},ee]=o({startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:g\|\|1,muted:u\|\|!1,buffering:!1});i(()=>{if(s.muted=X,s.volume=Q,K.normaliseTime&&(void 0===m\|\|void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{ue()}},[]),i(()=>{ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const re=n(()=>{ee(e=>({...e,playing:!1,ended:!0,...!$&&{firstEnded:!0}})),T&&T(),!$&&A&&A()},[$]);i(()=>{if(!s\|\|null==M)return;(async()=>{const e=!s.paused,r=M===O;ee(e=>({...e,playing:!1,currentTime:p(M)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),ee(e=>({...e,currentTime:p(M)})),await new Promise(e=>setTimeout(e,50)),ee(t=>({...t,playing:e,currentTime:p(r?M-.001:M+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[M,s]);const te=n(e=>{ee(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),X!==e.target?.muted&&L&&L(!X),Q!==e.target?.volume&&E&&E(Q)},[X,Q]),oe=n(()=>{const e=p(s.currentTime)>=O&&O!==p(s.duration)&&!J,r=p(s.currentTime)>=O&&O===p(s.duration)&&!J&&!U;(e\|\|r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),ee(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[O,J,U]),ie=n(()=>{ee(e=>({...e,playing:!1})),I&&I()},[z]),ne=n(()=>{ee(e=>({...e,playing:!0,ended:!1,...!K?.disableBufferingEvents&&{buffering:!1},...!Z&&{firstPlay:!0}})),!Z&&P&&P(),B&&B()},[Z,K?.disableBufferingEvents]),ae=n(()=>{K?.disableBufferingEvents\|\|ee(e=>({...e,buffering:!0}))},[K?.disableBufferingEvents]),se=n(()=>{K?.disableBufferingEvents\|\|ee(e=>({...e,buffering:!1}))},[q,K?.disableBufferingEvents]),me=n(()=>{if(K?.disableBufferingEvents)return;const e=[];for(let r=0;r<s.buffered.length;r++){const t=s.buffered.start(r),o=s.buffered.end(r);if(o>=Y&&t<=O){const r=Math.max(t,Y),i=Math.min(o,O);e.push({start:r-Y,end:i-Y,startPercent:(r-Y)/(O-Y)100,widthPercent:(i-r)/(O-Y)100})}}D(e)},[N,O,z,U,q,H,J,Q,X,Y,_,K?.disableBufferingEvents]),le=n(async e=>{U&&ue(),s.currentTime=Y,e&&await pe(),x&&x()},[U,z,Y,O,J]),de=n(async()=>{U&&ue(),s.currentTime=Y,ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[U,z,Y,O,J,l,m]),pe=async()=>{await s.play()},ue=()=>{s.pause()},be=n(e=>{s.currentTime=p(e),ee(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!K?.disableBufferingEvents&&{buffering:!1},firstPlay:!Z\|\|r.firstPlay,bufferProgress:e})),S&&S(e),!Z&&P&&P()},[q,Z,K?.disableBufferingEvents]),ce=n(async()=>{document.hidden?U&&!s.paused?(V(!0),ue()):V(!1):(G&&!U&&await pe(),V(!1))},[U,G,ue,pe,s]),Ce=n(e=>{e&&s.pause(),ee(e=>({...e,seeking:!0})),v&&v()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&U&&s.pause(),ee(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[U,J,q,N]);return d("visibilitychange",ce,document),d("pause",ie,s),d("playing",ne,s),d("timeupdate",oe,s),d("ended",re,s),d("volumechange",te,s),d("waiting",ae,s),d("canplay",se,s),d("progress",me,s),a(R,()=>({play:pe,pause:ue,restart:le,reset:de,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,firstPlay:Z,firstEnded:$,muted:X,startTime:Y}})),e(C,{variation:"raised",borderradius:"xl",id:t,sx:F?.paperContainer?.sx,children:[e(f,{...K?.rtl&&{dir:"rtl"},children:[r(b,{seeking:N,playing:U,ended:J,buffering:q,handleAction:async()=>{J?await le(!0):U?ue():await pe()}}),r(c,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:Ce,ended:J,marker:y?.marker,markers:j,markerIndicatorMode:K.markerIndicatorMode,markerIndicatorSize:K.markerIndicatorSize,markerIndicator:K.markerIndicator,startTime:K.normaliseTime?Y:0,currentTime:z,endTime:O,playing:U,bufferRanges:_,buffering:q,volume:Q,muted:X,volumeControls:K.volumeControls,volumeControlsType:K.volumeControlsType,handleVolumeMute:()=>{s.muted=!X},handleVolumeChange:e=>{s.volume=e,X&&(s.muted=!1)}})]}),y?.bottom]})}));export{g as default};

package/dist/esm/systems/Platform/VideoControls2/VideoControls2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useState as i,useEffect as n,useCallback as a,useImperativeHandle as s,memo as m}from"react";import{styled as l,Stack as d}from"@mui/material";import p from"@use-it/event-listener";import{normaliseFloat as u}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import c from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import C from"./components/OverlayControl/OverlayControl.js";import f from"./components/Timeline/Timeline.js";const g=l(c)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),j=l(d)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),T=m(o(({id:o,videoElement:m,initialEndTime:l=0,initialCurrentTime:d=0,initialMuted:c,initialVolume:T,markers:y,options:W,slots:B,events:{onEnd:v,onPlay:S,onSeekEnd:k,onSeeking:h,onSeekStart:E,onTimeUpdate:I,onPause:L,onVolumeChange:x,onVolumeMute:P,onRestart:A,onFirstPlay:F,onFirstEnded:w,onReset:M}={},videoSeekTime:R,slotProps:G},V)=>{const[_,D]=i(!1),[K,N]=i(!1),[O,z]=i([]),U={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...W},[{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,muted:ee,startTime:re,firstPlay:te,firstEnded:oe},ie]=i({startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:T\|\|1,muted:c\|\|!1,buffering:!1});n(()=>{if(m.muted=ee,m.volume=$,U.normaliseTime&&(void 0===l\|\|void 0===d))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ge()}},[]),n(()=>{ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0)})),m.currentTime=u(d??0)},[d,l]);const ne=a(()=>{ie(e=>({...e,playing:!1,ended:!0,...!oe&&{firstEnded:!0}})),v&&v(),!oe&&w&&w()},[oe]);n(()=>{if(!m\|\|null==R)return;(async()=>{const e=!m.paused,r=R===H;ie(e=>({...e,playing:!1,currentTime:u(R)})),await new Promise(e=>{const r=()=>{m.removeEventListener("seeked",r),e()};m.addEventListener("seeked",r),setTimeout(e,500)}),ie(e=>({...e,currentTime:u(R)})),await new Promise(e=>setTimeout(e,50)),ie(t=>({...t,playing:e,currentTime:u(r?R-.001:R+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[R,m]);const ae=a(e=>{ie(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),ee!==e.target?.muted&&P&&P(!ee),$!==e.target?.volume&&x&&x($)},[ee,$]),se=a(()=>{const e=u(m.currentTime)>=H&&H!==u(m.duration)&&!Z,r=u(m.currentTime)>=H&&H===u(m.duration)&&!Z&&!Q;(e\|\|r)&&(m.pause(),m.dispatchEvent(new Event("ended"))),ie(e=>({...e,currentTime:u(m.currentTime)})),I&&I(u(m.currentTime))},[H,Z,Q]),me=a(()=>{ie(e=>({...e,playing:!1})),L&&L()},[J]),le=a(()=>{ie(e=>({...e,playing:!0,ended:!1,...!U?.disableBufferingEvents&&{buffering:!1},...!te&&{firstPlay:!0}})),!te&&F&&F(),S&&S()},[te,U?.disableBufferingEvents]),de=a(()=>{U?.disableBufferingEvents\|\|ie(e=>({...e,buffering:!0}))},[U?.disableBufferingEvents]),pe=a(()=>{U?.disableBufferingEvents\|\|ie(e=>({...e,buffering:!1}))},[X,U?.disableBufferingEvents]),ue=a(()=>{if(U?.disableBufferingEvents)return;const e=[];for(let r=0;r<m.buffered.length;r++){const t=m.buffered.start(r),o=m.buffered.end(r);if(o>=re&&t<=H){const r=Math.max(t,re),i=Math.min(o,H);e.push({start:r-re,end:i-re,startPercent:(r-re)/(H-re)100,widthPercent:(i-r)/(H-re)100})}}z(e)},[q,H,J,Q,X,Y,Z,$,ee,re,O,U?.disableBufferingEvents]),ce=a(async e=>{Q&&ge(),m.currentTime=re,e&&await fe(),A&&A()},[Q,J,re,H,Z]),be=a(async()=>{Q&&ge(),m.currentTime=re,ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),M&&M()},[Q,J,re,H,Z,d,l]),Ce=async()=>{Z?await ce(!0):Q?ge():await fe()},fe=async()=>{await m.play()},ge=()=>{m.pause()},je=a(e=>{m.currentTime=u(e),ie(r=>({...r,currentTime:u(e),ended:!1,seeking:!0,...!U?.disableBufferingEvents&&{buffering:!1},firstPlay:!te\|\|r.firstPlay,bufferProgress:e})),h&&h(e),!te&&F&&F()},[X,te,U?.disableBufferingEvents]),Te=a(async()=>{document.hidden?Q&&!m.paused?(D(!0),ge()):D(!1):(_&&!Q&&await fe(),D(!1))},[Q,_,ge,fe,m]),ye=a(e=>{e&&m.pause(),ie(e=>({...e,seeking:!0})),E&&E()},[Z]),We=a(async(e,r,t)=>{r&&(m.currentTime=r),e&&!Z&&await m.play(),t&&Q&&m.pause(),ie(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[Q,Z,X,q]),Be=a(()=>{document.fullscreenElement?document.exitFullscreen():m.requestFullscreen()},[m]);return p("fullscreenchange",()=>N(!!document.fullscreenElement),document),p("visibilitychange",Te,document),p("pause",me,m),p("playing",le,m),p("timeupdate",se,m),p("ended",ne,m),p("volumechange",ae,m),p("waiting",de,m),p("canplay",pe,m),p("progress",ue,m),s(V,()=>({play:fe,pause:ge,restart:ce,reset:be,seek:(e,r,t)=>We(r,e,t),videoState:{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,firstPlay:te,firstEnded:oe,muted:ee,startTime:re}})),e(r,{children:[U.overlayControls&&t(C,{videoElement:m,playing:Q,firstPlay:te,ended:Z,handleAction:Ce}),e(g,{variation:"raised",id:o,sx:G?.paperContainer?.sx,children:[e(j,{...U?.rtl&&{dir:"rtl"},children:[t(b,{seeking:q,playing:Q,ended:Z,buffering:X,handleAction:Ce}),t(f,{handleSeeking:je,handleSeekEnd:We,handleSeekStart:ye,ended:Z,marker:B?.marker,markersContainerProps:G?.markersContainer,markers:y,markerIndicatorMode:U.markerIndicatorMode,markerIndicatorSize:U.markerIndicatorSize,markerIndicator:U.markerIndicator,startTime:U.normaliseTime?re:0,currentTime:J,endTime:H,playing:Q,bufferRanges:O,buffering:X,volume:$,muted:ee,volumeControls:U.volumeControls,volumeControlsType:U.volumeControlsType,handleVolumeMute:()=>{m.muted=!ee},handleVolumeChange:e=>{m.volume=e,ee&&(m.muted=!1)},fullscreenControls:U.fullscreenControls,hideStartTime:U.hideStartTime,hideEndTime:U.hideEndTime,isFullScreen:K,handlefullscreenToggle:Be})]}),B?.bottom]})]})}));export{T as default};
1	+ import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useState as i,useEffect as n,useCallback as a,useImperativeHandle as s,memo as m}from"react";import{styled as l,Stack as d}from"@mui/material";import p from"@use-it/event-listener";import{normaliseFloat as u}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import c from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import C from"./components/OverlayControl/OverlayControl.js";import f from"./components/Timeline/Timeline.js";const g=l(c)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),j=l(d)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),T=m(o(({id:o,videoElement:m,initialEndTime:l=0,initialCurrentTime:d=0,initialMuted:c,initialVolume:T,markers:y,options:W,slots:B,events:{onEnd:v,onPlay:S,onSeekEnd:k,onSeeking:h,onSeekStart:E,onTimeUpdate:I,onPause:L,onVolumeChange:x,onVolumeMute:P,onRestart:A,onFirstPlay:F,onFirstEnded:w,onReset:M}={},videoSeekTime:R,slotProps:G},V)=>{const[_,D]=i(!1),[K,N]=i(!1),[O,z]=i([]),U={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...W},[{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,muted:ee,startTime:re,firstPlay:te,firstEnded:oe},ie]=i({startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:T\|\|1,muted:c\|\|!1,buffering:!1});n(()=>{if(m.muted=ee,m.volume=$,U.normaliseTime&&(void 0===l\|\|void 0===d))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ge()}},[]),n(()=>{ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0)})),m.currentTime=u(d??0)},[d,l]);const ne=a(()=>{ie(e=>({...e,playing:!1,ended:!0,...!oe&&{firstEnded:!0}})),v&&v(),!oe&&w&&w()},[oe]);n(()=>{if(!m\|\|null==R)return;(async()=>{const e=!m.paused,r=R===H;ie(e=>({...e,playing:!1,currentTime:u(R)})),await new Promise(e=>{const r=()=>{m.removeEventListener("seeked",r),e()};m.addEventListener("seeked",r),setTimeout(e,500)}),ie(e=>({...e,currentTime:u(R)})),await new Promise(e=>setTimeout(e,50)),ie(t=>({...t,playing:e,currentTime:u(r?R-.001:R+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[R,m]);const ae=a(e=>{ie(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),ee!==e.target?.muted&&P&&P(!ee),$!==e.target?.volume&&x&&x($)},[ee,$]),se=a(()=>{const e=u(m.currentTime)>=H&&H!==u(m.duration)&&!Z,r=u(m.currentTime)>=H&&H===u(m.duration)&&!Z&&!Q;(e\|\|r)&&(m.pause(),m.dispatchEvent(new Event("ended"))),ie(e=>({...e,currentTime:u(m.currentTime)})),I&&I(u(m.currentTime))},[H,Z,Q]),me=a(()=>{ie(e=>({...e,playing:!1})),L&&L()},[J]),le=a(()=>{ie(e=>({...e,playing:!0,ended:!1,...!U?.disableBufferingEvents&&{buffering:!1},...!te&&{firstPlay:!0}})),!te&&F&&F(),S&&S()},[te,U?.disableBufferingEvents]),de=a(()=>{U?.disableBufferingEvents\|\|ie(e=>({...e,buffering:!0}))},[U?.disableBufferingEvents]),pe=a(()=>{U?.disableBufferingEvents\|\|ie(e=>({...e,buffering:!1}))},[X,U?.disableBufferingEvents]),ue=a(()=>{if(U?.disableBufferingEvents)return;const e=[];for(let r=0;r<m.buffered.length;r++){const t=m.buffered.start(r),o=m.buffered.end(r);if(o>=re&&t<=H){const r=Math.max(t,re),i=Math.min(o,H);e.push({start:r-re,end:i-re,startPercent:(r-re)/(H-re)100,widthPercent:(i-r)/(H-re)100})}}z(e)},[q,H,J,Q,X,Y,Z,$,ee,re,O,U?.disableBufferingEvents]),ce=a(async e=>{Q&&ge(),m.currentTime=re,e&&await fe(),A&&A()},[Q,J,re,H,Z]),be=a(async()=>{Q&&ge(),m.currentTime=re,ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),M&&M()},[Q,J,re,H,Z,d,l]),Ce=async()=>{Z?await ce(!0):Q?ge():await fe()},fe=async()=>{await m.play()},ge=()=>{m.pause()},je=a(e=>{m.currentTime=u(e),ie(r=>({...r,currentTime:u(e),ended:!1,seeking:!0,...!U?.disableBufferingEvents&&{buffering:!1},firstPlay:!te\|\|r.firstPlay,bufferProgress:e})),h&&h(e),!te&&F&&F()},[X,te,U?.disableBufferingEvents]),Te=a(async()=>{document.hidden?Q&&!m.paused?(D(!0),ge()):D(!1):(_&&!Q&&await fe(),D(!1))},[Q,_,ge,fe,m]),ye=a(e=>{e&&m.pause(),ie(e=>({...e,seeking:!0})),E&&E()},[Z]),We=a(async(e,r,t)=>{r&&(m.currentTime=r),e&&!Z&&await m.play(),t&&Q&&m.pause(),ie(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[Q,Z,X,q]),Be=a(()=>{document.fullscreenElement?document.exitFullscreen():m.requestFullscreen()},[m]);return p("fullscreenchange",()=>N(!!document.fullscreenElement),document),p("visibilitychange",Te,document),p("pause",me,m),p("playing",le,m),p("timeupdate",se,m),p("ended",ne,m),p("volumechange",ae,m),p("waiting",de,m),p("canplay",pe,m),p("progress",ue,m),s(V,()=>({play:fe,pause:ge,restart:ce,reset:be,seek:(e,r,t)=>We(r,e,t),videoState:{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,firstPlay:te,firstEnded:oe,muted:ee,startTime:re}})),e(r,{children:[U.overlayControls&&t(C,{videoElement:m,playing:Q,firstPlay:te,ended:Z,handleAction:Ce}),e(g,{variation:"raised",id:o,sx:G?.paperContainer?.sx,children:[e(j,{...U?.rtl&&{dir:"rtl"},children:[t(b,{seeking:q,playing:Q,ended:Z,buffering:X,handleAction:Ce}),t(f,{handleSeeking:je,handleSeekEnd:We,handleSeekStart:ye,ended:Z,marker:B?.marker,markersContainerProps:G?.markersContainer,markers:y,markerIndicatorMode:U.markerIndicatorMode,markerIndicatorSize:U.markerIndicatorSize,markerIndicator:U.markerIndicator,startTime:U.normaliseTime?re:0,currentTime:J,endTime:H,playing:Q,bufferRanges:O,buffering:X,volume:$,muted:ee,volumeControls:U.volumeControls,volumeControlsType:U.volumeControlsType,handleVolumeMute:()=>{m.muted=!ee},handleVolumeChange:e=>{m.volume=e,ee&&(m.muted=!1)},fullscreenControls:U.fullscreenControls,hideStartTime:U.hideStartTime,hideEndTime:U.hideEndTime,isFullScreen:K,handlefullscreenToggle:Be})]}),B?.bottom]})]})}));export{T as default};

package/dist/esm/systems/Platform/VideoControls2/components/Timeline/components/FullscreenControls/FullscreenControls.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e}from"react/jsx-runtime";import"@mui/material";import o from"../../../../../../BrandCore/Icon/Icon.js";import"../../../../../../../utils/formValidation/misc.js";import"../../../../../../BrandCore/primitiveVariables.js";import"../../../../../../WebCore/utils/typography.util.js";import"../../../../../../BrandCore/textures.js";import"../../../../../../WebCore/AnnualController/AnnualController.js";import"../../../../../../WebCore/SelectItem/SelectItem.js";import"../../../../../../WebCore/Accordion/Accordion.js";import"../../../../../../WebCore/Animations/FadeIn.js";import"../../../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../../../../WebCore/Badge/Badge.js";import"../../../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../../../WebCore/Button/Button.js";import"../../../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../../../WebCore/FormBuilder/FormBuilder.js";import"../../../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../../../../WebCore/IconButton/IconButton.js";import"../../../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../../../WebCore/Image/Image.js";import"../../../../../../WebCore/KbdGroup/Kbd.js";import"../../../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../../../WebCore/Label/Label.js";import"../../../../../../WebCore/Likert/LikertContainer.js";import"../../../../../../WebCore/Likert/LikertLabel.js";import"../../../../../../WebCore/Likert/LikertRadio.js";import"../../../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../../../WebCore/Surface/Surface.js";import"../../../../../../WebCore/Menu/MenuItem.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../../../WebCore/Nudge/NudgeButton.js";import"../../../../../../WebCore/NumberField/NumberField.js";import"../../../../../../BrandCore/colorRamps.js";import"../../../../../../BrandCore/semanticColor.js";import"../../../../../../BrandCore/types.js";import"../../../../../../BrandCore/typography.js";import"../../../../../../WebCore/Progress/Progress.js";import"../../../../../../WebCore/Pill/StyledPill.js";import"../../../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../../../WebCore/Radio/StyledRadio.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../../../WebCore/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../../../WebCore/Skeleton/Skeleton.js";import"../../../../../../WebCore/Slider/StyledSlider.js";import"../../../../../../WebCore/StarRating/StarRating.js";import"../../../../../../WebCore/Switch/StyledSwitch.js";import"../../../../../../WebCore/Textarea/Textarea.js";import"../../../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../../../WebCore/TrialCard/TrialPill.js";import"../../../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../../../WebCore/VideoModal/VideoModal.js";import"../../../../../../WebCore/TintedSurface/TintedSurface.js";const t=({isFullScreen:t,handlefullscreenToggle:i})=>e(r,{icon:e(o,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});export{t as default};
1	+ import{jsx as e}from"react/jsx-runtime";import"@mui/material";import o from"../../../../../../BrandCore/Icon/Icon.js";import"../../../../../../../utils/formValidation/misc.js";import"../../../../../../BrandCore/primitiveVariables.js";import"../../../../../../WebCore/utils/typography.util.js";import"../../../../../../BrandCore/textures.js";import"../../../../../../WebCore/AnnualController/AnnualController.js";import"../../../../../../WebCore/SelectItem/SelectItem.js";import"../../../../../../WebCore/Accordion/Accordion.js";import"../../../../../../WebCore/Animations/FadeIn.js";import"../../../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../../../../WebCore/Badge/Badge.js";import"../../../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../../../WebCore/Button/Button.js";import"../../../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../../../WebCore/FormBuilder/FormBuilder.js";import"../../../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../../../../WebCore/IconButton/IconButton.js";import"../../../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../../../WebCore/Image/Image.js";import"../../../../../../WebCore/KbdGroup/Kbd.js";import"../../../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../../../WebCore/Label/Label.js";import"../../../../../../WebCore/Likert/LikertContainer.js";import"../../../../../../WebCore/Likert/LikertLabel.js";import"../../../../../../WebCore/Likert/LikertRadio.js";import"../../../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../../../WebCore/Surface/Surface.js";import"../../../../../../WebCore/Menu/MenuItem.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../../../WebCore/Nudge/NudgeButton.js";import"../../../../../../WebCore/NumberField/NumberField.js";import"../../../../../../BrandCore/colorRamps.js";import"../../../../../../BrandCore/semanticColor.js";import"../../../../../../BrandCore/types.js";import"../../../../../../BrandCore/typography.js";import"../../../../../../BrandCore/Sticker/Sticker.js";import"../../../../../../WebCore/Progress/Progress.js";import"../../../../../../WebCore/Pill/StyledPill.js";import"../../../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../../../WebCore/Radio/StyledRadio.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../../../WebCore/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../../../WebCore/Skeleton/Skeleton.js";import"../../../../../../WebCore/Slider/StyledSlider.js";import"../../../../../../WebCore/StarRating/StarRating.js";import"../../../../../../WebCore/Switch/StyledSwitch.js";import"../../../../../../WebCore/Textarea/Textarea.js";import"../../../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../../../WebCore/TrialCard/TrialPill.js";import"../../../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../../../WebCore/VideoModal/VideoModal.js";import"../../../../../../WebCore/TintedSurface/TintedSurface.js";const t=({isFullScreen:t,handlefullscreenToggle:i})=>e(r,{icon:e(o,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});export{t as default};

package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/StyledPopper.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{styled as o,Popper as t,autocompleteClasses as r}from"@mui/material";import"react";import{omitProps as e}from"../../../../utils/shouldForwardProp.js";import{selectMenuItemSize as i,popperBoxShadow as a}from"../../Select/StyledSelect.variant-helpers.js";import{fontSizemap as s}from"../../utils/typography.util.js";import"../../../BrandCore/colorRamps.js";import{base as n,margin as p}from"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";const d=(o,t)=>({"& .MuiPaper-root":{margin:0,marginTop:o.spacing(p.xs),border:`1px solid ${o.custom.palette.stroke.default}`,backgroundColor:o.custom.palette.surface.raised,boxShadow:a,borderRadius:o.spacing(o.custom.radius.sm)},[`& .${r.listbox}`]:{overflowX:"hidden",width:"100%",padding:`${o.spacing(o.custom.padding.sm)} 0`,[`& .${r.option}`]:{fontSize:s[t],...t&&{minHeight:"lg"===t?5n+"px":4n+"px"},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),gap:o.spacing(o.custom.padding.sm),display:"flex",alignItems:"center",'&[aria-selected="true"]':{backgroundColor:o.custom.palette.interaction.press,"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.press},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}},"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.hover},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}}}}),m=o(t,{shouldForwardProp:e("sizing","ownerState")})(({theme:o,sizing:t})=>({...t&&{...d(o,t)},[`& .${r.listbox} .${r.groupLabel}`]:{...t&&{minHeight:i(t),fontSize:s[t]},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),paddingRight:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),color:o.custom.palette.text.secondary,fontWeight:o.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));export{m as StyledPopper,d as popperStyles};
1	+ import{styled as o,Popper as t,autocompleteClasses as r}from"@mui/material";import"react";import{omitProps as e}from"../../../../utils/shouldForwardProp.js";import{selectMenuItemSize as i,popperBoxShadow as a}from"../../Select/StyledSelect.variant-helpers.js";import{fontSizemap as s}from"../../utils/typography.util.js";import"../../../BrandCore/colorRamps.js";import{base as n,margin as p}from"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/Sticker/Sticker.js";const d=(o,t)=>({"& .MuiPaper-root":{margin:0,marginTop:o.spacing(p.xs),border:`1px solid ${o.custom.palette.stroke.default}`,backgroundColor:o.custom.palette.surface.raised,boxShadow:a,borderRadius:o.spacing(o.custom.radius.sm)},[`& .${r.listbox}`]:{overflowX:"hidden",width:"100%",padding:`${o.spacing(o.custom.padding.sm)} 0`,[`& .${r.option}`]:{fontSize:s[t],...t&&{minHeight:"lg"===t?5n+"px":4n+"px"},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),gap:o.spacing(o.custom.padding.sm),display:"flex",alignItems:"center",'&[aria-selected="true"]':{backgroundColor:o.custom.palette.interaction.press,"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.press},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}},"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.hover},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}}}}),m=o(t,{shouldForwardProp:e("sizing","ownerState")})(({theme:o,sizing:t})=>({...t&&{...d(o,t)},[`& .${r.listbox} .${r.groupLabel}`]:{...t&&{minHeight:i(t),fontSize:s[t]},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),paddingRight:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),color:o.custom.palette.text.secondary,fontWeight:o.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));export{m as StyledPopper,d as popperStyles};

package/dist/esm/systems/WebCore/FormBuilder/ArrayFieldRows.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useSensors as o,useSensor as t,MouseSensor as i,TouchSensor as n,KeyboardSensor as a,DndContext as d,MeasuringStrategy as s}from"@dnd-kit/core";import{sortableKeyboardCoordinates as m,SortableContext as l,verticalListSortingStrategy as c,useSortable as p}from"@dnd-kit/sortable";import{CSS as u}from"@dnd-kit/utilities";import{Stack as f,useTheme as g,Collapse as x,Box as v}from"@mui/material";import{useState as b,useRef as I}from"react";import{useFieldArray as h,useFormState as y,Controller as A}from"react-hook-form";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import j,{iconSizeMap as B}from"../../BrandCore/Icon/Icon.js";import w from"../Button/Button.js";import C from"../IconButton/IconButton.js";import{CollapseMessage as M}from"./FieldMessage.js";import{getFieldDefinition as R,splitFieldProps as E}from"./fieldRegistry.js";const S=({rowId:o,index:t,field:i,control:n,item:a,isExiting:d,appear:s,atMinimum:m,reorderable:l,onRemove:c,onExited:b})=>{const{custom:I}=g(),{attributes:h,listeners:y,setNodeRef:w,setActivatorNodeRef:S,transform:z,transition:k,isDragging:T}=p({id:o,disabled:!l}),F=R(a.fieldType);if(!F)return null;const D=F.component,N=E(a),$="none"===i.removeAction?{}:{endAdornment:e(C,{"aria-label":"Remove item",sizing:"xs",disabled:m\|\|d,icon:e(j,{name:"delete",size:B.md,color:I.palette.icon.secondary}),onClick:c,tabIndex:i.rowActionsTabIndex})},G={ref:S,...h,...y,...void 0!==i.rowActionsTabIndex?{tabIndex:i.rowActionsTabIndex}:{},style:{touchAction:"none",cursor:T?"grabbing":"grab"}},H=l?"own"===a.dragAction?{dragHandleProps:G}:{startAdornment:e(C,{...G,"aria-label":"Reorder item",sizing:"xs",icon:e(j,{name:"drag-handle-dots",size:B.md,color:I.palette.icon.secondary})})}:{};return e(x,{in:!d,appear:s,timeout:"auto",onExited:b,children:e(v,{ref:w,sx:{paddingBottom:"8px",position:"relative",transform:u.Translate.toString(z),transition:k,zIndex:T?1:void 0},children:e(A,{name:`${i.name}.${t}.value`,control:n,render:({field:{ref:o,...t},fieldState:n})=>r(f,{children:[e(D,{fullWidth:!0,...H,...$,...N,...t,inputRef:o,"aria-invalid":!!n.error\|\|void 0}),e(M,{errorMessage:i.hideError\|\|d?void 0:n.error?.message})]})})})})},z=({field:p,control:u})=>{const{fields:g,append:x,remove:v,move:A}=h({control:u,name:p.name}),{errors:j}=y({control:u,name:p.name}),[B,C]=b(new Set),R=I(g);R.current=g;const E=Boolean(p.reorderable),z=o(t(i,{activationConstraint:{distance:2}}),t(n,{activationConstraint:{distance:2}}),t(a,{coordinateGetter:m})),k=I(!0),T=!k.current;k.current=!1;const F=g.length-B.size,D=F<=(p.minItems??0),N=void 0!==p.maxItems&&F>=p.maxItems,$=j?.[p.name],G=$?.root?.message??$?.message,H=(e,r)=>"function"==typeof p.itemField?p.itemField(e,r):p.itemField,L=e=>C(r=>new Set(r).add(e)),P=e=>x((e=>"object"==typeof e&&null!==e&&!Array.isArray(e)&&"value"in e)(e)?e:{value:e??p.defaultItem??""});return e(d,{sensors:z,measuring:{droppable:{strategy:s.Always}},onDragEnd:({active:e,over:r})=>{if(!r\|\|e.id===r.id)return;const o=R.current.findIndex(r=>r.id===e.id),t=R.current.findIndex(e=>e.id===r.id);o>=0&&t>=0&&A(o,t)},children:e(l,{items:g.map(e=>e.id),strategy:c,disabled:!E,children:r(f,{children:[g.map((r,o)=>{const t=B.has(r.id),i={index:o,remove:()=>L(r.id),atMinimum:D,atMaximum:N};return e(S,{rowId:r.id,index:o,field:p,control:u,item:H(o,i),isExiting:t,appear:T,atMinimum:D,reorderable:E,onRemove:()=>L(r.id),onExited:()=>(e=>{const r=R.current.findIndex(r=>r.id===e);r>=0&&v(r),C(r=>{const o=new Set(r);return o.delete(e),o})})(r.id)},r.id)}),e(M,{errorMessage:p.hideError?void 0:G,edge:"bottom",gap:8,showicon:!0}),p.actions?p.actions({append:P,count:F,atMaximum:N}):e(w,{variation:"outlined",sizing:"sm",disabled:N,onClick:()=>P(),sx:{alignSelf:"flex-start"},children:p.addLabel??"Add"})]})})})};export{z as default};
1	+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useSensors as o,useSensor as t,MouseSensor as i,TouchSensor as n,KeyboardSensor as a,DndContext as d,MeasuringStrategy as s}from"@dnd-kit/core";import{sortableKeyboardCoordinates as m,SortableContext as l,verticalListSortingStrategy as c,useSortable as p}from"@dnd-kit/sortable";import{CSS as u}from"@dnd-kit/utilities";import{Stack as f,useTheme as g,Collapse as x,Box as v}from"@mui/material";import{useState as b,useRef as I}from"react";import{useFieldArray as h,useFormState as y,Controller as j}from"react-hook-form";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import A,{iconSizeMap as B}from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import C from"../Button/Button.js";import w from"../IconButton/IconButton.js";import{CollapseMessage as S}from"./FieldMessage.js";import{getFieldDefinition as M,splitFieldProps as R}from"./fieldRegistry.js";const k=({rowId:o,index:t,field:i,control:n,item:a,isExiting:d,appear:s,atMinimum:m,reorderable:l,onRemove:c,onExited:b})=>{const{custom:I}=g(),{attributes:h,listeners:y,setNodeRef:C,setActivatorNodeRef:k,transform:E,transition:z,isDragging:T}=p({id:o,disabled:!l}),F=M(a.fieldType);if(!F)return null;const D=F.component,N=R(a),$="none"===i.removeAction?{}:{endAdornment:e(w,{"aria-label":"Remove item",sizing:"xs",disabled:m\|\|d,icon:e(A,{name:"delete",size:B.md,color:I.palette.icon.secondary}),onClick:c,tabIndex:i.rowActionsTabIndex})},G={ref:k,...h,...y,...void 0!==i.rowActionsTabIndex?{tabIndex:i.rowActionsTabIndex}:{},style:{touchAction:"none",cursor:T?"grabbing":"grab"}},H=l?"own"===a.dragAction?{dragHandleProps:G}:{startAdornment:e(w,{...G,"aria-label":"Reorder item",sizing:"xs",icon:e(A,{name:"drag-handle-dots",size:B.md,color:I.palette.icon.secondary})})}:{};return e(x,{in:!d,appear:s,timeout:"auto",onExited:b,children:e(v,{ref:C,sx:{paddingBottom:"8px",position:"relative",transform:u.Translate.toString(E),transition:z,zIndex:T?1:void 0},children:e(j,{name:`${i.name}.${t}.value`,control:n,render:({field:{ref:o,...t},fieldState:n})=>r(f,{children:[e(D,{fullWidth:!0,...H,...$,...N,...t,inputRef:o,"aria-invalid":!!n.error\|\|void 0}),e(S,{errorMessage:i.hideError\|\|d?void 0:n.error?.message})]})})})})},E=({field:p,control:u})=>{const{fields:g,append:x,remove:v,move:j}=h({control:u,name:p.name}),{errors:A}=y({control:u,name:p.name}),[B,w]=b(new Set),M=I(g);M.current=g;const R=Boolean(p.reorderable),E=o(t(i,{activationConstraint:{distance:2}}),t(n,{activationConstraint:{distance:2}}),t(a,{coordinateGetter:m})),z=I(!0),T=!z.current;z.current=!1;const F=g.length-B.size,D=F<=(p.minItems??0),N=void 0!==p.maxItems&&F>=p.maxItems,$=A?.[p.name],G=$?.root?.message??$?.message,H=(e,r)=>"function"==typeof p.itemField?p.itemField(e,r):p.itemField,L=e=>w(r=>new Set(r).add(e)),P=e=>x((e=>"object"==typeof e&&null!==e&&!Array.isArray(e)&&"value"in e)(e)?e:{value:e??p.defaultItem??""});return e(d,{sensors:E,measuring:{droppable:{strategy:s.Always}},onDragEnd:({active:e,over:r})=>{if(!r\|\|e.id===r.id)return;const o=M.current.findIndex(r=>r.id===e.id),t=M.current.findIndex(e=>e.id===r.id);o>=0&&t>=0&&j(o,t)},children:e(l,{items:g.map(e=>e.id),strategy:c,disabled:!R,children:r(f,{children:[g.map((r,o)=>{const t=B.has(r.id),i={index:o,remove:()=>L(r.id),atMinimum:D,atMaximum:N};return e(k,{rowId:r.id,index:o,field:p,control:u,item:H(o,i),isExiting:t,appear:T,atMinimum:D,reorderable:R,onRemove:()=>L(r.id),onExited:()=>(e=>{const r=M.current.findIndex(r=>r.id===e);r>=0&&v(r),w(r=>{const o=new Set(r);return o.delete(e),o})})(r.id)},r.id)}),e(S,{errorMessage:p.hideError?void 0:G,edge:"bottom",gap:8,showicon:!0}),p.actions?p.actions({append:P,count:F,atMaximum:N}):e(C,{variation:"outlined",sizing:"sm",disabled:N,onClick:()=>P(),sx:{alignSelf:"flex-start"},children:p.addLabel??"Add"})]})})})};export{E as default};

package/dist/esm/systems/WebCore/Menu/MenuItem.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as o,Button as i,Box as r,Stack as n,useTheme as a,Grow as s,buttonBaseClasses as l,typographyClasses as c}from"@mui/material";import{mergeSx as d}from"merge-sx";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"react";import{omitProps as h}from"../../../utils/shouldForwardProp.js";import{buttonInteraction as u}from"../ButtonBase/Button.variant-helpers.js";import"../ButtonBase/ButtonBase.js";import g from"../Label/Label.js";import{Text as x}from"../Text/Text.js";import f from"../Tooltip/Tooltip.js";const w=o(i,{shouldForwardProp:h("active","iconHeight")})(({active:e,iconHeight:t=24,theme:o})=>({borderRadius:o.spacing(o.custom.radius.sm),maxWidth:"100%",padding:o.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...u(o,e),backgroundColor:e?o.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:o.custom.palette.text.disabled}}})),b=o(r)(({theme:e})=>({padding:e.spacing(.5,1)})),v=o(r)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),j=o(n,{shouldForwardProp:h("iconHeight")})(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"})),y=({baseState:o,label:i,active:n,danger:h,divider:u,heading:y,selected:B,disabled:C,closeOnClick:I,hidden:k,onClick:H,startIcon:T,slotProps:P,tooltip:S,showItemNumber:W=!1,itemNumber:O,children:z})=>{const F=a(),L=3*m;return k?null:u?e(r,{sx:{height:32,display:"flex",alignItems:"center"},children:e(r,{sx:{borderBottom:`1px solid ${F.custom.palette.stroke.default}`,width:"100%"}})}):i?y?e(b,{children:e(x,{variant:"button",secondary:!0,children:i})}):e(w,{active:n,disabled:C,onClick:e=>{H&&H(e),I&&o?.close()},iconHeight:L,sx:{[`&.${l.root} .${c.root}`]:{minHeight:"initial"}},children:t(v,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[t(v,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[W&&!!O&&e(g,{body:O,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),void 0!==T&&e(p,{name:T~~,...P~~?.startIcon}),S?e(f,{message:i,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e(x,{monospaced:!0,sx:d({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},h&&{color:F.custom.palette.text.negative},y&&{color:F.custom.palette.text.secondary}),variant:"button",children:i})}):e(x,{monospaced:!0,sx:d({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},h&&{color:F.custom.palette.text.negative},y&&{color:F.custom.palette.text.secondary}),variant:"button",children:i})]}),t(j,{iconHeight:L,sx:{minWidth:L},children:[z?.length&&z.length>0&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(p,{name:"chevron-right",size:L})})}),B&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(p,{name:"check",size:L})})})]})]})}):null};export{y as default};
1	+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as o,Button as i,Box as r,Stack as n,useTheme as a,Grow as s,buttonBaseClasses as l,typographyClasses as c}from"@mui/material";import{mergeSx as d}from"merge-sx";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import"react";import{omitProps as h}from"../../../utils/shouldForwardProp.js";import{buttonInteraction as u}from"../ButtonBase/Button.variant-helpers.js";import"../ButtonBase/ButtonBase.js";import g from"../Label/Label.js";import{Text as x}from"../Text/Text.js";import f from"../Tooltip/Tooltip.js";const w=o(i,{shouldForwardProp:h("active","iconHeight")})(({active:e,iconHeight:t=24,theme:o})=>({borderRadius:o.spacing(o.custom.radius.sm),maxWidth:"100%",padding:o.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...u(o,e),backgroundColor:e?o.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:o.custom.palette.text.disabled}}})),b=o(r)(({theme:e})=>({padding:e.spacing(.5,1)})),v=o(r)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),j=o(n,{shouldForwardProp:h("iconHeight")})(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"})),y=({baseState:o,label:i,active:n,danger:h,divider:u,heading:y,selected:B,disabled:C,closeOnClick:k,hidden:I,onClick:H,startIcon:S,slotProps:T,tooltip:P,showItemNumber:W=!1,itemNumber:O,children:z})=>{const F=a(),L=3*m;return I?null:u?e(r,{sx:{height:32,display:"flex",alignItems:"center"},children:e(r,{sx:{borderBottom:`1px solid ${F.custom.palette.stroke.default}`,width:"100%"}})}):i?y?e(b,{children:e(x,{variant:"button",secondary:!0,children:i})}):e(w,{active:n,disabled:C,onClick:e=>{H&&H(e),k&&o?.close()},iconHeight:L,sx:{[`&.${l.root} .${c.root}`]:{minHeight:"initial"}},children:t(v,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[t(v,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[W&&!!O&&e(g,{body:O,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),void 0!==S&&e(p,{name:S,...T?.startIcon}),P?e(f,{message:i,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e(x,{monospaced:!0,sx:d({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},h&&{color:F.custom.palette.text.negative},y&&{color:F.custom.palette.text.secondary}),variant:"button",children:i})}):e(x,{monospaced:!0,sx:d({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},h&&{color:F.custom.palette.text.negative},y&&{color:F.custom.palette.text.secondary}),variant:"button",children:i})]}),t(j,{iconHeight:L,sx:{minWidth:L},children:[z?.length&&z.length>0&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(p,{name:"chevron-right",size:L})})}),B&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(p,{name:"check",size:L})})})]})]})}):null};export{y as default};

package/dist/esm/systems/WebCore/NumberField/InternalInputComponent.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as o,jsxs as r}from"react/jsx-runtime";import{NumberField as t}from"@base-ui-components/react";import{useTheme as n,inputAdornmentClasses as e,buttonGroupClasses as i,iconButtonClasses as m}from"@mui/material";import{mergeSx as s}from"merge-sx";import{forwardRef as a}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import c from"../../BrandCore/Icon/Icon.js";import p from"../IconButton/IconButton.js";import d from"../IconButtonGroup/IconButtonGroup.js";import u from"../TextField/TextField.js";const g=({hideActionButtons:e})=>{const s=n();return!e&&r(d,{orientation:"vertical",sizing:"xs",sx:{borderRadius:"6px",[`&.${i.root} > .${m.root}`]:{width:s.spacing(s.custom.margin.lg-s.custom.margin.xs),height:15,p:0}},children:[o(t.Increment,{render:o(p,{icon:o(c,{name:"chevron-up"})})}),o(t.Decrement,{render:o(p,{icon:o(c,{name:"chevron-down"})})})]})},B=a(({onChange:r,value:t,startAdornment:i,endAdornment:m,hideActionButtons:a,sx:c,...p},d)=>{const B=n();return o(u,{inputRef:d,value:t,onChange:r,startAdornment:i,endAdornment:m\|\|o(g,{hideActionButtons:a}),sx:s(c,{[`& .${e.root}`]:{pr:m?B.spacing(B.custom.margin.sm):B.spacing(B.custom.margin.xs)}}),...p})});export{B as default};
1	+ import{jsx as r,jsxs as o}from"react/jsx-runtime";import{NumberField as t}from"@base-ui-components/react";import{useTheme as n,inputAdornmentClasses as e,buttonGroupClasses as i,iconButtonClasses as m}from"@mui/material";import{mergeSx as s}from"merge-sx";import{forwardRef as a}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import c from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import p from"../IconButton/IconButton.js";import d from"../IconButtonGroup/IconButtonGroup.js";import u from"../TextField/TextField.js";const g=({hideActionButtons:e})=>{const s=n();return!e&&o(d,{orientation:"vertical",sizing:"xs",sx:{borderRadius:"6px",[`&.${i.root} > .${m.root}`]:{width:s.spacing(s.custom.margin.lg-s.custom.margin.xs),height:15,p:0}},children:[r(t.Increment,{render:r(p,{icon:r(c,{name:"chevron-up"})})}),r(t.Decrement,{render:r(p,{icon:r(c,{name:"chevron-down"})})})]})},B=a(({onChange:o,value:t,startAdornment:i,endAdornment:m,hideActionButtons:a,sx:c,...p},d)=>{const B=n();return r(u,{inputRef:d,value:t,onChange:o,startAdornment:i,endAdornment:m\|\|r(g,{hideActionButtons:a}),sx:s(c,{[`& .${e.root}`]:{pr:m?B.spacing(B.custom.margin.sm):B.spacing(B.custom.margin.xs)}}),...p})});export{B as default};

package/dist/esm/systems/WebCore/Pill/Pill.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as s}from"@mui/material";import{mergeSx as i}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import t from"../../BrandCore/Icon/Icon.js";import a from"../IconButton/IconButton.js";import n from"../Progress/Progress.js";import{Text as l}from"../Text/Text.js";import d from"../Tooltip/Tooltip.js";import m from"./StyledPill.js";import{pillVariationIconColor as p}from"./pill.helpers.js";import c from"./useTextTruncation.js";const x=x=>{const u=s(),{label:f,secondaryLabel:g,iconLeft:b,iconRight:j,onDelete:h,active:y,slots:B,loading:C,sizing:T,disabled:v,variation:z,sx:I,slotProps:P}=x,{textRef:R,isTruncated:k}=c([f]),L=!v&&z?p(u,z):void 0,{sx:M~~,...W~~}=P?.root??{}~~,$=~~o(m,{className:"loops-pill",tabIndex:0,...x,...W,sx:i(I,M),children:[C&&r(n,{sizing:T\|\|"xl",sx:{color:u.custom.palette.icon.disabled}}),!C&&o(e,{children:[b&&r(t,{disabled:v,size:16,name:b,sx:L?{color:L}:void 0}),f&&"string"==typeof f?r(l,{size:"sm",noWrap:!0,ref:R,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:f}):f,"string"==typeof g?r(l,{secondary:!0,size:"sm",monospaced:!0,noWrap:!0,ref:R,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:g}):g,j&&r(t,{disabled:v,size:16,name:j,sx:L?{color:L}:void 0}),h&&r(a,{sizing:"xs",onClick:h,shape:"round",disabled:v,variation:"default",sx:{"&.MuiIconButton-root.Mui-disabled":{"&:before":{backgroundColor:"transparent"}}},icon:r(t,{name:"cancel",sx:{color:y?u.custom.palette.blue[1e3]:u.custom.palette.icon.secondary}})})]})]});return k?r(d,{message:f,...B?.tooltip,children:$}):$};export{x as default};
1	+ import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as s}from"@mui/material";import{mergeSx as i}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import t from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import a from"../IconButton/IconButton.js";import n from"../Progress/Progress.js";import{Text as d}from"../Text/Text.js";import l from"../Tooltip/Tooltip.js";import m from"./StyledPill.js";import{pillVariationIconColor as p}from"./pill.helpers.js";import c from"./useTextTruncation.js";const x=x=>{const u=s(),{label:f,secondaryLabel:g,iconLeft:b,iconRight:j,onDelete:B,active:C,slots:h,loading:y,sizing:T,disabled:v,variation:z,sx:I,slotProps:k}=x,{textRef:P,isTruncated:R}=c([f]),S=!v&&z?p(u,z):void 0,{sx:L,...M}=k?.root??{},W=o(m,{className:"loops-pill",tabIndex:0,...x,...M,sx:i(I,L),children:[y&&r(n,{sizing:T\|\|"xl",sx:{color:u.custom.palette.icon.disabled}}),!y&&o(e,{children:[b&&r(t,{disabled:v,size:16,name:b,sx:S?{color:S}:void 0}),f&&"string"==typeof f?r(d,{size:"sm",noWrap:!0,ref:P,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:f}):f,"string"==typeof g?r(d,{secondary:!0,size:"sm",monospaced:!0,noWrap:!0,ref:P,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:g}):g,j&&r(t,{disabled:v,size:16,name:j,sx:S?{color:S}:void 0}),B&&r(a,{sizing:"xs",onClick:B,shape:"round",disabled:v,variation:"default",sx:{"&.MuiIconButton-root.Mui-disabled":{"&:before":{backgroundColor:"transparent"}}},icon:r(t,{name:"cancel",sx:{color:C?u.custom.palette.blue[1e3]:u.custom.palette.icon.secondary}})})]})]});return R?r(l,{message:f,...h?.tooltip,children:W}):W};export{x as default};

package/dist/esm/systems/WebCore/TrialCard/TrialPill.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{styled as o,chipClasses as t}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as r}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import{fonts as e}from"../../BrandCore/typography.js";import"react/jsx-runtime";import"../../BrandCore/Icon/Icon.js";import a from"../Label/Label.js";const i=o(a)(({theme:o})=>({backgroundColor:o.custom.palette.yellow[400],borderRadius:o.spacing(o.custom.radius.round),padding:`${o.spacing(o.custom.padding.xs)} ${o.spacing(o.custom.padding.md)}`,height:"unset",[`& .${t.label}`]:{textTransform:"none",fontFamily:e.FontStack.Serif,fontSize:o.custom.typography.headline.md,color:o.custom.palette.text.primary,padding:`0 ${o.spacing(o.custom.padding.md)}`},[`& .${t.icon}`]:{height:4r,width:4r,backgroundColor:o.custom.palette.yellow[400],color:o.custom.palette.text.primary,[o.breakpoints.down("lg")]:{height:3r,width:3r}}}));export{i as TrialPill};
1	+ import{styled as o,chipClasses as r}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as t}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import{fonts as e}from"../../BrandCore/typography.js";import"react/jsx-runtime";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import i from"../Label/Label.js";const a=o(i)(({theme:o})=>({backgroundColor:o.custom.palette.yellow[400],borderRadius:o.spacing(o.custom.radius.round),padding:`${o.spacing(o.custom.padding.xs)} ${o.spacing(o.custom.padding.md)}`,height:"unset",[`& .${r.label}`]:{textTransform:"none",fontFamily:e.FontStack.Serif,fontSize:o.custom.typography.headline.md,color:o.custom.palette.text.primary,padding:`0 ${o.spacing(o.custom.padding.md)}`},[`& .${r.icon}`]:{height:4t,width:4t,backgroundColor:o.custom.palette.yellow[400],color:o.custom.palette.text.primary,[o.breakpoints.down("lg")]:{height:3t,width:3t}}}));export{a as TrialPill};

package/dist/esm/systems/WebCore/VideoModal/VideoModal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as o,jsxs as e}from"react/jsx-runtime";import{styled as i,Box as t,Container as r,Modal as n,Fade as a,Backdrop as s}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import d from"../../BrandCore/Icon/Icon.js";import l from"../IconButton/IconButton.js";const c=({modalVisible:i=!1,showModal:t,video:c})=>o(n,{closeAfterTransition:!0,onClose:()=>t(!1),open:i,hideBackdrop:!0,children:o(a,{in:i,children:e(m,{children:[o(s,{open:i,onClick:()=>t(!1)}),o(h,{children:o(u,{children:o(f,{autoPlay:!0,controls:!0,controlsList:"nodownload noremoteplayback noplaybackrate",disablePictureInPicture:!0,muted:!0,preload:"auto",src:c,tabIndex:-1})})}),o(p,{children:o(r,{children:o(l,{icon:o(d,{name:"close",size:24}),variation:"outlined",shape:"round",onClick:()=>t(!1)})})})]})})}),p=i(t)(({theme:o})=>({paddingTop:o.spacing(2),position:"fixed",right:0,top:80})),m=i(t)({alignItems:"center",display:"flex",height:"100%",justifyContent:"center",left:0,position:"fixed",top:0,width:"100%"}),h=i(r)({alignItems:"center",display:"flex",justifyContent:"center",position:"relative",zIndex:999}),u=i(t)({aspectRatio:"16/9",maxHeight:"70vh"}),f=i("video")({height:"100%",width:"100%"});export{c as default};
1	+ import{jsx as o,jsxs as e}from"react/jsx-runtime";import{styled as i,Box as t,Container as r,Modal as n,Fade as a,Backdrop as s}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import d from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import l from"../IconButton/IconButton.js";const c=({modalVisible:i=!1,showModal:t,video:c})=>o(n,{closeAfterTransition:!0,onClose:()=>t(!1),open:i,hideBackdrop:!0,children:o(a,{in:i,children:e(m,{children:[o(s,{open:i,onClick:()=>t(!1)}),o(h,{children:o(u,{children:o(f,{autoPlay:!0,controls:!0,controlsList:"nodownload noremoteplayback noplaybackrate",disablePictureInPicture:!0,muted:!0,preload:"auto",src:c,tabIndex:-1})})}),o(p,{children:o(r,{children:o(l,{icon:o(d,{name:"close",size:24}),variation:"outlined",shape:"round",onClick:()=>t(!1)})})})]})})}),p=i(t)(({theme:o})=>({paddingTop:o.spacing(2),position:"fixed",right:0,top:80})),m=i(t)({alignItems:"center",display:"flex",height:"100%",justifyContent:"center",left:0,position:"fixed",top:0,width:"100%"}),h=i(r)({alignItems:"center",display:"flex",justifyContent:"center",position:"relative",zIndex:999}),u=i(t)({aspectRatio:"16/9",maxHeight:"70vh"}),f=i("video")({height:"100%",width:"100%"});export{c as default};

package/dist/index.d.ts CHANGED Viewed

@@ -9,6 +9,7 @@ export { semantic } from './systems/BrandCore/semanticColor.js';
 export { ColorRange, ColorRangeAlpha, FontWeight, SemanticColor } from './systems/BrandCore/types.js';
 export { fonts } from './systems/BrandCore/typography.js';
 export { IconName } from './BrandCore/Icon.js';
+export { default as Sticker, StickerName, StickerProps, stickerAnimationSrc, stickerNames, stickerSizeMap } from './systems/BrandCore/Sticker/Sticker.js';
 export { default as PlanFeatureTable, PlanFeatureTableProps } from './systems/Marketing/PlanFeatureTable/PlanFeatureTable.js';
 export { PlanFeatureTableData } from './systems/Marketing/PlanFeatureTable/PlanFeatureTableData.js';
 export { default as PlanTierCard, PlanTierCardProps, Section } from './systems/Marketing/PlanTierCard/PlanTierCard.js';