Edit File by line

[32500] Fix | Delete

[32501] Fix | Delete

[32502] Fix | Delete

[32503] Fix | Delete

function DuotoneControl({

[32504] Fix | Delete

id: idProp,

[32505] Fix | Delete

colorPalette,

[32506] Fix | Delete

duotonePalette,

[32507] Fix | Delete

disableCustomColors,

[32508] Fix | Delete

disableCustomDuotone,

[32509] Fix | Delete

value,

[32510] Fix | Delete

onChange

[32511] Fix | Delete

}) {

[32512] Fix | Delete

let toolbarIcon;

[32513] Fix | Delete

if (value === 'unset') {

[32514] Fix | Delete

toolbarIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ColorIndicator, {

[32515] Fix | Delete

className: "block-editor-duotone-control__unset-indicator"

[32516] Fix | Delete

});

[32517] Fix | Delete

} else if (value) {

[32518] Fix | Delete

toolbarIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.DuotoneSwatch, {

[32519] Fix | Delete

values: value

[32520] Fix | Delete

});

[32521] Fix | Delete

} else {

[32522] Fix | Delete

toolbarIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {

[32523] Fix | Delete

icon: library_filter

[32524] Fix | Delete

});

[32525] Fix | Delete

}

[32526] Fix | Delete

const actionLabel = (0,external_wp_i18n_namespaceObject.__)('Apply duotone filter');

[32527] Fix | Delete

const id = (0,external_wp_compose_namespaceObject.useInstanceId)(DuotoneControl, 'duotone-control', idProp);

[32528] Fix | Delete

const descriptionId = `${id}__description`;

[32529] Fix | Delete

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

[32530] Fix | Delete

popoverProps: {

[32531] Fix | Delete

className: 'block-editor-duotone-control__popover',

[32532] Fix | Delete

headerTitle: (0,external_wp_i18n_namespaceObject.__)('Duotone')

[32533] Fix | Delete

[32534] Fix | Delete

renderToggle: ({

[32535] Fix | Delete

isOpen,

[32536] Fix | Delete

onToggle

[32537] Fix | Delete

}) => {

[32538] Fix | Delete

const openOnArrowDown = event => {

[32539] Fix | Delete

if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) {

[32540] Fix | Delete

event.preventDefault();

[32541] Fix | Delete

onToggle();

[32542] Fix | Delete

}

[32543] Fix | Delete

};

[32544] Fix | Delete

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

[32545] Fix | Delete

showTooltip: true,

[32546] Fix | Delete

onClick: onToggle,

[32547] Fix | Delete

"aria-haspopup": "true",

[32548] Fix | Delete

"aria-expanded": isOpen,

[32549] Fix | Delete

onKeyDown: openOnArrowDown,

[32550] Fix | Delete

label: actionLabel,

[32551] Fix | Delete

icon: toolbarIcon

[32552] Fix | Delete

});

[32553] Fix | Delete

[32554] Fix | Delete

renderContent: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuGroup, {

[32555] Fix | Delete

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

[32556] Fix | Delete

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

[32557] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Create a two-tone color effect without losing your original image.')

[32558] Fix | Delete

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

[32559] Fix | Delete

"aria-label": actionLabel,

[32560] Fix | Delete

"aria-describedby": descriptionId,

[32561] Fix | Delete

colorPalette: colorPalette,

[32562] Fix | Delete

duotonePalette: duotonePalette,

[32563] Fix | Delete

disableCustomColors: disableCustomColors,

[32564] Fix | Delete

disableCustomDuotone: disableCustomDuotone,

[32565] Fix | Delete

value: value,

[32566] Fix | Delete

onChange: onChange

[32567] Fix | Delete

})]

[32568] Fix | Delete

})

[32569] Fix | Delete

});

[32570] Fix | Delete

}

[32571] Fix | Delete

/* harmony default export */ const duotone_control = (DuotoneControl);

[32572] Fix | Delete

[32573] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/duotone/utils.js

[32574] Fix | Delete

/**

[32575] Fix | Delete

* External dependencies

[32576] Fix | Delete

[32577] Fix | Delete

[32578] Fix | Delete

[32579] Fix | Delete

/**

[32580] Fix | Delete

* Convert a list of colors to an object of R, G, and B values.

[32581] Fix | Delete

[32582] Fix | Delete

* @param {string[]} colors Array of RBG color strings.

[32583] Fix | Delete

[32584] Fix | Delete

* @return {Object} R, G, and B values.

[32585] Fix | Delete

[32586] Fix | Delete

function getValuesFromColors(colors = []) {

[32587] Fix | Delete

const values = {

[32588] Fix | Delete

r: [],

[32589] Fix | Delete

g: [],

[32590] Fix | Delete

b: [],

[32591] Fix | Delete

a: []

[32592] Fix | Delete

};

[32593] Fix | Delete

colors.forEach(color => {

[32594] Fix | Delete

const rgbColor = w(color).toRgb();

[32595] Fix | Delete

values.r.push(rgbColor.r / 255);

[32596] Fix | Delete

values.g.push(rgbColor.g / 255);

[32597] Fix | Delete

values.b.push(rgbColor.b / 255);

[32598] Fix | Delete

values.a.push(rgbColor.a);

[32599] Fix | Delete

});

[32600] Fix | Delete

return values;

[32601] Fix | Delete

}

[32602] Fix | Delete

[32603] Fix | Delete

/**

[32604] Fix | Delete

* Stylesheet for disabling a global styles duotone filter.

[32605] Fix | Delete

[32606] Fix | Delete

* @param {string} selector Selector to disable the filter for.

[32607] Fix | Delete

[32608] Fix | Delete

* @return {string} Filter none style.

[32609] Fix | Delete

[32610] Fix | Delete

function getDuotoneUnsetStylesheet(selector) {

[32611] Fix | Delete

return `${selector}{filter:none}`;

[32612] Fix | Delete

}

[32613] Fix | Delete

[32614] Fix | Delete

/**

[32615] Fix | Delete

* SVG and stylesheet needed for rendering the duotone filter.

[32616] Fix | Delete

[32617] Fix | Delete

* @param {string} selector Selector to apply the filter to.

[32618] Fix | Delete

* @param {string} id Unique id for this duotone filter.

[32619] Fix | Delete

[32620] Fix | Delete

* @return {string} Duotone filter style.

[32621] Fix | Delete

[32622] Fix | Delete

function getDuotoneStylesheet(selector, id) {

[32623] Fix | Delete

return `${selector}{filter:url(#${id})}`;

[32624] Fix | Delete

}

[32625] Fix | Delete

[32626] Fix | Delete

/**

[32627] Fix | Delete

* The SVG part of the duotone filter.

[32628] Fix | Delete

[32629] Fix | Delete

* @param {string} id Unique id for this duotone filter.

[32630] Fix | Delete

* @param {string[]} colors Color strings from dark to light.

[32631] Fix | Delete

[32632] Fix | Delete

* @return {string} Duotone SVG.

[32633] Fix | Delete

[32634] Fix | Delete

function getDuotoneFilter(id, colors) {

[32635] Fix | Delete

const values = getValuesFromColors(colors);

[32636] Fix | Delete

return `

[32637] Fix | Delete

<svg

[32638] Fix | Delete

xmlns:xlink="http://www.w3.org/1999/xlink"

[32639] Fix | Delete

viewBox="0 0 0 0"

[32640] Fix | Delete

width="0"

[32641] Fix | Delete

height="0"

[32642] Fix | Delete

focusable="false"

[32643] Fix | Delete

role="none"

[32644] Fix | Delete

aria-hidden="true"

[32645] Fix | Delete

style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"

[32646] Fix | Delete

[32647] Fix | Delete

<defs>

[32648] Fix | Delete

[32649] Fix | Delete

<!--

[32650] Fix | Delete

Use sRGB instead of linearRGB so transparency looks correct.

[32651] Fix | Delete

Use perceptual brightness to convert to grayscale.

[32652] Fix | Delete

-->

[32653] Fix | Delete

[32654] Fix | Delete

[32655] Fix | Delete

[32656] Fix | Delete

[32657] Fix | Delete

[32658] Fix | Delete

[32659] Fix | Delete

[32660] Fix | Delete

</feComponentTransfer>

[32661] Fix | Delete

[32662] Fix | Delete

[32663] Fix | Delete

</filter>

[32664] Fix | Delete

</defs>

[32665] Fix | Delete

</svg>`;

[32666] Fix | Delete

}

[32667] Fix | Delete

[32668] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/global-styles/get-block-css-selector.js

[32669] Fix | Delete

/**

[32670] Fix | Delete

* Internal dependencies

[32671] Fix | Delete

[32672] Fix | Delete

[32673] Fix | Delete

[32674] Fix | Delete

[32675] Fix | Delete

/**

[32676] Fix | Delete

* Determine the CSS selector for the block type and target provided, returning

[32677] Fix | Delete

* it if available.

[32678] Fix | Delete

[32679] Fix | Delete

* @param {import('@wordpress/blocks').Block} blockType The block's type.

[32680] Fix | Delete

* @param {string|string[]} target The desired selector's target e.g. `root`, delimited string, or array path.

[32681] Fix | Delete

* @param {Object} options Options object.

[32682] Fix | Delete

* @param {boolean} options.fallback Whether or not to fallback to broader selector.

[32683] Fix | Delete

[32684] Fix | Delete

* @return {?string} The CSS selector or `null` if no selector available.

[32685] Fix | Delete

[32686] Fix | Delete

function getBlockCSSSelector(blockType, target = 'root', options = {}) {

[32687] Fix | Delete

if (!target) {

[32688] Fix | Delete

return null;

[32689] Fix | Delete

}

[32690] Fix | Delete

const {

[32691] Fix | Delete

fallback = false

[32692] Fix | Delete

} = options;

[32693] Fix | Delete

const {

[32694] Fix | Delete

name,

[32695] Fix | Delete

selectors,

[32696] Fix | Delete

supports

[32697] Fix | Delete

} = blockType;

[32698] Fix | Delete

const hasSelectors = selectors && Object.keys(selectors).length > 0;

[32699] Fix | Delete

const path = Array.isArray(target) ? target.join('.') : target;

[32700] Fix | Delete

[32701] Fix | Delete

// Root selector.

[32702] Fix | Delete

[32703] Fix | Delete

// Calculated before returning as it can be used as a fallback for feature

[32704] Fix | Delete

// selectors later on.

[32705] Fix | Delete

let rootSelector = null;

[32706] Fix | Delete

if (hasSelectors && selectors.root) {

[32707] Fix | Delete

// Use the selectors API if available.

[32708] Fix | Delete

rootSelector = selectors?.root;

[32709] Fix | Delete

} else if (supports?.__experimentalSelector) {

[32710] Fix | Delete

// Use the old experimental selector supports property if set.

[32711] Fix | Delete

rootSelector = supports.__experimentalSelector;

[32712] Fix | Delete

} else {

[32713] Fix | Delete

// If no root selector found, generate default block class selector.

[32714] Fix | Delete

rootSelector = '.wp-block-' + name.replace('core/', '').replace('/', '-');

[32715] Fix | Delete

}

[32716] Fix | Delete

[32717] Fix | Delete

// Return selector if it's the root target we are looking for.

[32718] Fix | Delete

if (path === 'root') {

[32719] Fix | Delete

return rootSelector;

[32720] Fix | Delete

}

[32721] Fix | Delete

[32722] Fix | Delete

// If target is not `root` or `duotone` we have a feature or subfeature

[32723] Fix | Delete

// as the target. If the target is a string convert to an array.

[32724] Fix | Delete

const pathArray = Array.isArray(target) ? target : target.split('.');

[32725] Fix | Delete

[32726] Fix | Delete

// Feature selectors ( may fallback to root selector );

[32727] Fix | Delete

if (pathArray.length === 1) {

[32728] Fix | Delete

const fallbackSelector = fallback ? rootSelector : null;

[32729] Fix | Delete

[32730] Fix | Delete

// Prefer the selectors API if available.

[32731] Fix | Delete

if (hasSelectors) {

[32732] Fix | Delete

// Get selector from either `feature.root` or shorthand path.

[32733] Fix | Delete

const featureSelector = getValueFromObjectPath(selectors, `${path}.root`, null) || getValueFromObjectPath(selectors, path, null);

[32734] Fix | Delete

[32735] Fix | Delete

// Return feature selector if found or any available fallback.

[32736] Fix | Delete

return featureSelector || fallbackSelector;

[32737] Fix | Delete

}

[32738] Fix | Delete

[32739] Fix | Delete

// Try getting old experimental supports selector value.

[32740] Fix | Delete

const featureSelector = getValueFromObjectPath(supports, `${path}.__experimentalSelector`, null);

[32741] Fix | Delete

[32742] Fix | Delete

// If nothing to work with, provide fallback selector if available.

[32743] Fix | Delete

if (!featureSelector) {

[32744] Fix | Delete

return fallbackSelector;

[32745] Fix | Delete

}

[32746] Fix | Delete

[32747] Fix | Delete

// Scope the feature selector by the block's root selector.

[32748] Fix | Delete

return scopeSelector(rootSelector, featureSelector);

[32749] Fix | Delete

}

[32750] Fix | Delete

[32751] Fix | Delete

// Subfeature selector.

[32752] Fix | Delete

// This may fallback either to parent feature or root selector.

[32753] Fix | Delete

let subfeatureSelector;

[32754] Fix | Delete

[32755] Fix | Delete

// Use selectors API if available.

[32756] Fix | Delete

if (hasSelectors) {

[32757] Fix | Delete

subfeatureSelector = getValueFromObjectPath(selectors, path, null);

[32758] Fix | Delete

}

[32759] Fix | Delete

[32760] Fix | Delete

// Only return if we have a subfeature selector.

[32761] Fix | Delete

if (subfeatureSelector) {

[32762] Fix | Delete

return subfeatureSelector;

[32763] Fix | Delete

}

[32764] Fix | Delete

[32765] Fix | Delete

// To this point we don't have a subfeature selector. If a fallback has been

[32766] Fix | Delete

// requested, remove subfeature from target path and return results of a

[32767] Fix | Delete

// call for the parent feature's selector.

[32768] Fix | Delete

if (fallback) {

[32769] Fix | Delete

return getBlockCSSSelector(blockType, pathArray[0], options);

[32770] Fix | Delete

}

[32771] Fix | Delete

[32772] Fix | Delete

// We tried.

[32773] Fix | Delete

return null;

[32774] Fix | Delete

}

[32775] Fix | Delete

[32776] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/global-styles/filters-panel.js

[32777] Fix | Delete

/**

[32778] Fix | Delete

* External dependencies

[32779] Fix | Delete

[32780] Fix | Delete

[32781] Fix | Delete

[32782] Fix | Delete

/**

[32783] Fix | Delete

* WordPress dependencies

[32784] Fix | Delete

[32785] Fix | Delete

[32786] Fix | Delete

[32787] Fix | Delete

[32788] Fix | Delete

[32789] Fix | Delete

/**

[32790] Fix | Delete

* Internal dependencies

[32791] Fix | Delete

[32792] Fix | Delete

[32793] Fix | Delete

[32794] Fix | Delete

[32795] Fix | Delete

[32796] Fix | Delete

const filters_panel_EMPTY_ARRAY = [];

[32797] Fix | Delete

function useMultiOriginColorPresets(settings, {

[32798] Fix | Delete

presetSetting,

[32799] Fix | Delete

defaultSetting

[32800] Fix | Delete

}) {

[32801] Fix | Delete

const disableDefault = !settings?.color?.[defaultSetting];

[32802] Fix | Delete

const userPresets = settings?.color?.[presetSetting]?.custom || filters_panel_EMPTY_ARRAY;

[32803] Fix | Delete

const themePresets = settings?.color?.[presetSetting]?.theme || filters_panel_EMPTY_ARRAY;

[32804] Fix | Delete

const defaultPresets = settings?.color?.[presetSetting]?.default || filters_panel_EMPTY_ARRAY;

[32805] Fix | Delete

return (0,external_wp_element_namespaceObject.useMemo)(() => [...userPresets, ...themePresets, ...(disableDefault ? filters_panel_EMPTY_ARRAY : defaultPresets)], [disableDefault, userPresets, themePresets, defaultPresets]);

[32806] Fix | Delete

}

[32807] Fix | Delete

function useHasFiltersPanel(settings) {

[32808] Fix | Delete

return useHasDuotoneControl(settings);

[32809] Fix | Delete

}

[32810] Fix | Delete

function useHasDuotoneControl(settings) {

[32811] Fix | Delete

return settings.color.customDuotone || settings.color.defaultDuotone || settings.color.duotone.length > 0;

[32812] Fix | Delete

}

[32813] Fix | Delete

function FiltersToolsPanel({

[32814] Fix | Delete

resetAllFilter,

[32815] Fix | Delete

onChange,

[32816] Fix | Delete

value,

[32817] Fix | Delete

panelId,

[32818] Fix | Delete

children

[32819] Fix | Delete

}) {

[32820] Fix | Delete

const dropdownMenuProps = useToolsPanelDropdownMenuProps();

[32821] Fix | Delete

const resetAll = () => {

[32822] Fix | Delete

const updatedValue = resetAllFilter(value);

[32823] Fix | Delete

onChange(updatedValue);

[32824] Fix | Delete

};

[32825] Fix | Delete

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

[32826] Fix | Delete

label: (0,external_wp_i18n_namespaceObject._x)('Filters', 'Name for applying graphical effects'),

[32827] Fix | Delete

resetAll: resetAll,

[32828] Fix | Delete

panelId: panelId,

[32829] Fix | Delete

dropdownMenuProps: dropdownMenuProps,

[32830] Fix | Delete

children: children

[32831] Fix | Delete

});

[32832] Fix | Delete

}

[32833] Fix | Delete

const filters_panel_DEFAULT_CONTROLS = {

[32834] Fix | Delete

duotone: true

[32835] Fix | Delete

};

[32836] Fix | Delete

const filters_panel_popoverProps = {

[32837] Fix | Delete

placement: 'left-start',

[32838] Fix | Delete

offset: 36,

[32839] Fix | Delete

shift: true,

[32840] Fix | Delete

className: 'block-editor-duotone-control__popover',

[32841] Fix | Delete

headerTitle: (0,external_wp_i18n_namespaceObject.__)('Duotone')

[32842] Fix | Delete

};

[32843] Fix | Delete

const LabeledColorIndicator = ({

[32844] Fix | Delete

indicator,

[32845] Fix | Delete

label

[32846] Fix | Delete

}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {

[32847] Fix | Delete

justify: "flex-start",

[32848] Fix | Delete

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

[32849] Fix | Delete

isLayered: false,

[32850] Fix | Delete

offset: -8,

[32851] Fix | Delete

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

[32852] Fix | Delete

expanded: false,

[32853] Fix | Delete

children: indicator === 'unset' || !indicator ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ColorIndicator, {

[32854] Fix | Delete

className: "block-editor-duotone-control__unset-indicator"

[32855] Fix | Delete

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

[32856] Fix | Delete

values: indicator

[32857] Fix | Delete

})

[32858] Fix | Delete

})

[32859] Fix | Delete

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

[32860] Fix | Delete

title: label,

[32861] Fix | Delete

children: label

[32862] Fix | Delete

})]

[32863] Fix | Delete

});

[32864] Fix | Delete

function FiltersPanel({

[32865] Fix | Delete

as: Wrapper = FiltersToolsPanel,

[32866] Fix | Delete

value,

[32867] Fix | Delete

onChange,

[32868] Fix | Delete

inheritedValue = value,

[32869] Fix | Delete

settings,

[32870] Fix | Delete

panelId,

[32871] Fix | Delete

defaultControls = filters_panel_DEFAULT_CONTROLS

[32872] Fix | Delete

}) {

[32873] Fix | Delete

const decodeValue = rawValue => getValueFromVariable({

[32874] Fix | Delete

settings

[32875] Fix | Delete

}, '', rawValue);

[32876] Fix | Delete

[32877] Fix | Delete

// Duotone

[32878] Fix | Delete

const hasDuotoneEnabled = useHasDuotoneControl(settings);

[32879] Fix | Delete

const duotonePalette = useMultiOriginColorPresets(settings, {

[32880] Fix | Delete

presetSetting: 'duotone',

[32881] Fix | Delete

defaultSetting: 'defaultDuotone'

[32882] Fix | Delete

});

[32883] Fix | Delete

const colorPalette = useMultiOriginColorPresets(settings, {

[32884] Fix | Delete

presetSetting: 'palette',

[32885] Fix | Delete

defaultSetting: 'defaultPalette'

[32886] Fix | Delete

});

[32887] Fix | Delete

const duotone = decodeValue(inheritedValue?.filter?.duotone);

[32888] Fix | Delete

const setDuotone = newValue => {

[32889] Fix | Delete

const duotonePreset = duotonePalette.find(({

[32890] Fix | Delete

colors

[32891] Fix | Delete

}) => {

[32892] Fix | Delete

return colors === newValue;

[32893] Fix | Delete

});

[32894] Fix | Delete

const settedValue = duotonePreset ? `var:preset|duotone|${duotonePreset.slug}` : newValue;

[32895] Fix | Delete

onChange(setImmutably(value, ['filter', 'duotone'], settedValue));

[32896] Fix | Delete

};

[32897] Fix | Delete

const hasDuotone = () => !!value?.filter?.duotone;

[32898] Fix | Delete

const resetDuotone = () => setDuotone(undefined);

[32899] Fix | Delete

const resetAllFilter = (0,external_wp_element_namespaceObject.useCallback)(previousValue => {

[32900] Fix | Delete

return {

[32901] Fix | Delete

...previousValue,

[32902] Fix | Delete

filter: {

[32903] Fix | Delete

...previousValue.filter,

[32904] Fix | Delete

duotone: undefined

[32905] Fix | Delete

}

[32906] Fix | Delete

};

[32907] Fix | Delete

}, []);

[32908] Fix | Delete

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

[32909] Fix | Delete

resetAllFilter: resetAllFilter,

[32910] Fix | Delete

value: value,

[32911] Fix | Delete

onChange: onChange,

[32912] Fix | Delete

panelId: panelId,

[32913] Fix | Delete

children: hasDuotoneEnabled && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {

[32914] Fix | Delete

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

[32915] Fix | Delete

hasValue: hasDuotone,

[32916] Fix | Delete

onDeselect: resetDuotone,

[32917] Fix | Delete

isShownByDefault: defaultControls.duotone,

[32918] Fix | Delete

panelId: panelId,

[32919] Fix | Delete

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

[32920] Fix | Delete

popoverProps: filters_panel_popoverProps,

[32921] Fix | Delete

className: "block-editor-global-styles-filters-panel__dropdown",

[32922] Fix | Delete

renderToggle: ({

[32923] Fix | Delete

onToggle,

[32924] Fix | Delete

isOpen

[32925] Fix | Delete

}) => {

[32926] Fix | Delete

const toggleProps = {

[32927] Fix | Delete

onClick: onToggle,

[32928] Fix | Delete

className: dist_clsx({

[32929] Fix | Delete

'is-open': isOpen

[32930] Fix | Delete

}),

[32931] Fix | Delete

'aria-expanded': isOpen

[32932] Fix | Delete

};

[32933] Fix | Delete

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

[32934] Fix | Delete

isBordered: true,

[32935] Fix | Delete

isSeparated: true,

[32936] Fix | Delete

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

[32937] Fix | Delete

...toggleProps,

[32938] Fix | Delete

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

[32939] Fix | Delete

indicator: duotone,

[32940] Fix | Delete

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

[32941] Fix | Delete

})

[32942] Fix | Delete

})

[32943] Fix | Delete

});

[32944] Fix | Delete

[32945] Fix | Delete

renderContent: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalDropdownContentWrapper, {

[32946] Fix | Delete

paddingSize: "small",

[32947] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuGroup, {

[32948] Fix | Delete

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

[32949] Fix | Delete

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

[32950] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Create a two-tone color effect without losing your original image.')

[32951] Fix | Delete

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

[32952] Fix | Delete

colorPalette: colorPalette,

[32953] Fix | Delete

duotonePalette: duotonePalette

[32954] Fix | Delete

// TODO: Re-enable both when custom colors are supported for block-level styles.

[32955] Fix | Delete

[32956] Fix | Delete

disableCustomColors: true,

[32957] Fix | Delete

disableCustomDuotone: true,

[32958] Fix | Delete

value: duotone,

[32959] Fix | Delete

onChange: setDuotone

[32960] Fix | Delete

})]

[32961] Fix | Delete

})

[32962] Fix | Delete

})

[32963] Fix | Delete

})

[32964] Fix | Delete

})

[32965] Fix | Delete

});

[32966] Fix | Delete

}

[32967] Fix | Delete

[32968] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/duotone.js

[32969] Fix | Delete

/**

[32970] Fix | Delete

* External dependencies

[32971] Fix | Delete

[32972] Fix | Delete

[32973] Fix | Delete

[32974] Fix | Delete

[32975] Fix | Delete

/**

[32976] Fix | Delete

* WordPress dependencies

[32977] Fix | Delete

[32978] Fix | Delete

[32979] Fix | Delete

[32980] Fix | Delete

[32981] Fix | Delete

[32982] Fix | Delete

[32983] Fix | Delete

/**

[32984] Fix | Delete

* Internal dependencies

[32985] Fix | Delete

[32986] Fix | Delete

[32987] Fix | Delete

[32988] Fix | Delete

[32989] Fix | Delete

[32990] Fix | Delete

[32991] Fix | Delete

[32992] Fix | Delete

[32993] Fix | Delete

[32994] Fix | Delete

[32995] Fix | Delete

[32996] Fix | Delete

[32997] Fix | Delete

const duotone_EMPTY_ARRAY = [];

[32998] Fix | Delete

[32999] Fix | Delete

1 ...64 656667 68 ...144