@elementor/editor-controls 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/index.d.mts +35 -18
  3. package/dist/index.d.ts +35 -18
  4. package/dist/index.js +363 -575
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +347 -565
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +3 -2
  9. package/src/bound-prop-context/errors.ts +16 -0
  10. package/src/bound-prop-context/index.ts +3 -0
  11. package/src/bound-prop-context/prop-context.tsx +48 -0
  12. package/src/bound-prop-context/prop-key-context.tsx +103 -0
  13. package/src/bound-prop-context/use-bound-prop.ts +69 -0
  14. package/src/components/repeater.tsx +3 -13
  15. package/src/controls/background-control/background-control.tsx +19 -42
  16. package/src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx +32 -48
  17. package/src/controls/box-shadow-repeater-control.tsx +75 -139
  18. package/src/controls/color-control.tsx +16 -20
  19. package/src/controls/equal-unequal-sizes-control.tsx +65 -139
  20. package/src/controls/gap-control.tsx +20 -25
  21. package/src/controls/image-control.tsx +19 -34
  22. package/src/controls/image-media-control.tsx +1 -1
  23. package/src/controls/link-control.tsx +57 -58
  24. package/src/controls/linked-dimensions-control.tsx +25 -54
  25. package/src/controls/number-control.tsx +1 -1
  26. package/src/controls/stroke-control.tsx +18 -48
  27. package/src/controls/url-control.tsx +4 -14
  28. package/src/index.ts +3 -2
  29. package/src/bound-prop-context.tsx +0 -67
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/controls/image-control.tsx","../src/bound-prop-context.tsx","../src/components/control-label.tsx","../src/create-control.tsx","../src/create-control-replacement.tsx","../src/controls/image-media-control.tsx","../src/control-actions/control-actions.tsx","../src/control-actions/control-actions-context.tsx","../src/controls/select-control.tsx","../src/controls/text-control.tsx","../src/controls/text-area-control.tsx","../src/controls/size-control.tsx","../src/components/text-field-inner-selection.tsx","../src/hooks/use-sync-external-state.tsx","../src/controls/stroke-control.tsx","../src/controls/color-control.tsx","../src/controls/box-shadow-repeater-control.tsx","../src/components/repeater.tsx","../src/controls/toggle-control.tsx","../src/components/control-toggle-button-group.tsx","../src/controls/number-control.tsx","../src/controls/equal-unequal-sizes-control.tsx","../src/controls/linked-dimensions-control.tsx","../src/controls/font-family-control.tsx","../src/hooks/use-filtered-font-families.ts","../src/controls/url-control.tsx","../src/controls/link-control.tsx","../src/controls/gap-control.tsx","../src/controls/background-control/background-control.tsx","../src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx"],"sourcesContent":["// control types\nexport { ImageControl } from './controls/image-control';\nexport { TextControl } from './controls/text-control';\nexport { TextAreaControl } from './controls/text-area-control';\nexport { SizeControl } from './controls/size-control';\nexport { StrokeControl } from './controls/stroke-control';\nexport { BoxShadowRepeaterControl } from './controls/box-shadow-repeater-control';\nexport { SelectControl } from './controls/select-control';\nexport { ColorControl } from './controls/color-control';\nexport { ToggleControl } from './controls/toggle-control';\nexport { NumberControl } from './controls/number-control';\nexport { EqualUnequalSizesControl } from './controls/equal-unequal-sizes-control';\nexport { LinkedDimensionsControl } from './controls/linked-dimensions-control';\nexport { FontFamilyControl } from './controls/font-family-control';\nexport { UrlControl } from './controls/url-control';\nexport { LinkControl } from './controls/link-control';\nexport { GapControl } from './controls/gap-control';\nexport { BackgroundControl } from './controls/background-control/background-control';\n\n// components\nexport { ControlLabel } from './components/control-label';\nexport { ControlToggleButtonGroup } from './components/control-toggle-button-group';\n\n// types\nexport type { ControlComponent } from './create-control';\nexport type { ToggleButtonGroupItem } from './components/control-toggle-button-group';\nexport type { EqualUnequalItems } from './controls/equal-unequal-sizes-control';\nexport type { ControlActionsItems } from './control-actions/control-actions-context';\nexport type { BoundPropProviderProps } from './bound-prop-context';\n\n// providers\nexport { createControlReplacement, ControlReplacementProvider } from './create-control-replacement';\nexport { useBoundProp, BoundPropProvider } from './bound-prop-context';\nexport { ControlActionsProvider, useControlActions } from './control-actions/control-actions-context';\n\n// hooks\nexport { useSyncExternalState } from './hooks/use-sync-external-state';\n","import * as React from 'react';\nimport { imagePropTypeUtil, type ImageSrcPropValue, type PropValue, type SizePropValue } from '@elementor/editor-props';\nimport { Grid, Stack } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { BoundPropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { ImageMediaControl } from './image-media-control';\nimport { SelectControl } from './select-control';\n\ntype SetContextValue = ( v: PropValue ) => void;\n\nexport type ImageControlProps = {\n\tsizes: { label: string; value: string }[];\n};\n\nexport const ImageControl = createControl( ( props: ImageControlProps ) => {\n\tconst { value, setValue } = useBoundProp( imagePropTypeUtil );\n\tconst { src, size } = value || {};\n\n\tconst setImageSrc = ( newValue: ImageSrcPropValue ) => {\n\t\tsetValue( {\n\t\t\tsrc: newValue,\n\t\t\tsize: size as SizePropValue,\n\t\t} );\n\t};\n\n\tconst setImageSize = ( newValue: SizePropValue ) => {\n\t\tsetValue( {\n\t\t\tsrc: src as ImageSrcPropValue,\n\t\t\tsize: newValue,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<Stack gap={ 1.5 }>\n\t\t\t<BoundPropProvider value={ src } setValue={ setImageSrc as SetContextValue } bind={ 'src' }>\n\t\t\t\t<ImageMediaControl />\n\t\t\t</BoundPropProvider>\n\t\t\t<BoundPropProvider value={ size } setValue={ setImageSize as SetContextValue } bind={ 'size' }>\n\t\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t\t<ControlLabel> { __( 'Image Resolution', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t\t<SelectControl options={ props.sizes } />\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</BoundPropProvider>\n\t\t</Stack>\n\t);\n} );\n","import * as React from 'react';\nimport { createContext, useContext } from 'react';\nimport { type CreateOptions, type PropKey, type PropTypeUtil, type PropValue } from '@elementor/editor-props';\n\n// Context\nexport type BoundPropContext< T extends PropValue > = {\n\tbind: PropKey;\n\tsetValue: ( value: T | null ) => void;\n\tvalue: T;\n};\n\nconst BoundPropContext = createContext< BoundPropContext< PropValue > | null >( null );\n\n// Provider\nexport type BoundPropProviderProps< T extends PropValue > = BoundPropContext< T > & {\n\tchildren: React.ReactNode;\n\tsetValue: ( value: T | null ) => void;\n};\n\nexport const BoundPropProvider = ( { children, value, setValue, bind }: BoundPropProviderProps< PropValue > ) => {\n\treturn <BoundPropContext.Provider value={ { value, setValue, bind } }>{ children }</BoundPropContext.Provider>;\n};\n\n// Hook\ntype SetValue< T > = ( value: T | null, options?: CreateOptions ) => void;\n\ntype UseBoundProp< TValue > = {\n\tbind: PropKey;\n\tsetValue: SetValue< TValue >;\n\tvalue: TValue;\n};\n\nexport function useBoundProp< TValue extends PropValue >(): BoundPropContext< TValue >;\n\nexport function useBoundProp< TKey extends string, TValue extends PropValue >(\n\tpropTypeUtil: PropTypeUtil< TKey, TValue >\n): UseBoundProp< TValue >;\n\nexport function useBoundProp< TKey extends string, TValue extends PropValue >(\n\tpropTypeUtil?: PropTypeUtil< TKey, TValue >\n) {\n\tconst boundPropContext = useContext< BoundPropContext< TValue > >( BoundPropContext as never );\n\n\tif ( ! boundPropContext ) {\n\t\tthrow new Error( 'useBoundProp must be used within a BoundPropProvider' );\n\t}\n\n\tif ( ! propTypeUtil ) {\n\t\treturn boundPropContext;\n\t}\n\n\tfunction setValue( value: TValue | null, options?: CreateOptions ) {\n\t\tif ( value === null ) {\n\t\t\treturn boundPropContext.setValue( null );\n\t\t}\n\n\t\treturn boundPropContext.setValue( propTypeUtil?.create( value, options ) as TValue );\n\t}\n\n\tconst value = propTypeUtil.extract( boundPropContext.value );\n\n\treturn {\n\t\t...boundPropContext,\n\t\tsetValue,\n\t\tvalue,\n\t};\n}\n","import * as React from 'react';\nimport { Typography } from '@elementor/ui';\n\nexport const ControlLabel = ( { children }: { children: React.ReactNode } ) => {\n\treturn (\n\t\t<Typography component=\"label\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t{ children }\n\t\t</Typography>\n\t);\n};\n","import * as React from 'react';\nimport { type ComponentProps, type ComponentType } from 'react';\nimport { ErrorBoundary } from '@elementor/ui';\n\nimport { useControlReplacement } from './create-control-replacement';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyComponentType = ComponentType< any >;\n\ntype Options = {\n\tsupportsReplacements?: boolean;\n};\n\nconst brandSymbol = Symbol( 'control' );\n\nexport type ControlComponent< TComponent extends AnyComponentType = AnyComponentType > = TComponent & {\n\t[ brandSymbol ]: true;\n};\n\nexport function createControl< T extends AnyComponentType >(\n\tComponent: T,\n\t{ supportsReplacements = true }: Options = {}\n) {\n\treturn ( ( props: ComponentProps< T > ) => {\n\t\tconst ControlReplacement = useControlReplacement();\n\n\t\tif ( ControlReplacement && supportsReplacements ) {\n\t\t\treturn (\n\t\t\t\t<ErrorBoundary fallback={ null }>\n\t\t\t\t\t<ControlReplacement { ...props } />\n\t\t\t\t</ErrorBoundary>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundary fallback={ null }>\n\t\t\t\t<Component { ...props } />\n\t\t\t</ErrorBoundary>\n\t\t);\n\t} ) as ControlComponent< T >;\n}\n","import * as React from 'react';\nimport { type ComponentType, createContext, useContext } from 'react';\nimport { type PropValue } from '@elementor/editor-props';\n\nimport { useBoundProp } from './bound-prop-context';\n\nexport type ReplaceWhenParams = {\n\tvalue: PropValue;\n};\n\nexport type CreateControlReplacement = {\n\tcomponent: ComponentType;\n\tcondition: ( { value }: ReplaceWhenParams ) => boolean;\n};\n\nconst ControlReplacementContext = createContext< CreateControlReplacement | undefined >( undefined );\n\nexport const ControlReplacementProvider = ( {\n\tcomponent,\n\tcondition,\n\tchildren,\n}: React.PropsWithChildren< CreateControlReplacement > ) => {\n\treturn (\n\t\t<ControlReplacementContext.Provider value={ { component, condition } }>\n\t\t\t{ children }\n\t\t</ControlReplacementContext.Provider>\n\t);\n};\nexport const useControlReplacement = () => {\n\tconst { value } = useBoundProp();\n\tconst controlReplacement = useContext( ControlReplacementContext );\n\n\tlet shouldReplace = false;\n\n\ttry {\n\t\tshouldReplace = !! controlReplacement?.condition( { value } ) && !! controlReplacement.component;\n\t} catch {}\n\n\treturn shouldReplace ? controlReplacement?.component : undefined;\n};\n\nexport const createControlReplacement = () => {\n\tlet controlReplacement: CreateControlReplacement;\n\n\tfunction replaceControl( { component, condition }: CreateControlReplacement ) {\n\t\tcontrolReplacement = { component, condition };\n\t}\n\n\tfunction getControlReplacement() {\n\t\treturn controlReplacement;\n\t}\n\n\treturn { replaceControl, getControlReplacement };\n};\n","import * as React from 'react';\nimport { imageSrcPropTypeUtil } from '@elementor/editor-props';\nimport { UploadIcon } from '@elementor/icons';\nimport { Button, Card, CardMedia, CardOverlay, CircularProgress, Stack } from '@elementor/ui';\nimport { useWpMediaAttachment, useWpMediaFrame } from '@elementor/wp-media';\nimport { __ } from '@wordpress/i18n';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\nexport const ImageMediaControl = createControl( () => {\n\tconst { value, setValue } = useBoundProp( imageSrcPropTypeUtil );\n\tconst { id, url } = value ?? {};\n\n\tconst { data: attachment, isFetching } = useWpMediaAttachment( id?.value || null );\n\tconst src = attachment?.url ?? url;\n\n\tconst { open } = useWpMediaFrame( {\n\t\ttypes: [ 'image' ],\n\t\tmultiple: false,\n\t\tselected: id?.value || null,\n\t\tonSelect: ( selectedAttachment ) => {\n\t\t\tsetValue( {\n\t\t\t\tid: {\n\t\t\t\t\t$$type: 'image-attachment-id',\n\t\t\t\t\tvalue: selectedAttachment.id,\n\t\t\t\t},\n\t\t\t\turl: null,\n\t\t\t} );\n\t\t},\n\t} );\n\n\treturn (\n\t\t<Card variant=\"outlined\">\n\t\t\t<CardMedia image={ src } sx={ { height: 150 } }>\n\t\t\t\t{ isFetching ? (\n\t\t\t\t\t<Stack justifyContent=\"center\" alignItems=\"center\" width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t<CircularProgress />\n\t\t\t\t\t</Stack>\n\t\t\t\t) : null }\n\t\t\t</CardMedia>\n\t\t\t<CardOverlay>\n\t\t\t\t<ControlActions>\n\t\t\t\t\t<Stack gap={ 1 }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tcolor=\"inherit\"\n\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\tonClick={ () => open( { mode: 'browse' } ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Select Image', 'elementor' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tvariant=\"text\"\n\t\t\t\t\t\t\tcolor=\"inherit\"\n\t\t\t\t\t\t\tstartIcon={ <UploadIcon /> }\n\t\t\t\t\t\t\tonClick={ () => open( { mode: 'upload' } ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Upload Image', 'elementor' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</ControlActions>\n\t\t\t</CardOverlay>\n\t\t</Card>\n\t);\n} );\n","import * as React from 'react';\nimport { type PropsWithChildren, type ReactElement } from 'react';\nimport { styled, UnstableFloatingActionBar } from '@elementor/ui';\n\nimport { useControlActions } from './control-actions-context';\n\n// CSS hack to hide empty floating bars.\nconst FloatingBarContainer = styled( 'span' )`\n\tdisplay: contents;\n\n\t.MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) {\n\t\tdisplay: none;\n\t}\n`;\n\nexport type ControlActionsProps = PropsWithChildren< object >;\n\nexport default function ControlActions( { children }: ControlActionsProps ) {\n\tconst { items } = useControlActions();\n\n\tif ( items.length === 0 ) {\n\t\treturn children;\n\t}\n\n\tconst menuItems = items.map( ( { MenuItem, id } ) => <MenuItem key={ id } /> );\n\n\treturn (\n\t\t<FloatingBarContainer>\n\t\t\t<UnstableFloatingActionBar actions={ menuItems }>{ children as ReactElement }</UnstableFloatingActionBar>\n\t\t</FloatingBarContainer>\n\t);\n}\n","import * as React from 'react';\nimport { createContext, type PropsWithChildren, useContext } from 'react';\n\nexport type ControlActionsItems = Array< {\n\tid: string;\n\tMenuItem: React.ComponentType;\n} >;\n\ntype ControlActionsContext = {\n\titems: ControlActionsItems;\n};\n\nconst Context = createContext< ControlActionsContext | null >( null );\n\nexport type ControlActionsProviderProps = PropsWithChildren< ControlActionsContext >;\n\nexport const ControlActionsProvider = ( { children, items }: ControlActionsProviderProps ) => (\n\t<Context.Provider value={ { items } }>{ children }</Context.Provider>\n);\n\nexport const useControlActions = () => {\n\tconst context = useContext( Context );\n\n\tif ( ! context ) {\n\t\tthrow new Error( 'useControlActions must be used within a ControlActionsProvider' );\n\t}\n\n\treturn context;\n};\n","import * as React from 'react';\nimport { stringPropTypeUtil, type StringPropValue } from '@elementor/editor-props';\nimport { MenuItem, Select, type SelectChangeEvent } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\ntype Props = {\n\toptions: Array< { label: string; value: StringPropValue[ 'value' ]; disabled?: boolean } >;\n\tonChange?: ( newValue: string | null, previousValue: string | null | undefined ) => void;\n};\n\nexport const SelectControl = createControl( ( { options, onChange }: Props ) => {\n\tconst { value, setValue } = useBoundProp( stringPropTypeUtil );\n\n\tconst handleChange = ( event: SelectChangeEvent< StringPropValue[ 'value' ] > ) => {\n\t\tonChange?.( event.target.value, value );\n\t\tsetValue( event.target.value );\n\t};\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<Select displayEmpty size=\"tiny\" value={ value ?? '' } onChange={ handleChange } fullWidth>\n\t\t\t\t{ options.map( ( { label, ...props } ) => (\n\t\t\t\t\t<MenuItem key={ props.value } { ...props }>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t) ) }\n\t\t\t</Select>\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { stringPropTypeUtil } from '@elementor/editor-props';\nimport { TextField } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\nexport const TextControl = createControl( ( { placeholder }: { placeholder?: string } ) => {\n\tconst { value, setValue } = useBoundProp( stringPropTypeUtil );\n\n\tconst handleChange = ( event: React.ChangeEvent< HTMLInputElement > ) => setValue( event.target.value );\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<TextField\n\t\t\t\tsize=\"tiny\"\n\t\t\t\tfullWidth\n\t\t\t\tvalue={ value ?? '' }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t/>\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { stringPropTypeUtil } from '@elementor/editor-props';\nimport { TextField } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\ntype Props = {\n\tplaceholder?: string;\n};\n\nexport const TextAreaControl = createControl( ( { placeholder }: Props ) => {\n\tconst { value, setValue } = useBoundProp( stringPropTypeUtil );\n\n\tconst handleChange = ( event: React.ChangeEvent< HTMLInputElement > ) => {\n\t\tsetValue( event.target.value );\n\t};\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<TextField\n\t\t\t\tsize=\"tiny\"\n\t\t\t\tmultiline\n\t\t\t\tfullWidth\n\t\t\t\trows={ 5 }\n\t\t\t\tvalue={ value ?? '' }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t/>\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { sizePropTypeUtil } from '@elementor/editor-props';\nimport { InputAdornment } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport { SelectionEndAdornment, TextFieldInnerSelection } from '../components/text-field-inner-selection';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\nimport { useSyncExternalState } from '../hooks/use-sync-external-state';\n\nexport type Unit = 'px' | '%' | 'em' | 'rem' | 'vw' | 'vh';\n\nconst defaultUnits: Unit[] = [ 'px', '%', 'em', 'rem', 'vw', 'vh' ];\n\nconst defaultUnit = 'px';\nconst defaultSize = NaN;\n\nexport type SizeControlProps = {\n\tplaceholder?: string;\n\tstartIcon?: React.ReactNode;\n\tunits?: Unit[];\n};\n\nexport const SizeControl = createControl( ( { units = defaultUnits, placeholder, startIcon }: SizeControlProps ) => {\n\tconst { value, setValue } = useBoundProp( sizePropTypeUtil );\n\n\tconst [ state, setState ] = useSyncExternalState( {\n\t\texternal: value,\n\t\tsetExternal: setValue,\n\t\tpersistWhen: ( controlValue ) => !! controlValue?.size || controlValue?.size === 0,\n\t\tfallback: ( controlValue ) => ( { unit: controlValue?.unit || defaultUnit, size: defaultSize } ),\n\t} );\n\n\tconst handleUnitChange = ( unit: Unit ) => {\n\t\tsetState( ( prev ) => ( {\n\t\t\tsize: prev?.size ?? defaultSize,\n\t\t\tunit,\n\t\t} ) );\n\t};\n\n\tconst handleSizeChange = ( event: React.ChangeEvent< HTMLInputElement > ) => {\n\t\tconst { value: size } = event.target;\n\n\t\tsetState( ( prev ) => ( {\n\t\t\t...prev,\n\t\t\tsize: size || size === '0' ? parseFloat( size ) : defaultSize,\n\t\t} ) );\n\t};\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<TextFieldInnerSelection\n\t\t\t\tendAdornment={\n\t\t\t\t\t<SelectionEndAdornment\n\t\t\t\t\t\toptions={ units }\n\t\t\t\t\t\tonClick={ handleUnitChange }\n\t\t\t\t\t\tvalue={ state?.unit ?? defaultUnit }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tstartAdornment={ startIcon ?? <InputAdornment position=\"start\">{ startIcon }</InputAdornment> }\n\t\t\t\ttype=\"number\"\n\t\t\t\tvalue={ Number.isNaN( state?.size ) ? '' : state?.size }\n\t\t\t\tonChange={ handleSizeChange }\n\t\t\t/>\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { forwardRef, useId } from 'react';\nimport { type PropValue } from '@elementor/editor-props';\nimport { bindMenu, bindTrigger, Button, InputAdornment, Menu, MenuItem, TextField, usePopupState } from '@elementor/ui';\n\nexport type TextFieldInnerSelectionProps = {\n\tplaceholder?: string;\n\ttype: string;\n\tvalue: PropValue;\n\tonChange: ( event: React.ChangeEvent< HTMLInputElement > ) => void;\n\tendAdornment: React.ReactNode;\n\tstartAdornment?: React.ReactNode;\n};\n\nexport const TextFieldInnerSelection = forwardRef(\n\t( { placeholder, type, value, onChange, endAdornment, startAdornment }: TextFieldInnerSelectionProps, ref ) => {\n\t\treturn (\n\t\t\t<TextField\n\t\t\t\tsize=\"tiny\"\n\t\t\t\tfullWidth\n\t\t\t\ttype={ type }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tInputProps={ {\n\t\t\t\t\tendAdornment,\n\t\t\t\t\tstartAdornment,\n\t\t\t\t} }\n\t\t\t\tref={ ref }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport type SelectionEndAdornmentProps< T extends string > = {\n\toptions: T[];\n\tonClick: ( value: T ) => void;\n\tvalue: T;\n};\n\nexport const SelectionEndAdornment = < T extends string >( {\n\toptions,\n\tonClick,\n\tvalue,\n}: SelectionEndAdornmentProps< T > ) => {\n\tconst popupState = usePopupState( {\n\t\tvariant: 'popover',\n\t\tpopupId: useId(),\n\t} );\n\n\tconst handleMenuItemClick = ( index: number ) => {\n\t\tonClick( options[ index ] );\n\t\tpopupState.close();\n\t};\n\n\treturn (\n\t\t<InputAdornment position=\"end\">\n\t\t\t<Button\n\t\t\t\tsize=\"small\"\n\t\t\t\tcolor=\"inherit\"\n\t\t\t\tsx={ { font: 'inherit', minWidth: 'initial' } }\n\t\t\t\t{ ...bindTrigger( popupState ) }\n\t\t\t>\n\t\t\t\t{ value.toUpperCase() }\n\t\t\t</Button>\n\n\t\t\t<Menu MenuListProps={ { dense: true } } { ...bindMenu( popupState ) }>\n\t\t\t\t{ options.map( ( option, index ) => (\n\t\t\t\t\t<MenuItem key={ option } onClick={ () => handleMenuItemClick( index ) }>\n\t\t\t\t\t\t{ option.toUpperCase() }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t) ) }\n\t\t\t</Menu>\n\t\t</InputAdornment>\n\t);\n};\n","import { useEffect, useState } from 'react';\n\ntype UseInternalStateOptions< TValue > = {\n\texternal: TValue | null;\n\tsetExternal: ( value: TValue | null ) => void;\n\tpersistWhen: ( value: TValue | null ) => boolean;\n\tfallback: ( value: TValue | null ) => TValue;\n};\n\nexport const useSyncExternalState = < TValue, >( {\n\texternal,\n\tsetExternal,\n\tpersistWhen,\n\tfallback,\n}: UseInternalStateOptions< TValue > ) => {\n\tfunction toExternal( internalValue: TValue | null ) {\n\t\tif ( persistWhen( internalValue ) ) {\n\t\t\treturn internalValue;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tfunction toInternal( externalValue: TValue | null, internalValue: TValue | null ) {\n\t\tif ( ! externalValue ) {\n\t\t\treturn fallback( internalValue );\n\t\t}\n\n\t\treturn externalValue;\n\t}\n\n\tconst [ internal, setInternal ] = useState< TValue >( toInternal( external, null ) );\n\n\tuseEffect( () => {\n\t\tsetInternal( ( prevInternal ) => toInternal( external, prevInternal ) );\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ external ] );\n\n\ttype SetterFunc = ( value: TValue ) => TValue;\n\n\tconst setInternalValue = ( setter: SetterFunc | TValue ) => {\n\t\tconst setterFn = ( typeof setter === 'function' ? setter : () => setter ) as SetterFunc;\n\t\tconst updated = setterFn( internal );\n\n\t\tsetInternal( updated );\n\t\tsetExternal( toExternal( updated ) );\n\t};\n\n\treturn [ internal, setInternalValue ] as const;\n};\n","import * as React from 'react';\nimport { type ColorPropValue, type PropValue, type SizePropValue, strokePropTypeUtil } from '@elementor/editor-props';\nimport { Grid, Stack } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { BoundPropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { ColorControl } from './color-control';\nimport { SizeControl, type Unit } from './size-control';\n\ntype SetContextValue = ( v: PropValue ) => void;\n\nexport type StrokeProps< T > = {\n\tbind: string;\n\tvalue: T;\n\tsetValue: ( v: T ) => void;\n\tlabel: string;\n\tchildren: React.ReactNode;\n};\nconst units: Unit[] = [ 'px', 'em', 'rem' ];\n\nexport const StrokeControl = createControl( () => {\n\tconst { value, setValue } = useBoundProp( strokePropTypeUtil );\n\n\tconst setStrokeWidth = ( newValue: SizePropValue ) => {\n\t\tconst updatedValue = {\n\t\t\t...value,\n\t\t\twidth: newValue,\n\t\t};\n\n\t\tsetValue( updatedValue );\n\t};\n\n\tconst setStrokeColor = ( newValue: ColorPropValue ) => {\n\t\tconst updatedValue = {\n\t\t\t...value,\n\t\t\tcolor: newValue,\n\t\t};\n\n\t\tsetValue( updatedValue );\n\t};\n\n\treturn (\n\t\t<Stack gap={ 1.5 }>\n\t\t\t<Control\n\t\t\t\tbind=\"width\"\n\t\t\t\tlabel={ __( 'Stroke Width', 'elementor' ) }\n\t\t\t\tvalue={ value?.width }\n\t\t\t\tsetValue={ setStrokeWidth }\n\t\t\t>\n\t\t\t\t<SizeControl units={ units } />\n\t\t\t</Control>\n\n\t\t\t<Control\n\t\t\t\tbind=\"color\"\n\t\t\t\tlabel={ __( 'Stroke Color', 'elementor' ) }\n\t\t\t\tvalue={ value?.color }\n\t\t\t\tsetValue={ setStrokeColor }\n\t\t\t>\n\t\t\t\t<ColorControl />\n\t\t\t</Control>\n\t\t</Stack>\n\t);\n} );\n\nconst Control = < T extends PropValue >( { bind, value, setValue, label, children }: StrokeProps< T > ) => (\n\t<BoundPropProvider bind={ bind } value={ value } setValue={ setValue as SetContextValue }>\n\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t<ControlLabel>{ label }</ControlLabel>\n\t\t\t</Grid>\n\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t{ children }\n\t\t\t</Grid>\n\t\t</Grid>\n\t</BoundPropProvider>\n);\n","import * as React from 'react';\nimport { colorPropTypeUtil } from '@elementor/editor-props';\nimport { UnstableColorField, type UnstableColorFieldProps } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\nexport const ColorControl = createControl(\n\t( props: Partial< Omit< UnstableColorFieldProps, 'value' | 'onChange' > > ) => {\n\t\tconst { value, setValue } = useBoundProp( colorPropTypeUtil );\n\n\t\tconst handleChange = ( selectedColor: string ) => {\n\t\t\tsetValue( selectedColor );\n\t\t};\n\n\t\treturn (\n\t\t\t<ControlActions>\n\t\t\t\t<UnstableColorField\n\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tvalue={ value ?? '' }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\tfullWidth\n\t\t\t\t/>\n\t\t\t</ControlActions>\n\t\t);\n\t}\n);\n","import * as React from 'react';\nimport {\n\tboxShadowPropTypeUtil,\n\ttype BoxShadowPropValue,\n\ttype PropValue,\n\ttype ShadowPropValue,\n} from '@elementor/editor-props';\nimport { Grid, Stack, Typography, UnstableColorIndicator } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { BoundPropProvider, useBoundProp } from '../bound-prop-context';\nimport { Repeater } from '../components/repeater';\nimport { createControl } from '../create-control';\nimport { ColorControl } from './color-control';\nimport { SelectControl } from './select-control';\nimport { SizeControl } from './size-control';\n\ntype SetContextValue = ( v: PropValue ) => void;\n\nexport const BoxShadowRepeaterControl = createControl( () => {\n\tconst { value: boxShadowValues, setValue } = useBoundProp( boxShadowPropTypeUtil );\n\n\tconst setBoxShadow = ( newValue: BoxShadowPropValue[ 'value' ] ) => {\n\t\tsetValue( newValue );\n\t};\n\n\treturn (\n\t\t<Repeater\n\t\t\tvalues={ boxShadowValues ?? [] }\n\t\t\tsetValues={ setBoxShadow }\n\t\t\tlabel={ __( 'Box shadow', 'elementor' ) }\n\t\t\titemSettings={ {\n\t\t\t\tIcon: ItemIcon,\n\t\t\t\tLabel: ItemLabel,\n\t\t\t\tContent: ItemContent,\n\t\t\t\tinitialValues: initialShadow,\n\t\t\t} }\n\t\t/>\n\t);\n} );\n\nconst ItemIcon = ( { value }: { value: ShadowPropValue } ) => (\n\t<UnstableColorIndicator size=\"inherit\" component=\"span\" value={ value.value.color.value } />\n);\n\nconst ItemContent = ( {\n\tvalue,\n\tsetValue,\n\tanchorEl,\n}: {\n\tvalue: ShadowPropValue;\n\tsetValue: ( newValue: ShadowPropValue ) => void;\n\tanchorEl: HTMLElement | null;\n} ) => {\n\tconst setShadow = ( newValue: ShadowPropValue[ 'value' ] ) => {\n\t\tsetValue( {\n\t\t\t$$type: 'shadow',\n\t\t\tvalue: newValue,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<Stack gap={ 1.5 }>\n\t\t\t<Grid container gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<Control\n\t\t\t\t\tbind=\"color\"\n\t\t\t\t\tvalue={ value.value.color }\n\t\t\t\t\tlabel={ __( 'Color', 'elementor' ) }\n\t\t\t\t\tsetValue={ ( v: ShadowPropValue[ 'value' ][ 'color' ] ) =>\n\t\t\t\t\t\tsetShadow( { ...value.value, color: v } )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<ColorControl\n\t\t\t\t\t\tslotProps={ {\n\t\t\t\t\t\t\tcolorPicker: {\n\t\t\t\t\t\t\t\tanchorEl,\n\t\t\t\t\t\t\t\tanchorOrigin: {\n\t\t\t\t\t\t\t\t\tvertical: 'top',\n\t\t\t\t\t\t\t\t\thorizontal: 'right',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\ttransformOrigin: {\n\t\t\t\t\t\t\t\t\tvertical: 'top',\n\t\t\t\t\t\t\t\t\thorizontal: -10,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</Control>\n\t\t\t\t<Control\n\t\t\t\t\tbind=\"position\"\n\t\t\t\t\tvalue={ value.value.position }\n\t\t\t\t\tlabel={ __( 'Position', 'elementor' ) }\n\t\t\t\t\tsetValue={ ( v: ShadowPropValue[ 'value' ][ 'position' ] ) =>\n\t\t\t\t\t\tsetShadow( { ...value.value, position: v || null } )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{ label: __( 'Inset', 'elementor' ), value: 'inset' },\n\t\t\t\t\t\t\t{ label: __( 'Outset', 'elementor' ), value: '' },\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t</Control>\n\t\t\t</Grid>\n\t\t\t<Grid container gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<Control\n\t\t\t\t\tbind=\"hOffset\"\n\t\t\t\t\tlabel={ __( 'Horizontal', 'elementor' ) }\n\t\t\t\t\tvalue={ value.value.hOffset }\n\t\t\t\t\tsetValue={ ( v: ShadowPropValue[ 'value' ][ 'hOffset' ] ) =>\n\t\t\t\t\t\tsetShadow( { ...value.value, hOffset: v } )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<SizeControl />\n\t\t\t\t</Control>\n\t\t\t\t<Control\n\t\t\t\t\tbind=\"vOffset\"\n\t\t\t\t\tlabel={ __( 'Vertical', 'elementor' ) }\n\t\t\t\t\tvalue={ value.value.vOffset }\n\t\t\t\t\tsetValue={ ( v: ShadowPropValue[ 'value' ][ 'vOffset' ] ) =>\n\t\t\t\t\t\tsetShadow( { ...value.value, vOffset: v } )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<SizeControl />\n\t\t\t\t</Control>\n\t\t\t</Grid>\n\t\t\t<Grid container gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<Control\n\t\t\t\t\tbind=\"blur\"\n\t\t\t\t\tvalue={ value.value.blur }\n\t\t\t\t\tlabel={ __( 'Blur', 'elementor' ) }\n\t\t\t\t\tsetValue={ ( v: ShadowPropValue[ 'value' ][ 'blur' ] ) => setShadow( { ...value.value, blur: v } ) }\n\t\t\t\t>\n\t\t\t\t\t<SizeControl />\n\t\t\t\t</Control>\n\t\t\t\t<Control\n\t\t\t\t\tbind=\"spread\"\n\t\t\t\t\tlabel={ __( 'Spread', 'elementor' ) }\n\t\t\t\t\tvalue={ value.value.spread }\n\t\t\t\t\tsetValue={ ( v: ShadowPropValue[ 'value' ][ 'spread' ] ) =>\n\t\t\t\t\t\tsetShadow( { ...value.value, spread: v } )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<SizeControl />\n\t\t\t\t</Control>\n\t\t\t</Grid>\n\t\t</Stack>\n\t);\n};\n\nconst Control = < T extends PropValue >( {\n\tvalue,\n\tsetValue,\n\tlabel,\n\tbind,\n\tchildren,\n}: {\n\tvalue: T;\n\tbind: string;\n\tlabel: string;\n\tchildren: React.ReactNode;\n\tsetValue: ( v: T ) => void;\n} ) => (\n\t<BoundPropProvider value={ value } setValue={ setValue as SetContextValue } bind={ bind }>\n\t\t<Grid item xs={ 6 }>\n\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t<Typography component=\"label\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</Typography>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t{ children }\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Grid>\n\t</BoundPropProvider>\n);\n\nconst ItemLabel = ( { value }: { value: ShadowPropValue } ) => {\n\tconst { position, hOffset, vOffset, blur, spread } = value.value;\n\n\tconst { size: blurSize = '', unit: blurUnit = '' } = blur?.value || {};\n\tconst { size: spreadSize = '', unit: spreadUnit = '' } = spread?.value || {};\n\tconst { size: hOffsetSize = 'unset', unit: hOffsetUnit = '' } = hOffset?.value || {};\n\tconst { size: vOffsetSize = 'unset', unit: vOffsetUnit = '' } = vOffset?.value || {};\n\n\tconst sizes = [\n\t\thOffsetSize + hOffsetUnit,\n\t\tvOffsetSize + vOffsetUnit,\n\t\tblurSize + blurUnit,\n\t\tspreadSize + spreadUnit,\n\t].join( ' ' );\n\n\treturn (\n\t\t<span style={ { textTransform: 'capitalize' } }>\n\t\t\t{ position ?? 'outset' }: { sizes }\n\t\t</span>\n\t);\n};\n\nconst initialShadow: ShadowPropValue = {\n\t$$type: 'shadow',\n\tvalue: {\n\t\thOffset: {\n\t\t\t$$type: 'size',\n\t\t\tvalue: { unit: 'px', size: 0 },\n\t\t},\n\t\tvOffset: {\n\t\t\t$$type: 'size',\n\t\t\tvalue: { unit: 'px', size: 0 },\n\t\t},\n\t\tblur: {\n\t\t\t$$type: 'size',\n\t\t\tvalue: { unit: 'px', size: 10 },\n\t\t},\n\t\tspread: {\n\t\t\t$$type: 'size',\n\t\t\tvalue: { unit: 'px', size: 0 },\n\t\t},\n\t\tcolor: {\n\t\t\t$$type: 'color',\n\t\t\tvalue: 'rgba(0, 0, 0, 1)',\n\t\t},\n\t\tposition: null,\n\t},\n};\n","import * as React from 'react';\nimport { useId, useRef, useState } from 'react';\nimport { CopyIcon, EyeIcon, EyeOffIcon, PlusIcon, XIcon } from '@elementor/icons';\nimport {\n\tbindPopover,\n\tbindTrigger,\n\tBox,\n\tIconButton,\n\tPopover,\n\tStack,\n\tTypography,\n\tUnstableTag,\n\ttype UnstableTagProps,\n\tusePopupState,\n} from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nconst SIZE = 'tiny';\n\ntype AnchorEl = HTMLElement | null;\n\ntype Item< T > = {\n\tdisabled?: boolean;\n} & T;\n\nexport type RepeaterProps< T > = {\n\tlabel: string;\n\tvalues?: T[];\n\tsetValues: ( newValue: T[] ) => void;\n\titemSettings: {\n\t\tinitialValues: T;\n\t\tLabel: React.ComponentType< { value: T } >;\n\t\tIcon: React.ComponentType< { value: T } >;\n\t\tContent: React.ComponentType< {\n\t\t\tvalue: T;\n\t\t\tsetValue: ( newValue: T ) => void;\n\t\t\tanchorEl: AnchorEl;\n\t\t} >;\n\t};\n};\n\nexport const Repeater = < T, >( {\n\tlabel,\n\titemSettings,\n\tvalues: repeaterValues = [],\n\tsetValues: setRepeaterValues,\n}: RepeaterProps< Item< T > > ) => {\n\tconst addRepeaterItem = () => {\n\t\tconst newItem = structuredClone( itemSettings.initialValues );\n\n\t\tsetRepeaterValues( [ ...repeaterValues, newItem ] );\n\t};\n\n\tconst duplicateRepeaterItem = ( index: number ) => {\n\t\tsetRepeaterValues( [\n\t\t\t...repeaterValues.slice( 0, index ),\n\t\t\tstructuredClone( repeaterValues[ index ] ),\n\t\t\t...repeaterValues.slice( index ),\n\t\t] );\n\t};\n\n\tconst removeRepeaterItem = ( index: number ) => {\n\t\tsetRepeaterValues( repeaterValues.filter( ( _, i ) => i !== index ) );\n\t};\n\n\tconst toggleDisableRepeaterItem = ( index: number ) => {\n\t\tsetRepeaterValues(\n\t\t\trepeaterValues.map( ( value, i ) => {\n\t\t\t\tif ( i === index ) {\n\t\t\t\t\tconst { disabled, ...rest } = value;\n\n\t\t\t\t\t// If the items should not be disabled, remove the disabled property.\n\t\t\t\t\treturn { ...rest, ...( disabled ? {} : { disabled: true } ) } as Item< T >;\n\t\t\t\t}\n\n\t\t\t\treturn value;\n\t\t\t} )\n\t\t);\n\t};\n\n\treturn (\n\t\t<Stack>\n\t\t\t<Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" sx={ { pb: 1 } }>\n\t\t\t\t<Typography component=\"label\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t\t\t{ label }\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton size={ SIZE } onClick={ addRepeaterItem } aria-label={ __( 'Add item', 'elementor' ) }>\n\t\t\t\t\t<PlusIcon fontSize={ SIZE } />\n\t\t\t\t</IconButton>\n\t\t\t</Stack>\n\t\t\t<Stack gap={ 1 }>\n\t\t\t\t{ repeaterValues.map( ( value, index ) => (\n\t\t\t\t\t<RepeaterItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tdisabled={ value.disabled }\n\t\t\t\t\t\tlabel={ <itemSettings.Label value={ value } /> }\n\t\t\t\t\t\tstartIcon={ <itemSettings.Icon value={ value } /> }\n\t\t\t\t\t\tremoveItem={ () => removeRepeaterItem( index ) }\n\t\t\t\t\t\tduplicateItem={ () => duplicateRepeaterItem( index ) }\n\t\t\t\t\t\ttoggleDisableItem={ () => toggleDisableRepeaterItem( index ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t\t<itemSettings.Content\n\t\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\tsetValue={ ( newValue ) =>\n\t\t\t\t\t\t\t\t\tsetRepeaterValues(\n\t\t\t\t\t\t\t\t\t\trepeaterValues.map( ( item, i ) => ( i === index ? newValue : item ) )\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</RepeaterItem>\n\t\t\t\t) ) }\n\t\t\t</Stack>\n\t\t</Stack>\n\t);\n};\n\ntype RepeaterItemProps = {\n\tlabel: React.ReactNode;\n\tdisabled?: boolean;\n\tstartIcon: UnstableTagProps[ 'startIcon' ];\n\tremoveItem: () => void;\n\tduplicateItem: () => void;\n\ttoggleDisableItem: () => void;\n\tchildren: ( { anchorEl }: { anchorEl: AnchorEl } ) => React.ReactNode;\n};\n\nconst RepeaterItem = ( {\n\tlabel,\n\tdisabled,\n\tstartIcon,\n\tchildren,\n\tremoveItem,\n\tduplicateItem,\n\ttoggleDisableItem,\n}: RepeaterItemProps ) => {\n\tconst popupId = useId();\n\tconst controlRef = useRef< HTMLElement >( null );\n\tconst [ anchorEl, setAnchorEl ] = useState< AnchorEl >( null );\n\n\tconst popoverState = usePopupState( { popupId, variant: 'popover' } );\n\n\tconst popoverProps = bindPopover( popoverState );\n\n\treturn (\n\t\t<>\n\t\t\t<UnstableTag\n\t\t\t\tlabel={ label }\n\t\t\t\tshowActionsOnHover\n\t\t\t\tref={ controlRef }\n\t\t\t\tvariant=\"outlined\"\n\t\t\t\taria-label={ __( 'Open item', 'elementor' ) }\n\t\t\t\t{ ...bindTrigger( popoverState ) }\n\t\t\t\tstartIcon={ startIcon }\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\tonClick={ duplicateItem }\n\t\t\t\t\t\t\taria-label={ __( 'Duplicate item', 'elementor' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CopyIcon fontSize={ SIZE } />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\tonClick={ toggleDisableItem }\n\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\tdisabled ? __( 'Enable item', 'elementor' ) : __( 'Disable item', 'elementor' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ disabled ? <EyeOffIcon fontSize={ SIZE } /> : <EyeIcon fontSize={ SIZE } /> }\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\tonClick={ removeItem }\n\t\t\t\t\t\t\taria-label={ __( 'Remove item', 'elementor' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<XIcon fontSize={ SIZE } />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Popover\n\t\t\t\tdisablePortal\n\t\t\t\tslotProps={ {\n\t\t\t\t\tpaper: {\n\t\t\t\t\t\tref: setAnchorEl,\n\t\t\t\t\t\tsx: { mt: 0.5, p: 1, pt: 1, width: controlRef.current?.getBoundingClientRect().width },\n\t\t\t\t\t},\n\t\t\t\t} }\n\t\t\t\tanchorOrigin={ { vertical: 'bottom', horizontal: 'left' } }\n\t\t\t\t{ ...popoverProps }\n\t\t\t>\n\t\t\t\t<Box p={ 0.5 }>{ children( { anchorEl } ) }</Box>\n\t\t\t</Popover>\n\t\t</>\n\t);\n};\n","import * as React from 'react';\nimport { type PropValue, stringPropTypeUtil, type StringPropValue } from '@elementor/editor-props';\nimport { type ToggleButtonProps } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport { ControlToggleButtonGroup, type ToggleButtonGroupItem } from '../components/control-toggle-button-group';\nimport { createControl } from '../create-control';\n\ntype ToggleControlProps< T extends PropValue > = {\n\toptions: ToggleButtonGroupItem< T >[];\n\tfullWidth?: boolean;\n\tsize?: ToggleButtonProps[ 'size' ];\n};\n\nexport const ToggleControl = createControl(\n\t( { options, fullWidth = false, size = 'tiny' }: ToggleControlProps< StringPropValue[ 'value' ] > ) => {\n\t\tconst { value, setValue } = useBoundProp( stringPropTypeUtil );\n\n\t\tconst handleToggle = ( option: StringPropValue[ 'value' ] | null ) => {\n\t\t\tsetValue( option );\n\t\t};\n\n\t\treturn (\n\t\t\t<ControlToggleButtonGroup\n\t\t\t\titems={ options }\n\t\t\t\tvalue={ value ?? null }\n\t\t\t\tonChange={ handleToggle }\n\t\t\t\texclusive={ true }\n\t\t\t\tfullWidth={ fullWidth }\n\t\t\t\tsize={ size }\n\t\t\t/>\n\t\t);\n\t}\n);\n","import * as React from 'react';\nimport {\n\ttype StackProps,\n\tstyled,\n\tToggleButton,\n\tToggleButtonGroup,\n\ttype ToggleButtonProps,\n\tTooltip,\n\tuseTheme,\n} from '@elementor/ui';\n\ntype RenderContentProps = { size: ToggleButtonProps[ 'size' ] };\n\nexport type ToggleButtonGroupItem< TValue > = {\n\tvalue: TValue;\n\tlabel: string;\n\trenderContent: ( { size }: RenderContentProps ) => React.ReactNode;\n\tshowTooltip?: boolean;\n};\n\nconst StyledToggleButtonGroup = styled( ToggleButtonGroup )`\n\t${ ( { justify } ) => `justify-content: ${ justify };` }\n`;\n\ntype ExclusiveValue< TValue > = TValue;\ntype NonExclusiveValue< TValue > = TValue[];\n\ntype Props< TValue > = {\n\tjustify?: StackProps[ 'justifyContent' ];\n\tsize?: ToggleButtonProps[ 'size' ];\n\titems: ToggleButtonGroupItem< TValue | null >[];\n\tfullWidth?: boolean;\n} & (\n\t| {\n\t\t\texclusive?: false;\n\t\t\tvalue: NonExclusiveValue< TValue >;\n\t\t\tonChange: ( value: NonExclusiveValue< TValue > ) => void;\n\t }\n\t| {\n\t\t\texclusive: true;\n\t\t\tvalue: ExclusiveValue< TValue >;\n\t\t\tonChange: ( value: ExclusiveValue< TValue > ) => void;\n\t }\n);\n\nexport const ControlToggleButtonGroup = < TValue, >( {\n\tjustify = 'end',\n\tsize = 'tiny',\n\tvalue,\n\tonChange,\n\titems,\n\texclusive = false,\n\tfullWidth = false,\n}: Props< TValue > ) => {\n\tconst isRtl = 'rtl' === useTheme().direction;\n\n\tconst handleChange = (\n\t\t_: React.MouseEvent< HTMLElement >,\n\t\tnewValue: typeof exclusive extends true ? ExclusiveValue< TValue > : NonExclusiveValue< TValue >\n\t) => {\n\t\tonChange( newValue as never );\n\t};\n\n\treturn (\n\t\t<StyledToggleButtonGroup\n\t\t\tjustify={ justify }\n\t\t\tvalue={ value }\n\t\t\tonChange={ handleChange }\n\t\t\texclusive={ exclusive }\n\t\t\tsx={ {\n\t\t\t\tdirection: isRtl ? 'rtl /* @noflip */' : 'ltr /* @noflip */',\n\t\t\t} }\n\t\t>\n\t\t\t{ items.map( ( { label, value: buttonValue, renderContent: Content, showTooltip } ) =>\n\t\t\t\tshowTooltip ? (\n\t\t\t\t\t<Tooltip key={ buttonValue } title={ label } disableFocusListener={ true } placement=\"top\">\n\t\t\t\t\t\t<ToggleButton value={ buttonValue } aria-label={ label } size={ size } fullWidth={ fullWidth }>\n\t\t\t\t\t\t\t<Content size={ size } />\n\t\t\t\t\t\t</ToggleButton>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) : (\n\t\t\t\t\t<ToggleButton\n\t\t\t\t\t\tkey={ buttonValue }\n\t\t\t\t\t\tvalue={ buttonValue }\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\tfullWidth={ fullWidth }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Content size={ size } />\n\t\t\t\t\t</ToggleButton>\n\t\t\t\t)\n\t\t\t) }\n\t\t</StyledToggleButtonGroup>\n\t);\n};\n","import * as React from 'react';\nimport { numberPropTypeUtil } from '@elementor/editor-props';\nimport { TextField } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\nconst isEmptyOrNaN = ( value?: string | number ) =>\n\tvalue === null || value === undefined || value === '' || Number.isNaN( Number( value ) );\n\nexport const NumberControl = createControl(\n\t( {\n\t\tplaceholder,\n\t\tmax = Number.MAX_VALUE,\n\t\tmin = -Number.MAX_VALUE,\n\t\tstep = 1,\n\t\tshouldForceInt = false,\n\t}: {\n\t\tplaceholder?: string;\n\t\tmax?: number;\n\t\tmin?: number;\n\t\tstep?: number;\n\t\tshouldForceInt?: boolean;\n\t} ) => {\n\t\tconst { value, setValue } = useBoundProp( numberPropTypeUtil );\n\n\t\tconst handleChange = ( event: React.ChangeEvent< HTMLInputElement > ) => {\n\t\t\tconst eventValue: string = event.target.value;\n\n\t\t\tif ( isEmptyOrNaN( eventValue ) ) {\n\t\t\t\tsetValue( null );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst formattedValue = shouldForceInt ? +parseInt( eventValue ) : Number( eventValue );\n\n\t\t\tsetValue( Math.min( Math.max( formattedValue, min ), max ) );\n\t\t};\n\n\t\treturn (\n\t\t\t<ControlActions>\n\t\t\t\t<TextField\n\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tfullWidth\n\t\t\t\t\tvalue={ isEmptyOrNaN( value ) ? '' : value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tinputProps={ { step } }\n\t\t\t\t/>\n\t\t\t</ControlActions>\n\t\t);\n\t}\n);\n","import * as React from 'react';\nimport { type ReactNode, useId, useRef } from 'react';\nimport {\n\ttype PropKey,\n\ttype PropTypeUtil,\n\ttype PropValue,\n\tsizePropTypeUtil,\n\ttype SizePropValue,\n} from '@elementor/editor-props';\nimport { bindPopover, bindToggle, Grid, Popover, Stack, ToggleButton, usePopupState } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { BoundPropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { SizeControl } from './size-control';\n\ntype SetContextValue = ( v: PropValue ) => void;\n\ntype MultiSizePropValue = Record< PropKey, SizePropValue >;\n\ntype Item = {\n\ticon: ReactNode;\n\tlabel: string;\n\tbind: PropKey;\n};\n\nexport type EqualUnequalItems = [ Item, Item, Item, Item ];\n\ntype Props< TMultiPropType extends string, TPropValue extends MultiSizePropValue > = {\n\tlabel: string;\n\ticon: ReactNode;\n\titems: EqualUnequalItems;\n\tmultiSizePropTypeUtil: PropTypeUtil< TMultiPropType, TPropValue >;\n};\n\nconst isEqualSizes = ( values: SizePropValue[], items: EqualUnequalItems ) => {\n\tif ( values.length !== items.length ) {\n\t\treturn false;\n\t}\n\n\tconst [ firstValue, ...restValues ] = values;\n\n\treturn restValues.every(\n\t\t( value ) => value.value?.size === firstValue.value?.size && value.value?.unit === firstValue.value?.unit\n\t);\n};\n\nexport function EqualUnequalSizesControl< TMultiPropType extends string, TPropValue extends MultiSizePropValue >( {\n\tlabel,\n\ticon,\n\titems,\n\tmultiSizePropTypeUtil,\n}: Props< TMultiPropType, TPropValue > ) {\n\tconst popupId = useId();\n\tconst controlRef = useRef< HTMLElement >( null );\n\tconst popupState = usePopupState( { variant: 'popover', popupId } );\n\n\tconst { value: sizeValue, setValue: setSizeValue } = useBoundProp( sizePropTypeUtil );\n\tconst { value: multiSizeValue, setValue: setMultiSizeValue } = useBoundProp( multiSizePropTypeUtil );\n\n\tconst splitEqualValue = () => {\n\t\tif ( ! sizeValue ) {\n\t\t\treturn {};\n\t\t}\n\n\t\treturn items.reduce( ( acc, { bind } ) => ( { ...acc, [ bind ]: sizePropTypeUtil.create( sizeValue ) } ), {} );\n\t};\n\n\tconst setNestedProp = ( item: Item, newValue: SizePropValue ) => {\n\t\tconst newMappedValues = {\n\t\t\t...( multiSizeValue ?? splitEqualValue() ),\n\t\t\t[ item.bind ]: newValue,\n\t\t};\n\n\t\tconst isEqual = isEqualSizes( Object.values( newMappedValues ), items );\n\n\t\tif ( isEqual ) {\n\t\t\treturn setSizeValue( newValue?.value );\n\t\t}\n\n\t\tsetMultiSizeValue( newMappedValues );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\" ref={ controlRef }>\n\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t<ControlLabel>{ label }</ControlLabel>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t<EqualSizeControl\n\t\t\t\t\t\titems={ items }\n\t\t\t\t\t\tvalue={ sizeValue }\n\t\t\t\t\t\tmultiSizeValue={ multiSizeValue }\n\t\t\t\t\t\tsetValue={ setSizeValue }\n\t\t\t\t\t\ticonButton={\n\t\t\t\t\t\t\t<ToggleButton\n\t\t\t\t\t\t\t\tsize={ 'tiny' }\n\t\t\t\t\t\t\t\tvalue={ 'check' }\n\t\t\t\t\t\t\t\tsx={ { marginLeft: 'auto' } }\n\t\t\t\t\t\t\t\t{ ...bindToggle( popupState ) }\n\t\t\t\t\t\t\t\tselected={ popupState.isOpen }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ icon }\n\t\t\t\t\t\t\t</ToggleButton>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t\t<Popover\n\t\t\t\tdisablePortal\n\t\t\t\tdisableScrollLock\n\t\t\t\tanchorOrigin={ {\n\t\t\t\t\tvertical: 'bottom',\n\t\t\t\t\thorizontal: 'right',\n\t\t\t\t} }\n\t\t\t\ttransformOrigin={ {\n\t\t\t\t\tvertical: 'top',\n\t\t\t\t\thorizontal: 'right',\n\t\t\t\t} }\n\t\t\t\t{ ...bindPopover( popupState ) }\n\t\t\t\tslotProps={ {\n\t\t\t\t\tpaper: { sx: { mt: 0.5, p: 2, pt: 1, width: controlRef.current?.getBoundingClientRect().width } },\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<Stack gap={ 1.5 }>\n\t\t\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t\t\t\t<MultiSizeValueControl\n\t\t\t\t\t\t\titem={ items[ 0 ] }\n\t\t\t\t\t\t\tvalue={ multiSizeValue }\n\t\t\t\t\t\t\tsetNestedProp={ setNestedProp }\n\t\t\t\t\t\t\tsplitEqualValue={ splitEqualValue }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MultiSizeValueControl\n\t\t\t\t\t\t\titem={ items[ 1 ] }\n\t\t\t\t\t\t\tvalue={ multiSizeValue }\n\t\t\t\t\t\t\tsetNestedProp={ setNestedProp }\n\t\t\t\t\t\t\tsplitEqualValue={ splitEqualValue }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t\t\t\t<MultiSizeValueControl\n\t\t\t\t\t\t\titem={ items[ 3 ] }\n\t\t\t\t\t\t\tvalue={ multiSizeValue }\n\t\t\t\t\t\t\tsetNestedProp={ setNestedProp }\n\t\t\t\t\t\t\tsplitEqualValue={ splitEqualValue }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MultiSizeValueControl\n\t\t\t\t\t\t\titem={ items[ 2 ] }\n\t\t\t\t\t\t\tvalue={ multiSizeValue }\n\t\t\t\t\t\t\tsetNestedProp={ setNestedProp }\n\t\t\t\t\t\t\tsplitEqualValue={ splitEqualValue }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid>\n\t\t\t\t</Stack>\n\t\t\t</Popover>\n\t\t</>\n\t);\n}\n\nconst MultiSizeValueControl = < TPropValue extends MultiSizePropValue >( {\n\titem,\n\tvalue,\n\tsetNestedProp,\n\tsplitEqualValue,\n}: {\n\titem: Item;\n\tvalue: TPropValue | undefined;\n\tsetNestedProp: ( item: Item, newValue: SizePropValue ) => void;\n\tsplitEqualValue: () => TPropValue;\n} ) => {\n\tconst handleChange = ( val: SizePropValue ) => setNestedProp( item, val );\n\n\tconst getMultiSizeValues = () => {\n\t\tif ( value ) {\n\t\t\treturn value?.[ item.bind ] ?? null;\n\t\t}\n\n\t\treturn splitEqualValue()?.[ item.bind ] ?? null;\n\t};\n\n\treturn (\n\t\t<BoundPropProvider bind={ '' } setValue={ handleChange as SetContextValue } value={ getMultiSizeValues() }>\n\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ item.label }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<SizeControl startIcon={ item.icon } />\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</BoundPropProvider>\n\t);\n};\n\nconst EqualSizeControl = ( {\n\tvalue,\n\titems,\n\tsetValue,\n\ticonButton,\n\tmultiSizeValue,\n}: {\n\tvalue: SizePropValue[ 'value' ] | null;\n\titems: EqualUnequalItems;\n\tsetValue: ( newValue: SizePropValue[ 'value' ] ) => void;\n\ticonButton: ReactNode;\n\tmultiSizeValue: PropValue;\n} ) => {\n\tconst handleChange = ( newValue: SizePropValue ) => {\n\t\tsetValue( newValue.value );\n\t};\n\n\tconst getDisplayValue = () => {\n\t\tif ( value ) {\n\t\t\treturn sizePropTypeUtil.create( value );\n\t\t}\n\n\t\tconst multiValues = Object.values( multiSizeValue ?? {} ) as SizePropValue[];\n\n\t\tif ( isEqualSizes( multiValues, items ) ) {\n\t\t\treturn sizePropTypeUtil.create( multiValues[ 0 ].value );\n\t\t}\n\t};\n\n\treturn (\n\t\t<BoundPropProvider bind={ '' } setValue={ handleChange as SetContextValue } value={ getDisplayValue() ?? null }>\n\t\t\t<Stack direction=\"row\" alignItems=\"center\" gap={ 1 }>\n\t\t\t\t<SizeControl placeholder={ __( 'MIXED', 'elementor' ) } />\n\t\t\t\t{ iconButton }\n\t\t\t</Stack>\n\t\t</BoundPropProvider>\n\t);\n};\n","import * as React from 'react';\nimport { linkedDimensionsPropTypeUtil, type PropValue } from '@elementor/editor-props';\nimport { DetachIcon, LinkIcon, SideBottomIcon, SideLeftIcon, SideRightIcon, SideTopIcon } from '@elementor/icons';\nimport { Grid, Stack, ToggleButton } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { BoundPropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { SizeControl } from './size-control';\n\nexport type Position = 'top' | 'right' | 'bottom' | 'left';\n\nexport const LinkedDimensionsControl = createControl( ( { label }: { label: string } ) => {\n\tconst { value, setValue } = useBoundProp( linkedDimensionsPropTypeUtil );\n\tconst { top, right, bottom, left, isLinked = true } = value || {};\n\n\tconst setLinkedValue = ( position: Position, newValue: PropValue ) => {\n\t\tconst updatedValue = {\n\t\t\tisLinked,\n\t\t\ttop: isLinked ? newValue : top,\n\t\t\tright: isLinked ? newValue : right,\n\t\t\tbottom: isLinked ? newValue : bottom,\n\t\t\tleft: isLinked ? newValue : left,\n\t\t\t[ position ]: newValue,\n\t\t};\n\n\t\tsetValue( updatedValue );\n\t};\n\n\tconst toggleLinked = () => {\n\t\tconst updatedValue = {\n\t\t\tisLinked: ! isLinked,\n\t\t\ttop,\n\t\t\tright: ! isLinked ? top : right,\n\t\t\tbottom: ! isLinked ? top : bottom,\n\t\t\tleft: ! isLinked ? top : left,\n\t\t};\n\n\t\tsetValue( updatedValue );\n\t};\n\n\tconst LinkedIcon = isLinked ? LinkIcon : DetachIcon;\n\n\treturn (\n\t\t<>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<ControlLabel>{ label }</ControlLabel>\n\t\t\t\t<ToggleButton\n\t\t\t\t\taria-label={ __( 'Link Inputs', 'elementor' ) }\n\t\t\t\t\tsize={ 'tiny' }\n\t\t\t\t\tvalue={ 'check' }\n\t\t\t\t\tselected={ isLinked }\n\t\t\t\t\tsx={ { marginLeft: 'auto' } }\n\t\t\t\t\tonChange={ toggleLinked }\n\t\t\t\t>\n\t\t\t\t\t<LinkedIcon fontSize={ 'tiny' } />\n\t\t\t\t</ToggleButton>\n\t\t\t</Stack>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Top', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<Control\n\t\t\t\t\t\t\tbind={ 'top' }\n\t\t\t\t\t\t\tvalue={ top }\n\t\t\t\t\t\t\tsetValue={ setLinkedValue }\n\t\t\t\t\t\t\tstartIcon={ <SideTopIcon fontSize={ 'tiny' } /> }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Right', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<Control\n\t\t\t\t\t\t\tbind={ 'right' }\n\t\t\t\t\t\t\tvalue={ right }\n\t\t\t\t\t\t\tsetValue={ setLinkedValue }\n\t\t\t\t\t\t\tstartIcon={ <SideRightIcon fontSize={ 'tiny' } /> }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</Stack>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Bottom', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<Control\n\t\t\t\t\t\t\tbind={ 'bottom' }\n\t\t\t\t\t\t\tvalue={ bottom }\n\t\t\t\t\t\t\tsetValue={ setLinkedValue }\n\t\t\t\t\t\t\tstartIcon={ <SideBottomIcon fontSize={ 'tiny' } /> }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Left', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<Control\n\t\t\t\t\t\t\tbind={ 'left' }\n\t\t\t\t\t\t\tvalue={ left }\n\t\t\t\t\t\t\tsetValue={ setLinkedValue }\n\t\t\t\t\t\t\tstartIcon={ <SideLeftIcon fontSize={ 'tiny' } /> }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</Stack>\n\t\t</>\n\t);\n} );\n\nconst Control = ( {\n\tbind,\n\tstartIcon,\n\tvalue,\n\tsetValue,\n}: {\n\tbind: Position;\n\tvalue: PropValue;\n\tstartIcon: React.ReactNode;\n\tsetValue: ( bind: Position, newValue: PropValue ) => void;\n} ) => (\n\t<BoundPropProvider setValue={ ( newValue ) => setValue( bind, newValue ) } value={ value } bind={ bind }>\n\t\t<SizeControl startIcon={ startIcon } />\n\t</BoundPropProvider>\n);\n","import { Fragment, useId, useState } from 'react';\nimport * as React from 'react';\nimport { stringPropTypeUtil } from '@elementor/editor-props';\nimport { ChevronDownIcon, EditIcon, PhotoIcon, SearchIcon, XIcon } from '@elementor/icons';\nimport {\n\tbindPopover,\n\tbindTrigger,\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tLink,\n\tListSubheader,\n\tMenuItem,\n\tMenuList,\n\tPopover,\n\tStack,\n\tTextField,\n\tTypography,\n\tUnstableTag,\n\tusePopupState,\n} from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport { createControl } from '../create-control';\nimport { useFilteredFontFamilies } from '../hooks/use-filtered-font-families';\n\nconst SIZE = 'tiny';\n\nexport const FontFamilyControl = createControl( ( { fontFamilies } ) => {\n\tconst [ searchValue, setSearchValue ] = useState( '' );\n\tconst { value: fontFamily, setValue: setFontFamily } = useBoundProp( stringPropTypeUtil );\n\n\tconst popupId = useId();\n\tconst popoverState = usePopupState( { variant: 'popover', popupId } );\n\n\tconst filteredFontFamilies = useFilteredFontFamilies( fontFamilies, searchValue );\n\n\tif ( ! filteredFontFamilies ) {\n\t\treturn null;\n\t}\n\n\tconst handleSearch = ( event: React.ChangeEvent< HTMLInputElement > ) => {\n\t\tsetSearchValue( event.target.value );\n\t};\n\n\tconst handleClose = () => {\n\t\tsetSearchValue( '' );\n\n\t\tpopoverState.close();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<UnstableTag\n\t\t\t\tvariant=\"outlined\"\n\t\t\t\tlabel={ fontFamily }\n\t\t\t\tendIcon={ <ChevronDownIcon fontSize=\"tiny\" /> }\n\t\t\t\t{ ...bindTrigger( popoverState ) }\n\t\t\t\tfullWidth\n\t\t\t/>\n\n\t\t\t<Popover\n\t\t\t\tdisablePortal\n\t\t\t\tdisableScrollLock\n\t\t\t\tanchorOrigin={ { vertical: 'bottom', horizontal: 'left' } }\n\t\t\t\t{ ...bindPopover( popoverState ) }\n\t\t\t\tonClose={ handleClose }\n\t\t\t>\n\t\t\t\t<Stack>\n\t\t\t\t\t<Stack direction=\"row\" alignItems=\"center\" pl={ 1.5 } pr={ 0.5 } py={ 1.5 }>\n\t\t\t\t\t\t<EditIcon fontSize={ SIZE } sx={ { mr: 0.5 } } />\n\t\t\t\t\t\t<Typography variant=\"subtitle2\">{ __( 'Font Family', 'elementor' ) }</Typography>\n\t\t\t\t\t\t<IconButton size={ SIZE } sx={ { ml: 'auto' } } onClick={ handleClose }>\n\t\t\t\t\t\t\t<XIcon fontSize={ SIZE } />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t</Stack>\n\n\t\t\t\t\t<Box px={ 1.5 } pb={ 1 }>\n\t\t\t\t\t\t<TextField\n\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\tvalue={ searchValue }\n\t\t\t\t\t\t\tplaceholder={ __( 'Search', 'elementor' ) }\n\t\t\t\t\t\t\tonChange={ handleSearch }\n\t\t\t\t\t\t\tInputProps={ {\n\t\t\t\t\t\t\t\tstartAdornment: (\n\t\t\t\t\t\t\t\t\t<InputAdornment position=\"start\">\n\t\t\t\t\t\t\t\t\t\t<SearchIcon fontSize={ SIZE } />\n\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<Divider />\n\t\t\t\t\t<Box sx={ { overflowY: 'auto', height: 260, width: 220 } }>\n\t\t\t\t\t\t{ filteredFontFamilies.length > 0 ? (\n\t\t\t\t\t\t\t<MenuList role=\"listbox\" tabIndex={ 0 }>\n\t\t\t\t\t\t\t\t{ filteredFontFamilies.map( ( [ category, items ], index ) => (\n\t\t\t\t\t\t\t\t\t<Fragment key={ index }>\n\t\t\t\t\t\t\t\t\t\t<ListSubheader sx={ { typography: 'caption', color: 'text.tertiary' } }>\n\t\t\t\t\t\t\t\t\t\t\t{ category }\n\t\t\t\t\t\t\t\t\t\t</ListSubheader>\n\t\t\t\t\t\t\t\t\t\t{ items.map( ( item ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst isSelected = item === fontFamily;\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ item }\n\t\t\t\t\t\t\t\t\t\t\t\t\tselected={ isSelected }\n\t\t\t\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\t\t\t\t\t\t\t\t\t\tautoFocus={ isSelected }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetFontFamily( item );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={ { typography: 'caption' } }\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={ { fontFamily: item } }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ item }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</MenuList>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Stack alignItems=\"center\" p={ 2.5 } gap={ 1.5 }>\n\t\t\t\t\t\t\t\t<PhotoIcon fontSize=\"large\" />\n\t\t\t\t\t\t\t\t<Typography align=\"center\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t\t\t\t\t\t\t{ __( 'Sorry, nothing matched', 'elementor' ) }\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t&ldquo;{ searchValue }&rdquo;.\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t<Typography align=\"center\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tvariant=\"caption\"\n\t\t\t\t\t\t\t\t\t\tcomponent=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={ () => setSearchValue( '' ) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Clear the filters', 'elementor' ) }\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t&nbsp;\n\t\t\t\t\t\t\t\t\t{ __( 'and try again.', 'elementor' ) }\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Box>\n\t\t\t\t</Stack>\n\t\t\t</Popover>\n\t\t</>\n\t);\n} );\n","import { __ } from '@wordpress/i18n';\n\nexport type SupportedFonts = 'system' | 'googlefonts' | 'customfonts';\n\nconst supportedCategories: Record< SupportedFonts, string > = {\n\tsystem: __( 'System', 'elementor' ),\n\tgooglefonts: __( 'Google Fonts', 'elementor' ),\n\tcustomfonts: __( 'Custom Fonts', 'elementor' ),\n};\n\nexport const useFilteredFontFamilies = ( fontFamilies: Record< string, SupportedFonts >, searchValue: string ) => {\n\tconst filteredFontFamilies = Object.entries( fontFamilies ).reduce< Map< string, string[] > >(\n\t\t( acc, [ font, category ] ) => {\n\t\t\tconst isMatch = font.toLowerCase().includes( searchValue.trim().toLowerCase() );\n\n\t\t\tif ( ! isMatch ) {\n\t\t\t\treturn acc;\n\t\t\t}\n\n\t\t\tconst categoryLabel = supportedCategories[ category as SupportedFonts ];\n\n\t\t\tif ( categoryLabel ) {\n\t\t\t\tconst existingCategory = acc.get( categoryLabel );\n\n\t\t\t\tif ( existingCategory ) {\n\t\t\t\t\texistingCategory.push( font );\n\t\t\t\t} else {\n\t\t\t\t\tacc.set( categoryLabel, [ font ] );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn acc;\n\t\t},\n\t\tnew Map()\n\t);\n\n\treturn [ ...filteredFontFamilies ];\n};\n","import * as React from 'react';\nimport { type UrlPropValue } from '@elementor/editor-props';\nimport { TextField } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\nexport const UrlControl = createControl( ( { placeholder }: { placeholder?: string } ) => {\n\tconst { value, setValue } = useBoundProp< UrlPropValue >();\n\n\tconst handleChange = ( event: React.ChangeEvent< HTMLInputElement > ) =>\n\t\tsetValue( {\n\t\t\t$$type: 'url',\n\t\t\tvalue: event.target.value,\n\t\t} );\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<TextField\n\t\t\t\tsize=\"tiny\"\n\t\t\t\tfullWidth\n\t\t\t\tvalue={ value?.value }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t/>\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { type LinkPropValue, type UrlPropValue } from '@elementor/editor-props';\nimport { MinusIcon, PlusIcon } from '@elementor/icons';\nimport { Collapse, Divider, Grid, IconButton, Stack, Switch } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { BoundPropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { UrlControl } from './url-control';\n\nconst SIZE = 'tiny';\n\nconst DEFAULT_LINK_CONTROL_VALUE: LinkPropValue = {\n\t$$type: 'link',\n\tvalue: {\n\t\tenabled: false,\n\t\thref: {\n\t\t\t$$type: 'url',\n\t\t\tvalue: '',\n\t\t},\n\t\tisTargetBlank: false,\n\t},\n};\n\nexport const LinkControl = createControl( () => {\n\tconst { value = DEFAULT_LINK_CONTROL_VALUE, setValue } = useBoundProp< LinkPropValue >();\n\tconst { enabled, href, isTargetBlank } = value?.value || {};\n\n\tconst handleOnChange = < T extends keyof LinkPropValue[ 'value' ] >(\n\t\tkey: T,\n\t\tnewValue: LinkPropValue[ 'value' ][ T ]\n\t) => {\n\t\tsetValue( {\n\t\t\t$$type: 'link',\n\t\t\tvalue: {\n\t\t\t\t...( value?.value ?? DEFAULT_LINK_CONTROL_VALUE.value ),\n\t\t\t\t[ key ]: newValue,\n\t\t\t},\n\t\t} );\n\t};\n\n\treturn (\n\t\t<Stack gap={ 1.5 }>\n\t\t\t<Divider />\n\t\t\t<Stack\n\t\t\t\tdirection=\"row\"\n\t\t\t\tsx={ {\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ControlLabel>{ __( 'Link', 'elementor' ) }</ControlLabel>\n\t\t\t\t<IconButton size={ SIZE } onClick={ () => handleOnChange( 'enabled', ! enabled ) }>\n\t\t\t\t\t{ enabled ? <MinusIcon fontSize={ SIZE } /> : <PlusIcon fontSize={ SIZE } /> }\n\t\t\t\t</IconButton>\n\t\t\t</Stack>\n\t\t\t<Collapse in={ enabled } timeout=\"auto\" unmountOnExit>\n\t\t\t\t<Stack gap={ 1.5 }>\n\t\t\t\t\t<BoundPropProvider\n\t\t\t\t\t\tvalue={ href }\n\t\t\t\t\t\tsetValue={ ( newHref ) => handleOnChange( 'href', newHref as UrlPropValue ) }\n\t\t\t\t\t\tbind={ 'href' }\n\t\t\t\t\t>\n\t\t\t\t\t\t<UrlControl placeholder={ __( 'Paste URL or type', 'elementor' ) } />\n\t\t\t\t\t</BoundPropProvider>\n\n\t\t\t\t\t<SwitchControl\n\t\t\t\t\t\tvalue={ isTargetBlank }\n\t\t\t\t\t\tonSwitch={ () => handleOnChange( 'isTargetBlank', ! isTargetBlank ) }\n\t\t\t\t\t/>\n\t\t\t\t</Stack>\n\t\t\t</Collapse>\n\t\t</Stack>\n\t);\n} );\n\n// @TODO Should be refactored in ED-16323\nconst SwitchControl = ( { value, onSwitch }: { value: boolean; onSwitch: () => void } ) => {\n\treturn (\n\t\t<Grid container alignItems=\"center\" flexWrap=\"nowrap\" justifyContent=\"space-between\">\n\t\t\t<Grid item>\n\t\t\t\t<ControlLabel>{ __( 'Open in new tab', 'elementor' ) }</ControlLabel>\n\t\t\t</Grid>\n\t\t\t<Grid item>\n\t\t\t\t<Switch checked={ value } onChange={ onSwitch } />\n\t\t\t</Grid>\n\t\t</Grid>\n\t);\n};\n","import * as React from 'react';\nimport { gapPropTypeUtil, type PropValue } from '@elementor/editor-props';\nimport { DetachIcon, LinkIcon } from '@elementor/icons';\nimport { Grid, Stack, ToggleButton } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { BoundPropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { SizeControl } from './size-control';\n\nexport type Gap = 'row' | 'column';\n\nexport const GapControl = createControl( ( { label }: { label: string } ) => {\n\tconst { value, setValue } = useBoundProp( gapPropTypeUtil );\n\tconst { column, row, isLinked = true } = value || {};\n\n\tconst setLinkedValue = ( gap: Gap, newValue: PropValue ) => {\n\t\tconst updatedValue = {\n\t\t\tisLinked,\n\t\t\tcolumn: isLinked ? newValue : column,\n\t\t\trow: isLinked ? newValue : row,\n\t\t\t[ gap ]: newValue,\n\t\t};\n\n\t\tsetValue( updatedValue );\n\t};\n\n\tconst toggleLinked = () => {\n\t\tconst updatedValue = {\n\t\t\tisLinked: ! isLinked,\n\t\t\tcolumn,\n\t\t\trow: ! isLinked ? column : row,\n\t\t};\n\n\t\tsetValue( updatedValue );\n\t};\n\n\tconst LinkedIcon = isLinked ? LinkIcon : DetachIcon;\n\n\treturn (\n\t\t<>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<ControlLabel>{ label }</ControlLabel>\n\t\t\t\t<ToggleButton\n\t\t\t\t\taria-label={ __( 'Link Inputs', 'elementor' ) }\n\t\t\t\t\tsize={ 'tiny' }\n\t\t\t\t\tvalue={ 'check' }\n\t\t\t\t\tselected={ isLinked }\n\t\t\t\t\tsx={ { marginLeft: 'auto' } }\n\t\t\t\t\tonChange={ toggleLinked }\n\t\t\t\t>\n\t\t\t\t\t<LinkedIcon fontSize={ 'tiny' } />\n\t\t\t\t</ToggleButton>\n\t\t\t</Stack>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Column', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<BoundPropProvider\n\t\t\t\t\t\t\tsetValue={ ( newValue ) => setLinkedValue( 'column', newValue ) }\n\t\t\t\t\t\t\tvalue={ column }\n\t\t\t\t\t\t\tbind=\"column\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SizeControl />\n\t\t\t\t\t\t</BoundPropProvider>\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Row', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<BoundPropProvider\n\t\t\t\t\t\t\tsetValue={ ( newValue ) => setLinkedValue( 'row', newValue ) }\n\t\t\t\t\t\t\tvalue={ row }\n\t\t\t\t\t\t\tbind=\"row\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SizeControl />\n\t\t\t\t\t\t</BoundPropProvider>\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</Stack>\n\t\t</>\n\t);\n} );\n","import * as React from 'react';\nimport {\n\ttype BackgroundColorOverlayPropValue,\n\tbackgroundPropTypeUtil,\n\ttype ColorPropValue,\n\ttype PropValue,\n} from '@elementor/editor-props';\nimport { Grid, Stack } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { BoundPropProvider, useBoundProp } from '../../bound-prop-context';\nimport { ControlLabel } from '../../components/control-label';\nimport { createControl } from '../../create-control';\nimport { ColorControl } from '../color-control';\nimport { BackgroundOverlayRepeaterControl } from './background-overlay/background-overlay-repeater-control';\n\ntype SetContextValue = ( v: PropValue ) => void;\n\nexport const BackgroundControl = createControl( () => {\n\tconst { value, setValue } = useBoundProp( backgroundPropTypeUtil );\n\n\tconst setColor = ( newValue: ColorPropValue ) => {\n\t\tsetValue( {\n\t\t\t...value,\n\t\t\tcolor: newValue,\n\t\t} );\n\t};\n\n\tconst setBackgroundColorOverlay = ( newValue: BackgroundColorOverlayPropValue ) => {\n\t\tsetValue( {\n\t\t\t...value,\n\t\t\t'background-overlay': newValue,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<Stack gap={ 1.5 }>\n\t\t\t<BoundPropProvider\n\t\t\t\tbind=\"background-overlay\"\n\t\t\t\tvalue={ value?.[ 'background-overlay' ] }\n\t\t\t\tsetValue={ setBackgroundColorOverlay as SetContextValue }\n\t\t\t>\n\t\t\t\t<BackgroundOverlayRepeaterControl />\n\t\t\t</BoundPropProvider>\n\t\t\t<BoundPropProvider bind=\"color\" value={ value?.color } setValue={ setColor as SetContextValue }>\n\t\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Color', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t\t<ColorControl />\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</BoundPropProvider>\n\t\t</Stack>\n\t);\n} );\n","import * as React from 'react';\nimport {\n\ttype BackgroundColorOverlayPropValue,\n\ttype BackgroundOverlayItemPropValue,\n\tbackgroundOverlayPropTypeUtil,\n\ttype BackgroundOverlayPropValue,\n\ttype PropValue,\n} from '@elementor/editor-props';\nimport { Grid, Stack, UnstableColorIndicator } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { BoundPropProvider, useBoundProp } from '../../../bound-prop-context';\nimport { ControlLabel } from '../../../components/control-label';\nimport { Repeater } from '../../../components/repeater';\nimport { createControl } from '../../../create-control';\nimport { ColorControl } from '../../color-control';\n\ntype SetContextValue = ( v: PropValue ) => void;\n\nconst initialBackgroundOverlay: BackgroundOverlayItemPropValue = {\n\t$$type: 'background-color-overlay',\n\tvalue: 'rgba(0, 0, 0, 0.2)',\n};\n\nexport const BackgroundOverlayRepeaterControl = createControl( () => {\n\tconst { value: overlayValues, setValue } = useBoundProp( backgroundOverlayPropTypeUtil );\n\n\tconst setColorOverlay = ( newValue: BackgroundOverlayPropValue[ 'value' ] ) => {\n\t\tsetValue( newValue );\n\t};\n\n\treturn (\n\t\t<Repeater\n\t\t\tvalues={ overlayValues ?? [] }\n\t\t\tsetValues={ setColorOverlay }\n\t\t\tlabel={ __( 'Overlay', 'elementor' ) }\n\t\t\titemSettings={ {\n\t\t\t\tIcon: ItemIcon,\n\t\t\t\tLabel: ItemLabel,\n\t\t\t\tContent: ItemContent,\n\t\t\t\tinitialValues: initialBackgroundOverlay,\n\t\t\t} }\n\t\t/>\n\t);\n} );\n\nconst ItemIcon = ( { value }: { value: BackgroundOverlayItemPropValue } ) => (\n\t<UnstableColorIndicator size=\"inherit\" component=\"span\" value={ value.value } />\n);\n\nconst ItemContent = ( {\n\tvalue,\n\tsetValue,\n}: {\n\tvalue: BackgroundOverlayItemPropValue;\n\tsetValue: ( newValue: BackgroundOverlayItemPropValue ) => void;\n} ) => {\n\tconst setBackgroundColorOverlay = ( newValue: BackgroundColorOverlayPropValue ) => {\n\t\tsetValue( {\n\t\t\t$$type: 'background-color-overlay',\n\t\t\tvalue: newValue.value,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<Stack gap={ 1.5 }>\n\t\t\t<BoundPropProvider\n\t\t\t\tbind=\"background-color-overlay\"\n\t\t\t\tvalue={ value }\n\t\t\t\tsetValue={ setBackgroundColorOverlay as SetContextValue }\n\t\t\t>\n\t\t\t\t<Grid container spacing={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Color', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ColorControl />\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</BoundPropProvider>\n\t\t</Stack>\n\t);\n};\n\nconst ItemLabel = ( { value }: { value: BackgroundOverlayItemPropValue } ) => {\n\tconst color = value.value;\n\n\treturn <span>{ color }</span>;\n};\n"],"mappings":"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","names":["React","import_editor_props","import_ui","import_i18n","value","React","React","import_ui","React","import_react","React","import_ui","React","import_ui","React","import_react","MenuItem","React","import_editor_props","import_ui","React","import_editor_props","import_ui","React","import_editor_props","import_ui","React","import_editor_props","import_ui","React","import_react","import_ui","import_react","units","React","import_editor_props","import_ui","import_i18n","React","import_editor_props","import_ui","React","import_editor_props","import_ui","import_i18n","React","import_react","import_icons","import_ui","import_i18n","Control","React","import_editor_props","React","import_ui","React","import_editor_props","import_ui","React","import_react","import_editor_props","import_ui","import_i18n","React","import_editor_props","import_icons","import_ui","import_i18n","Control","import_react","React","import_editor_props","import_icons","import_ui","import_i18n","import_i18n","SIZE","React","import_ui","React","import_icons","import_ui","import_i18n","SIZE","React","import_editor_props","import_icons","import_ui","import_i18n","React","import_editor_props","import_ui","import_i18n","React","import_editor_props","import_ui","import_i18n","ItemIcon","ItemLabel","ItemContent"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/controls/image-control.tsx","../src/bound-prop-context/prop-context.tsx","../src/bound-prop-context/errors.ts","../src/bound-prop-context/prop-key-context.tsx","../src/bound-prop-context/use-bound-prop.ts","../src/components/control-label.tsx","../src/create-control.tsx","../src/create-control-replacement.tsx","../src/controls/image-media-control.tsx","../src/control-actions/control-actions.tsx","../src/control-actions/control-actions-context.tsx","../src/controls/select-control.tsx","../src/controls/text-control.tsx","../src/controls/text-area-control.tsx","../src/controls/size-control.tsx","../src/components/text-field-inner-selection.tsx","../src/hooks/use-sync-external-state.tsx","../src/controls/stroke-control.tsx","../src/controls/color-control.tsx","../src/controls/box-shadow-repeater-control.tsx","../src/components/repeater.tsx","../src/controls/toggle-control.tsx","../src/components/control-toggle-button-group.tsx","../src/controls/number-control.tsx","../src/controls/equal-unequal-sizes-control.tsx","../src/controls/linked-dimensions-control.tsx","../src/controls/font-family-control.tsx","../src/hooks/use-filtered-font-families.ts","../src/controls/url-control.tsx","../src/controls/link-control.tsx","../src/controls/gap-control.tsx","../src/controls/background-control/background-control.tsx","../src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx"],"sourcesContent":["// control types\nexport { ImageControl } from './controls/image-control';\nexport { TextControl } from './controls/text-control';\nexport { TextAreaControl } from './controls/text-area-control';\nexport { SizeControl } from './controls/size-control';\nexport { StrokeControl } from './controls/stroke-control';\nexport { BoxShadowRepeaterControl } from './controls/box-shadow-repeater-control';\nexport { SelectControl } from './controls/select-control';\nexport { ColorControl } from './controls/color-control';\nexport { ToggleControl } from './controls/toggle-control';\nexport { NumberControl } from './controls/number-control';\nexport { EqualUnequalSizesControl } from './controls/equal-unequal-sizes-control';\nexport { LinkedDimensionsControl } from './controls/linked-dimensions-control';\nexport { FontFamilyControl } from './controls/font-family-control';\nexport { UrlControl } from './controls/url-control';\nexport { LinkControl } from './controls/link-control';\nexport { GapControl } from './controls/gap-control';\nexport { BackgroundControl } from './controls/background-control/background-control';\n\n// components\nexport { ControlLabel } from './components/control-label';\nexport { ControlToggleButtonGroup } from './components/control-toggle-button-group';\n\n// types\nexport type { ControlComponent } from './create-control';\nexport type { ToggleButtonGroupItem } from './components/control-toggle-button-group';\nexport type { EqualUnequalItems } from './controls/equal-unequal-sizes-control';\nexport type { ControlActionsItems } from './control-actions/control-actions-context';\nexport type { PropProviderProps } from './bound-prop-context';\nexport type { SetValue } from './bound-prop-context/prop-context';\n\n// providers\nexport { createControlReplacement, ControlReplacementProvider } from './create-control-replacement';\nexport { ControlActionsProvider, useControlActions } from './control-actions/control-actions-context';\nexport { useBoundProp, PropProvider, PropKeyProvider } from './bound-prop-context';\n\n// hooks\nexport { useSyncExternalState } from './hooks/use-sync-external-state';\n","import * as React from 'react';\nimport { imagePropTypeUtil } from '@elementor/editor-props';\nimport { Grid, Stack } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { PropKeyProvider, PropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { ImageMediaControl } from './image-media-control';\nimport { SelectControl } from './select-control';\n\nexport type ImageControlProps = {\n\tsizes: { label: string; value: string }[];\n};\n\nexport const ImageControl = createControl( ( props: ImageControlProps ) => {\n\tconst propContext = useBoundProp( imagePropTypeUtil );\n\n\treturn (\n\t\t<PropProvider { ...propContext }>\n\t\t\t<Stack gap={ 1.5 }>\n\t\t\t\t<PropKeyProvider bind={ 'src' }>\n\t\t\t\t\t<ImageMediaControl />\n\t\t\t\t</PropKeyProvider>\n\t\t\t\t<PropKeyProvider bind={ 'size' }>\n\t\t\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t\t\t<ControlLabel> { __( 'Image Resolution', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t\t\t<SelectControl options={ props.sizes } />\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t</Grid>\n\t\t\t\t</PropKeyProvider>\n\t\t\t</Stack>\n\t\t</PropProvider>\n\t);\n} );\n","import * as React from 'react';\nimport { createContext, useContext } from 'react';\nimport { type CreateOptions, type PropKey, type PropType, type PropValue } from '@elementor/editor-props';\n\nimport { HookOutsideProviderError } from './errors';\n\ntype SetValueMeta = {\n\tbind?: PropKey;\n};\n\nexport type SetValue< T > = ( value: T, options?: CreateOptions, meta?: SetValueMeta ) => void;\n\ntype PropContext< T extends PropValue, P extends PropType > = {\n\tsetValue: SetValue< T >;\n\tvalue: T | null;\n\tpropType: P;\n};\n\nconst PropContext = createContext< PropContext< PropValue, PropType > | null >( null );\n\nexport type PropProviderProps< T extends PropValue, P extends PropType > = React.PropsWithChildren<\n\tPropContext< T, P >\n>;\n\nexport const PropProvider = < T extends PropValue, P extends PropType >( {\n\tchildren,\n\tvalue,\n\tsetValue,\n\tpropType,\n}: PropProviderProps< T, P > ) => {\n\t// @ts-expect-error - figure out how to fix this\n\treturn <PropContext.Provider value={ { value, setValue, propType } }>{ children }</PropContext.Provider>;\n};\n\nexport const usePropContext = < T extends PropValue, P extends PropType >() => {\n\tconst context = useContext( PropContext ) as PropContext< T, P > | null;\n\n\tif ( ! context ) {\n\t\tthrow new HookOutsideProviderError( {\n\t\t\tcontext: {\n\t\t\t\thook: 'usePropContext',\n\t\t\t\tprovider: 'PropProvider',\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn context;\n};\n","import { createError } from '@elementor/utils';\n\nexport const MissingPropTypeError = createError( {\n\tcode: 'missing_prop_provider_prop_type',\n\tmessage: 'Prop type is missing',\n} );\n\nexport const UnsupportedParentError = createError( {\n\tcode: 'unsupported_prop_provider_prop_type',\n\tmessage: 'Parent prop type is not supported',\n} );\n\nexport const HookOutsideProviderError = createError( {\n\tcode: 'hook_outside_provider',\n\tmessage: 'Hook used outside of provider',\n} );\n","import * as React from 'react';\nimport { createContext, useContext } from 'react';\nimport {\n\ttype ArrayPropType,\n\ttype ArrayPropValue,\n\ttype CreateOptions,\n\ttype ObjectPropType,\n\ttype ObjectPropValue,\n\ttype PropKey,\n\ttype PropType,\n\ttype PropValue,\n} from '@elementor/editor-props';\n\nimport { HookOutsideProviderError, MissingPropTypeError, UnsupportedParentError } from './errors';\nimport { type SetValue, usePropContext } from './prop-context';\n\nexport type PropKeyContextValue< T, P > = {\n\tbind: PropKey;\n\tsetValue: SetValue< T >;\n\tvalue: T;\n\tpropType: P;\n};\n\nexport const PropKeyContext = createContext< PropKeyContextValue< PropValue, PropType > | null >( null );\n\ntype PropKeyProviderProps = React.PropsWithChildren< {\n\tbind: PropKey;\n} >;\n\nexport const PropKeyProvider = ( { children, bind }: PropKeyProviderProps ) => {\n\tconst { propType } = usePropContext();\n\n\tif ( ! propType ) {\n\t\tthrow new MissingPropTypeError( { context: { bind } } );\n\t}\n\n\tif ( propType.kind === 'array' ) {\n\t\treturn <ArrayPropKeyProvider bind={ bind }>{ children }</ArrayPropKeyProvider>;\n\t}\n\n\tif ( propType.kind === 'object' ) {\n\t\treturn <ObjectPropKeyProvider bind={ bind }>{ children }</ObjectPropKeyProvider>;\n\t}\n\n\tthrow new UnsupportedParentError( { context: { propType } } );\n};\n\nconst ObjectPropKeyProvider = ( { children, bind }: PropKeyProviderProps ) => {\n\tconst context = usePropContext< ObjectPropValue[ 'value' ], ObjectPropType >();\n\n\tconst setValue: SetValue< PropValue > = ( value, options, meta ) => {\n\t\tconst newValue = {\n\t\t\t...context.value,\n\t\t\t[ bind ]: value,\n\t\t};\n\n\t\treturn context?.setValue( newValue, options, { ...meta, bind } );\n\t};\n\n\tconst value = context.value?.[ bind ];\n\n\tconst propType = context.propType.shape[ bind ];\n\n\treturn (\n\t\t<PropKeyContext.Provider value={ { ...context, value, setValue, bind, propType } }>\n\t\t\t{ children }\n\t\t</PropKeyContext.Provider>\n\t);\n};\n\nconst ArrayPropKeyProvider = ( { children, bind }: PropKeyProviderProps ) => {\n\tconst context = usePropContext< ArrayPropValue[ 'value' ], ArrayPropType >();\n\n\tconst setValue = ( value: PropValue, options?: CreateOptions ) => {\n\t\tconst newValue = [ ...( context.value ?? [] ) ];\n\n\t\tnewValue[ Number( bind ) ] = value;\n\n\t\treturn context?.setValue( newValue, options, { bind } );\n\t};\n\n\tconst value = context.value?.[ Number( bind ) ];\n\n\tconst propType = context.propType.item_prop_type;\n\n\treturn (\n\t\t<PropKeyContext.Provider value={ { ...context, value, setValue, bind, propType } }>\n\t\t\t{ children }\n\t\t</PropKeyContext.Provider>\n\t);\n};\n\nexport const usePropKeyContext = () => {\n\tconst context = useContext( PropKeyContext );\n\n\tif ( ! context ) {\n\t\tthrow new HookOutsideProviderError( {\n\t\t\tcontext: { hook: 'usePropKeyContext', provider: 'PropKeyProvider' },\n\t\t} );\n\t}\n\n\treturn context;\n};\n","import {\n\ttype CreateOptions,\n\ttype PropKey,\n\ttype PropType,\n\ttype PropTypeUtil,\n\ttype PropValue,\n} from '@elementor/editor-props';\n\nimport { MissingPropTypeError } from './errors';\nimport { type SetValue } from './prop-context';\nimport { type PropKeyContextValue, usePropKeyContext } from './prop-key-context';\n\ntype UseBoundProp< TValue extends PropValue > = {\n\tbind: PropKey;\n\tsetValue: SetValue< TValue | null >;\n\tvalue: TValue;\n\tpropType: PropType;\n};\n\nexport function useBoundProp< T extends PropValue = PropValue >(): PropKeyContextValue< T, PropType >;\n\nexport function useBoundProp< TKey extends string, TValue extends PropValue >(\n\tpropTypeUtil: PropTypeUtil< TKey, TValue >\n): UseBoundProp< TValue >;\n\nexport function useBoundProp< TKey extends string, TValue extends PropValue >(\n\tpropTypeUtil?: PropTypeUtil< TKey, TValue >\n) {\n\tconst propKeyContext = usePropKeyContext();\n\n\t// allow using the hook without a propTypeUtil, with no modifications or validations.\n\tif ( ! propTypeUtil ) {\n\t\treturn propKeyContext;\n\t}\n\n\tfunction setValue( value: TValue | null, options: CreateOptions, meta: { bind?: PropKey } ) {\n\t\tif ( value === null ) {\n\t\t\treturn propKeyContext?.setValue( null, options, meta );\n\t\t}\n\n\t\treturn propKeyContext?.setValue( propTypeUtil?.create( value, options ), {}, meta );\n\t}\n\n\tconst propType = resolveUnionPropType( propKeyContext.propType, propTypeUtil.key );\n\n\tconst value = propTypeUtil.extract( propKeyContext.value ?? propType.default ?? null );\n\n\treturn {\n\t\t...propKeyContext,\n\t\tsetValue,\n\t\tvalue,\n\t\tpropType,\n\t};\n}\n\n// utils\nconst resolveUnionPropType = ( propType: PropType, key: string ): PropType => {\n\tlet resolvedPropType = propType;\n\n\tif ( propType.kind === 'union' ) {\n\t\tresolvedPropType = propType.prop_types[ key ];\n\t}\n\n\tif ( ! resolvedPropType ) {\n\t\tthrow new MissingPropTypeError( { context: { key } } );\n\t}\n\n\treturn resolvedPropType;\n};\n","import * as React from 'react';\nimport { Typography } from '@elementor/ui';\n\nexport const ControlLabel = ( { children }: { children: React.ReactNode } ) => {\n\treturn (\n\t\t<Typography component=\"label\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t{ children }\n\t\t</Typography>\n\t);\n};\n","import * as React from 'react';\nimport { type ComponentProps, type ComponentType } from 'react';\nimport { ErrorBoundary } from '@elementor/ui';\n\nimport { useControlReplacement } from './create-control-replacement';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyComponentType = ComponentType< any >;\n\ntype Options = {\n\tsupportsReplacements?: boolean;\n};\n\nconst brandSymbol = Symbol( 'control' );\n\nexport type ControlComponent< TComponent extends AnyComponentType = AnyComponentType > = TComponent & {\n\t[ brandSymbol ]: true;\n};\n\nexport function createControl< T extends AnyComponentType >(\n\tComponent: T,\n\t{ supportsReplacements = true }: Options = {}\n) {\n\treturn ( ( props: ComponentProps< T > ) => {\n\t\tconst ControlReplacement = useControlReplacement();\n\n\t\tif ( ControlReplacement && supportsReplacements ) {\n\t\t\treturn (\n\t\t\t\t<ErrorBoundary fallback={ null }>\n\t\t\t\t\t<ControlReplacement { ...props } />\n\t\t\t\t</ErrorBoundary>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundary fallback={ null }>\n\t\t\t\t<Component { ...props } />\n\t\t\t</ErrorBoundary>\n\t\t);\n\t} ) as ControlComponent< T >;\n}\n","import * as React from 'react';\nimport { type ComponentType, createContext, useContext } from 'react';\nimport { type PropValue } from '@elementor/editor-props';\n\nimport { useBoundProp } from './bound-prop-context';\n\nexport type ReplaceWhenParams = {\n\tvalue: PropValue;\n};\n\nexport type CreateControlReplacement = {\n\tcomponent: ComponentType;\n\tcondition: ( { value }: ReplaceWhenParams ) => boolean;\n};\n\nconst ControlReplacementContext = createContext< CreateControlReplacement | undefined >( undefined );\n\nexport const ControlReplacementProvider = ( {\n\tcomponent,\n\tcondition,\n\tchildren,\n}: React.PropsWithChildren< CreateControlReplacement > ) => {\n\treturn (\n\t\t<ControlReplacementContext.Provider value={ { component, condition } }>\n\t\t\t{ children }\n\t\t</ControlReplacementContext.Provider>\n\t);\n};\nexport const useControlReplacement = () => {\n\tconst { value } = useBoundProp();\n\tconst controlReplacement = useContext( ControlReplacementContext );\n\n\tlet shouldReplace = false;\n\n\ttry {\n\t\tshouldReplace = !! controlReplacement?.condition( { value } ) && !! controlReplacement.component;\n\t} catch {}\n\n\treturn shouldReplace ? controlReplacement?.component : undefined;\n};\n\nexport const createControlReplacement = () => {\n\tlet controlReplacement: CreateControlReplacement;\n\n\tfunction replaceControl( { component, condition }: CreateControlReplacement ) {\n\t\tcontrolReplacement = { component, condition };\n\t}\n\n\tfunction getControlReplacement() {\n\t\treturn controlReplacement;\n\t}\n\n\treturn { replaceControl, getControlReplacement };\n};\n","import * as React from 'react';\nimport { imageSrcPropTypeUtil } from '@elementor/editor-props';\nimport { UploadIcon } from '@elementor/icons';\nimport { Button, Card, CardMedia, CardOverlay, CircularProgress, Stack } from '@elementor/ui';\nimport { useWpMediaAttachment, useWpMediaFrame } from '@elementor/wp-media';\nimport { __ } from '@wordpress/i18n';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\nexport const ImageMediaControl = createControl( () => {\n\tconst { value, setValue } = useBoundProp( imageSrcPropTypeUtil );\n\tconst { id, url } = value ?? {};\n\n\tconst { data: attachment, isFetching } = useWpMediaAttachment( id?.value || null );\n\tconst src = attachment?.url ?? url?.value ?? null;\n\n\tconst { open } = useWpMediaFrame( {\n\t\ttypes: [ 'image' ],\n\t\tmultiple: false,\n\t\tselected: id?.value || null,\n\t\tonSelect: ( selectedAttachment ) => {\n\t\t\tsetValue( {\n\t\t\t\tid: {\n\t\t\t\t\t$$type: 'image-attachment-id',\n\t\t\t\t\tvalue: selectedAttachment.id,\n\t\t\t\t},\n\t\t\t\turl: null,\n\t\t\t} );\n\t\t},\n\t} );\n\n\treturn (\n\t\t<Card variant=\"outlined\">\n\t\t\t<CardMedia image={ src } sx={ { height: 150 } }>\n\t\t\t\t{ isFetching ? (\n\t\t\t\t\t<Stack justifyContent=\"center\" alignItems=\"center\" width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t<CircularProgress />\n\t\t\t\t\t</Stack>\n\t\t\t\t) : null }\n\t\t\t</CardMedia>\n\t\t\t<CardOverlay>\n\t\t\t\t<ControlActions>\n\t\t\t\t\t<Stack gap={ 1 }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tcolor=\"inherit\"\n\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t\tonClick={ () => open( { mode: 'browse' } ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Select Image', 'elementor' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tvariant=\"text\"\n\t\t\t\t\t\t\tcolor=\"inherit\"\n\t\t\t\t\t\t\tstartIcon={ <UploadIcon /> }\n\t\t\t\t\t\t\tonClick={ () => open( { mode: 'upload' } ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Upload Image', 'elementor' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</ControlActions>\n\t\t\t</CardOverlay>\n\t\t</Card>\n\t);\n} );\n","import * as React from 'react';\nimport { type PropsWithChildren, type ReactElement } from 'react';\nimport { styled, UnstableFloatingActionBar } from '@elementor/ui';\n\nimport { useControlActions } from './control-actions-context';\n\n// CSS hack to hide empty floating bars.\nconst FloatingBarContainer = styled( 'span' )`\n\tdisplay: contents;\n\n\t.MuiFloatingActionBar-popper:has( .MuiFloatingActionBar-actions:empty ) {\n\t\tdisplay: none;\n\t}\n`;\n\nexport type ControlActionsProps = PropsWithChildren< object >;\n\nexport default function ControlActions( { children }: ControlActionsProps ) {\n\tconst { items } = useControlActions();\n\n\tif ( items.length === 0 ) {\n\t\treturn children;\n\t}\n\n\tconst menuItems = items.map( ( { MenuItem, id } ) => <MenuItem key={ id } /> );\n\n\treturn (\n\t\t<FloatingBarContainer>\n\t\t\t<UnstableFloatingActionBar actions={ menuItems }>{ children as ReactElement }</UnstableFloatingActionBar>\n\t\t</FloatingBarContainer>\n\t);\n}\n","import * as React from 'react';\nimport { createContext, type PropsWithChildren, useContext } from 'react';\n\nexport type ControlActionsItems = Array< {\n\tid: string;\n\tMenuItem: React.ComponentType;\n} >;\n\ntype ControlActionsContext = {\n\titems: ControlActionsItems;\n};\n\nconst Context = createContext< ControlActionsContext | null >( null );\n\nexport type ControlActionsProviderProps = PropsWithChildren< ControlActionsContext >;\n\nexport const ControlActionsProvider = ( { children, items }: ControlActionsProviderProps ) => (\n\t<Context.Provider value={ { items } }>{ children }</Context.Provider>\n);\n\nexport const useControlActions = () => {\n\tconst context = useContext( Context );\n\n\tif ( ! context ) {\n\t\tthrow new Error( 'useControlActions must be used within a ControlActionsProvider' );\n\t}\n\n\treturn context;\n};\n","import * as React from 'react';\nimport { stringPropTypeUtil, type StringPropValue } from '@elementor/editor-props';\nimport { MenuItem, Select, type SelectChangeEvent } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\ntype Props = {\n\toptions: Array< { label: string; value: StringPropValue[ 'value' ]; disabled?: boolean } >;\n\tonChange?: ( newValue: string | null, previousValue: string | null | undefined ) => void;\n};\n\nexport const SelectControl = createControl( ( { options, onChange }: Props ) => {\n\tconst { value, setValue } = useBoundProp( stringPropTypeUtil );\n\n\tconst handleChange = ( event: SelectChangeEvent< StringPropValue[ 'value' ] > ) => {\n\t\tonChange?.( event.target.value, value );\n\t\tsetValue( event.target.value );\n\t};\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<Select displayEmpty size=\"tiny\" value={ value ?? '' } onChange={ handleChange } fullWidth>\n\t\t\t\t{ options.map( ( { label, ...props } ) => (\n\t\t\t\t\t<MenuItem key={ props.value } { ...props }>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t) ) }\n\t\t\t</Select>\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { stringPropTypeUtil } from '@elementor/editor-props';\nimport { TextField } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\nexport const TextControl = createControl( ( { placeholder }: { placeholder?: string } ) => {\n\tconst { value, setValue } = useBoundProp( stringPropTypeUtil );\n\n\tconst handleChange = ( event: React.ChangeEvent< HTMLInputElement > ) => setValue( event.target.value );\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<TextField\n\t\t\t\tsize=\"tiny\"\n\t\t\t\tfullWidth\n\t\t\t\tvalue={ value ?? '' }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t/>\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { stringPropTypeUtil } from '@elementor/editor-props';\nimport { TextField } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\ntype Props = {\n\tplaceholder?: string;\n};\n\nexport const TextAreaControl = createControl( ( { placeholder }: Props ) => {\n\tconst { value, setValue } = useBoundProp( stringPropTypeUtil );\n\n\tconst handleChange = ( event: React.ChangeEvent< HTMLInputElement > ) => {\n\t\tsetValue( event.target.value );\n\t};\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<TextField\n\t\t\t\tsize=\"tiny\"\n\t\t\t\tmultiline\n\t\t\t\tfullWidth\n\t\t\t\trows={ 5 }\n\t\t\t\tvalue={ value ?? '' }\n\t\t\t\tonChange={ handleChange }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t/>\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { sizePropTypeUtil } from '@elementor/editor-props';\nimport { InputAdornment } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport { SelectionEndAdornment, TextFieldInnerSelection } from '../components/text-field-inner-selection';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\nimport { useSyncExternalState } from '../hooks/use-sync-external-state';\n\nexport type Unit = 'px' | '%' | 'em' | 'rem' | 'vw' | 'vh';\n\nconst defaultUnits: Unit[] = [ 'px', '%', 'em', 'rem', 'vw', 'vh' ];\n\nconst defaultUnit = 'px';\nconst defaultSize = NaN;\n\nexport type SizeControlProps = {\n\tplaceholder?: string;\n\tstartIcon?: React.ReactNode;\n\tunits?: Unit[];\n};\n\nexport const SizeControl = createControl( ( { units = defaultUnits, placeholder, startIcon }: SizeControlProps ) => {\n\tconst { value, setValue } = useBoundProp( sizePropTypeUtil );\n\n\tconst [ state, setState ] = useSyncExternalState( {\n\t\texternal: value,\n\t\tsetExternal: setValue,\n\t\tpersistWhen: ( controlValue ) => !! controlValue?.size || controlValue?.size === 0,\n\t\tfallback: ( controlValue ) => ( { unit: controlValue?.unit || defaultUnit, size: defaultSize } ),\n\t} );\n\n\tconst handleUnitChange = ( unit: Unit ) => {\n\t\tsetState( ( prev ) => ( {\n\t\t\tsize: prev?.size ?? defaultSize,\n\t\t\tunit,\n\t\t} ) );\n\t};\n\n\tconst handleSizeChange = ( event: React.ChangeEvent< HTMLInputElement > ) => {\n\t\tconst { value: size } = event.target;\n\n\t\tsetState( ( prev ) => ( {\n\t\t\t...prev,\n\t\t\tsize: size || size === '0' ? parseFloat( size ) : defaultSize,\n\t\t} ) );\n\t};\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<TextFieldInnerSelection\n\t\t\t\tendAdornment={\n\t\t\t\t\t<SelectionEndAdornment\n\t\t\t\t\t\toptions={ units }\n\t\t\t\t\t\tonClick={ handleUnitChange }\n\t\t\t\t\t\tvalue={ state?.unit ?? defaultUnit }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tstartAdornment={ startIcon ?? <InputAdornment position=\"start\">{ startIcon }</InputAdornment> }\n\t\t\t\ttype=\"number\"\n\t\t\t\tvalue={ Number.isNaN( state?.size ) ? '' : state?.size }\n\t\t\t\tonChange={ handleSizeChange }\n\t\t\t/>\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { forwardRef, useId } from 'react';\nimport { type PropValue } from '@elementor/editor-props';\nimport { bindMenu, bindTrigger, Button, InputAdornment, Menu, MenuItem, TextField, usePopupState } from '@elementor/ui';\n\nexport type TextFieldInnerSelectionProps = {\n\tplaceholder?: string;\n\ttype: string;\n\tvalue: PropValue;\n\tonChange: ( event: React.ChangeEvent< HTMLInputElement > ) => void;\n\tendAdornment: React.ReactNode;\n\tstartAdornment?: React.ReactNode;\n};\n\nexport const TextFieldInnerSelection = forwardRef(\n\t( { placeholder, type, value, onChange, endAdornment, startAdornment }: TextFieldInnerSelectionProps, ref ) => {\n\t\treturn (\n\t\t\t<TextField\n\t\t\t\tsize=\"tiny\"\n\t\t\t\tfullWidth\n\t\t\t\ttype={ type }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tInputProps={ {\n\t\t\t\t\tendAdornment,\n\t\t\t\t\tstartAdornment,\n\t\t\t\t} }\n\t\t\t\tref={ ref }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport type SelectionEndAdornmentProps< T extends string > = {\n\toptions: T[];\n\tonClick: ( value: T ) => void;\n\tvalue: T;\n};\n\nexport const SelectionEndAdornment = < T extends string >( {\n\toptions,\n\tonClick,\n\tvalue,\n}: SelectionEndAdornmentProps< T > ) => {\n\tconst popupState = usePopupState( {\n\t\tvariant: 'popover',\n\t\tpopupId: useId(),\n\t} );\n\n\tconst handleMenuItemClick = ( index: number ) => {\n\t\tonClick( options[ index ] );\n\t\tpopupState.close();\n\t};\n\n\treturn (\n\t\t<InputAdornment position=\"end\">\n\t\t\t<Button\n\t\t\t\tsize=\"small\"\n\t\t\t\tcolor=\"inherit\"\n\t\t\t\tsx={ { font: 'inherit', minWidth: 'initial' } }\n\t\t\t\t{ ...bindTrigger( popupState ) }\n\t\t\t>\n\t\t\t\t{ value.toUpperCase() }\n\t\t\t</Button>\n\n\t\t\t<Menu MenuListProps={ { dense: true } } { ...bindMenu( popupState ) }>\n\t\t\t\t{ options.map( ( option, index ) => (\n\t\t\t\t\t<MenuItem key={ option } onClick={ () => handleMenuItemClick( index ) }>\n\t\t\t\t\t\t{ option.toUpperCase() }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t) ) }\n\t\t\t</Menu>\n\t\t</InputAdornment>\n\t);\n};\n","import { useEffect, useState } from 'react';\n\ntype UseInternalStateOptions< TValue > = {\n\texternal: TValue | null;\n\tsetExternal: ( value: TValue | null ) => void;\n\tpersistWhen: ( value: TValue | null ) => boolean;\n\tfallback: ( value: TValue | null ) => TValue;\n};\n\nexport const useSyncExternalState = < TValue, >( {\n\texternal,\n\tsetExternal,\n\tpersistWhen,\n\tfallback,\n}: UseInternalStateOptions< TValue > ) => {\n\tfunction toExternal( internalValue: TValue | null ) {\n\t\tif ( persistWhen( internalValue ) ) {\n\t\t\treturn internalValue;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tfunction toInternal( externalValue: TValue | null, internalValue: TValue | null ) {\n\t\tif ( ! externalValue ) {\n\t\t\treturn fallback( internalValue );\n\t\t}\n\n\t\treturn externalValue;\n\t}\n\n\tconst [ internal, setInternal ] = useState< TValue >( toInternal( external, null ) );\n\n\tuseEffect( () => {\n\t\tsetInternal( ( prevInternal ) => toInternal( external, prevInternal ) );\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ external ] );\n\n\ttype SetterFunc = ( value: TValue ) => TValue;\n\n\tconst setInternalValue = ( setter: SetterFunc | TValue ) => {\n\t\tconst setterFn = ( typeof setter === 'function' ? setter : () => setter ) as SetterFunc;\n\t\tconst updated = setterFn( internal );\n\n\t\tsetInternal( updated );\n\t\tsetExternal( toExternal( updated ) );\n\t};\n\n\treturn [ internal, setInternalValue ] as const;\n};\n","import * as React from 'react';\nimport { strokePropTypeUtil } from '@elementor/editor-props';\nimport { Grid, Stack } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { PropKeyProvider, PropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { ColorControl } from './color-control';\nimport { SizeControl, type Unit } from './size-control';\n\nexport type StrokeProps = {\n\tbind: string;\n\tlabel: string;\n\tchildren: React.ReactNode;\n};\n\nconst units: Unit[] = [ 'px', 'em', 'rem' ];\n\nexport const StrokeControl = createControl( () => {\n\tconst propContext = useBoundProp( strokePropTypeUtil );\n\n\treturn (\n\t\t<PropProvider { ...propContext }>\n\t\t\t<Stack gap={ 1.5 }>\n\t\t\t\t<Control bind=\"width\" label={ __( 'Stroke Width', 'elementor' ) }>\n\t\t\t\t\t<SizeControl units={ units } />\n\t\t\t\t</Control>\n\t\t\t\t<Control bind=\"color\" label={ __( 'Stroke Color', 'elementor' ) }>\n\t\t\t\t\t<ColorControl />\n\t\t\t\t</Control>\n\t\t\t</Stack>\n\t\t</PropProvider>\n\t);\n} );\n\nconst Control = ( { bind, label, children }: StrokeProps ) => (\n\t<PropKeyProvider bind={ bind }>\n\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t<ControlLabel>{ label }</ControlLabel>\n\t\t\t</Grid>\n\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t{ children }\n\t\t\t</Grid>\n\t\t</Grid>\n\t</PropKeyProvider>\n);\n","import * as React from 'react';\nimport { colorPropTypeUtil, type PropTypeUtil } from '@elementor/editor-props';\nimport { UnstableColorField, type UnstableColorFieldProps } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\ntype Props = Partial< Omit< UnstableColorFieldProps, 'value' | 'onChange' > > & {\n\tpropTypeUtil?: PropTypeUtil< string, string >;\n};\n\nexport const ColorControl = createControl( ( { propTypeUtil = colorPropTypeUtil, ...props }: Props ) => {\n\tconst { value, setValue } = useBoundProp( propTypeUtil );\n\n\tconst handleChange = ( selectedColor: string ) => {\n\t\tsetValue( selectedColor );\n\t};\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<UnstableColorField size=\"tiny\" { ...props } value={ value ?? '' } onChange={ handleChange } fullWidth />\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { boxShadowPropTypeUtil, type PropKey, shadowPropTypeUtil, type ShadowPropValue } from '@elementor/editor-props';\nimport { Grid, Stack, Typography, UnstableColorIndicator } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { PropKeyProvider, PropProvider, useBoundProp } from '../bound-prop-context';\nimport { Repeater } from '../components/repeater';\nimport { createControl } from '../create-control';\nimport { ColorControl } from './color-control';\nimport { SelectControl } from './select-control';\nimport { SizeControl } from './size-control';\n\nexport const BoxShadowRepeaterControl = createControl( () => {\n\tconst { propType, value, setValue } = useBoundProp( boxShadowPropTypeUtil );\n\n\treturn (\n\t\t<PropProvider propType={ propType } value={ value } setValue={ setValue }>\n\t\t\t<Repeater\n\t\t\t\tvalues={ value ?? [] }\n\t\t\t\tsetValues={ setValue }\n\t\t\t\tlabel={ __( 'Box shadow', 'elementor' ) }\n\t\t\t\titemSettings={ {\n\t\t\t\t\tIcon: ItemIcon,\n\t\t\t\t\tLabel: ItemLabel,\n\t\t\t\t\tContent: ItemContent,\n\t\t\t\t\tinitialValues: initialShadow,\n\t\t\t\t} }\n\t\t\t/>\n\t\t</PropProvider>\n\t);\n} );\n\nconst ItemIcon = ( { value }: { value: ShadowPropValue } ) => (\n\t<UnstableColorIndicator size=\"inherit\" component=\"span\" value={ value.value.color.value } />\n);\n\nconst ItemContent = ( { anchorEl, bind }: { anchorEl: HTMLElement | null; bind: PropKey } ) => {\n\treturn (\n\t\t<PropKeyProvider bind={ bind }>\n\t\t\t<Content anchorEl={ anchorEl } />\n\t\t</PropKeyProvider>\n\t);\n};\n\nconst Content = ( { anchorEl }: { anchorEl: HTMLElement | null } ) => {\n\tconst { propType, value, setValue } = useBoundProp( shadowPropTypeUtil );\n\n\treturn (\n\t\t<PropProvider propType={ propType } value={ value } setValue={ setValue }>\n\t\t\t<Stack gap={ 1.5 }>\n\t\t\t\t<Grid container gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t\t<Control bind=\"color\" label={ __( 'Color', 'elementor' ) }>\n\t\t\t\t\t\t<ColorControl\n\t\t\t\t\t\t\tslotProps={ {\n\t\t\t\t\t\t\t\tcolorPicker: {\n\t\t\t\t\t\t\t\t\tanchorEl,\n\t\t\t\t\t\t\t\t\tanchorOrigin: {\n\t\t\t\t\t\t\t\t\t\tvertical: 'top',\n\t\t\t\t\t\t\t\t\t\thorizontal: 'right',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\ttransformOrigin: {\n\t\t\t\t\t\t\t\t\t\tvertical: 'top',\n\t\t\t\t\t\t\t\t\t\thorizontal: -10,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Control>\n\t\t\t\t\t<Control bind=\"position\" label={ __( 'Position', 'elementor' ) }>\n\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t\t{ label: __( 'Inset', 'elementor' ), value: 'inset' },\n\t\t\t\t\t\t\t\t{ label: __( 'Outset', 'elementor' ), value: '' },\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Control>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid container gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t\t<Control bind=\"hOffset\" label={ __( 'Horizontal', 'elementor' ) }>\n\t\t\t\t\t\t<SizeControl />\n\t\t\t\t\t</Control>\n\t\t\t\t\t<Control bind=\"vOffset\" label={ __( 'Vertical', 'elementor' ) }>\n\t\t\t\t\t\t<SizeControl />\n\t\t\t\t\t</Control>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid container gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t\t<Control bind=\"blur\" label={ __( 'Blur', 'elementor' ) }>\n\t\t\t\t\t\t<SizeControl />\n\t\t\t\t\t</Control>\n\t\t\t\t\t<Control bind=\"spread\" label={ __( 'Spread', 'elementor' ) }>\n\t\t\t\t\t\t<SizeControl />\n\t\t\t\t\t</Control>\n\t\t\t\t</Grid>\n\t\t\t</Stack>\n\t\t</PropProvider>\n\t);\n};\n\nconst Control = ( { label, bind, children }: { bind: string; label: string; children: React.ReactNode } ) => (\n\t<PropKeyProvider bind={ bind }>\n\t\t<Grid item xs={ 6 }>\n\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t<Typography component=\"label\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</Typography>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t{ children }\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Grid>\n\t</PropKeyProvider>\n);\n\nconst ItemLabel = ( { value }: { value: ShadowPropValue } ) => {\n\tconst { position, hOffset, vOffset, blur, spread } = value.value;\n\n\tconst { size: blurSize = '', unit: blurUnit = '' } = blur?.value || {};\n\tconst { size: spreadSize = '', unit: spreadUnit = '' } = spread?.value || {};\n\tconst { size: hOffsetSize = 'unset', unit: hOffsetUnit = '' } = hOffset?.value || {};\n\tconst { size: vOffsetSize = 'unset', unit: vOffsetUnit = '' } = vOffset?.value || {};\n\n\tconst sizes = [\n\t\thOffsetSize + hOffsetUnit,\n\t\tvOffsetSize + vOffsetUnit,\n\t\tblurSize + blurUnit,\n\t\tspreadSize + spreadUnit,\n\t].join( ' ' );\n\n\treturn (\n\t\t<span style={ { textTransform: 'capitalize' } }>\n\t\t\t{ position ?? 'outset' }: { sizes }\n\t\t</span>\n\t);\n};\n\nconst initialShadow: ShadowPropValue = {\n\t$$type: 'shadow',\n\tvalue: {\n\t\thOffset: {\n\t\t\t$$type: 'size',\n\t\t\tvalue: { unit: 'px', size: 0 },\n\t\t},\n\t\tvOffset: {\n\t\t\t$$type: 'size',\n\t\t\tvalue: { unit: 'px', size: 0 },\n\t\t},\n\t\tblur: {\n\t\t\t$$type: 'size',\n\t\t\tvalue: { unit: 'px', size: 10 },\n\t\t},\n\t\tspread: {\n\t\t\t$$type: 'size',\n\t\t\tvalue: { unit: 'px', size: 0 },\n\t\t},\n\t\tcolor: {\n\t\t\t$$type: 'color',\n\t\t\tvalue: 'rgba(0, 0, 0, 1)',\n\t\t},\n\t\tposition: null,\n\t},\n};\n","import * as React from 'react';\nimport { useId, useRef, useState } from 'react';\nimport { type PropKey } from '@elementor/editor-props';\nimport { CopyIcon, EyeIcon, EyeOffIcon, PlusIcon, XIcon } from '@elementor/icons';\nimport {\n\tbindPopover,\n\tbindTrigger,\n\tBox,\n\tIconButton,\n\tPopover,\n\tStack,\n\tTypography,\n\tUnstableTag,\n\ttype UnstableTagProps,\n\tusePopupState,\n} from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nconst SIZE = 'tiny';\n\ntype AnchorEl = HTMLElement | null;\n\ntype Item< T > = {\n\tdisabled?: boolean;\n} & T;\n\nexport type RepeaterProps< T > = {\n\tlabel: string;\n\tvalues?: T[];\n\tsetValues: ( newValue: T[] ) => void;\n\titemSettings: {\n\t\tinitialValues: T;\n\t\tLabel: React.ComponentType< { value: T } >;\n\t\tIcon: React.ComponentType< { value: T } >;\n\t\tContent: React.ComponentType< {\n\t\t\tanchorEl: AnchorEl;\n\t\t\tbind: PropKey;\n\t\t} >;\n\t};\n};\n\nexport const Repeater = < T, >( {\n\tlabel,\n\titemSettings,\n\tvalues: repeaterValues = [],\n\tsetValues: setRepeaterValues,\n}: RepeaterProps< Item< T > > ) => {\n\tconst addRepeaterItem = () => {\n\t\tconst newItem = structuredClone( itemSettings.initialValues );\n\n\t\tsetRepeaterValues( [ ...repeaterValues, newItem ] );\n\t};\n\n\tconst duplicateRepeaterItem = ( index: number ) => {\n\t\tsetRepeaterValues( [\n\t\t\t...repeaterValues.slice( 0, index ),\n\t\t\tstructuredClone( repeaterValues[ index ] ),\n\t\t\t...repeaterValues.slice( index ),\n\t\t] );\n\t};\n\n\tconst removeRepeaterItem = ( index: number ) => {\n\t\tsetRepeaterValues( repeaterValues.filter( ( _, i ) => i !== index ) );\n\t};\n\n\tconst toggleDisableRepeaterItem = ( index: number ) => {\n\t\tsetRepeaterValues(\n\t\t\trepeaterValues.map( ( value, i ) => {\n\t\t\t\tif ( i === index ) {\n\t\t\t\t\tconst { disabled, ...rest } = value;\n\n\t\t\t\t\t// If the items should not be disabled, remove the disabled property.\n\t\t\t\t\treturn { ...rest, ...( disabled ? {} : { disabled: true } ) } as Item< T >;\n\t\t\t\t}\n\n\t\t\t\treturn value;\n\t\t\t} )\n\t\t);\n\t};\n\n\treturn (\n\t\t<Stack>\n\t\t\t<Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" sx={ { pb: 1 } }>\n\t\t\t\t<Typography component=\"label\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t\t\t{ label }\n\t\t\t\t</Typography>\n\t\t\t\t<IconButton size={ SIZE } onClick={ addRepeaterItem } aria-label={ __( 'Add item', 'elementor' ) }>\n\t\t\t\t\t<PlusIcon fontSize={ SIZE } />\n\t\t\t\t</IconButton>\n\t\t\t</Stack>\n\t\t\t<Stack gap={ 1 }>\n\t\t\t\t{ repeaterValues.map( ( value, index ) => (\n\t\t\t\t\t<RepeaterItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tdisabled={ value.disabled }\n\t\t\t\t\t\tlabel={ <itemSettings.Label value={ value } /> }\n\t\t\t\t\t\tstartIcon={ <itemSettings.Icon value={ value } /> }\n\t\t\t\t\t\tremoveItem={ () => removeRepeaterItem( index ) }\n\t\t\t\t\t\tduplicateItem={ () => duplicateRepeaterItem( index ) }\n\t\t\t\t\t\ttoggleDisableItem={ () => toggleDisableRepeaterItem( index ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( props ) => <itemSettings.Content { ...props } bind={ String( index ) } /> }\n\t\t\t\t\t</RepeaterItem>\n\t\t\t\t) ) }\n\t\t\t</Stack>\n\t\t</Stack>\n\t);\n};\n\ntype RepeaterItemProps = {\n\tlabel: React.ReactNode;\n\tdisabled?: boolean;\n\tstartIcon: UnstableTagProps[ 'startIcon' ];\n\tremoveItem: () => void;\n\tduplicateItem: () => void;\n\ttoggleDisableItem: () => void;\n\tchildren: ( { anchorEl }: { anchorEl: AnchorEl } ) => React.ReactNode;\n};\n\nconst RepeaterItem = ( {\n\tlabel,\n\tdisabled,\n\tstartIcon,\n\tchildren,\n\tremoveItem,\n\tduplicateItem,\n\ttoggleDisableItem,\n}: RepeaterItemProps ) => {\n\tconst popupId = useId();\n\tconst controlRef = useRef< HTMLElement >( null );\n\tconst [ anchorEl, setAnchorEl ] = useState< AnchorEl >( null );\n\n\tconst popoverState = usePopupState( { popupId, variant: 'popover' } );\n\n\tconst popoverProps = bindPopover( popoverState );\n\n\treturn (\n\t\t<>\n\t\t\t<UnstableTag\n\t\t\t\tlabel={ label }\n\t\t\t\tshowActionsOnHover\n\t\t\t\tref={ controlRef }\n\t\t\t\tvariant=\"outlined\"\n\t\t\t\taria-label={ __( 'Open item', 'elementor' ) }\n\t\t\t\t{ ...bindTrigger( popoverState ) }\n\t\t\t\tstartIcon={ startIcon }\n\t\t\t\tactions={\n\t\t\t\t\t<>\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\tonClick={ duplicateItem }\n\t\t\t\t\t\t\taria-label={ __( 'Duplicate item', 'elementor' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CopyIcon fontSize={ SIZE } />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\tonClick={ toggleDisableItem }\n\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\tdisabled ? __( 'Enable item', 'elementor' ) : __( 'Disable item', 'elementor' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ disabled ? <EyeOffIcon fontSize={ SIZE } /> : <EyeIcon fontSize={ SIZE } /> }\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\tonClick={ removeItem }\n\t\t\t\t\t\t\taria-label={ __( 'Remove item', 'elementor' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<XIcon fontSize={ SIZE } />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Popover\n\t\t\t\tdisablePortal\n\t\t\t\tslotProps={ {\n\t\t\t\t\tpaper: {\n\t\t\t\t\t\tref: setAnchorEl,\n\t\t\t\t\t\tsx: { mt: 0.5, p: 1, pt: 1, width: controlRef.current?.getBoundingClientRect().width },\n\t\t\t\t\t},\n\t\t\t\t} }\n\t\t\t\tanchorOrigin={ { vertical: 'bottom', horizontal: 'left' } }\n\t\t\t\t{ ...popoverProps }\n\t\t\t>\n\t\t\t\t<Box p={ 0.5 }>{ children( { anchorEl } ) }</Box>\n\t\t\t</Popover>\n\t\t</>\n\t);\n};\n","import * as React from 'react';\nimport { type PropValue, stringPropTypeUtil, type StringPropValue } from '@elementor/editor-props';\nimport { type ToggleButtonProps } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport { ControlToggleButtonGroup, type ToggleButtonGroupItem } from '../components/control-toggle-button-group';\nimport { createControl } from '../create-control';\n\ntype ToggleControlProps< T extends PropValue > = {\n\toptions: ToggleButtonGroupItem< T >[];\n\tfullWidth?: boolean;\n\tsize?: ToggleButtonProps[ 'size' ];\n};\n\nexport const ToggleControl = createControl(\n\t( { options, fullWidth = false, size = 'tiny' }: ToggleControlProps< StringPropValue[ 'value' ] > ) => {\n\t\tconst { value, setValue } = useBoundProp( stringPropTypeUtil );\n\n\t\tconst handleToggle = ( option: StringPropValue[ 'value' ] | null ) => {\n\t\t\tsetValue( option );\n\t\t};\n\n\t\treturn (\n\t\t\t<ControlToggleButtonGroup\n\t\t\t\titems={ options }\n\t\t\t\tvalue={ value ?? null }\n\t\t\t\tonChange={ handleToggle }\n\t\t\t\texclusive={ true }\n\t\t\t\tfullWidth={ fullWidth }\n\t\t\t\tsize={ size }\n\t\t\t/>\n\t\t);\n\t}\n);\n","import * as React from 'react';\nimport {\n\ttype StackProps,\n\tstyled,\n\tToggleButton,\n\tToggleButtonGroup,\n\ttype ToggleButtonProps,\n\tTooltip,\n\tuseTheme,\n} from '@elementor/ui';\n\ntype RenderContentProps = { size: ToggleButtonProps[ 'size' ] };\n\nexport type ToggleButtonGroupItem< TValue > = {\n\tvalue: TValue;\n\tlabel: string;\n\trenderContent: ( { size }: RenderContentProps ) => React.ReactNode;\n\tshowTooltip?: boolean;\n};\n\nconst StyledToggleButtonGroup = styled( ToggleButtonGroup )`\n\t${ ( { justify } ) => `justify-content: ${ justify };` }\n`;\n\ntype ExclusiveValue< TValue > = TValue;\ntype NonExclusiveValue< TValue > = TValue[];\n\ntype Props< TValue > = {\n\tjustify?: StackProps[ 'justifyContent' ];\n\tsize?: ToggleButtonProps[ 'size' ];\n\titems: ToggleButtonGroupItem< TValue | null >[];\n\tfullWidth?: boolean;\n} & (\n\t| {\n\t\t\texclusive?: false;\n\t\t\tvalue: NonExclusiveValue< TValue >;\n\t\t\tonChange: ( value: NonExclusiveValue< TValue > ) => void;\n\t }\n\t| {\n\t\t\texclusive: true;\n\t\t\tvalue: ExclusiveValue< TValue >;\n\t\t\tonChange: ( value: ExclusiveValue< TValue > ) => void;\n\t }\n);\n\nexport const ControlToggleButtonGroup = < TValue, >( {\n\tjustify = 'end',\n\tsize = 'tiny',\n\tvalue,\n\tonChange,\n\titems,\n\texclusive = false,\n\tfullWidth = false,\n}: Props< TValue > ) => {\n\tconst isRtl = 'rtl' === useTheme().direction;\n\n\tconst handleChange = (\n\t\t_: React.MouseEvent< HTMLElement >,\n\t\tnewValue: typeof exclusive extends true ? ExclusiveValue< TValue > : NonExclusiveValue< TValue >\n\t) => {\n\t\tonChange( newValue as never );\n\t};\n\n\treturn (\n\t\t<StyledToggleButtonGroup\n\t\t\tjustify={ justify }\n\t\t\tvalue={ value }\n\t\t\tonChange={ handleChange }\n\t\t\texclusive={ exclusive }\n\t\t\tsx={ {\n\t\t\t\tdirection: isRtl ? 'rtl /* @noflip */' : 'ltr /* @noflip */',\n\t\t\t} }\n\t\t>\n\t\t\t{ items.map( ( { label, value: buttonValue, renderContent: Content, showTooltip } ) =>\n\t\t\t\tshowTooltip ? (\n\t\t\t\t\t<Tooltip key={ buttonValue } title={ label } disableFocusListener={ true } placement=\"top\">\n\t\t\t\t\t\t<ToggleButton value={ buttonValue } aria-label={ label } size={ size } fullWidth={ fullWidth }>\n\t\t\t\t\t\t\t<Content size={ size } />\n\t\t\t\t\t\t</ToggleButton>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t) : (\n\t\t\t\t\t<ToggleButton\n\t\t\t\t\t\tkey={ buttonValue }\n\t\t\t\t\t\tvalue={ buttonValue }\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\tfullWidth={ fullWidth }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Content size={ size } />\n\t\t\t\t\t</ToggleButton>\n\t\t\t\t)\n\t\t\t) }\n\t\t</StyledToggleButtonGroup>\n\t);\n};\n","import * as React from 'react';\nimport { numberPropTypeUtil } from '@elementor/editor-props';\nimport { TextField } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\nconst isEmptyOrNaN = ( value?: string | number | null ) =>\n\tvalue === null || value === undefined || value === '' || Number.isNaN( Number( value ) );\n\nexport const NumberControl = createControl(\n\t( {\n\t\tplaceholder,\n\t\tmax = Number.MAX_VALUE,\n\t\tmin = -Number.MAX_VALUE,\n\t\tstep = 1,\n\t\tshouldForceInt = false,\n\t}: {\n\t\tplaceholder?: string;\n\t\tmax?: number;\n\t\tmin?: number;\n\t\tstep?: number;\n\t\tshouldForceInt?: boolean;\n\t} ) => {\n\t\tconst { value, setValue } = useBoundProp( numberPropTypeUtil );\n\n\t\tconst handleChange = ( event: React.ChangeEvent< HTMLInputElement > ) => {\n\t\t\tconst eventValue: string = event.target.value;\n\n\t\t\tif ( isEmptyOrNaN( eventValue ) ) {\n\t\t\t\tsetValue( null );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst formattedValue = shouldForceInt ? +parseInt( eventValue ) : Number( eventValue );\n\n\t\t\tsetValue( Math.min( Math.max( formattedValue, min ), max ) );\n\t\t};\n\n\t\treturn (\n\t\t\t<ControlActions>\n\t\t\t\t<TextField\n\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tfullWidth\n\t\t\t\t\tvalue={ isEmptyOrNaN( value ) ? '' : value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tinputProps={ { step } }\n\t\t\t\t/>\n\t\t\t</ControlActions>\n\t\t);\n\t}\n);\n","import * as React from 'react';\nimport { type ReactNode, useId, useRef } from 'react';\nimport { type PropKey, type PropTypeUtil, sizePropTypeUtil, type SizePropValue } from '@elementor/editor-props';\nimport { bindPopover, bindToggle, Grid, Popover, Stack, ToggleButton, usePopupState } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { PropKeyProvider, PropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { SizeControl } from './size-control';\n\ntype MultiSizePropValue = Record< PropKey, SizePropValue >;\n\ntype Item = {\n\ticon: ReactNode;\n\tlabel: string;\n\tbind: PropKey;\n};\n\nexport type EqualUnequalItems = [ Item, Item, Item, Item ];\n\ntype Props< TMultiPropType extends string, TPropValue extends MultiSizePropValue > = {\n\tlabel: string;\n\ticon: ReactNode;\n\titems: EqualUnequalItems;\n\tmultiSizePropTypeUtil: PropTypeUtil< TMultiPropType, TPropValue >;\n};\n\nconst isEqualSizes = ( propValue: MultiSizePropValue, items: EqualUnequalItems ) => {\n\tconst values = Object.values( propValue );\n\n\tif ( values.length !== items.length ) {\n\t\treturn false;\n\t}\n\n\tconst [ firstValue, ...restValues ] = values;\n\n\treturn restValues.every(\n\t\t( value ) => value?.value?.size === firstValue?.value?.size && value?.value?.unit === firstValue?.value?.unit\n\t);\n};\n\nexport function EqualUnequalSizesControl< TMultiPropType extends string, TPropValue extends MultiSizePropValue >( {\n\tlabel,\n\ticon,\n\titems,\n\tmultiSizePropTypeUtil,\n}: Props< TMultiPropType, TPropValue > ) {\n\tconst popupId = useId();\n\tconst controlRef = useRef< HTMLElement >( null );\n\tconst popupState = usePopupState( { variant: 'popover', popupId } );\n\n\tconst {\n\t\tpropType: multiSizePropType,\n\t\tvalue: multiSizeValue,\n\t\tsetValue: setMultiSizeValue,\n\t} = useBoundProp( multiSizePropTypeUtil );\n\n\tconst { value: sizeValue, setValue: setSizeValue } = useBoundProp( sizePropTypeUtil );\n\n\tconst splitEqualValue = () => {\n\t\tif ( ! sizeValue ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn items.reduce< TPropValue >(\n\t\t\t( acc, { bind } ) => ( { ...acc, [ bind ]: sizePropTypeUtil.create( sizeValue ) } ),\n\t\t\t{} as TPropValue\n\t\t);\n\t};\n\n\tconst setNestedProp = ( newValue: TPropValue ) => {\n\t\tconst newMappedValues = {\n\t\t\t...( multiSizeValue ?? splitEqualValue() ),\n\t\t\t...newValue,\n\t\t};\n\n\t\tconst isEqual = isEqualSizes( newMappedValues, items );\n\n\t\tif ( isEqual ) {\n\t\t\treturn setSizeValue( Object.values( newMappedValues )[ 0 ].value );\n\t\t}\n\n\t\tsetMultiSizeValue( newMappedValues );\n\t};\n\n\tconst getMultiSizeValues = () => {\n\t\tif ( multiSizeValue ) {\n\t\t\treturn multiSizeValue;\n\t\t}\n\n\t\treturn splitEqualValue() ?? null;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\" ref={ controlRef }>\n\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t<ControlLabel>{ label }</ControlLabel>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t<Stack direction=\"row\" alignItems=\"center\" gap={ 1 }>\n\t\t\t\t\t\t<SizeControl placeholder={ __( 'MIXED', 'elementor' ) } />\n\t\t\t\t\t\t<ToggleButton\n\t\t\t\t\t\t\tsize={ 'tiny' }\n\t\t\t\t\t\t\tvalue={ 'check' }\n\t\t\t\t\t\t\tsx={ { marginLeft: 'auto' } }\n\t\t\t\t\t\t\t{ ...bindToggle( popupState ) }\n\t\t\t\t\t\t\tselected={ popupState.isOpen }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ icon }\n\t\t\t\t\t\t</ToggleButton>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t\t<Popover\n\t\t\t\tdisablePortal\n\t\t\t\tdisableScrollLock\n\t\t\t\tanchorOrigin={ {\n\t\t\t\t\tvertical: 'bottom',\n\t\t\t\t\thorizontal: 'right',\n\t\t\t\t} }\n\t\t\t\ttransformOrigin={ {\n\t\t\t\t\tvertical: 'top',\n\t\t\t\t\thorizontal: 'right',\n\t\t\t\t} }\n\t\t\t\t{ ...bindPopover( popupState ) }\n\t\t\t\tslotProps={ {\n\t\t\t\t\tpaper: { sx: { mt: 0.5, p: 2, pt: 1, width: controlRef.current?.getBoundingClientRect().width } },\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<PropProvider propType={ multiSizePropType } value={ getMultiSizeValues() } setValue={ setNestedProp }>\n\t\t\t\t\t<Stack gap={ 1.5 }>\n\t\t\t\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t\t\t\t\t<MultiSizeValueControl item={ items[ 0 ] } />\n\t\t\t\t\t\t\t<MultiSizeValueControl item={ items[ 1 ] } />\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t\t\t\t\t<MultiSizeValueControl item={ items[ 3 ] } />\n\t\t\t\t\t\t\t<MultiSizeValueControl item={ items[ 2 ] } />\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t</Stack>\n\t\t\t\t</PropProvider>\n\t\t\t</Popover>\n\t\t</>\n\t);\n}\n\nconst MultiSizeValueControl = ( { item }: { item: Item } ) => (\n\t<PropKeyProvider bind={ item.bind }>\n\t\t<Grid item xs={ 6 }>\n\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t<ControlLabel>{ item.label }</ControlLabel>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t<SizeControl startIcon={ item.icon } />\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Grid>\n\t</PropKeyProvider>\n);\n","import * as React from 'react';\nimport { linkedDimensionsPropTypeUtil, type LinkedDimensionsPropValue, type PropKey } from '@elementor/editor-props';\nimport { DetachIcon, LinkIcon, SideBottomIcon, SideLeftIcon, SideRightIcon, SideTopIcon } from '@elementor/icons';\nimport { Grid, Stack, ToggleButton } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { PropKeyProvider, PropProvider, type SetValue, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { SizeControl } from './size-control';\n\nexport const LinkedDimensionsControl = createControl( ( { label }: { label: string } ) => {\n\tconst { value, setValue, propType } = useBoundProp( linkedDimensionsPropTypeUtil );\n\tconst { top, right, bottom, left, isLinked = true } = value || {};\n\n\tconst setLinkedValue: SetValue< LinkedDimensionsPropValue[ 'value' ] > = ( newValue, _, meta ) => {\n\t\tif ( ! isLinked ) {\n\t\t\treturn setValue( newValue );\n\t\t}\n\n\t\tconst newDimension = newValue[ meta?.bind as keyof LinkedDimensionsPropValue[ 'value' ] ];\n\n\t\tsetValue( {\n\t\t\tisLinked,\n\t\t\ttop: newDimension,\n\t\t\tright: newDimension,\n\t\t\tbottom: newDimension,\n\t\t\tleft: newDimension,\n\t\t} );\n\t};\n\n\tconst toggleLinked = () => {\n\t\tconst updatedValue = {\n\t\t\tisLinked: ! isLinked,\n\t\t\ttop,\n\t\t\tright: ! isLinked ? top : right,\n\t\t\tbottom: ! isLinked ? top : bottom,\n\t\t\tleft: ! isLinked ? top : left,\n\t\t};\n\n\t\tsetValue( updatedValue );\n\t};\n\n\tconst LinkedIcon = isLinked ? LinkIcon : DetachIcon;\n\n\treturn (\n\t\t<PropProvider propType={ propType } value={ value } setValue={ setLinkedValue }>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<ControlLabel>{ label }</ControlLabel>\n\t\t\t\t<ToggleButton\n\t\t\t\t\taria-label={ __( 'Link Inputs', 'elementor' ) }\n\t\t\t\t\tsize={ 'tiny' }\n\t\t\t\t\tvalue={ 'check' }\n\t\t\t\t\tselected={ isLinked }\n\t\t\t\t\tsx={ { marginLeft: 'auto' } }\n\t\t\t\t\tonChange={ toggleLinked }\n\t\t\t\t>\n\t\t\t\t\t<LinkedIcon fontSize={ 'tiny' } />\n\t\t\t\t</ToggleButton>\n\t\t\t</Stack>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Top', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<Control bind={ 'top' } startIcon={ <SideTopIcon fontSize={ 'tiny' } /> } />\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Right', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<Control bind={ 'right' } startIcon={ <SideRightIcon fontSize={ 'tiny' } /> } />\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</Stack>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Bottom', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<Control bind={ 'bottom' } startIcon={ <SideBottomIcon fontSize={ 'tiny' } /> } />\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Left', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<Control bind={ 'left' } startIcon={ <SideLeftIcon fontSize={ 'tiny' } /> } />\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</Stack>\n\t\t</PropProvider>\n\t);\n} );\n\nconst Control = ( { bind, startIcon }: { bind: PropKey; startIcon: React.ReactNode } ) => (\n\t<PropKeyProvider bind={ bind }>\n\t\t<SizeControl startIcon={ startIcon } />\n\t</PropKeyProvider>\n);\n","import { Fragment, useId, useState } from 'react';\nimport * as React from 'react';\nimport { stringPropTypeUtil } from '@elementor/editor-props';\nimport { ChevronDownIcon, EditIcon, PhotoIcon, SearchIcon, XIcon } from '@elementor/icons';\nimport {\n\tbindPopover,\n\tbindTrigger,\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tLink,\n\tListSubheader,\n\tMenuItem,\n\tMenuList,\n\tPopover,\n\tStack,\n\tTextField,\n\tTypography,\n\tUnstableTag,\n\tusePopupState,\n} from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport { createControl } from '../create-control';\nimport { useFilteredFontFamilies } from '../hooks/use-filtered-font-families';\n\nconst SIZE = 'tiny';\n\nexport const FontFamilyControl = createControl( ( { fontFamilies } ) => {\n\tconst [ searchValue, setSearchValue ] = useState( '' );\n\tconst { value: fontFamily, setValue: setFontFamily } = useBoundProp( stringPropTypeUtil );\n\n\tconst popupId = useId();\n\tconst popoverState = usePopupState( { variant: 'popover', popupId } );\n\n\tconst filteredFontFamilies = useFilteredFontFamilies( fontFamilies, searchValue );\n\n\tif ( ! filteredFontFamilies ) {\n\t\treturn null;\n\t}\n\n\tconst handleSearch = ( event: React.ChangeEvent< HTMLInputElement > ) => {\n\t\tsetSearchValue( event.target.value );\n\t};\n\n\tconst handleClose = () => {\n\t\tsetSearchValue( '' );\n\n\t\tpopoverState.close();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<UnstableTag\n\t\t\t\tvariant=\"outlined\"\n\t\t\t\tlabel={ fontFamily }\n\t\t\t\tendIcon={ <ChevronDownIcon fontSize=\"tiny\" /> }\n\t\t\t\t{ ...bindTrigger( popoverState ) }\n\t\t\t\tfullWidth\n\t\t\t/>\n\n\t\t\t<Popover\n\t\t\t\tdisablePortal\n\t\t\t\tdisableScrollLock\n\t\t\t\tanchorOrigin={ { vertical: 'bottom', horizontal: 'left' } }\n\t\t\t\t{ ...bindPopover( popoverState ) }\n\t\t\t\tonClose={ handleClose }\n\t\t\t>\n\t\t\t\t<Stack>\n\t\t\t\t\t<Stack direction=\"row\" alignItems=\"center\" pl={ 1.5 } pr={ 0.5 } py={ 1.5 }>\n\t\t\t\t\t\t<EditIcon fontSize={ SIZE } sx={ { mr: 0.5 } } />\n\t\t\t\t\t\t<Typography variant=\"subtitle2\">{ __( 'Font Family', 'elementor' ) }</Typography>\n\t\t\t\t\t\t<IconButton size={ SIZE } sx={ { ml: 'auto' } } onClick={ handleClose }>\n\t\t\t\t\t\t\t<XIcon fontSize={ SIZE } />\n\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t</Stack>\n\n\t\t\t\t\t<Box px={ 1.5 } pb={ 1 }>\n\t\t\t\t\t\t<TextField\n\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\tsize={ SIZE }\n\t\t\t\t\t\t\tvalue={ searchValue }\n\t\t\t\t\t\t\tplaceholder={ __( 'Search', 'elementor' ) }\n\t\t\t\t\t\t\tonChange={ handleSearch }\n\t\t\t\t\t\t\tInputProps={ {\n\t\t\t\t\t\t\t\tstartAdornment: (\n\t\t\t\t\t\t\t\t\t<InputAdornment position=\"start\">\n\t\t\t\t\t\t\t\t\t\t<SearchIcon fontSize={ SIZE } />\n\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<Divider />\n\t\t\t\t\t<Box sx={ { overflowY: 'auto', height: 260, width: 220 } }>\n\t\t\t\t\t\t{ filteredFontFamilies.length > 0 ? (\n\t\t\t\t\t\t\t<MenuList role=\"listbox\" tabIndex={ 0 }>\n\t\t\t\t\t\t\t\t{ filteredFontFamilies.map( ( [ category, items ], index ) => (\n\t\t\t\t\t\t\t\t\t<Fragment key={ index }>\n\t\t\t\t\t\t\t\t\t\t<ListSubheader sx={ { typography: 'caption', color: 'text.tertiary' } }>\n\t\t\t\t\t\t\t\t\t\t\t{ category }\n\t\t\t\t\t\t\t\t\t\t</ListSubheader>\n\t\t\t\t\t\t\t\t\t\t{ items.map( ( item ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst isSelected = item === fontFamily;\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ item }\n\t\t\t\t\t\t\t\t\t\t\t\t\tselected={ isSelected }\n\t\t\t\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\t\t\t\t\t\t\t\t\t\tautoFocus={ isSelected }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetFontFamily( item );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={ { typography: 'caption' } }\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={ { fontFamily: item } }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ item }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</MenuList>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Stack alignItems=\"center\" p={ 2.5 } gap={ 1.5 }>\n\t\t\t\t\t\t\t\t<PhotoIcon fontSize=\"large\" />\n\t\t\t\t\t\t\t\t<Typography align=\"center\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t\t\t\t\t\t\t{ __( 'Sorry, nothing matched', 'elementor' ) }\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t&ldquo;{ searchValue }&rdquo;.\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t<Typography align=\"center\" variant=\"caption\" color=\"text.secondary\">\n\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tvariant=\"caption\"\n\t\t\t\t\t\t\t\t\t\tcomponent=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={ () => setSearchValue( '' ) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Clear the filters', 'elementor' ) }\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t&nbsp;\n\t\t\t\t\t\t\t\t\t{ __( 'and try again.', 'elementor' ) }\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Box>\n\t\t\t\t</Stack>\n\t\t\t</Popover>\n\t\t</>\n\t);\n} );\n","import { __ } from '@wordpress/i18n';\n\nexport type SupportedFonts = 'system' | 'googlefonts' | 'customfonts';\n\nconst supportedCategories: Record< SupportedFonts, string > = {\n\tsystem: __( 'System', 'elementor' ),\n\tgooglefonts: __( 'Google Fonts', 'elementor' ),\n\tcustomfonts: __( 'Custom Fonts', 'elementor' ),\n};\n\nexport const useFilteredFontFamilies = ( fontFamilies: Record< string, SupportedFonts >, searchValue: string ) => {\n\tconst filteredFontFamilies = Object.entries( fontFamilies ).reduce< Map< string, string[] > >(\n\t\t( acc, [ font, category ] ) => {\n\t\t\tconst isMatch = font.toLowerCase().includes( searchValue.trim().toLowerCase() );\n\n\t\t\tif ( ! isMatch ) {\n\t\t\t\treturn acc;\n\t\t\t}\n\n\t\t\tconst categoryLabel = supportedCategories[ category as SupportedFonts ];\n\n\t\t\tif ( categoryLabel ) {\n\t\t\t\tconst existingCategory = acc.get( categoryLabel );\n\n\t\t\t\tif ( existingCategory ) {\n\t\t\t\t\texistingCategory.push( font );\n\t\t\t\t} else {\n\t\t\t\t\tacc.set( categoryLabel, [ font ] );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn acc;\n\t\t},\n\t\tnew Map()\n\t);\n\n\treturn [ ...filteredFontFamilies ];\n};\n","import * as React from 'react';\nimport { urlPropTypeUtil } from '@elementor/editor-props';\nimport { TextField } from '@elementor/ui';\n\nimport { useBoundProp } from '../bound-prop-context';\nimport ControlActions from '../control-actions/control-actions';\nimport { createControl } from '../create-control';\n\nexport const UrlControl = createControl( ( { placeholder }: { placeholder?: string } ) => {\n\tconst { value, setValue } = useBoundProp( urlPropTypeUtil );\n\n\tconst handleChange = ( event: React.ChangeEvent< HTMLInputElement > ) => setValue( event.target.value );\n\n\treturn (\n\t\t<ControlActions>\n\t\t\t<TextField size=\"tiny\" fullWidth value={ value } onChange={ handleChange } placeholder={ placeholder } />\n\t\t</ControlActions>\n\t);\n} );\n","import * as React from 'react';\nimport { linkPropTypeUtil, type LinkPropValue } from '@elementor/editor-props';\nimport { MinusIcon, PlusIcon } from '@elementor/icons';\nimport { Collapse, Divider, Grid, IconButton, Stack, Switch } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { PropKeyProvider, PropProvider, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { UrlControl } from './url-control';\n\nconst SIZE = 'tiny';\n\nconst DEFAULT_LINK_CONTROL_VALUE: LinkPropValue[ 'value' ] = {\n\tenabled: false,\n\thref: {\n\t\t$$type: 'url',\n\t\tvalue: '',\n\t},\n\tisTargetBlank: false,\n};\n\nexport const LinkControl = createControl( () => {\n\tconst { value = DEFAULT_LINK_CONTROL_VALUE, ...propContext } = useBoundProp( linkPropTypeUtil );\n\n\treturn (\n\t\t<PropProvider { ...propContext } value={ value }>\n\t\t\t<Stack gap={ 1.5 }>\n\t\t\t\t<Divider />\n\t\t\t\t<Stack\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tsx={ {\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<ControlLabel>{ __( 'Link', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t<PropKeyProvider bind={ 'enabled' }>\n\t\t\t\t\t\t<ToggleIconControl />\n\t\t\t\t\t</PropKeyProvider>\n\t\t\t\t</Stack>\n\t\t\t\t<Collapse in={ value?.enabled } timeout=\"auto\" unmountOnExit>\n\t\t\t\t\t<Stack gap={ 1.5 }>\n\t\t\t\t\t\t<PropKeyProvider bind={ 'href' }>\n\t\t\t\t\t\t\t<UrlControl placeholder={ __( 'Paste URL or type', 'elementor' ) } />\n\t\t\t\t\t\t</PropKeyProvider>\n\n\t\t\t\t\t\t<PropKeyProvider bind={ 'isTargetBlank' }>\n\t\t\t\t\t\t\t<SwitchControl />\n\t\t\t\t\t\t</PropKeyProvider>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Collapse>\n\t\t\t</Stack>\n\t\t</PropProvider>\n\t);\n} );\n\n// @TODO Should be refactored in EDS-1086\nconst ToggleIconControl = () => {\n\tconst { value = false, setValue } = useBoundProp();\n\n\tconst handleOnChange = () => setValue( ! value );\n\n\treturn (\n\t\t<IconButton size={ SIZE } onClick={ handleOnChange }>\n\t\t\t{ value ? <MinusIcon fontSize={ SIZE } /> : <PlusIcon fontSize={ SIZE } /> }\n\t\t</IconButton>\n\t);\n};\n\n// @TODO Should be refactored in ED-16323\nconst SwitchControl = () => {\n\tconst { value = false, setValue } = useBoundProp();\n\n\tconst onChange = () => {\n\t\tsetValue( ! value );\n\t};\n\n\treturn (\n\t\t<Grid container alignItems=\"center\" flexWrap=\"nowrap\" justifyContent=\"space-between\">\n\t\t\t<Grid item>\n\t\t\t\t<ControlLabel>{ __( 'Open in new tab', 'elementor' ) }</ControlLabel>\n\t\t\t</Grid>\n\t\t\t<Grid item>\n\t\t\t\t<Switch checked={ value } onChange={ onChange } />\n\t\t\t</Grid>\n\t\t</Grid>\n\t);\n};\n","import * as React from 'react';\nimport { gapPropTypeUtil, type GapPropValue } from '@elementor/editor-props';\nimport { DetachIcon, LinkIcon } from '@elementor/icons';\nimport { Grid, Stack, ToggleButton } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { PropKeyProvider, PropProvider, type SetValue, useBoundProp } from '../bound-prop-context';\nimport { ControlLabel } from '../components/control-label';\nimport { createControl } from '../create-control';\nimport { SizeControl } from './size-control';\n\nexport type Gap = 'row' | 'column';\n\nexport const GapControl = createControl( ( { label }: { label: string } ) => {\n\tconst { propType, value, setValue } = useBoundProp( gapPropTypeUtil );\n\tconst { column, row, isLinked = true } = value || {};\n\n\tconst setLinkedValue: SetValue< GapPropValue[ 'value' ] > = ( newValue, _, meta ) => {\n\t\tif ( ! isLinked ) {\n\t\t\treturn setValue( newValue );\n\t\t}\n\n\t\tconst newDimension = newValue[ meta?.bind as Gap ];\n\n\t\tsetValue( {\n\t\t\tisLinked,\n\t\t\tcolumn: newDimension,\n\t\t\trow: newDimension,\n\t\t} );\n\t};\n\n\tconst toggleLinked = () => {\n\t\tconst updatedValue = {\n\t\t\tisLinked: ! isLinked,\n\t\t\tcolumn,\n\t\t\trow: ! isLinked ? column : row,\n\t\t};\n\n\t\tsetValue( updatedValue );\n\t};\n\n\tconst LinkedIcon = isLinked ? LinkIcon : DetachIcon;\n\n\treturn (\n\t\t<PropProvider propType={ propType } value={ value } setValue={ setLinkedValue }>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<ControlLabel>{ label }</ControlLabel>\n\t\t\t\t<ToggleButton\n\t\t\t\t\taria-label={ __( 'Link Inputs', 'elementor' ) }\n\t\t\t\t\tsize={ 'tiny' }\n\t\t\t\t\tvalue={ 'check' }\n\t\t\t\t\tselected={ isLinked }\n\t\t\t\t\tsx={ { marginLeft: 'auto' } }\n\t\t\t\t\tonChange={ toggleLinked }\n\t\t\t\t>\n\t\t\t\t\t<LinkedIcon fontSize={ 'tiny' } />\n\t\t\t\t</ToggleButton>\n\t\t\t</Stack>\n\t\t\t<Stack direction=\"row\" gap={ 2 } flexWrap=\"nowrap\">\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Column', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<PropKeyProvider bind=\"column\">\n\t\t\t\t\t\t\t<SizeControl />\n\t\t\t\t\t\t</PropKeyProvider>\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid container gap={ 1 } alignItems=\"center\">\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<ControlLabel>{ __( 'Row', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t</Grid>\n\t\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t\t<PropKeyProvider bind=\"row\">\n\t\t\t\t\t\t\t<SizeControl />\n\t\t\t\t\t\t</PropKeyProvider>\n\t\t\t\t\t</Grid>\n\t\t\t\t</Grid>\n\t\t\t</Stack>\n\t\t</PropProvider>\n\t);\n} );\n","import * as React from 'react';\nimport { backgroundPropTypeUtil } from '@elementor/editor-props';\nimport { Grid, Stack } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { PropKeyProvider, PropProvider, useBoundProp } from '../../bound-prop-context';\nimport { ControlLabel } from '../../components/control-label';\nimport { createControl } from '../../create-control';\nimport { ColorControl } from '../color-control';\nimport { BackgroundOverlayRepeaterControl } from './background-overlay/background-overlay-repeater-control';\n\nexport const BackgroundControl = createControl( () => {\n\tconst propContext = useBoundProp( backgroundPropTypeUtil );\n\n\treturn (\n\t\t<PropProvider { ...propContext }>\n\t\t\t<Stack gap={ 1.5 }>\n\t\t\t\t<PropKeyProvider bind=\"background-overlay\">\n\t\t\t\t\t<BackgroundOverlayRepeaterControl />\n\t\t\t\t</PropKeyProvider>\n\t\t\t\t<PropKeyProvider bind=\"color\">\n\t\t\t\t\t<Grid container gap={ 2 } alignItems=\"center\" flexWrap=\"nowrap\">\n\t\t\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t\t\t<ControlLabel>{ __( 'Color', 'elementor' ) }</ControlLabel>\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t\t<Grid item xs={ 6 }>\n\t\t\t\t\t\t\t<ColorControl />\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t</Grid>\n\t\t\t\t</PropKeyProvider>\n\t\t\t</Stack>\n\t\t</PropProvider>\n\t);\n} );\n","import * as React from 'react';\nimport {\n\tbackgroundColorOverlayPropTypeUtil,\n\ttype BackgroundOverlayItemPropValue,\n\tbackgroundOverlayPropTypeUtil,\n\ttype PropKey,\n} from '@elementor/editor-props';\nimport { Grid, Stack, UnstableColorIndicator } from '@elementor/ui';\nimport { __ } from '@wordpress/i18n';\n\nimport { PropKeyProvider, PropProvider, useBoundProp } from '../../../bound-prop-context';\nimport { ControlLabel } from '../../../components/control-label';\nimport { Repeater } from '../../../components/repeater';\nimport { createControl } from '../../../create-control';\nimport { ColorControl } from '../../color-control';\n\nconst initialBackgroundOverlay: BackgroundOverlayItemPropValue = {\n\t$$type: 'background-color-overlay',\n\tvalue: 'rgba(0, 0, 0, 0.2)',\n};\n\nexport const BackgroundOverlayRepeaterControl = createControl( () => {\n\tconst { propType, value: overlayValues, setValue } = useBoundProp( backgroundOverlayPropTypeUtil );\n\n\treturn (\n\t\t<PropProvider propType={ propType } value={ overlayValues } setValue={ setValue }>\n\t\t\t<Repeater\n\t\t\t\tvalues={ overlayValues ?? [] }\n\t\t\t\tsetValues={ setValue }\n\t\t\t\tlabel={ __( 'Overlay', 'elementor' ) }\n\t\t\t\titemSettings={ {\n\t\t\t\t\tIcon: ItemIcon,\n\t\t\t\t\tLabel: ItemLabel,\n\t\t\t\t\tContent: ItemContent,\n\t\t\t\t\tinitialValues: initialBackgroundOverlay,\n\t\t\t\t} }\n\t\t\t/>\n\t\t</PropProvider>\n\t);\n} );\n\nconst ItemIcon = ( { value }: { value: BackgroundOverlayItemPropValue } ) => (\n\t<UnstableColorIndicator size=\"inherit\" component=\"span\" value={ value.value } />\n);\n\nconst ItemContent = ( { bind }: { bind: PropKey } ) => {\n\treturn (\n\t\t<PropKeyProvider bind={ bind }>\n\t\t\t<Content />\n\t\t</PropKeyProvider>\n\t);\n};\n\nconst Content = () => {\n\treturn (\n\t\t<Stack gap={ 1.5 }>\n\t\t\t<Grid container spacing={ 1 } alignItems=\"center\">\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t<ControlLabel>{ __( 'Color', 'elementor' ) }</ControlLabel>\n\t\t\t\t</Grid>\n\t\t\t\t<Grid item xs={ 12 }>\n\t\t\t\t\t<ColorControl propTypeUtil={ backgroundColorOverlayPropTypeUtil } />\n\t\t\t\t</Grid>\n\t\t\t</Grid>\n\t\t</Stack>\n\t);\n};\n\nconst ItemLabel = ( { value }: { value: BackgroundOverlayItemPropValue } ) => {\n\tconst color = value.value;\n\n\treturn <span>{ color }</span>;\n};\n"],"mappings":"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","names":["React","import_editor_props","import_ui","import_i18n","React","import_react","value","value","React","React","import_ui","React","import_react","React","import_ui","React","import_ui","React","import_react","MenuItem","React","import_editor_props","import_ui","React","import_editor_props","import_ui","React","import_editor_props","import_ui","React","import_editor_props","import_ui","React","import_react","import_ui","import_react","units","React","import_editor_props","import_ui","import_i18n","React","import_editor_props","import_ui","React","import_editor_props","import_ui","import_i18n","React","import_react","import_icons","import_ui","import_i18n","Control","React","import_editor_props","React","import_ui","Content","React","import_editor_props","import_ui","React","import_react","import_editor_props","import_ui","import_i18n","React","import_editor_props","import_icons","import_ui","import_i18n","Control","import_react","React","import_editor_props","import_icons","import_ui","import_i18n","import_i18n","SIZE","React","import_editor_props","import_ui","React","import_editor_props","import_icons","import_ui","import_i18n","SIZE","React","import_editor_props","import_icons","import_ui","import_i18n","React","import_editor_props","import_ui","import_i18n","React","import_editor_props","import_ui","import_i18n","ItemIcon","ItemLabel","ItemContent","Content"]}