Edit File by line

...prevHSLA,

[38000] Fix | Delete

...partialNewValue

[38001] Fix | Delete

}));

[38002] Fix | Delete

}

[38003] Fix | Delete

};

[38004] Fix | Delete

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

[38005] Fix | Delete

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

[38006] Fix | Delete

min: 0,

[38007] Fix | Delete

max: 359,

[38008] Fix | Delete

label: "Hue",

[38009] Fix | Delete

abbreviation: "H",

[38010] Fix | Delete

value: colorValue.h,

[38011] Fix | Delete

onChange: nextH => {

[38012] Fix | Delete

updateHSLAValue({

[38013] Fix | Delete

h: nextH

[38014] Fix | Delete

});

[38015] Fix | Delete

}

[38016] Fix | Delete

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

[38017] Fix | Delete

min: 0,

[38018] Fix | Delete

max: 100,

[38019] Fix | Delete

label: "Saturation",

[38020] Fix | Delete

abbreviation: "S",

[38021] Fix | Delete

value: colorValue.s,

[38022] Fix | Delete

onChange: nextS => {

[38023] Fix | Delete

updateHSLAValue({

[38024] Fix | Delete

s: nextS

[38025] Fix | Delete

});

[38026] Fix | Delete

}

[38027] Fix | Delete

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

[38028] Fix | Delete

min: 0,

[38029] Fix | Delete

max: 100,

[38030] Fix | Delete

label: "Lightness",

[38031] Fix | Delete

abbreviation: "L",

[38032] Fix | Delete

value: colorValue.l,

[38033] Fix | Delete

onChange: nextL => {

[38034] Fix | Delete

updateHSLAValue({

[38035] Fix | Delete

l: nextL

[38036] Fix | Delete

});

[38037] Fix | Delete

}

[38038] Fix | Delete

}), enableAlpha && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(InputWithSlider, {

[38039] Fix | Delete

min: 0,

[38040] Fix | Delete

max: 100,

[38041] Fix | Delete

label: "Alpha",

[38042] Fix | Delete

abbreviation: "A",

[38043] Fix | Delete

value: Math.trunc(100 * colorValue.a),

[38044] Fix | Delete

onChange: nextA => {

[38045] Fix | Delete

updateHSLAValue({

[38046] Fix | Delete

a: nextA / 100

[38047] Fix | Delete

});

[38048] Fix | Delete

}

[38049] Fix | Delete

})]

[38050] Fix | Delete

});

[38051] Fix | Delete

};

[38052] Fix | Delete

[38053] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/hex-input.js

[38054] Fix | Delete

/**

[38055] Fix | Delete

* External dependencies

[38056] Fix | Delete

[38057] Fix | Delete

[38058] Fix | Delete

[38059] Fix | Delete

/**

[38060] Fix | Delete

* WordPress dependencies

[38061] Fix | Delete

[38062] Fix | Delete

[38063] Fix | Delete

[38064] Fix | Delete

/**

[38065] Fix | Delete

* Internal dependencies

[38066] Fix | Delete

[38067] Fix | Delete

[38068] Fix | Delete

[38069] Fix | Delete

[38070] Fix | Delete

[38071] Fix | Delete

[38072] Fix | Delete

[38073] Fix | Delete

const HexInput = ({

[38074] Fix | Delete

color,

[38075] Fix | Delete

onChange,

[38076] Fix | Delete

enableAlpha

[38077] Fix | Delete

}) => {

[38078] Fix | Delete

const handleChange = nextValue => {

[38079] Fix | Delete

if (!nextValue) {

[38080] Fix | Delete

return;

[38081] Fix | Delete

}

[38082] Fix | Delete

const hexValue = nextValue.startsWith('#') ? nextValue : '#' + nextValue;

[38083] Fix | Delete

onChange(w(hexValue));

[38084] Fix | Delete

};

[38085] Fix | Delete

const stateReducer = (state, action) => {

[38086] Fix | Delete

const nativeEvent = action.payload?.event?.nativeEvent;

[38087] Fix | Delete

if ('insertFromPaste' !== nativeEvent?.inputType) {

[38088] Fix | Delete

return {

[38089] Fix | Delete

...state

[38090] Fix | Delete

};

[38091] Fix | Delete

}

[38092] Fix | Delete

const value = state.value?.startsWith('#') ? state.value.slice(1).toUpperCase() : state.value?.toUpperCase();

[38093] Fix | Delete

return {

[38094] Fix | Delete

...state,

[38095] Fix | Delete

value

[38096] Fix | Delete

};

[38097] Fix | Delete

};

[38098] Fix | Delete

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

[38099] Fix | Delete

prefix: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(spacer_component, {

[38100] Fix | Delete

as: text_component,

[38101] Fix | Delete

marginLeft: space(4),

[38102] Fix | Delete

color: COLORS.theme.accent,

[38103] Fix | Delete

lineHeight: 1,

[38104] Fix | Delete

children: "#"

[38105] Fix | Delete

}),

[38106] Fix | Delete

value: color.toHex().slice(1).toUpperCase(),

[38107] Fix | Delete

onChange: handleChange,

[38108] Fix | Delete

maxLength: enableAlpha ? 9 : 7,

[38109] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Hex color'),

[38110] Fix | Delete

hideLabelFromVision: true,

[38111] Fix | Delete

size: "__unstable-large",

[38112] Fix | Delete

__unstableStateReducer: stateReducer,

[38113] Fix | Delete

__unstableInputWidth: "9em"

[38114] Fix | Delete

});

[38115] Fix | Delete

};

[38116] Fix | Delete

[38117] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/color-input.js

[38118] Fix | Delete

/**

[38119] Fix | Delete

* Internal dependencies

[38120] Fix | Delete

[38121] Fix | Delete

[38122] Fix | Delete

[38123] Fix | Delete

[38124] Fix | Delete

[38125] Fix | Delete

const ColorInput = ({

[38126] Fix | Delete

colorType,

[38127] Fix | Delete

color,

[38128] Fix | Delete

onChange,

[38129] Fix | Delete

enableAlpha

[38130] Fix | Delete

}) => {

[38131] Fix | Delete

const props = {

[38132] Fix | Delete

color,

[38133] Fix | Delete

onChange,

[38134] Fix | Delete

enableAlpha

[38135] Fix | Delete

};

[38136] Fix | Delete

switch (colorType) {

[38137] Fix | Delete

case 'hsl':

[38138] Fix | Delete

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

[38139] Fix | Delete

...props

[38140] Fix | Delete

});

[38141] Fix | Delete

case 'rgb':

[38142] Fix | Delete

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

[38143] Fix | Delete

...props

[38144] Fix | Delete

});

[38145] Fix | Delete

default:

[38146] Fix | Delete

case 'hex':

[38147] Fix | Delete

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

[38148] Fix | Delete

...props

[38149] Fix | Delete

});

[38150] Fix | Delete

}

[38151] Fix | Delete

};

[38152] Fix | Delete

[38153] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/react-colorful/dist/index.mjs

[38154] Fix | Delete

[38155] Fix | Delete

//# sourceMappingURL=index.module.js.map

[38156] Fix | Delete

[38157] Fix | Delete

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

[38158] Fix | Delete

/**

[38159] Fix | Delete

* External dependencies

[38160] Fix | Delete

[38161] Fix | Delete

[38162] Fix | Delete

[38163] Fix | Delete

[38164] Fix | Delete

/**

[38165] Fix | Delete

* WordPress dependencies

[38166] Fix | Delete

[38167] Fix | Delete

[38168] Fix | Delete

/**

[38169] Fix | Delete

* Internal dependencies

[38170] Fix | Delete

[38171] Fix | Delete

[38172] Fix | Delete

const Picker = ({

[38173] Fix | Delete

color,

[38174] Fix | Delete

enableAlpha,

[38175] Fix | Delete

onChange

[38176] Fix | Delete

}) => {

[38177] Fix | Delete

const Component = enableAlpha ? He : ye;

[38178] Fix | Delete

const rgbColor = (0,external_wp_element_namespaceObject.useMemo)(() => color.toRgbString(), [color]);

[38179] Fix | Delete

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

[38180] Fix | Delete

color: rgbColor,

[38181] Fix | Delete

onChange: nextColor => {

[38182] Fix | Delete

onChange(w(nextColor));

[38183] Fix | Delete

}

[38184] Fix | Delete

// Pointer capture fortifies drag gestures so that they continue to

[38185] Fix | Delete

// work while dragging outside the component over objects like

[38186] Fix | Delete

// iframes. If a newer version of react-colorful begins to employ

[38187] Fix | Delete

// pointer capture this will be redundant and should be removed.

[38188] Fix | Delete

[38189] Fix | Delete

onPointerDown: ({

[38190] Fix | Delete

currentTarget,

[38191] Fix | Delete

pointerId

[38192] Fix | Delete

}) => {

[38193] Fix | Delete

currentTarget.setPointerCapture(pointerId);

[38194] Fix | Delete

[38195] Fix | Delete

onPointerUp: ({

[38196] Fix | Delete

currentTarget,

[38197] Fix | Delete

pointerId

[38198] Fix | Delete

}) => {

[38199] Fix | Delete

currentTarget.releasePointerCapture(pointerId);

[38200] Fix | Delete

}

[38201] Fix | Delete

});

[38202] Fix | Delete

};

[38203] Fix | Delete

[38204] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/component.js

[38205] Fix | Delete

/**

[38206] Fix | Delete

* External dependencies

[38207] Fix | Delete

[38208] Fix | Delete

[38209] Fix | Delete

[38210] Fix | Delete

[38211] Fix | Delete

[38212] Fix | Delete

/**

[38213] Fix | Delete

* WordPress dependencies

[38214] Fix | Delete

[38215] Fix | Delete

[38216] Fix | Delete

[38217] Fix | Delete

[38218] Fix | Delete

[38219] Fix | Delete

/**

[38220] Fix | Delete

* Internal dependencies

[38221] Fix | Delete

[38222] Fix | Delete

[38223] Fix | Delete

[38224] Fix | Delete

[38225] Fix | Delete

[38226] Fix | Delete

[38227] Fix | Delete

[38228] Fix | Delete

[38229] Fix | Delete

[38230] Fix | Delete

k([names]);

[38231] Fix | Delete

const options = [{

[38232] Fix | Delete

label: 'RGB',

[38233] Fix | Delete

value: 'rgb'

[38234] Fix | Delete

}, {

[38235] Fix | Delete

label: 'HSL',

[38236] Fix | Delete

value: 'hsl'

[38237] Fix | Delete

}, {

[38238] Fix | Delete

label: 'Hex',

[38239] Fix | Delete

value: 'hex'

[38240] Fix | Delete

}];

[38241] Fix | Delete

[38242] Fix | Delete

// `isBorderless` is still experimental and not a public prop for InputControl yet.

[38243] Fix | Delete

const BORDERLESS_SELECT_CONTROL_CONTEXT = {

[38244] Fix | Delete

InputBase: {

[38245] Fix | Delete

isBorderless: true

[38246] Fix | Delete

}

[38247] Fix | Delete

};

[38248] Fix | Delete

const UnconnectedColorPicker = (props, forwardedRef) => {

[38249] Fix | Delete

const {

[38250] Fix | Delete

enableAlpha = false,

[38251] Fix | Delete

color: colorProp,

[38252] Fix | Delete

onChange,

[38253] Fix | Delete

defaultValue = '#fff',

[38254] Fix | Delete

copyFormat,

[38255] Fix | Delete

...divProps

[38256] Fix | Delete

} = useContextSystem(props, 'ColorPicker');

[38257] Fix | Delete

[38258] Fix | Delete

// Use a safe default value for the color and remove the possibility of `undefined`.

[38259] Fix | Delete

const [color, setColor] = useControlledValue({

[38260] Fix | Delete

onChange,

[38261] Fix | Delete

value: colorProp,

[38262] Fix | Delete

defaultValue

[38263] Fix | Delete

});

[38264] Fix | Delete

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

[38265] Fix | Delete

return w(color || '');

[38266] Fix | Delete

}, [color]);

[38267] Fix | Delete

const debouncedSetColor = (0,external_wp_compose_namespaceObject.useDebounce)(setColor);

[38268] Fix | Delete

const handleChange = (0,external_wp_element_namespaceObject.useCallback)(nextValue => {

[38269] Fix | Delete

debouncedSetColor(nextValue.toHex());

[38270] Fix | Delete

}, [debouncedSetColor]);

[38271] Fix | Delete

const [colorType, setColorType] = (0,external_wp_element_namespaceObject.useState)(copyFormat || 'hex');

[38272] Fix | Delete

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

[38273] Fix | Delete

ref: forwardedRef,

[38274] Fix | Delete

...divProps,

[38275] Fix | Delete

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

[38276] Fix | Delete

onChange: handleChange,

[38277] Fix | Delete

color: safeColordColor,

[38278] Fix | Delete

enableAlpha: enableAlpha

[38279] Fix | Delete

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

[38280] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(AuxiliaryColorArtefactHStackHeader, {

[38281] Fix | Delete

justify: "space-between",

[38282] Fix | Delete

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

[38283] Fix | Delete

value: BORDERLESS_SELECT_CONTROL_CONTEXT,

[38284] Fix | Delete

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

[38285] Fix | Delete

__nextHasNoMarginBottom: true,

[38286] Fix | Delete

options: options,

[38287] Fix | Delete

value: colorType,

[38288] Fix | Delete

onChange: nextColorType => setColorType(nextColorType),

[38289] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Color format'),

[38290] Fix | Delete

hideLabelFromVision: true

[38291] Fix | Delete

})

[38292] Fix | Delete

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

[38293] Fix | Delete

color: safeColordColor,

[38294] Fix | Delete

colorType: copyFormat || colorType

[38295] Fix | Delete

})]

[38296] Fix | Delete

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

[38297] Fix | Delete

direction: "column",

[38298] Fix | Delete

gap: 2,

[38299] Fix | Delete

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

[38300] Fix | Delete

colorType: colorType,

[38301] Fix | Delete

color: safeColordColor,

[38302] Fix | Delete

onChange: handleChange,

[38303] Fix | Delete

enableAlpha: enableAlpha

[38304] Fix | Delete

})

[38305] Fix | Delete

})]

[38306] Fix | Delete

})]

[38307] Fix | Delete

});

[38308] Fix | Delete

};

[38309] Fix | Delete

const ColorPicker = contextConnect(UnconnectedColorPicker, 'ColorPicker');

[38310] Fix | Delete

/* harmony default export */ const color_picker_component = (ColorPicker);

[38311] Fix | Delete

[38312] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/use-deprecated-props.js

[38313] Fix | Delete

/**

[38314] Fix | Delete

* External dependencies

[38315] Fix | Delete

[38316] Fix | Delete

[38317] Fix | Delete

[38318] Fix | Delete

[38319] Fix | Delete

/**

[38320] Fix | Delete

* WordPress dependencies

[38321] Fix | Delete

[38322] Fix | Delete

[38323] Fix | Delete

[38324] Fix | Delete

/**

[38325] Fix | Delete

* Internal dependencies

[38326] Fix | Delete

[38327] Fix | Delete

[38328] Fix | Delete

function isLegacyProps(props) {

[38329] Fix | Delete

return typeof props.onChangeComplete !== 'undefined' || typeof props.disableAlpha !== 'undefined' || typeof props.color?.hex === 'string';

[38330] Fix | Delete

}

[38331] Fix | Delete

function getColorFromLegacyProps(color) {

[38332] Fix | Delete

if (color === undefined) {

[38333] Fix | Delete

return;

[38334] Fix | Delete

}

[38335] Fix | Delete

if (typeof color === 'string') {

[38336] Fix | Delete

return color;

[38337] Fix | Delete

}

[38338] Fix | Delete

if (color.hex) {

[38339] Fix | Delete

return color.hex;

[38340] Fix | Delete

}

[38341] Fix | Delete

return undefined;

[38342] Fix | Delete

}

[38343] Fix | Delete

const transformColorStringToLegacyColor = memize(color => {

[38344] Fix | Delete

const colordColor = w(color);

[38345] Fix | Delete

const hex = colordColor.toHex();

[38346] Fix | Delete

const rgb = colordColor.toRgb();

[38347] Fix | Delete

const hsv = colordColor.toHsv();

[38348] Fix | Delete

const hsl = colordColor.toHsl();

[38349] Fix | Delete

return {

[38350] Fix | Delete

hex,

[38351] Fix | Delete

rgb,

[38352] Fix | Delete

hsv,

[38353] Fix | Delete

hsl,

[38354] Fix | Delete

source: 'hex',

[38355] Fix | Delete

oldHue: hsl.h

[38356] Fix | Delete

};

[38357] Fix | Delete

});

[38358] Fix | Delete

function use_deprecated_props_useDeprecatedProps(props) {

[38359] Fix | Delete

const {

[38360] Fix | Delete

onChangeComplete

[38361] Fix | Delete

} = props;

[38362] Fix | Delete

const legacyChangeHandler = (0,external_wp_element_namespaceObject.useCallback)(color => {

[38363] Fix | Delete

onChangeComplete(transformColorStringToLegacyColor(color));

[38364] Fix | Delete

}, [onChangeComplete]);

[38365] Fix | Delete

if (isLegacyProps(props)) {

[38366] Fix | Delete

return {

[38367] Fix | Delete

color: getColorFromLegacyProps(props.color),

[38368] Fix | Delete

enableAlpha: !props.disableAlpha,

[38369] Fix | Delete

onChange: legacyChangeHandler

[38370] Fix | Delete

};

[38371] Fix | Delete

}

[38372] Fix | Delete

return {

[38373] Fix | Delete

...props,

[38374] Fix | Delete

color: props.color,

[38375] Fix | Delete

enableAlpha: props.enableAlpha,

[38376] Fix | Delete

onChange: props.onChange

[38377] Fix | Delete

};

[38378] Fix | Delete

}

[38379] Fix | Delete

[38380] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/color-picker/legacy-adapter.js

[38381] Fix | Delete

/**

[38382] Fix | Delete

* Internal dependencies

[38383] Fix | Delete

[38384] Fix | Delete

[38385] Fix | Delete

[38386] Fix | Delete

[38387] Fix | Delete

const LegacyAdapter = props => {

[38388] Fix | Delete

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

[38389] Fix | Delete

...use_deprecated_props_useDeprecatedProps(props)

[38390] Fix | Delete

});

[38391] Fix | Delete

};

[38392] Fix | Delete

[38393] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/circular-option-picker/circular-option-picker-context.js

[38394] Fix | Delete

/**

[38395] Fix | Delete

* WordPress dependencies

[38396] Fix | Delete

[38397] Fix | Delete

[38398] Fix | Delete

[38399] Fix | Delete

/**

[38400] Fix | Delete

* Internal dependencies

[38401] Fix | Delete

[38402] Fix | Delete

[38403] Fix | Delete

const CircularOptionPickerContext = (0,external_wp_element_namespaceObject.createContext)({});

[38404] Fix | Delete

[38405] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js

[38406] Fix | Delete

/**

[38407] Fix | Delete

* WordPress dependencies

[38408] Fix | Delete

[38409] Fix | Delete

[38410] Fix | Delete

[38411] Fix | Delete

const check = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[38412] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[38413] Fix | Delete

viewBox: "0 0 24 24",

[38414] Fix | Delete

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

[38415] Fix | Delete

d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"

[38416] Fix | Delete

})

[38417] Fix | Delete

});

[38418] Fix | Delete

/* harmony default export */ const library_check = (check);

[38419] Fix | Delete

[38420] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/circular-option-picker/circular-option-picker-option.js

[38421] Fix | Delete

/**

[38422] Fix | Delete

* External dependencies

[38423] Fix | Delete

[38424] Fix | Delete

[38425] Fix | Delete

/**

[38426] Fix | Delete

* WordPress dependencies

[38427] Fix | Delete

[38428] Fix | Delete

[38429] Fix | Delete

[38430] Fix | Delete

[38431] Fix | Delete

[38432] Fix | Delete

/**

[38433] Fix | Delete

* Internal dependencies

[38434] Fix | Delete

[38435] Fix | Delete

[38436] Fix | Delete

[38437] Fix | Delete

[38438] Fix | Delete

[38439] Fix | Delete

[38440] Fix | Delete

[38441] Fix | Delete

function UnforwardedOptionAsButton(props, forwardedRef) {

[38442] Fix | Delete

const {

[38443] Fix | Delete

isPressed,

[38444] Fix | Delete

...additionalProps

[38445] Fix | Delete

} = props;

[38446] Fix | Delete

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

[38447] Fix | Delete

...additionalProps,

[38448] Fix | Delete

"aria-pressed": isPressed,

[38449] Fix | Delete

ref: forwardedRef

[38450] Fix | Delete

});

[38451] Fix | Delete

}

[38452] Fix | Delete

const OptionAsButton = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedOptionAsButton);

[38453] Fix | Delete

function UnforwardedOptionAsOption(props, forwardedRef) {

[38454] Fix | Delete

const {

[38455] Fix | Delete

id,

[38456] Fix | Delete

isSelected,

[38457] Fix | Delete

compositeStore,

[38458] Fix | Delete

...additionalProps

[38459] Fix | Delete

} = props;

[38460] Fix | Delete

const activeId = compositeStore.useState('activeId');

[38461] Fix | Delete

if (isSelected && !activeId) {

[38462] Fix | Delete

compositeStore.setActiveId(id);

[38463] Fix | Delete

}

[38464] Fix | Delete

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

[38465] Fix | Delete

render: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[38466] Fix | Delete

...additionalProps,

[38467] Fix | Delete

role: "option",

[38468] Fix | Delete

"aria-selected": !!isSelected,

[38469] Fix | Delete

ref: forwardedRef

[38470] Fix | Delete

}),

[38471] Fix | Delete

store: compositeStore,

[38472] Fix | Delete

id: id

[38473] Fix | Delete

});

[38474] Fix | Delete

}

[38475] Fix | Delete

const OptionAsOption = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedOptionAsOption);

[38476] Fix | Delete

function Option({

[38477] Fix | Delete

className,

[38478] Fix | Delete

isSelected,

[38479] Fix | Delete

selectedIconProps = {},

[38480] Fix | Delete

tooltipText,

[38481] Fix | Delete

...additionalProps

[38482] Fix | Delete

}) {

[38483] Fix | Delete

const {

[38484] Fix | Delete

baseId,

[38485] Fix | Delete

compositeStore

[38486] Fix | Delete

} = (0,external_wp_element_namespaceObject.useContext)(CircularOptionPickerContext);

[38487] Fix | Delete

const id = (0,external_wp_compose_namespaceObject.useInstanceId)(Option, baseId || 'components-circular-option-picker__option');

[38488] Fix | Delete

const commonProps = {

[38489] Fix | Delete

id,

[38490] Fix | Delete

className: 'components-circular-option-picker__option',

[38491] Fix | Delete

...additionalProps

[38492] Fix | Delete

};

[38493] Fix | Delete

const optionControl = compositeStore ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OptionAsOption, {

[38494] Fix | Delete

...commonProps,

[38495] Fix | Delete

compositeStore: compositeStore,

[38496] Fix | Delete

isSelected: isSelected

[38497] Fix | Delete

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

[38498] Fix | Delete

...commonProps,

[38499] Fix | Delete

1 ...75 767778 79 ...149