return;

[44500] Fix | Delete

}

[44501] Fix | Delete

gradientBarStateDispatch({

[44502] Fix | Delete

type: 'MOVE_INSERTER',

[44503] Fix | Delete

insertPosition

[44504] Fix | Delete

});

[44505] Fix | Delete

};

[44506] Fix | Delete

const onMouseLeave = () => {

[44507] Fix | Delete

gradientBarStateDispatch({

[44508] Fix | Delete

type: 'STOP_INSERTER_MOVE'

[44509] Fix | Delete

});

[44510] Fix | Delete

};

[44511] Fix | Delete

const isMovingInserter = gradientBarState.id === 'MOVING_INSERTER';

[44512] Fix | Delete

const isInsertingControlPoint = gradientBarState.id === 'INSERTING_CONTROL_POINT';

[44513] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[44514] Fix | Delete

className: dist_clsx('components-custom-gradient-picker__gradient-bar', {

[44515] Fix | Delete

'has-gradient': hasGradient

[44516] Fix | Delete

}),

[44517] Fix | Delete

onMouseEnter: onMouseEnterAndMove,

[44518] Fix | Delete

onMouseMove: onMouseEnterAndMove,

[44519] Fix | Delete

onMouseLeave: onMouseLeave,

[44520] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[44521] Fix | Delete

className: "components-custom-gradient-picker__gradient-bar-background",

[44522] Fix | Delete

style: {

[44523] Fix | Delete

background,

[44524] Fix | Delete

opacity: hasGradient ? 1 : 0.4

[44525] Fix | Delete

}

[44526] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[44527] Fix | Delete

ref: gradientMarkersContainerDomRef,

[44528] Fix | Delete

className: "components-custom-gradient-picker__markers-container",

[44529] Fix | Delete

children: [!disableInserter && (isMovingInserter || isInsertingControlPoint) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(control_points.InsertPoint, {

[44530] Fix | Delete

__experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,

[44531] Fix | Delete

disableAlpha: disableAlpha,

[44532] Fix | Delete

insertPosition: gradientBarState.insertPosition,

[44533] Fix | Delete

value: controlPoints,

[44534] Fix | Delete

onChange: onChange,

[44535] Fix | Delete

onOpenInserter: () => {

[44536] Fix | Delete

gradientBarStateDispatch({

[44537] Fix | Delete

type: 'OPEN_INSERTER'

[44538] Fix | Delete

});

[44539] Fix | Delete

},

[44540] Fix | Delete

onCloseInserter: () => {

[44541] Fix | Delete

gradientBarStateDispatch({

[44542] Fix | Delete

type: 'CLOSE_INSERTER'

[44543] Fix | Delete

});

[44544] Fix | Delete

}

[44545] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(control_points, {

[44546] Fix | Delete

__experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,

[44547] Fix | Delete

disableAlpha: disableAlpha,

[44548] Fix | Delete

disableRemove: disableInserter,

[44549] Fix | Delete

gradientPickerDomRef: gradientMarkersContainerDomRef,

[44550] Fix | Delete

ignoreMarkerPosition: isInsertingControlPoint ? gradientBarState.insertPosition : undefined,

[44551] Fix | Delete

value: controlPoints,

[44552] Fix | Delete

onChange: onChange,

[44553] Fix | Delete

onStartControlPointChange: () => {

[44554] Fix | Delete

gradientBarStateDispatch({

[44555] Fix | Delete

type: 'START_CONTROL_CHANGE'

[44556] Fix | Delete

});

[44557] Fix | Delete

},

[44558] Fix | Delete

onStopControlPointChange: () => {

[44559] Fix | Delete

gradientBarStateDispatch({

[44560] Fix | Delete

type: 'STOP_CONTROL_CHANGE'

[44561] Fix | Delete

});

[44562] Fix | Delete

}

[44563] Fix | Delete

})]

[44564] Fix | Delete

})]

[44565] Fix | Delete

});

[44566] Fix | Delete

}

[44567] Fix | Delete

[44568] Fix | Delete

// EXTERNAL MODULE: ./node_modules/gradient-parser/build/node.js

[44569] Fix | Delete

var build_node = __webpack_require__(8924);

[44570] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/custom-gradient-picker/constants.js

[44571] Fix | Delete

/**

[44572] Fix | Delete

* WordPress dependencies

[44573] Fix | Delete

*/

[44574] Fix | Delete

[44575] Fix | Delete

const DEFAULT_GRADIENT = 'linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%)';

[44576] Fix | Delete

const DEFAULT_LINEAR_GRADIENT_ANGLE = 180;

[44577] Fix | Delete

const HORIZONTAL_GRADIENT_ORIENTATION = {

[44578] Fix | Delete

type: 'angular',

[44579] Fix | Delete

value: '90'

[44580] Fix | Delete

};

[44581] Fix | Delete

const GRADIENT_OPTIONS = [{

[44582] Fix | Delete

value: 'linear-gradient',

[44583] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Linear')

[44584] Fix | Delete

}, {

[44585] Fix | Delete

value: 'radial-gradient',

[44586] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Radial')

[44587] Fix | Delete

}];

[44588] Fix | Delete

const DIRECTIONAL_ORIENTATION_ANGLE_MAP = {

[44589] Fix | Delete

top: 0,

[44590] Fix | Delete

'top right': 45,

[44591] Fix | Delete

'right top': 45,

[44592] Fix | Delete

right: 90,

[44593] Fix | Delete

'right bottom': 135,

[44594] Fix | Delete

'bottom right': 135,

[44595] Fix | Delete

bottom: 180,

[44596] Fix | Delete

'bottom left': 225,

[44597] Fix | Delete

'left bottom': 225,

[44598] Fix | Delete

left: 270,

[44599] Fix | Delete

'top left': 315,

[44600] Fix | Delete

'left top': 315

[44601] Fix | Delete

};

[44602] Fix | Delete

[44603] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/custom-gradient-picker/serializer.js

[44604] Fix | Delete

/**

[44605] Fix | Delete

* External dependencies

[44606] Fix | Delete

*/

[44607] Fix | Delete

[44608] Fix | Delete

function serializeGradientColor({

[44609] Fix | Delete

type,

[44610] Fix | Delete

value

[44611] Fix | Delete

}) {

[44612] Fix | Delete

if (type === 'literal') {

[44613] Fix | Delete

return value;

[44614] Fix | Delete

}

[44615] Fix | Delete

if (type === 'hex') {

[44616] Fix | Delete

return `#${value}`;

[44617] Fix | Delete

}

[44618] Fix | Delete

return `${type}(${value.join(',')})`;

[44619] Fix | Delete

}

[44620] Fix | Delete

function serializeGradientPosition(position) {

[44621] Fix | Delete

if (!position) {

[44622] Fix | Delete

return '';

[44623] Fix | Delete

}

[44624] Fix | Delete

const {

[44625] Fix | Delete

value,

[44626] Fix | Delete

type

[44627] Fix | Delete

} = position;

[44628] Fix | Delete

return `${value}${type}`;

[44629] Fix | Delete

}

[44630] Fix | Delete

function serializeGradientColorStop({

[44631] Fix | Delete

type,

[44632] Fix | Delete

value,

[44633] Fix | Delete

length

[44634] Fix | Delete

}) {

[44635] Fix | Delete

return `${serializeGradientColor({

[44636] Fix | Delete

type,

[44637] Fix | Delete

value

[44638] Fix | Delete

})} ${serializeGradientPosition(length)}`;

[44639] Fix | Delete

}

[44640] Fix | Delete

function serializeGradientOrientation(orientation) {

[44641] Fix | Delete

if (Array.isArray(orientation) || !orientation || orientation.type !== 'angular') {

[44642] Fix | Delete

return;

[44643] Fix | Delete

}

[44644] Fix | Delete

return `${orientation.value}deg`;

[44645] Fix | Delete

}

[44646] Fix | Delete

function serializeGradient({

[44647] Fix | Delete

type,

[44648] Fix | Delete

orientation,

[44649] Fix | Delete

colorStops

[44650] Fix | Delete

}) {

[44651] Fix | Delete

const serializedOrientation = serializeGradientOrientation(orientation);

[44652] Fix | Delete

const serializedColorStops = colorStops.sort((colorStop1, colorStop2) => {

[44653] Fix | Delete

const getNumericStopValue = colorStop => {

[44654] Fix | Delete

return colorStop?.length?.value === undefined ? 0 : parseInt(colorStop.length.value);

[44655] Fix | Delete

};

[44656] Fix | Delete

return getNumericStopValue(colorStop1) - getNumericStopValue(colorStop2);

[44657] Fix | Delete

}).map(serializeGradientColorStop);

[44658] Fix | Delete

return `${type}(${[serializedOrientation, ...serializedColorStops].filter(Boolean).join(',')})`;

[44659] Fix | Delete

}

[44660] Fix | Delete

[44661] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/custom-gradient-picker/utils.js

[44662] Fix | Delete

/**

[44663] Fix | Delete

* External dependencies

[44664] Fix | Delete

*/

[44665] Fix | Delete

[44666] Fix | Delete

[44667] Fix | Delete

[44668] Fix | Delete

[44669] Fix | Delete

/**

[44670] Fix | Delete

* Internal dependencies

[44671] Fix | Delete

*/

[44672] Fix | Delete

[44673] Fix | Delete

[44674] Fix | Delete

k([names]);

[44675] Fix | Delete

function getLinearGradientRepresentation(gradientAST) {

[44676] Fix | Delete

return serializeGradient({

[44677] Fix | Delete

type: 'linear-gradient',

[44678] Fix | Delete

orientation: HORIZONTAL_GRADIENT_ORIENTATION,

[44679] Fix | Delete

colorStops: gradientAST.colorStops

[44680] Fix | Delete

});

[44681] Fix | Delete

}

[44682] Fix | Delete

function hasUnsupportedLength(item) {

[44683] Fix | Delete

return item.length === undefined || item.length.type !== '%';

[44684] Fix | Delete

}

[44685] Fix | Delete

function getGradientAstWithDefault(value) {

[44686] Fix | Delete

// gradientAST will contain the gradient AST as parsed by gradient-parser npm module.

[44687] Fix | Delete

// More information of its structure available at https://www.npmjs.com/package/gradient-parser#ast.

[44688] Fix | Delete

let gradientAST;

[44689] Fix | Delete

let hasGradient = !!value;

[44690] Fix | Delete

const valueToParse = value !== null && value !== void 0 ? value : DEFAULT_GRADIENT;

[44691] Fix | Delete

try {

[44692] Fix | Delete

gradientAST = build_node.parse(valueToParse)[0];

[44693] Fix | Delete

} catch (error) {

[44694] Fix | Delete

// eslint-disable-next-line no-console

[44695] Fix | Delete

console.warn('wp.components.CustomGradientPicker failed to parse the gradient with error', error);

[44696] Fix | Delete

gradientAST = build_node.parse(DEFAULT_GRADIENT)[0];

[44697] Fix | Delete

hasGradient = false;

[44698] Fix | Delete

}

[44699] Fix | Delete

if (!Array.isArray(gradientAST.orientation) && gradientAST.orientation?.type === 'directional') {

[44700] Fix | Delete

gradientAST.orientation = {

[44701] Fix | Delete

type: 'angular',

[44702] Fix | Delete

value: DIRECTIONAL_ORIENTATION_ANGLE_MAP[gradientAST.orientation.value].toString()

[44703] Fix | Delete

};

[44704] Fix | Delete

}

[44705] Fix | Delete

if (gradientAST.colorStops.some(hasUnsupportedLength)) {

[44706] Fix | Delete

const {

[44707] Fix | Delete

colorStops

[44708] Fix | Delete

} = gradientAST;

[44709] Fix | Delete

const step = 100 / (colorStops.length - 1);

[44710] Fix | Delete

colorStops.forEach((stop, index) => {

[44711] Fix | Delete

stop.length = {

[44712] Fix | Delete

value: `${step * index}`,

[44713] Fix | Delete

type: '%'

[44714] Fix | Delete

};

[44715] Fix | Delete

});

[44716] Fix | Delete

}

[44717] Fix | Delete

return {

[44718] Fix | Delete

gradientAST,

[44719] Fix | Delete

hasGradient

[44720] Fix | Delete

};

[44721] Fix | Delete

}

[44722] Fix | Delete

function getGradientAstWithControlPoints(gradientAST, newControlPoints) {

[44723] Fix | Delete

return {

[44724] Fix | Delete

...gradientAST,

[44725] Fix | Delete

colorStops: newControlPoints.map(({

[44726] Fix | Delete

position,

[44727] Fix | Delete

color

[44728] Fix | Delete

}) => {

[44729] Fix | Delete

const {

[44730] Fix | Delete

r,

[44731] Fix | Delete

g,

[44732] Fix | Delete

b,

[44733] Fix | Delete

a

[44734] Fix | Delete

} = w(color).toRgb();

[44735] Fix | Delete

return {

[44736] Fix | Delete

length: {

[44737] Fix | Delete

type: '%',

[44738] Fix | Delete

value: position?.toString()

[44739] Fix | Delete

},

[44740] Fix | Delete

type: a < 1 ? 'rgba' : 'rgb',

[44741] Fix | Delete

value: a < 1 ? [`${r}`, `${g}`, `${b}`, `${a}`] : [`${r}`, `${g}`, `${b}`]

[44742] Fix | Delete

};

[44743] Fix | Delete

})

[44744] Fix | Delete

};

[44745] Fix | Delete

}

[44746] Fix | Delete

function getStopCssColor(colorStop) {

[44747] Fix | Delete

switch (colorStop.type) {

[44748] Fix | Delete

case 'hex':

[44749] Fix | Delete

return `#${colorStop.value}`;

[44750] Fix | Delete

case 'literal':

[44751] Fix | Delete

return colorStop.value;

[44752] Fix | Delete

case 'rgb':

[44753] Fix | Delete

case 'rgba':

[44754] Fix | Delete

return `${colorStop.type}(${colorStop.value.join(',')})`;

[44755] Fix | Delete

default:

[44756] Fix | Delete

// Should be unreachable if passing an AST from gradient-parser.

[44757] Fix | Delete

// See https://github.com/rafaelcaricio/gradient-parser#ast.

[44758] Fix | Delete

return 'transparent';

[44759] Fix | Delete

}

[44760] Fix | Delete

}

[44761] Fix | Delete

[44762] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/custom-gradient-picker/styles/custom-gradient-picker-styles.js

[44763] Fix | Delete

[44764] Fix | Delete

function custom_gradient_picker_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

[44765] Fix | Delete

/**

[44766] Fix | Delete

* External dependencies

[44767] Fix | Delete

*/

[44768] Fix | Delete

[44769] Fix | Delete

/**

[44770] Fix | Delete

* Internal dependencies

[44771] Fix | Delete

*/

[44772] Fix | Delete

[44773] Fix | Delete

const SelectWrapper = /*#__PURE__*/emotion_styled_base_browser_esm(flex_block_component, true ? {

[44774] Fix | Delete

target: "e10bzpgi1"

[44775] Fix | Delete

} : 0)( true ? {

[44776] Fix | Delete

name: "1gvx10y",

[44777] Fix | Delete

styles: "flex-grow:5"

[44778] Fix | Delete

} : 0);

[44779] Fix | Delete

const AccessoryWrapper = /*#__PURE__*/emotion_styled_base_browser_esm(flex_block_component, true ? {

[44780] Fix | Delete

target: "e10bzpgi0"

[44781] Fix | Delete

} : 0)( true ? {

[44782] Fix | Delete

name: "1gvx10y",

[44783] Fix | Delete

styles: "flex-grow:5"

[44784] Fix | Delete

} : 0);

[44785] Fix | Delete

[44786] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/custom-gradient-picker/index.js

[44787] Fix | Delete

/**

[44788] Fix | Delete

* External dependencies

[44789] Fix | Delete

*/

[44790] Fix | Delete

[44791] Fix | Delete

/**

[44792] Fix | Delete

* WordPress dependencies

[44793] Fix | Delete

*/

[44794] Fix | Delete

[44795] Fix | Delete

[44796] Fix | Delete

/**

[44797] Fix | Delete

* Internal dependencies

[44798] Fix | Delete

*/

[44799] Fix | Delete

[44800] Fix | Delete

[44801] Fix | Delete

[44802] Fix | Delete

[44803] Fix | Delete

[44804] Fix | Delete

[44805] Fix | Delete

[44806] Fix | Delete

[44807] Fix | Delete

[44808] Fix | Delete

[44809] Fix | Delete

[44810] Fix | Delete

const GradientAnglePicker = ({

[44811] Fix | Delete

gradientAST,

[44812] Fix | Delete

hasGradient,

[44813] Fix | Delete

onChange

[44814] Fix | Delete

}) => {

[44815] Fix | Delete

var _gradientAST$orientat;

[44816] Fix | Delete

const angle = (_gradientAST$orientat = gradientAST?.orientation?.value) !== null && _gradientAST$orientat !== void 0 ? _gradientAST$orientat : DEFAULT_LINEAR_GRADIENT_ANGLE;

[44817] Fix | Delete

const onAngleChange = newAngle => {

[44818] Fix | Delete

onChange(serializeGradient({

[44819] Fix | Delete

...gradientAST,

[44820] Fix | Delete

orientation: {

[44821] Fix | Delete

type: 'angular',

[44822] Fix | Delete

value: `${newAngle}`

[44823] Fix | Delete

}

[44824] Fix | Delete

}));

[44825] Fix | Delete

};

[44826] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(angle_picker_control, {

[44827] Fix | Delete

onChange: onAngleChange,

[44828] Fix | Delete

value: hasGradient ? angle : ''

[44829] Fix | Delete

});

[44830] Fix | Delete

};

[44831] Fix | Delete

const GradientTypePicker = ({

[44832] Fix | Delete

gradientAST,

[44833] Fix | Delete

hasGradient,

[44834] Fix | Delete

onChange

[44835] Fix | Delete

}) => {

[44836] Fix | Delete

const {

[44837] Fix | Delete

type

[44838] Fix | Delete

} = gradientAST;

[44839] Fix | Delete

const onSetLinearGradient = () => {

[44840] Fix | Delete

onChange(serializeGradient({

[44841] Fix | Delete

...gradientAST,

[44842] Fix | Delete

orientation: gradientAST.orientation ? undefined : HORIZONTAL_GRADIENT_ORIENTATION,

[44843] Fix | Delete

type: 'linear-gradient'

[44844] Fix | Delete

}));

[44845] Fix | Delete

};

[44846] Fix | Delete

const onSetRadialGradient = () => {

[44847] Fix | Delete

const {

[44848] Fix | Delete

orientation,

[44849] Fix | Delete

...restGradientAST

[44850] Fix | Delete

} = gradientAST;

[44851] Fix | Delete

onChange(serializeGradient({

[44852] Fix | Delete

...restGradientAST,

[44853] Fix | Delete

type: 'radial-gradient'

[44854] Fix | Delete

}));

[44855] Fix | Delete

};

[44856] Fix | Delete

const handleOnChange = next => {

[44857] Fix | Delete

if (next === 'linear-gradient') {

[44858] Fix | Delete

onSetLinearGradient();

[44859] Fix | Delete

}

[44860] Fix | Delete

if (next === 'radial-gradient') {

[44861] Fix | Delete

onSetRadialGradient();

[44862] Fix | Delete

}

[44863] Fix | Delete

};

[44864] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(select_control, {

[44865] Fix | Delete

__nextHasNoMarginBottom: true,

[44866] Fix | Delete

className: "components-custom-gradient-picker__type-picker",

[44867] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Type'),

[44868] Fix | Delete

labelPosition: "top",

[44869] Fix | Delete

onChange: handleOnChange,

[44870] Fix | Delete

options: GRADIENT_OPTIONS,

[44871] Fix | Delete

size: "__unstable-large",

[44872] Fix | Delete

value: hasGradient ? type : undefined

[44873] Fix | Delete

});

[44874] Fix | Delete

};

[44875] Fix | Delete

[44876] Fix | Delete

/**

[44877] Fix | Delete

* CustomGradientPicker is a React component that renders a UI for specifying

[44878] Fix | Delete

* linear or radial gradients. Radial gradients are displayed in the picker as

[44879] Fix | Delete

* a slice of the gradient from the center to the outside.

[44880] Fix | Delete

*

[44881] Fix | Delete

* ```jsx

[44882] Fix | Delete

* import { CustomGradientPicker } from '@wordpress/components';

[44883] Fix | Delete

* import { useState } from '@wordpress/element';

[44884] Fix | Delete

*

[44885] Fix | Delete

* const MyCustomGradientPicker = () => {

[44886] Fix | Delete

* const [ gradient, setGradient ] = useState();

[44887] Fix | Delete

*

[44888] Fix | Delete

* return (

[44889] Fix | Delete

* <CustomGradientPicker

[44890] Fix | Delete

* value={ gradient }

[44891] Fix | Delete

* onChange={ setGradient }

[44892] Fix | Delete

* />

[44893] Fix | Delete

* );

[44894] Fix | Delete

* };

[44895] Fix | Delete

* ```

[44896] Fix | Delete

*/

[44897] Fix | Delete

function CustomGradientPicker({

[44898] Fix | Delete

value,

[44899] Fix | Delete

onChange,

[44900] Fix | Delete

__experimentalIsRenderedInSidebar = false

[44901] Fix | Delete

}) {

[44902] Fix | Delete

const {

[44903] Fix | Delete

gradientAST,

[44904] Fix | Delete

hasGradient

[44905] Fix | Delete

} = getGradientAstWithDefault(value);

[44906] Fix | Delete

[44907] Fix | Delete

// On radial gradients the bar should display a linear gradient.

[44908] Fix | Delete

// On radial gradients the bar represents a slice of the gradient from the center until the outside.

[44909] Fix | Delete

// On liner gradients the bar represents the color stops from left to right independently of the angle.

[44910] Fix | Delete

const background = getLinearGradientRepresentation(gradientAST);

[44911] Fix | Delete

[44912] Fix | Delete

// Control points color option may be hex from presets, custom colors will be rgb.

[44913] Fix | Delete

// The position should always be a percentage.

[44914] Fix | Delete

const controlPoints = gradientAST.colorStops.map(colorStop => {

[44915] Fix | Delete

return {

[44916] Fix | Delete

color: getStopCssColor(colorStop),

[44917] Fix | Delete

// Although it's already been checked by `hasUnsupportedLength` in `getGradientAstWithDefault`,

[44918] Fix | Delete

// TypeScript doesn't know that `colorStop.length` is not undefined here.

[44919] Fix | Delete

// @ts-expect-error

[44920] Fix | Delete

position: parseInt(colorStop.length.value)

[44921] Fix | Delete

};

[44922] Fix | Delete

});

[44923] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(v_stack_component, {

[44924] Fix | Delete

spacing: 4,

[44925] Fix | Delete

className: "components-custom-gradient-picker",

[44926] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CustomGradientBar, {

[44927] Fix | Delete

__experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,

[44928] Fix | Delete

background: background,

[44929] Fix | Delete

hasGradient: hasGradient,

[44930] Fix | Delete

value: controlPoints,

[44931] Fix | Delete

onChange: newControlPoints => {

[44932] Fix | Delete

onChange(serializeGradient(getGradientAstWithControlPoints(gradientAST, newControlPoints)));

[44933] Fix | Delete

}

[44934] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(flex_component, {

[44935] Fix | Delete

gap: 3,

[44936] Fix | Delete

className: "components-custom-gradient-picker__ui-line",

[44937] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SelectWrapper, {

[44938] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GradientTypePicker, {

[44939] Fix | Delete

gradientAST: gradientAST,

[44940] Fix | Delete

hasGradient: hasGradient,

[44941] Fix | Delete

onChange: onChange

[44942] Fix | Delete

})

[44943] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(AccessoryWrapper, {

[44944] Fix | Delete

children: gradientAST.type === 'linear-gradient' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GradientAnglePicker, {

[44945] Fix | Delete

gradientAST: gradientAST,

[44946] Fix | Delete

hasGradient: hasGradient,

[44947] Fix | Delete

onChange: onChange

[44948] Fix | Delete

})

[44949] Fix | Delete

})]

[44950] Fix | Delete

})]

[44951] Fix | Delete

});

[44952] Fix | Delete

}

[44953] Fix | Delete

/* harmony default export */ const custom_gradient_picker = (CustomGradientPicker);

[44954] Fix | Delete

[44955] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/gradient-picker/index.js

[44956] Fix | Delete

/**

[44957] Fix | Delete

* WordPress dependencies

[44958] Fix | Delete

*/

[44959] Fix | Delete

[44960] Fix | Delete

[44961] Fix | Delete

[44962] Fix | Delete

[44963] Fix | Delete

/**

[44964] Fix | Delete

* Internal dependencies

[44965] Fix | Delete

*/

[44966] Fix | Delete

[44967] Fix | Delete

[44968] Fix | Delete

[44969] Fix | Delete

[44970] Fix | Delete

[44971] Fix | Delete

[44972] Fix | Delete

// The Multiple Origin Gradients have a `gradients` property (an array of

[44973] Fix | Delete

// gradient objects), while Single Origin ones have a `gradient` property.

[44974] Fix | Delete

const isMultipleOriginObject = obj => Array.isArray(obj.gradients) && !('gradient' in obj);

[44975] Fix | Delete

const isMultipleOriginArray = arr => {

[44976] Fix | Delete

return arr.length > 0 && arr.every(gradientObj => isMultipleOriginObject(gradientObj));

[44977] Fix | Delete

};

[44978] Fix | Delete

function SingleOrigin({

[44979] Fix | Delete

className,

[44980] Fix | Delete

clearGradient,

[44981] Fix | Delete

gradients,

[44982] Fix | Delete

onChange,

[44983] Fix | Delete

value,

[44984] Fix | Delete

...additionalProps

[44985] Fix | Delete

}) {

[44986] Fix | Delete

const gradientOptions = (0,external_wp_element_namespaceObject.useMemo)(() => {

[44987] Fix | Delete

return gradients.map(({

[44988] Fix | Delete

gradient,

[44989] Fix | Delete

name,

[44990] Fix | Delete

slug

[44991] Fix | Delete

}, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_circular_option_picker.Option, {

[44992] Fix | Delete

value: gradient,

[44993] Fix | Delete

isSelected: value === gradient,

[44994] Fix | Delete

tooltipText: name ||

[44995] Fix | Delete

// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".

[44996] Fix | Delete

(0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Gradient code: %s'), gradient),

[44997] Fix | Delete

style: {

[44998] Fix | Delete

color: 'rgba( 0,0,0,0 )',

[44999] Fix | Delete