@wordpress/block-library 8.35.0 → 9.0.0

package/build/cover/controls.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_components","_icons","_element","_compose","_blockEditor","_i18n","_style","_overlayColorSettings","_focalPointSettingsButton","_shared","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","useCallback","value","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","COVER_MIN_HEIGHT","displayPlaceholder","setDisplayPlaceholder","useState","setFocalPoint","toggleParallax","undefined","IMAGE_DEFAULT_FOCAL_POINT","addMediaButtonStyle","usePreferredColorSchemeStyle","styles","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","useRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","_react","createElement","Icon","icon","plus","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","Fragment","BottomSheet","Cell","accessible","cellContainerStyle","mediaPreview","View","mediaInner","IMAGE_BACKGROUND_TYPE","Image","editButton","highlightSelected","isSelected","isUploadFailed","mediaPickerOptions","destructiveButton","id","label","__","onPress","separated","onImageDataLoad","onSelectMediaUploadOption","image","VIDEO_BACKGROUND_TYPE","default","muted","paused","disableFocus","onLoadStart","onLoad","event","naturalSize","current","seek","ref","resizeMode","source","uri","disabled","onFocalPointChange","ToggleControl","checked","onChange","TextControl","leftAlign","labelStyle","clearMediaButton","accessibilityLabel","PanelBody","title","MediaUpload","allowedTypes","ALLOWED_MEDIA_TYPES","isReplacingMedia","onSelect","render","overlayColor","customOverlayColor","gradient","customGradient","RangeControl","minimumValue","maximumValue","rangeCellContainer","separatorType","UnitControl","min","COVER_MAX_HEIGHT","unit","onUnitChange","key","_default","exports"],"sources":["@wordpress/block-library/src/cover/controls.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tImage,\n\tIcon,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tPanelBody,\n\tRangeControl,\n\tUnitControl,\n\tTextControl,\n\tBottomSheet,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { useState, useCallback, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useSettings, MediaUpload } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport OverlayColorSettings from './overlay-color-settings';\nimport FocalPointSettingsButton from './focal-point-settings-button';\nimport {\n\tALLOWED_MEDIA_TYPES,\n\tCOVER_MIN_HEIGHT,\n\tCOVER_MAX_HEIGHT,\n\tCOVER_DEFAULT_HEIGHT,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n} from './shared';\n\nfunction Controls( {\n\tattributes,\n\tdidUploadFail,\n\thasOnlyColorBackground,\n\tisUploadInProgress,\n\tonClearMedia,\n\tonSelectMedia,\n\tsetAttributes,\n} ) {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\thasParallax,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\tminHeightUnit = 'px',\n\t\turl,\n\t} = attributes;\n\tconst CONTAINER_HEIGHT = minHeight || COVER_DEFAULT_HEIGHT;\n\tconst onHeightChange = useCallback(\n\t\t( value ) => {\n\t\t\tif ( minHeight || value !== COVER_DEFAULT_HEIGHT ) {\n\t\t\t\tsetAttributes( { minHeight: value } );\n\t\t\t}\n\t\t},\n\t\t[ minHeight ]\n\t);\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\n\t\tdefaultValues: { px: 430, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst onOpacityChange = useCallback( ( value ) => {\n\t\tsetAttributes( { dimRatio: value } );\n\t}, [] );\n\n\tconst onChangeUnit = useCallback( ( nextUnit ) => {\n\t\tsetAttributes( {\n\t\t\tminHeightUnit: nextUnit,\n\t\t\tminHeight:\n\t\t\t\tnextUnit === 'px'\n\t\t\t\t\t? Math.max( CONTAINER_HEIGHT, COVER_MIN_HEIGHT )\n\t\t\t\t\t: CONTAINER_HEIGHT,\n\t\t} );\n\t}, [] );\n\n\tconst [ displayPlaceholder, setDisplayPlaceholder ] = useState( true );\n\n\tfunction setFocalPoint( value ) {\n\t\tsetAttributes( { focalPoint: value } );\n\t}\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax\n\t\t\t\t? { focalPoint: undefined }\n\t\t\t\t: { focalPoint: IMAGE_DEFAULT_FOCAL_POINT } ),\n\t\t} );\n\t};\n\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\n\tfunction focalPointPosition( { x, y } = IMAGE_DEFAULT_FOCAL_POINT ) {\n\t\treturn {\n\t\t\tleft: `${ ( hasParallax ? 0.5 : x ) * 100 }%`,\n\t\t\ttop: `${ ( hasParallax ? 0.5 : y ) * 100 }%`,\n\t\t};\n\t}\n\n\tconst [ videoNaturalSize, setVideoNaturalSize ] = useState( null );\n\tconst videoRef = useRef( null );\n\n\tconst mediaBackground = usePreferredColorSchemeStyle(\n\t\tstyles.mediaBackground,\n\t\tstyles.mediaBackgroundDark\n\t);\n\tconst imagePreviewStyles = [\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\tconst videoPreviewStyles = [\n\t\t{\n\t\t\taspectRatio:\n\t\t\t\tvideoNaturalSize &&\n\t\t\t\tvideoNaturalSize.width / videoNaturalSize.height,\n\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\topacity: displayPlaceholder ? 0 : 1,\n\t\t},\n\t\tstyles.video,\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\n\tconst focalPointHint = ! hasParallax && ! displayPlaceholder && (\n\t\t<Icon\n\t\t\ticon={ plus }\n\t\t\tsize={ styles.focalPointHint?.width }\n\t\t\tstyle={ [\n\t\t\t\tstyles.focalPointHint,\n\t\t\t\tfocalPointPosition( focalPoint ),\n\t\t\t] }\n\t\t/>\n\t);\n\n\tconst renderMediaSection = ( {\n\t\topen: openMediaOptions,\n\t\tgetMediaOptions,\n\t} ) => (\n\t\t<>\n\t\t\t{ getMediaOptions() }\n\t\t\t{ url ? (\n\t\t\t\t<>\n\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.mediaPreview,\n\t\t\t\t\t\t\tmediaBackground,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.mediaInner }>\n\t\t\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\teditButton={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\thighlightSelected={ false }\n\t\t\t\t\t\t\t\t\tisSelected={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\t\t\tmediaPickerOptions={ [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\tonImageDataLoad={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\t\tstyle={ imagePreviewStyles }\n\t\t\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Video\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\t\t\t\tonLoadStart={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tconst { height, width } =\n\t\t\t\t\t\t\t\t\t\t\tevent.naturalSize;\n\t\t\t\t\t\t\t\t\t\tsetVideoNaturalSize( {\n\t\t\t\t\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t\t// Avoid invisible, paused video on Android, presumably\n\t\t\t\t\t\t\t\t\t\t// related to https://github.com/react-native-video/react-native-video/issues/1979\n\t\t\t\t\t\t\t\t\t\tvideoRef?.current.seek( 0 );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tref={ videoRef }\n\t\t\t\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t\t\tstyle={ videoPreviewStyles }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ displayPlaceholder ? null : focalPointHint }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t<FocalPointSettingsButton\n\t\t\t\t\t\tdisabled={ hasParallax }\n\t\t\t\t\t\tfocalPoint={ focalPoint || IMAGE_DEFAULT_FOCAL_POINT }\n\t\t\t\t\t\tonFocalPointChange={ setFocalPoint }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tlabel={ __( 'Clear Media' ) }\n\t\t\t\t\t\tlabelStyle={ styles.clearMediaButton }\n\t\t\t\t\t\tonPress={ onClearMedia }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<TextControl\n\t\t\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabelStyle={ addMediaButtonStyle }\n\t\t\t\t\tleftAlign\n\t\t\t\t\tonPress={ openMediaOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\trender={ renderMediaSection }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\n\t\t\t<OverlayColorSettings\n\t\t\t\toverlayColor={ attributes.overlayColor }\n\t\t\t\tcustomOverlayColor={ attributes.customOverlayColor }\n\t\t\t\tgradient={ attributes.gradient }\n\t\t\t\tcustomGradient={ attributes.customGradient }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\n\t\t\t{ url ? (\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Opacity' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 100 }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ onOpacityChange }\n\t\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\t\tseparatorType={ 'topFullWidth' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) : null }\n\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tmin={ minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1 }\n\t\t\t\t\tmax={ COVER_MAX_HEIGHT }\n\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\tvalue={ CONTAINER_HEIGHT }\n\t\t\t\t\tonChange={ onHeightChange }\n\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\tkey={ minHeightUnit }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AAYA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAKA,IAAAS,MAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,qBAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,yBAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AAjCA;AACA;AACA;;AAIA;AACA;AACA;;AAmBA;AACA;AACA;;AAaA,SAASa,QAAQA,CAAE;EAClBC,UAAU;EACVC,aAAa;EACbC,sBAAsB;EACtBC,kBAAkB;EAClBC,YAAY;EACZC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,cAAc;IACdC,QAAQ;IACRC,WAAW;IACXC,UAAU;IACVC,SAAS;IACTC,aAAa,GAAG,IAAI;IACpBC;EACD,CAAC,GAAGb,UAAU;EACd,MAAMc,gBAAgB,GAAGH,SAAS,IAAII,4BAAoB;EAC1D,MAAMC,cAAc,GAAG,IAAAC,oBAAW,EAC/BC,KAAK,IAAM;IACZ,IAAKP,SAAS,IAAIO,KAAK,KAAKH,4BAAoB,EAAG;MAClDT,aAAa,CAAE;QAAEK,SAAS,EAAEO;MAAM,CAAE,CAAC;IACtC;EACD,CAAC,EACD,CAAEP,SAAS,CACZ,CAAC;EAED,MAAM,CAAEQ,cAAc,CAAE,GAAG,IAAAC,wBAAW,EAAE,eAAgB,CAAC;EACzD,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BH,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAE;IACnEI,aAAa,EAAE;MAAEC,EAAE,EAAE,GAAG;MAAEC,EAAE,EAAE,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,EAAE,EAAE,EAAE;MAAEC,EAAE,EAAE;IAAG;EAC3D,CAAE,CAAC;EAEH,MAAMC,eAAe,GAAG,IAAAZ,oBAAW,EAAIC,KAAK,IAAM;IACjDZ,aAAa,CAAE;MAAEE,QAAQ,EAAEU;IAAM,CAAE,CAAC;EACrC,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMY,YAAY,GAAG,IAAAb,oBAAW,EAAIc,QAAQ,IAAM;IACjDzB,aAAa,CAAE;MACdM,aAAa,EAAEmB,QAAQ;MACvBpB,SAAS,EACRoB,QAAQ,KAAK,IAAI,GACdC,IAAI,CAACC,GAAG,CAAEnB,gBAAgB,EAAEoB,wBAAiB,CAAC,GAC9CpB;IACL,CAAE,CAAC;EACJ,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEqB,kBAAkB,EAAEC,qBAAqB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEtE,SAASC,aAAaA,CAAEpB,KAAK,EAAG;IAC/BZ,aAAa,CAAE;MAAEI,UAAU,EAAEQ;IAAM,CAAE,CAAC;EACvC;EAEA,MAAMqB,cAAc,GAAGA,CAAA,KAAM;IAC5BjC,aAAa,CAAE;MACdG,WAAW,EAAE,CAAEA,WAAW;MAC1B,IAAK,CAAEA,WAAW,GACf;QAAEC,UAAU,EAAE8B;MAAU,CAAC,GACzB;QAAE9B,UAAU,EAAE+B;MAA0B,CAAC;IAC7C,CAAE,CAAC;EACJ,CAAC;EAED,MAAMC,mBAAmB,GAAG,IAAAC,qCAA4B,EACvDC,cAAM,CAACC,cAAc,EACrBD,cAAM,CAACE,kBACR,CAAC;EAED,SAASC,kBAAkBA,CAAE;IAAEC,CAAC;IAAEC;EAAE,CAAC,GAAGR,qCAAyB,EAAG;IACnE,OAAO;MACNS,IAAI,EAAG,GAAG,CAAEzC,WAAW,GAAG,GAAG,GAAGuC,CAAC,IAAK,GAAK,GAAE;MAC7CG,GAAG,EAAG,GAAG,CAAE1C,WAAW,GAAG,GAAG,GAAGwC,CAAC,IAAK,GAAK;IAC3C,CAAC;EACF;EAEA,MAAM,CAAEG,gBAAgB,EAAEC,mBAAmB,CAAE,GAAG,IAAAhB,iBAAQ,EAAE,IAAK,CAAC;EAClE,MAAMiB,QAAQ,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAE/B,MAAMC,eAAe,GAAG,IAAAb,qCAA4B,EACnDC,cAAM,CAACY,eAAe,EACtBZ,cAAM,CAACa,mBACR,CAAC;EACD,MAAMC,kBAAkB,GAAG,CAC1BvB,kBAAkB,IAAIS,cAAM,CAACe,gBAAgB,CAC7C;EACD,MAAMC,kBAAkB,GAAG,CAC1B;IACCC,WAAW,EACVT,gBAAgB,IAChBA,gBAAgB,CAACU,KAAK,GAAGV,gBAAgB,CAACW,MAAM;IACjD;IACAC,OAAO,EAAE7B,kBAAkB,GAAG,CAAC,GAAG;EACnC,CAAC,EACDS,cAAM,CAACqB,KAAK,EACZ9B,kBAAkB,IAAIS,cAAM,CAACe,gBAAgB,CAC7C;EAED,MAAMO,cAAc,GAAG,CAAEzD,WAAW,IAAI,CAAE0B,kBAAkB,IAC3D,IAAAgC,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAgF,IAAI;IACJC,IAAI,EAAGC,WAAM;IACbC,IAAI,EAAG5B,cAAM,CAACsB,cAAc,EAAEJ,KAAO;IACrCW,KAAK,EAAG,CACP7B,cAAM,CAACsB,cAAc,EACrBnB,kBAAkB,CAAErC,UAAW,CAAC;EAC9B,CACH,CACD;EAED,MAAMgE,kBAAkB,GAAGA,CAAE;IAC5BC,IAAI,EAAEC,gBAAgB;IACtBC;EACD,CAAC,KACA,IAAAV,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAW,QAAA,QACGD,eAAe,CAAC,CAAC,EACjBhE,GAAG,GACJ,IAAAsD,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAW,QAAA,QACC,IAAAX,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA0F,WAAW,CAACC,IAAI;IAChBC,UAAU,EAAG,KAAO;IACpBC,kBAAkB,EAAG,CACpBtC,cAAM,CAACuC,YAAY,EACnB3B,eAAe;EACb,GAEH,IAAAW,MAAA,CAAAC,aAAA,EAACnF,YAAA,CAAAmG,IAAI;IAACX,KAAK,EAAG7B,cAAM,CAACyC;EAAY,GAC9BC,6BAAqB,KAAK/E,cAAc,IACzC,IAAA4D,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAkG,KAAK;IACLC,UAAU,EAAG,CAAErD,kBAAoB;IACnCsD,iBAAiB,EAAG,KAAO;IAC3BC,UAAU,EAAG,CAAEvD,kBAAoB;IACnCwD,cAAc,EAAG1F,aAAe;IAChCE,kBAAkB,EAAGA,kBAAoB;IACzCyF,kBAAkB,EAAG,CACpB;MACCC,iBAAiB,EAAE,IAAI;MACvBC,EAAE,EAAE,YAAY;MAChBC,KAAK,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC;MAC1BC,OAAO,EAAE7F,YAAY;MACrB8F,SAAS,EAAE,IAAI;MACfhF,KAAK,EAAE;IACR,CAAC,CACC;IACHiF,eAAe,EAAGA,CAAA,KAAM;MACvB/D,qBAAqB,CAAE,KAAM,CAAC;IAC/B,CAAG;IACHgE,yBAAyB,EAAG/F,aAAe;IAC3CuE,gBAAgB,EAAGA,gBAAkB;IACrC/D,GAAG,EAAGA,GAAK;IACXkD,MAAM,EAAC,MAAM;IACbU,KAAK,EAAGf,kBAAoB;IAC5BI,KAAK,EAAGlB,cAAM,CAACyD,KAAK,EAAEvC;EAAO,CAC7B,CACD,EACCwC,6BAAqB,KAAK/F,cAAc,IACzC,IAAA4D,MAAA,CAAAC,aAAA,EAACjF,iBAAA,CAAAoH,OAAK;IACLC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,WAAW,EAAGA,CAAA,KAAM;MACnBvE,qBAAqB,CAAE,IAAK,CAAC;IAC9B,CAAG;IACHwE,MAAM,EAAKC,KAAK,IAAM;MACrB,MAAM;QAAE9C,MAAM;QAAED;MAAM,CAAC,GACtB+C,KAAK,CAACC,WAAW;MAClBzD,mBAAmB,CAAE;QACpBU,MAAM;QACND;MACD,CAAE,CAAC;MACH1B,qBAAqB,CAAE,KAAM,CAAC;MAC9B;MACA;MACAkB,QAAQ,EAAEyD,OAAO,CAACC,IAAI,CAAE,CAAE,CAAC;IAC5B,CAAG;IACHC,GAAG,EAAG3D,QAAU;IAChB4D,UAAU,EAAG,OAAS;IACtBC,MAAM,EAAG;MAAEC,GAAG,EAAEvG;IAAI,CAAG;IACvB4D,KAAK,EAAGb;EAAoB,CAC5B,CACD,EACCzB,kBAAkB,GAAG,IAAI,GAAG+B,cACzB,CACW,CAAC,EACnB,IAAAC,MAAA,CAAAC,aAAA,EAACvE,yBAAA,CAAA0G,OAAwB;IACxBc,QAAQ,EAAG5G,WAAa;IACxBC,UAAU,EAAGA,UAAU,IAAI+B,qCAA2B;IACtD6E,kBAAkB,EAAGhF,aAAe;IACpCzB,GAAG,EAAGA;EAAK,CACX,CAAC,EACAyE,6BAAqB,KAAK/E,cAAc,IACzC,IAAA4D,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAkI,aAAa;IACbxB,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCwB,OAAO,EAAG/G,WAAa;IACvBgH,QAAQ,EAAGlF;EAAgB,CAC3B,CACD,EACD,IAAA4B,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAqI,WAAW;IACXC,SAAS;IACT5B,KAAK,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;IAC7B4B,UAAU,EAAGhF,cAAM,CAACiF,gBAAkB;IACtC5B,OAAO,EAAG7F;EAAc,CACxB,CACA,CAAC,GAEH,IAAA+D,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAqI,WAAW;IACXI,kBAAkB,EAAG,IAAA9B,QAAE,EAAE,oBAAqB,CAAG;IACjDD,KAAK,EAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAG;IACpC4B,UAAU,EAAGlF,mBAAqB;IAClCiF,SAAS;IACT1B,OAAO,EAAGrB;EAAkB,CAC5B,CAED,CACF;EAED,OACC,IAAAT,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAW,QAAA,QACC,IAAAX,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA0I,SAAS;IAACC,KAAK,EAAG,IAAAhC,QAAE,EAAE,OAAQ;EAAG,GACjC,IAAA7B,MAAA,CAAAC,aAAA,EAAC3E,YAAA,CAAAwI,WAAW;IACXC,YAAY,EAAGC,2BAAqB;IACpCC,gBAAgB,EAAG,CAAElI,sBAAwB;IAC7CmI,QAAQ,EAAGhI,aAAe;IAC1BiI,MAAM,EAAG5D;EAAoB,CAC7B,CACS,CAAC,EAEZ,IAAAP,MAAA,CAAAC,aAAA,EAACxE,qBAAA,CAAA2G,OAAoB;IACpBgC,YAAY,EAAGvI,UAAU,CAACuI,YAAc;IACxCC,kBAAkB,EAAGxI,UAAU,CAACwI,kBAAoB;IACpDC,QAAQ,EAAGzI,UAAU,CAACyI,QAAU;IAChCC,cAAc,EAAG1I,UAAU,CAAC0I,cAAgB;IAC5CpI,aAAa,EAAGA;EAAe,CAC/B,CAAC,EAEAO,GAAG,GACJ,IAAAsD,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA0I,SAAS,QACT,IAAA5D,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAsJ,YAAY;IACZ5C,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzB4C,YAAY,EAAG,CAAG;IAClBC,YAAY,EAAG,GAAK;IACpB3H,KAAK,EAAGV,QAAU;IAClBiH,QAAQ,EAAG5F,eAAiB;IAC5B4C,KAAK,EAAG7B,cAAM,CAACkG,kBAAoB;IACnCC,aAAa,EAAG;EAAgB,CAChC,CACS,CAAC,GACT,IAAI,EAER,IAAA5E,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA0I,SAAS;IAACC,KAAK,EAAG,IAAAhC,QAAE,EAAE,YAAa;EAAG,GACtC,IAAA7B,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA2J,WAAW;IACXjD,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;IAChCiD,GAAG,EAAGrI,aAAa,KAAK,IAAI,GAAGsB,wBAAgB,GAAG,CAAG;IACrDD,GAAG,EAAGiH,wBAAkB;IACxBC,IAAI,EAAGvI,aAAe;IACtBM,KAAK,EAAGJ,gBAAkB;IAC1B2G,QAAQ,EAAGzG,cAAgB;IAC3BoI,YAAY,EAAGtH,YAAc;IAC7BT,KAAK,EAAGA,KAAO;IACfoD,KAAK,EAAG7B,cAAM,CAACkG,kBAAoB;IACnCO,GAAG,EAAGzI;EAAe,CACrB,CACS,CACV,CAAC;AAEL;AAAC,IAAA0I,QAAA,GAAAC,OAAA,CAAAhD,OAAA,GAEcxG,QAAQ","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_components","_icons","_element","_compose","_blockEditor","_i18n","_style","_overlayColorSettings","_focalPointSettingsButton","_shared","_jsxRuntime","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","useCallback","value","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","COVER_MIN_HEIGHT","displayPlaceholder","setDisplayPlaceholder","useState","setFocalPoint","toggleParallax","undefined","IMAGE_DEFAULT_FOCAL_POINT","addMediaButtonStyle","usePreferredColorSchemeStyle","styles","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","useRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","jsx","Icon","icon","plus","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","jsxs","Fragment","children","BottomSheet","Cell","accessible","cellContainerStyle","mediaPreview","View","mediaInner","IMAGE_BACKGROUND_TYPE","Image","editButton","highlightSelected","isSelected","isUploadFailed","mediaPickerOptions","destructiveButton","id","label","__","onPress","separated","onImageDataLoad","onSelectMediaUploadOption","image","VIDEO_BACKGROUND_TYPE","default","muted","paused","disableFocus","onLoadStart","onLoad","event","naturalSize","current","seek","ref","resizeMode","source","uri","disabled","onFocalPointChange","ToggleControl","checked","onChange","TextControl","leftAlign","labelStyle","clearMediaButton","accessibilityLabel","PanelBody","title","MediaUpload","allowedTypes","ALLOWED_MEDIA_TYPES","isReplacingMedia","onSelect","render","overlayColor","customOverlayColor","gradient","customGradient","RangeControl","minimumValue","maximumValue","rangeCellContainer","separatorType","UnitControl","min","COVER_MAX_HEIGHT","unit","onUnitChange","_default","exports"],"sources":["@wordpress/block-library/src/cover/controls.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tImage,\n\tIcon,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tPanelBody,\n\tRangeControl,\n\tUnitControl,\n\tTextControl,\n\tBottomSheet,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { useState, useCallback, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useSettings, MediaUpload } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport OverlayColorSettings from './overlay-color-settings';\nimport FocalPointSettingsButton from './focal-point-settings-button';\nimport {\n\tALLOWED_MEDIA_TYPES,\n\tCOVER_MIN_HEIGHT,\n\tCOVER_MAX_HEIGHT,\n\tCOVER_DEFAULT_HEIGHT,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n} from './shared';\n\nfunction Controls( {\n\tattributes,\n\tdidUploadFail,\n\thasOnlyColorBackground,\n\tisUploadInProgress,\n\tonClearMedia,\n\tonSelectMedia,\n\tsetAttributes,\n} ) {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\thasParallax,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\tminHeightUnit = 'px',\n\t\turl,\n\t} = attributes;\n\tconst CONTAINER_HEIGHT = minHeight || COVER_DEFAULT_HEIGHT;\n\tconst onHeightChange = useCallback(\n\t\t( value ) => {\n\t\t\tif ( minHeight || value !== COVER_DEFAULT_HEIGHT ) {\n\t\t\t\tsetAttributes( { minHeight: value } );\n\t\t\t}\n\t\t},\n\t\t[ minHeight ]\n\t);\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\n\t\tdefaultValues: { px: 430, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst onOpacityChange = useCallback( ( value ) => {\n\t\tsetAttributes( { dimRatio: value } );\n\t}, [] );\n\n\tconst onChangeUnit = useCallback( ( nextUnit ) => {\n\t\tsetAttributes( {\n\t\t\tminHeightUnit: nextUnit,\n\t\t\tminHeight:\n\t\t\t\tnextUnit === 'px'\n\t\t\t\t\t? Math.max( CONTAINER_HEIGHT, COVER_MIN_HEIGHT )\n\t\t\t\t\t: CONTAINER_HEIGHT,\n\t\t} );\n\t}, [] );\n\n\tconst [ displayPlaceholder, setDisplayPlaceholder ] = useState( true );\n\n\tfunction setFocalPoint( value ) {\n\t\tsetAttributes( { focalPoint: value } );\n\t}\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax\n\t\t\t\t? { focalPoint: undefined }\n\t\t\t\t: { focalPoint: IMAGE_DEFAULT_FOCAL_POINT } ),\n\t\t} );\n\t};\n\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\n\tfunction focalPointPosition( { x, y } = IMAGE_DEFAULT_FOCAL_POINT ) {\n\t\treturn {\n\t\t\tleft: `${ ( hasParallax ? 0.5 : x ) * 100 }%`,\n\t\t\ttop: `${ ( hasParallax ? 0.5 : y ) * 100 }%`,\n\t\t};\n\t}\n\n\tconst [ videoNaturalSize, setVideoNaturalSize ] = useState( null );\n\tconst videoRef = useRef( null );\n\n\tconst mediaBackground = usePreferredColorSchemeStyle(\n\t\tstyles.mediaBackground,\n\t\tstyles.mediaBackgroundDark\n\t);\n\tconst imagePreviewStyles = [\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\tconst videoPreviewStyles = [\n\t\t{\n\t\t\taspectRatio:\n\t\t\t\tvideoNaturalSize &&\n\t\t\t\tvideoNaturalSize.width / videoNaturalSize.height,\n\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\topacity: displayPlaceholder ? 0 : 1,\n\t\t},\n\t\tstyles.video,\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\n\tconst focalPointHint = ! hasParallax && ! displayPlaceholder && (\n\t\t<Icon\n\t\t\ticon={ plus }\n\t\t\tsize={ styles.focalPointHint?.width }\n\t\t\tstyle={ [\n\t\t\t\tstyles.focalPointHint,\n\t\t\t\tfocalPointPosition( focalPoint ),\n\t\t\t] }\n\t\t/>\n\t);\n\n\tconst renderMediaSection = ( {\n\t\topen: openMediaOptions,\n\t\tgetMediaOptions,\n\t} ) => (\n\t\t<>\n\t\t\t{ getMediaOptions() }\n\t\t\t{ url ? (\n\t\t\t\t<>\n\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.mediaPreview,\n\t\t\t\t\t\t\tmediaBackground,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.mediaInner }>\n\t\t\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\teditButton={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\thighlightSelected={ false }\n\t\t\t\t\t\t\t\t\tisSelected={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\t\t\tmediaPickerOptions={ [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\tonImageDataLoad={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\t\tstyle={ imagePreviewStyles }\n\t\t\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Video\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\t\t\t\tonLoadStart={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tconst { height, width } =\n\t\t\t\t\t\t\t\t\t\t\tevent.naturalSize;\n\t\t\t\t\t\t\t\t\t\tsetVideoNaturalSize( {\n\t\t\t\t\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t\t// Avoid invisible, paused video on Android, presumably\n\t\t\t\t\t\t\t\t\t\t// related to https://github.com/react-native-video/react-native-video/issues/1979\n\t\t\t\t\t\t\t\t\t\tvideoRef?.current.seek( 0 );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tref={ videoRef }\n\t\t\t\t\t\t\t\t\tresizeMode=\"cover\"\n\t\t\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t\t\tstyle={ videoPreviewStyles }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ displayPlaceholder ? null : focalPointHint }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t<FocalPointSettingsButton\n\t\t\t\t\t\tdisabled={ hasParallax }\n\t\t\t\t\t\tfocalPoint={ focalPoint || IMAGE_DEFAULT_FOCAL_POINT }\n\t\t\t\t\t\tonFocalPointChange={ setFocalPoint }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tlabel={ __( 'Clear Media' ) }\n\t\t\t\t\t\tlabelStyle={ styles.clearMediaButton }\n\t\t\t\t\t\tonPress={ onClearMedia }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<TextControl\n\t\t\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabelStyle={ addMediaButtonStyle }\n\t\t\t\t\tleftAlign\n\t\t\t\t\tonPress={ openMediaOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\trender={ renderMediaSection }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\n\t\t\t<OverlayColorSettings\n\t\t\t\toverlayColor={ attributes.overlayColor }\n\t\t\t\tcustomOverlayColor={ attributes.customOverlayColor }\n\t\t\t\tgradient={ attributes.gradient }\n\t\t\t\tcustomGradient={ attributes.customGradient }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\n\t\t\t{ url ? (\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Opacity' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 100 }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ onOpacityChange }\n\t\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) : null }\n\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tmin={ minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1 }\n\t\t\t\t\tmax={ COVER_MAX_HEIGHT }\n\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\tvalue={ CONTAINER_HEIGHT }\n\t\t\t\t\tonChange={ onHeightChange }\n\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\tkey={ minHeightUnit }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AAYA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAKA,IAAAS,MAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,qBAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,yBAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AAOkB,IAAAa,WAAA,GAAAb,OAAA;AAxClB;AACA;AACA;;AAIA;AACA;AACA;;AAmBA;AACA;AACA;;AAaA,SAASc,QAAQA,CAAE;EAClBC,UAAU;EACVC,aAAa;EACbC,sBAAsB;EACtBC,kBAAkB;EAClBC,YAAY;EACZC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,cAAc;IACdC,QAAQ;IACRC,WAAW;IACXC,UAAU;IACVC,SAAS;IACTC,aAAa,GAAG,IAAI;IACpBC;EACD,CAAC,GAAGb,UAAU;EACd,MAAMc,gBAAgB,GAAGH,SAAS,IAAII,4BAAoB;EAC1D,MAAMC,cAAc,GAAG,IAAAC,oBAAW,EAC/BC,KAAK,IAAM;IACZ,IAAKP,SAAS,IAAIO,KAAK,KAAKH,4BAAoB,EAAG;MAClDT,aAAa,CAAE;QAAEK,SAAS,EAAEO;MAAM,CAAE,CAAC;IACtC;EACD,CAAC,EACD,CAAEP,SAAS,CACZ,CAAC;EAED,MAAM,CAAEQ,cAAc,CAAE,GAAG,IAAAC,wBAAW,EAAE,eAAgB,CAAC;EACzD,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BH,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAE;IACnEI,aAAa,EAAE;MAAEC,EAAE,EAAE,GAAG;MAAEC,EAAE,EAAE,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,EAAE,EAAE,EAAE;MAAEC,EAAE,EAAE;IAAG;EAC3D,CAAE,CAAC;EAEH,MAAMC,eAAe,GAAG,IAAAZ,oBAAW,EAAIC,KAAK,IAAM;IACjDZ,aAAa,CAAE;MAAEE,QAAQ,EAAEU;IAAM,CAAE,CAAC;EACrC,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMY,YAAY,GAAG,IAAAb,oBAAW,EAAIc,QAAQ,IAAM;IACjDzB,aAAa,CAAE;MACdM,aAAa,EAAEmB,QAAQ;MACvBpB,SAAS,EACRoB,QAAQ,KAAK,IAAI,GACdC,IAAI,CAACC,GAAG,CAAEnB,gBAAgB,EAAEoB,wBAAiB,CAAC,GAC9CpB;IACL,CAAE,CAAC;EACJ,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEqB,kBAAkB,EAAEC,qBAAqB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEtE,SAASC,aAAaA,CAAEpB,KAAK,EAAG;IAC/BZ,aAAa,CAAE;MAAEI,UAAU,EAAEQ;IAAM,CAAE,CAAC;EACvC;EAEA,MAAMqB,cAAc,GAAGA,CAAA,KAAM;IAC5BjC,aAAa,CAAE;MACdG,WAAW,EAAE,CAAEA,WAAW;MAC1B,IAAK,CAAEA,WAAW,GACf;QAAEC,UAAU,EAAE8B;MAAU,CAAC,GACzB;QAAE9B,UAAU,EAAE+B;MAA0B,CAAC;IAC7C,CAAE,CAAC;EACJ,CAAC;EAED,MAAMC,mBAAmB,GAAG,IAAAC,qCAA4B,EACvDC,cAAM,CAACC,cAAc,EACrBD,cAAM,CAACE,kBACR,CAAC;EAED,SAASC,kBAAkBA,CAAE;IAAEC,CAAC;IAAEC;EAAE,CAAC,GAAGR,qCAAyB,EAAG;IACnE,OAAO;MACNS,IAAI,EAAG,GAAG,CAAEzC,WAAW,GAAG,GAAG,GAAGuC,CAAC,IAAK,GAAK,GAAE;MAC7CG,GAAG,EAAG,GAAG,CAAE1C,WAAW,GAAG,GAAG,GAAGwC,CAAC,IAAK,GAAK;IAC3C,CAAC;EACF;EAEA,MAAM,CAAEG,gBAAgB,EAAEC,mBAAmB,CAAE,GAAG,IAAAhB,iBAAQ,EAAE,IAAK,CAAC;EAClE,MAAMiB,QAAQ,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAE/B,MAAMC,eAAe,GAAG,IAAAb,qCAA4B,EACnDC,cAAM,CAACY,eAAe,EACtBZ,cAAM,CAACa,mBACR,CAAC;EACD,MAAMC,kBAAkB,GAAG,CAC1BvB,kBAAkB,IAAIS,cAAM,CAACe,gBAAgB,CAC7C;EACD,MAAMC,kBAAkB,GAAG,CAC1B;IACCC,WAAW,EACVT,gBAAgB,IAChBA,gBAAgB,CAACU,KAAK,GAAGV,gBAAgB,CAACW,MAAM;IACjD;IACAC,OAAO,EAAE7B,kBAAkB,GAAG,CAAC,GAAG;EACnC,CAAC,EACDS,cAAM,CAACqB,KAAK,EACZ9B,kBAAkB,IAAIS,cAAM,CAACe,gBAAgB,CAC7C;EAED,MAAMO,cAAc,GAAG,CAAEzD,WAAW,IAAI,CAAE0B,kBAAkB,iBAC3D,IAAArC,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAAgF,IAAI;IACJC,IAAI,EAAGC,WAAM;IACbC,IAAI,EAAG3B,cAAM,CAACsB,cAAc,EAAEJ,KAAO;IACrCU,KAAK,EAAG,CACP5B,cAAM,CAACsB,cAAc,EACrBnB,kBAAkB,CAAErC,UAAW,CAAC;EAC9B,CACH,CACD;EAED,MAAM+D,kBAAkB,GAAGA,CAAE;IAC5BC,IAAI,EAAEC,gBAAgB;IACtBC;EACD,CAAC,kBACA,IAAA9E,WAAA,CAAA+E,IAAA,EAAA/E,WAAA,CAAAgF,QAAA;IAAAC,QAAA,GACGH,eAAe,CAAC,CAAC,EACjB/D,GAAG,gBACJ,IAAAf,WAAA,CAAA+E,IAAA,EAAA/E,WAAA,CAAAgF,QAAA;MAAAC,QAAA,gBACC,IAAAjF,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAA4F,WAAW,CAACC,IAAI;QAChBC,UAAU,EAAG,KAAO;QACpBC,kBAAkB,EAAG,CACpBvC,cAAM,CAACwC,YAAY,EACnB5B,eAAe,CACb;QAAAuB,QAAA,eAEH,IAAAjF,WAAA,CAAA+E,IAAA,EAAC7F,YAAA,CAAAqG,IAAI;UAACb,KAAK,EAAG5B,cAAM,CAAC0C,UAAY;UAAAP,QAAA,GAC9BQ,6BAAqB,KAAKhF,cAAc,iBACzC,IAAAT,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAAoG,KAAK;YACLC,UAAU,EAAG,CAAEtD,kBAAoB;YACnCuD,iBAAiB,EAAG,KAAO;YAC3BC,UAAU,EAAG,CAAExD,kBAAoB;YACnCyD,cAAc,EAAG3F,aAAe;YAChCE,kBAAkB,EAAGA,kBAAoB;YACzC0F,kBAAkB,EAAG,CACpB;cACCC,iBAAiB,EAAE,IAAI;cACvBC,EAAE,EAAE,YAAY;cAChBC,KAAK,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC;cAC1BC,OAAO,EAAE9F,YAAY;cACrB+F,SAAS,EAAE,IAAI;cACfjF,KAAK,EAAE;YACR,CAAC,CACC;YACHkF,eAAe,EAAGA,CAAA,KAAM;cACvBhE,qBAAqB,CAAE,KAAM,CAAC;YAC/B,CAAG;YACHiE,yBAAyB,EAAGhG,aAAe;YAC3CsE,gBAAgB,EAAGA,gBAAkB;YACrC9D,GAAG,EAAGA,GAAK;YACXkD,MAAM,EAAC,MAAM;YACbS,KAAK,EAAGd,kBAAoB;YAC5BI,KAAK,EAAGlB,cAAM,CAAC0D,KAAK,EAAExC;UAAO,CAC7B,CACD,EACCyC,6BAAqB,KAAKhG,cAAc,iBACzC,IAAAT,WAAA,CAAAqE,GAAA,EAACjF,iBAAA,CAAAsH,OAAK;YACLC,KAAK;YACLC,MAAM;YACNC,YAAY;YACZC,WAAW,EAAGA,CAAA,KAAM;cACnBxE,qBAAqB,CAAE,IAAK,CAAC;YAC9B,CAAG;YACHyE,MAAM,EAAKC,KAAK,IAAM;cACrB,MAAM;gBAAE/C,MAAM;gBAAED;cAAM,CAAC,GACtBgD,KAAK,CAACC,WAAW;cAClB1D,mBAAmB,CAAE;gBACpBU,MAAM;gBACND;cACD,CAAE,CAAC;cACH1B,qBAAqB,CAAE,KAAM,CAAC;cAC9B;cACA;cACAkB,QAAQ,EAAE0D,OAAO,CAACC,IAAI,CAAE,CAAE,CAAC;YAC5B,CAAG;YACHC,GAAG,EAAG5D,QAAU;YAChB6D,UAAU,EAAC,OAAO;YAClBC,MAAM,EAAG;cAAEC,GAAG,EAAExG;YAAI,CAAG;YACvB2D,KAAK,EAAGZ;UAAoB,CAC5B,CACD,EACCzB,kBAAkB,GAAG,IAAI,GAAG+B,cAAc;QAAA,CACvC;MAAC,CACU,CAAC,eACnB,IAAApE,WAAA,CAAAqE,GAAA,EAACvE,yBAAA,CAAA4G,OAAwB;QACxBc,QAAQ,EAAG7G,WAAa;QACxBC,UAAU,EAAGA,UAAU,IAAI+B,qCAA2B;QACtD8E,kBAAkB,EAAGjF,aAAe;QACpCzB,GAAG,EAAGA;MAAK,CACX,CAAC,EACA0E,6BAAqB,KAAKhF,cAAc,iBACzC,IAAAT,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAAoI,aAAa;QACbxB,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;QAClCwB,OAAO,EAAGhH,WAAa;QACvBiH,QAAQ,EAAGnF;MAAgB,CAC3B,CACD,eACD,IAAAzC,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAAuI,WAAW;QACXC,SAAS;QACT5B,KAAK,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;QAC7B4B,UAAU,EAAGjF,cAAM,CAACkF,gBAAkB;QACtC5B,OAAO,EAAG9F;MAAc,CACxB,CAAC;IAAA,CACD,CAAC,gBAEH,IAAAN,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAAuI,WAAW;MACXI,kBAAkB,EAAG,IAAA9B,QAAE,EAAE,oBAAqB,CAAG;MACjDD,KAAK,EAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAG;MACpC4B,UAAU,EAAGnF,mBAAqB;MAClCkF,SAAS;MACT1B,OAAO,EAAGvB;IAAkB,CAC5B,CACD;EAAA,CACA,CACF;EAED,oBACC,IAAA7E,WAAA,CAAA+E,IAAA,EAAA/E,WAAA,CAAAgF,QAAA;IAAAC,QAAA,gBACC,IAAAjF,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAA4I,SAAS;MAACC,KAAK,EAAG,IAAAhC,QAAE,EAAE,OAAQ,CAAG;MAAAlB,QAAA,eACjC,IAAAjF,WAAA,CAAAqE,GAAA,EAAC3E,YAAA,CAAA0I,WAAW;QACXC,YAAY,EAAGC,2BAAqB;QACpCC,gBAAgB,EAAG,CAAEnI,sBAAwB;QAC7CoI,QAAQ,EAAGjI,aAAe;QAC1BkI,MAAM,EAAG9D;MAAoB,CAC7B;IAAC,CACQ,CAAC,eAEZ,IAAA3E,WAAA,CAAAqE,GAAA,EAACxE,qBAAA,CAAA6G,OAAoB;MACpBgC,YAAY,EAAGxI,UAAU,CAACwI,YAAc;MACxCC,kBAAkB,EAAGzI,UAAU,CAACyI,kBAAoB;MACpDC,QAAQ,EAAG1I,UAAU,CAAC0I,QAAU;MAChCC,cAAc,EAAG3I,UAAU,CAAC2I,cAAgB;MAC5CrI,aAAa,EAAGA;IAAe,CAC/B,CAAC,EAEAO,GAAG,gBACJ,IAAAf,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAA4I,SAAS;MAAAjD,QAAA,eACT,IAAAjF,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAAwJ,YAAY;QACZ5C,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;QACzB4C,YAAY,EAAG,CAAG;QAClBC,YAAY,EAAG,GAAK;QACpB5H,KAAK,EAAGV,QAAU;QAClBkH,QAAQ,EAAG7F,eAAiB;QAC5B2C,KAAK,EAAG5B,cAAM,CAACmG,kBAAoB;QACnCC,aAAa,EAAC;MAAc,CAC5B;IAAC,CACQ,CAAC,GACT,IAAI,eAER,IAAAlJ,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAA4I,SAAS;MAACC,KAAK,EAAG,IAAAhC,QAAE,EAAE,YAAa,CAAG;MAAAlB,QAAA,eACtC,IAAAjF,WAAA,CAAAqE,GAAA,EAAC/E,WAAA,CAAA6J,WAAW;QACXjD,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;QAChCiD,GAAG,EAAGtI,aAAa,KAAK,IAAI,GAAGsB,wBAAgB,GAAG,CAAG;QACrDD,GAAG,EAAGkH,wBAAkB;QACxBC,IAAI,EAAGxI,aAAe;QACtBM,KAAK,EAAGJ,gBAAkB;QAC1B4G,QAAQ,EAAG1G,cAAgB;QAC3BqI,YAAY,EAAGvH,YAAc;QAC7BT,KAAK,EAAGA,KAAO;QACfmD,KAAK,EAAG5B,cAAM,CAACmG;MAAoB,GAC7BnI,aACN;IAAC,CACQ,CAAC;EAAA,CACX,CAAC;AAEL;AAAC,IAAA0I,QAAA,GAAAC,OAAA,CAAA/C,OAAA,GAEczG,QAAQ","ignoreList":[]}