Edit File by line

[20500] Fix | Delete

/**

[20501] Fix | Delete

* WordPress dependencies

[20502] Fix | Delete

[20503] Fix | Delete

[20504] Fix | Delete

[20505] Fix | Delete

/**

[20506] Fix | Delete

* Internal dependencies

[20507] Fix | Delete

[20508] Fix | Delete

[20509] Fix | Delete

[20510] Fix | Delete

[20511] Fix | Delete

function LinkedButton(_ref) {

[20512] Fix | Delete

var isLinked = _ref.isLinked,

[20513] Fix | Delete

props = Object(objectWithoutProperties["a" /* default */])(_ref, ["isLinked"]);

[20514] Fix | Delete

[20515] Fix | Delete

var label = isLinked ? Object(external_wp_i18n_["__"])('Unlink Sides') : Object(external_wp_i18n_["__"])('Link Sides');

[20516] Fix | Delete

return Object(external_wp_element_["createElement"])(build_module_tooltip["a" /* default */], {

[20517] Fix | Delete

text: label

[20518] Fix | Delete

}, Object(external_wp_element_["createElement"])("span", null, Object(external_wp_element_["createElement"])(build_module_button["a" /* default */], Object(esm_extends["a" /* default */])({}, props, {

[20519] Fix | Delete

className: "component-box-control__linked-button",

[20520] Fix | Delete

isPrimary: isLinked,

[20521] Fix | Delete

isSecondary: !isLinked,

[20522] Fix | Delete

isSmall: true,

[20523] Fix | Delete

icon: isLinked ? library_link["a" /* default */] : link_off["a" /* default */],

[20524] Fix | Delete

iconSize: 16,

[20525] Fix | Delete

"aria-label": label

[20526] Fix | Delete

}))));

[20527] Fix | Delete

}

[20528] Fix | Delete

[20529] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/box-control/styles/box-control-visualizer-styles.js

[20530] Fix | Delete

[20531] Fix | Delete

[20532] Fix | Delete

function box_control_visualizer_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)."; }

[20533] Fix | Delete

[20534] Fix | Delete

/**

[20535] Fix | Delete

* External dependencies

[20536] Fix | Delete

[20537] Fix | Delete

[20538] Fix | Delete

[20539] Fix | Delete

/**

[20540] Fix | Delete

* Internal dependencies

[20541] Fix | Delete

[20542] Fix | Delete

[20543] Fix | Delete

[20544] Fix | Delete

var box_control_visualizer_styles_ref = true ? {

[20545] Fix | Delete

[20546] Fix | Delete

styles: "bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;"

[20547] Fix | Delete

} : undefined;

[20548] Fix | Delete

[20549] Fix | Delete

var containerPositionStyles = function containerPositionStyles(_ref2) {

[20550] Fix | Delete

var isPositionAbsolute = _ref2.isPositionAbsolute;

[20551] Fix | Delete

if (!isPositionAbsolute) return '';

[20552] Fix | Delete

return box_control_visualizer_styles_ref;

[20553] Fix | Delete

};

[20554] Fix | Delete

[20555] Fix | Delete

var box_control_visualizer_styles_Container = styled_base_browser_esm("div", {

[20556] Fix | Delete

target: "e1df9b4q0",

[20557] Fix | Delete

label: "Container"

[20558] Fix | Delete

})("box-sizing:border-box;position:relative;", containerPositionStyles, ";" + ( true ? "" : undefined));

[20559] Fix | Delete

var Side = styled_base_browser_esm("div", {

[20560] Fix | Delete

target: "e1df9b4q1",

[20561] Fix | Delete

label: "Side"

[20562] Fix | Delete

})("box-sizing:border-box;background:", colors_color('blue.wordpress.700'), ";background:", colors_color('ui.theme'), ";filter:brightness( 1 );opacity:0;position:absolute;pointer-events:none;transition:opacity 120ms linear;z-index:1;", function (_ref3) {

[20563] Fix | Delete

var isActive = _ref3.isActive;

[20564] Fix | Delete

return isActive && "\n\t\topacity: 0.3;\n\t";

[20565] Fix | Delete

}, true ? "" : undefined);

[20566] Fix | Delete

var TopView = /*#__PURE__*/styled_base_browser_esm(Side, {

[20567] Fix | Delete

target: "e1df9b4q2",

[20568] Fix | Delete

label: "TopView"

[20569] Fix | Delete

})( true ? {

[20570] Fix | Delete

[20571] Fix | Delete

styles: "top:0;left:0;right:0;"

[20572] Fix | Delete

} : undefined);

[20573] Fix | Delete

var RightView = /*#__PURE__*/styled_base_browser_esm(Side, {

[20574] Fix | Delete

target: "e1df9b4q3",

[20575] Fix | Delete

label: "RightView"

[20576] Fix | Delete

})("top:0;bottom:0;", rtl_rtl({

[20577] Fix | Delete

right: 0

[20578] Fix | Delete

}), ";" + ( true ? "" : undefined));

[20579] Fix | Delete

var BottomView = /*#__PURE__*/styled_base_browser_esm(Side, {

[20580] Fix | Delete

target: "e1df9b4q4",

[20581] Fix | Delete

label: "BottomView"

[20582] Fix | Delete

})( true ? {

[20583] Fix | Delete

[20584] Fix | Delete

styles: "bottom:0;left:0;right:0;"

[20585] Fix | Delete

} : undefined);

[20586] Fix | Delete

var LeftView = /*#__PURE__*/styled_base_browser_esm(Side, {

[20587] Fix | Delete

target: "e1df9b4q5",

[20588] Fix | Delete

label: "LeftView"

[20589] Fix | Delete

})("top:0;bottom:0;", rtl_rtl({

[20590] Fix | Delete

left: 0

[20591] Fix | Delete

}), ";" + ( true ? "" : undefined));

[20592] Fix | Delete

[20593] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/box-control/visualizer.js

[20594] Fix | Delete

[20595] Fix | Delete

[20596] Fix | Delete

[20597] Fix | Delete

[20598] Fix | Delete

[20599] Fix | Delete

/**

[20600] Fix | Delete

* WordPress dependencies

[20601] Fix | Delete

[20602] Fix | Delete

[20603] Fix | Delete

/**

[20604] Fix | Delete

* Internal dependencies

[20605] Fix | Delete

[20606] Fix | Delete

[20607] Fix | Delete

[20608] Fix | Delete

[20609] Fix | Delete

function BoxControlVisualizer(_ref) {

[20610] Fix | Delete

var children = _ref.children,

[20611] Fix | Delete

_ref$showValues = _ref.showValues,

[20612] Fix | Delete

showValues = _ref$showValues === void 0 ? DEFAULT_VISUALIZER_VALUES : _ref$showValues,

[20613] Fix | Delete

_ref$values = _ref.values,

[20614] Fix | Delete

valuesProp = _ref$values === void 0 ? DEFAULT_VALUES : _ref$values,

[20615] Fix | Delete

props = Object(objectWithoutProperties["a" /* default */])(_ref, ["children", "showValues", "values"]);

[20616] Fix | Delete

[20617] Fix | Delete

var isPositionAbsolute = !children;

[20618] Fix | Delete

return Object(external_wp_element_["createElement"])(box_control_visualizer_styles_Container, Object(esm_extends["a" /* default */])({}, props, {

[20619] Fix | Delete

isPositionAbsolute: isPositionAbsolute,

[20620] Fix | Delete

"aria-hidden": "true"

[20621] Fix | Delete

}), Object(external_wp_element_["createElement"])(Sides, {

[20622] Fix | Delete

showValues: showValues,

[20623] Fix | Delete

values: valuesProp

[20624] Fix | Delete

}), children);

[20625] Fix | Delete

}

[20626] Fix | Delete

[20627] Fix | Delete

function Sides(_ref2) {

[20628] Fix | Delete

var _ref2$showValues = _ref2.showValues,

[20629] Fix | Delete

showValues = _ref2$showValues === void 0 ? DEFAULT_VISUALIZER_VALUES : _ref2$showValues,

[20630] Fix | Delete

values = _ref2.values;

[20631] Fix | Delete

var top = values.top,

[20632] Fix | Delete

right = values.right,

[20633] Fix | Delete

bottom = values.bottom,

[20634] Fix | Delete

left = values.left;

[20635] Fix | Delete

return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(Top, {

[20636] Fix | Delete

isVisible: showValues.top,

[20637] Fix | Delete

value: top

[20638] Fix | Delete

}), Object(external_wp_element_["createElement"])(Right, {

[20639] Fix | Delete

isVisible: showValues.right,

[20640] Fix | Delete

value: right

[20641] Fix | Delete

}), Object(external_wp_element_["createElement"])(Bottom, {

[20642] Fix | Delete

isVisible: showValues.bottom,

[20643] Fix | Delete

value: bottom

[20644] Fix | Delete

}), Object(external_wp_element_["createElement"])(Left, {

[20645] Fix | Delete

isVisible: showValues.left,

[20646] Fix | Delete

value: left

[20647] Fix | Delete

}));

[20648] Fix | Delete

}

[20649] Fix | Delete

[20650] Fix | Delete

function Top(_ref3) {

[20651] Fix | Delete

var _ref3$isVisible = _ref3.isVisible,

[20652] Fix | Delete

isVisible = _ref3$isVisible === void 0 ? false : _ref3$isVisible,

[20653] Fix | Delete

value = _ref3.value;

[20654] Fix | Delete

var height = value;

[20655] Fix | Delete

var animationProps = useSideAnimation(height);

[20656] Fix | Delete

var isActive = animationProps.isActive || isVisible;

[20657] Fix | Delete

return Object(external_wp_element_["createElement"])(TopView, {

[20658] Fix | Delete

isActive: isActive,

[20659] Fix | Delete

style: {

[20660] Fix | Delete

height: height

[20661] Fix | Delete

}

[20662] Fix | Delete

});

[20663] Fix | Delete

}

[20664] Fix | Delete

[20665] Fix | Delete

function Right(_ref4) {

[20666] Fix | Delete

var _ref4$isVisible = _ref4.isVisible,

[20667] Fix | Delete

isVisible = _ref4$isVisible === void 0 ? false : _ref4$isVisible,

[20668] Fix | Delete

value = _ref4.value;

[20669] Fix | Delete

var width = value;

[20670] Fix | Delete

var animationProps = useSideAnimation(width);

[20671] Fix | Delete

var isActive = animationProps.isActive || isVisible;

[20672] Fix | Delete

return Object(external_wp_element_["createElement"])(RightView, {

[20673] Fix | Delete

isActive: isActive,

[20674] Fix | Delete

style: {

[20675] Fix | Delete

width: width

[20676] Fix | Delete

}

[20677] Fix | Delete

});

[20678] Fix | Delete

}

[20679] Fix | Delete

[20680] Fix | Delete

function Bottom(_ref5) {

[20681] Fix | Delete

var _ref5$isVisible = _ref5.isVisible,

[20682] Fix | Delete

isVisible = _ref5$isVisible === void 0 ? false : _ref5$isVisible,

[20683] Fix | Delete

value = _ref5.value;

[20684] Fix | Delete

var height = value;

[20685] Fix | Delete

var animationProps = useSideAnimation(height);

[20686] Fix | Delete

var isActive = animationProps.isActive || isVisible;

[20687] Fix | Delete

return Object(external_wp_element_["createElement"])(BottomView, {

[20688] Fix | Delete

isActive: isActive,

[20689] Fix | Delete

style: {

[20690] Fix | Delete

height: height

[20691] Fix | Delete

}

[20692] Fix | Delete

});

[20693] Fix | Delete

}

[20694] Fix | Delete

[20695] Fix | Delete

function Left(_ref6) {

[20696] Fix | Delete

var _ref6$isVisible = _ref6.isVisible,

[20697] Fix | Delete

isVisible = _ref6$isVisible === void 0 ? false : _ref6$isVisible,

[20698] Fix | Delete

value = _ref6.value;

[20699] Fix | Delete

var width = value;

[20700] Fix | Delete

var animationProps = useSideAnimation(width);

[20701] Fix | Delete

var isActive = animationProps.isActive || isVisible;

[20702] Fix | Delete

return Object(external_wp_element_["createElement"])(LeftView, {

[20703] Fix | Delete

isActive: isActive,

[20704] Fix | Delete

style: {

[20705] Fix | Delete

width: width

[20706] Fix | Delete

}

[20707] Fix | Delete

});

[20708] Fix | Delete

}

[20709] Fix | Delete

/**

[20710] Fix | Delete

* Custom hook that renders the "flash" animation whenever the value changes.

[20711] Fix | Delete

[20712] Fix | Delete

* @param {string} value Value of (box) side.

[20713] Fix | Delete

[20714] Fix | Delete

[20715] Fix | Delete

[20716] Fix | Delete

function useSideAnimation(value) {

[20717] Fix | Delete

var _useState = Object(external_wp_element_["useState"])(false),

[20718] Fix | Delete

_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),

[20719] Fix | Delete

isActive = _useState2[0],

[20720] Fix | Delete

setIsActive = _useState2[1];

[20721] Fix | Delete

[20722] Fix | Delete

var valueRef = Object(external_wp_element_["useRef"])(value);

[20723] Fix | Delete

var timeoutRef = Object(external_wp_element_["useRef"])();

[20724] Fix | Delete

[20725] Fix | Delete

var clearTimer = function clearTimer() {

[20726] Fix | Delete

if (timeoutRef.current) {

[20727] Fix | Delete

window.clearTimeout(timeoutRef.current);

[20728] Fix | Delete

}

[20729] Fix | Delete

};

[20730] Fix | Delete

[20731] Fix | Delete

Object(external_wp_element_["useEffect"])(function () {

[20732] Fix | Delete

if (value !== valueRef.current) {

[20733] Fix | Delete

setIsActive(true);

[20734] Fix | Delete

valueRef.current = value;

[20735] Fix | Delete

clearTimer();

[20736] Fix | Delete

timeoutRef.current = setTimeout(function () {

[20737] Fix | Delete

setIsActive(false);

[20738] Fix | Delete

}, 400);

[20739] Fix | Delete

}

[20740] Fix | Delete

[20741] Fix | Delete

return function () {

[20742] Fix | Delete

return clearTimer();

[20743] Fix | Delete

};

[20744] Fix | Delete

}, [value]);

[20745] Fix | Delete

return {

[20746] Fix | Delete

isActive: isActive

[20747] Fix | Delete

};

[20748] Fix | Delete

}

[20749] Fix | Delete

[20750] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/box-control/index.js

[20751] Fix | Delete

[20752] Fix | Delete

[20753] Fix | Delete

[20754] Fix | Delete

[20755] Fix | Delete

[20756] Fix | Delete

[20757] Fix | Delete

[20758] Fix | Delete

[20759] Fix | Delete

[20760] Fix | Delete

/**

[20761] Fix | Delete

* External dependencies

[20762] Fix | Delete

[20763] Fix | Delete

[20764] Fix | Delete

/**

[20765] Fix | Delete

* WordPress dependencies

[20766] Fix | Delete

[20767] Fix | Delete

[20768] Fix | Delete

[20769] Fix | Delete

[20770] Fix | Delete

[20771] Fix | Delete

/**

[20772] Fix | Delete

* Internal dependencies

[20773] Fix | Delete

[20774] Fix | Delete

[20775] Fix | Delete

[20776] Fix | Delete

[20777] Fix | Delete

[20778] Fix | Delete

[20779] Fix | Delete

[20780] Fix | Delete

[20781] Fix | Delete

[20782] Fix | Delete

[20783] Fix | Delete

[20784] Fix | Delete

[20785] Fix | Delete

[20786] Fix | Delete

var defaultInputProps = {

[20787] Fix | Delete

min: 0

[20788] Fix | Delete

};

[20789] Fix | Delete

[20790] Fix | Delete

function box_control_useUniqueId(idProp) {

[20791] Fix | Delete

var instanceId = Object(external_wp_compose_["useInstanceId"])(BoxControl, 'inspector-box-control');

[20792] Fix | Delete

return idProp || instanceId;

[20793] Fix | Delete

}

[20794] Fix | Delete

[20795] Fix | Delete

function BoxControl(_ref) {

[20796] Fix | Delete

var idProp = _ref.id,

[20797] Fix | Delete

_ref$inputProps = _ref.inputProps,

[20798] Fix | Delete

inputProps = _ref$inputProps === void 0 ? defaultInputProps : _ref$inputProps,

[20799] Fix | Delete

_ref$onChange = _ref.onChange,

[20800] Fix | Delete

onChange = _ref$onChange === void 0 ? external_lodash_["noop"] : _ref$onChange,

[20801] Fix | Delete

_ref$onChangeShowVisu = _ref.onChangeShowVisualizer,

[20802] Fix | Delete

onChangeShowVisualizer = _ref$onChangeShowVisu === void 0 ? external_lodash_["noop"] : _ref$onChangeShowVisu,

[20803] Fix | Delete

_ref$label = _ref.label,

[20804] Fix | Delete

label = _ref$label === void 0 ? Object(external_wp_i18n_["__"])('Box Control') : _ref$label,

[20805] Fix | Delete

valuesProp = _ref.values,

[20806] Fix | Delete

units = _ref.units;

[20807] Fix | Delete

[20808] Fix | Delete

var _useControlledState = use_controlled_state(valuesProp, {

[20809] Fix | Delete

fallback: DEFAULT_VALUES

[20810] Fix | Delete

}),

[20811] Fix | Delete

_useControlledState2 = Object(slicedToArray["a" /* default */])(_useControlledState, 2),

[20812] Fix | Delete

values = _useControlledState2[0],

[20813] Fix | Delete

setValues = _useControlledState2[1];

[20814] Fix | Delete

[20815] Fix | Delete

var inputValues = values || DEFAULT_VALUES;

[20816] Fix | Delete

var hasInitialValue = isValuesDefined(valuesProp);

[20817] Fix | Delete

[20818] Fix | Delete

var _useState = Object(external_wp_element_["useState"])(hasInitialValue),

[20819] Fix | Delete

_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),

[20820] Fix | Delete

isDirty = _useState2[0],

[20821] Fix | Delete

setIsDirty = _useState2[1];

[20822] Fix | Delete

[20823] Fix | Delete

var _useState3 = Object(external_wp_element_["useState"])(!hasInitialValue || !isValuesMixed(inputValues)),

[20824] Fix | Delete

_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),

[20825] Fix | Delete

isLinked = _useState4[0],

[20826] Fix | Delete

setIsLinked = _useState4[1];

[20827] Fix | Delete

[20828] Fix | Delete

var _useState5 = Object(external_wp_element_["useState"])(isLinked ? 'all' : 'top'),

[20829] Fix | Delete

_useState6 = Object(slicedToArray["a" /* default */])(_useState5, 2),

[20830] Fix | Delete

side = _useState6[0],

[20831] Fix | Delete

setSide = _useState6[1];

[20832] Fix | Delete

[20833] Fix | Delete

var id = box_control_useUniqueId(idProp);

[20834] Fix | Delete

var headingId = "".concat(id, "-heading");

[20835] Fix | Delete

[20836] Fix | Delete

var toggleLinked = function toggleLinked() {

[20837] Fix | Delete

setIsLinked(!isLinked);

[20838] Fix | Delete

setSide(!isLinked ? 'all' : 'top');

[20839] Fix | Delete

};

[20840] Fix | Delete

[20841] Fix | Delete

var handleOnFocus = function handleOnFocus(event, _ref2) {

[20842] Fix | Delete

var nextSide = _ref2.side;

[20843] Fix | Delete

setSide(nextSide);

[20844] Fix | Delete

};

[20845] Fix | Delete

[20846] Fix | Delete

var handleOnChange = function handleOnChange(nextValues) {

[20847] Fix | Delete

onChange(nextValues);

[20848] Fix | Delete

setValues(nextValues);

[20849] Fix | Delete

setIsDirty(true);

[20850] Fix | Delete

};

[20851] Fix | Delete

[20852] Fix | Delete

var handleOnHoverOn = function handleOnHoverOn() {

[20853] Fix | Delete

var next = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

[20854] Fix | Delete

onChangeShowVisualizer(box_control_objectSpread(box_control_objectSpread({}, DEFAULT_VISUALIZER_VALUES), next));

[20855] Fix | Delete

};

[20856] Fix | Delete

[20857] Fix | Delete

var handleOnHoverOff = function handleOnHoverOff() {

[20858] Fix | Delete

var next = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

[20859] Fix | Delete

onChangeShowVisualizer(box_control_objectSpread(box_control_objectSpread({}, DEFAULT_VISUALIZER_VALUES), next));

[20860] Fix | Delete

};

[20861] Fix | Delete

[20862] Fix | Delete

var handleOnReset = function handleOnReset() {

[20863] Fix | Delete

var initialValues = DEFAULT_VALUES;

[20864] Fix | Delete

onChange(initialValues);

[20865] Fix | Delete

setValues(initialValues);

[20866] Fix | Delete

setIsDirty(false);

[20867] Fix | Delete

};

[20868] Fix | Delete

[20869] Fix | Delete

var inputControlProps = box_control_objectSpread(box_control_objectSpread({}, inputProps), {}, {

[20870] Fix | Delete

onChange: handleOnChange,

[20871] Fix | Delete

onFocus: handleOnFocus,

[20872] Fix | Delete

onHoverOn: handleOnHoverOn,

[20873] Fix | Delete

onHoverOff: handleOnHoverOff,

[20874] Fix | Delete

isLinked: isLinked,

[20875] Fix | Delete

units: units,

[20876] Fix | Delete

values: inputValues

[20877] Fix | Delete

});

[20878] Fix | Delete

[20879] Fix | Delete

return Object(external_wp_element_["createElement"])(box_control_styles_Root, {

[20880] Fix | Delete

id: id,

[20881] Fix | Delete

role: "region",

[20882] Fix | Delete

"aria-labelledby": headingId

[20883] Fix | Delete

}, Object(external_wp_element_["createElement"])(Header, {

[20884] Fix | Delete

className: "component-box-control__header"

[20885] Fix | Delete

}, Object(external_wp_element_["createElement"])(flex_item, null, Object(external_wp_element_["createElement"])(build_module_text, {

[20886] Fix | Delete

id: headingId,

[20887] Fix | Delete

className: "component-box-control__label"

[20888] Fix | Delete

}, label)), Object(external_wp_element_["createElement"])(flex_item, null, Object(external_wp_element_["createElement"])(build_module_button["a" /* default */], {

[20889] Fix | Delete

className: "component-box-control__reset-button",

[20890] Fix | Delete

isSecondary: true,

[20891] Fix | Delete

isSmall: true,

[20892] Fix | Delete

onClick: handleOnReset,

[20893] Fix | Delete

disabled: !isDirty

[20894] Fix | Delete

}, Object(external_wp_i18n_["__"])('Reset')))), Object(external_wp_element_["createElement"])(HeaderControlWrapper, {

[20895] Fix | Delete

className: "component-box-control__header-control-wrapper"

[20896] Fix | Delete

}, Object(external_wp_element_["createElement"])(flex_item, null, Object(external_wp_element_["createElement"])(BoxControlIcon, {

[20897] Fix | Delete

side: side

[20898] Fix | Delete

})), isLinked && Object(external_wp_element_["createElement"])(block, null, Object(external_wp_element_["createElement"])(AllInputControl, Object(esm_extends["a" /* default */])({

[20899] Fix | Delete

"aria-label": label

[20900] Fix | Delete

}, inputControlProps))), Object(external_wp_element_["createElement"])(flex_item, null, Object(external_wp_element_["createElement"])(LinkedButton, {

[20901] Fix | Delete

onClick: toggleLinked,

[20902] Fix | Delete

isLinked: isLinked

[20903] Fix | Delete

}))), !isLinked && Object(external_wp_element_["createElement"])(BoxInputControls, inputControlProps));

[20904] Fix | Delete

}

[20905] Fix | Delete

BoxControl.__Visualizer = BoxControlVisualizer;

[20906] Fix | Delete

[20907] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/button-group/index.js

[20908] Fix | Delete

[20909] Fix | Delete

[20910] Fix | Delete

[20911] Fix | Delete

[20912] Fix | Delete

/**

[20913] Fix | Delete

* External dependencies

[20914] Fix | Delete

[20915] Fix | Delete

[20916] Fix | Delete

/**

[20917] Fix | Delete

* WordPress dependencies

[20918] Fix | Delete

[20919] Fix | Delete

[20920] Fix | Delete

[20921] Fix | Delete

[20922] Fix | Delete

function ButtonGroup(_ref, ref) {

[20923] Fix | Delete

var className = _ref.className,

[20924] Fix | Delete

props = Object(objectWithoutProperties["a" /* default */])(_ref, ["className"]);

[20925] Fix | Delete

[20926] Fix | Delete

var classes = classnames_default()('components-button-group', className);

[20927] Fix | Delete

return Object(external_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({

[20928] Fix | Delete

ref: ref,

[20929] Fix | Delete

role: "group",

[20930] Fix | Delete

className: classes

[20931] Fix | Delete

}, props));

[20932] Fix | Delete

}

[20933] Fix | Delete

[20934] Fix | Delete

/* harmony default export */ var button_group = (Object(external_wp_element_["forwardRef"])(ButtonGroup));

[20935] Fix | Delete

[20936] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/context.js

[20937] Fix | Delete

/**

[20938] Fix | Delete

* WordPress dependencies

[20939] Fix | Delete

[20940] Fix | Delete

[20941] Fix | Delete

var CardContext = Object(external_wp_element_["createContext"])({});

[20942] Fix | Delete

var context_useCardContext = function useCardContext() {

[20943] Fix | Delete

return Object(external_wp_element_["useContext"])(CardContext);

[20944] Fix | Delete

};

[20945] Fix | Delete

[20946] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/styles/card-styles.js

[20947] Fix | Delete

[20948] Fix | Delete

[20949] Fix | Delete

/**

[20950] Fix | Delete

* WordPress dependencies

[20951] Fix | Delete

[20952] Fix | Delete

[20953] Fix | Delete

/**

[20954] Fix | Delete

* Internal dependencies

[20955] Fix | Delete

[20956] Fix | Delete

[20957] Fix | Delete

[20958] Fix | Delete

[20959] Fix | Delete

var styleProps = {

[20960] Fix | Delete

borderColor: colors_color('lightGray.500'),

[20961] Fix | Delete

borderRadius: '3px',

[20962] Fix | Delete

backgroundShady: colors_color('lightGray.200')

[20963] Fix | Delete

};

[20964] Fix | Delete

var card_styles_borderColor = styleProps.borderColor,

[20965] Fix | Delete

borderRadius = styleProps.borderRadius,

[20966] Fix | Delete

backgroundShady = styleProps.backgroundShady;

[20967] Fix | Delete

var CardUI = styled_base_browser_esm("div", {

[20968] Fix | Delete

target: "e1q7k77g0",

[20969] Fix | Delete

label: "CardUI"

[20970] Fix | Delete

})("background:", colors_color('white'), ";box-sizing:border-box;border-radius:", borderRadius, ";border:1px solid ", card_styles_borderColor, ";", handleBorderless, ";&.is-elevated{box-shadow:0px 1px 3px 0px rgba( 0,0,0,0.2 ),0px 1px 1px 0px rgba( 0,0,0,0.14 ),0px 2px 1px -1px rgba( 0,0,0,0.12 );}" + ( true ? "" : undefined));

[20971] Fix | Delete

var HeaderUI = /*#__PURE__*/styled_base_browser_esm(flex, {

[20972] Fix | Delete

target: "e1q7k77g1",

[20973] Fix | Delete

label: "HeaderUI"

[20974] Fix | Delete

})("border-bottom:1px solid ", card_styles_borderColor, ";border-top-left-radius:", borderRadius, ";border-top-right-radius:", borderRadius, ";box-sizing:border-box;&:last-child{border-bottom:none;}", headerFooterSizes, ";", handleBorderless, ";", handleShady, ";" + ( true ? "" : undefined));

[20975] Fix | Delete

var MediaUI = styled_base_browser_esm("div", {

[20976] Fix | Delete

target: "e1q7k77g2",

[20977] Fix | Delete

label: "MediaUI"

[20978] Fix | Delete

})("box-sizing:border-box;overflow:hidden;& > img,& > iframe{display:block;height:auto;max-width:100%;width:100%;}&:first-of-type{border-top-left-radius:", borderRadius, ";border-top-right-radius:", borderRadius, ";}&:last-of-type{border-bottom-left-radius:", borderRadius, ";border-bottom-right-radius:", borderRadius, ";}" + ( true ? "" : undefined));

[20979] Fix | Delete

var BodyUI = styled_base_browser_esm("div", {

[20980] Fix | Delete

target: "e1q7k77g3",

[20981] Fix | Delete

label: "BodyUI"

[20982] Fix | Delete

})("box-sizing:border-box;", bodySize, ";", handleShady, ";" + ( true ? "" : undefined));

[20983] Fix | Delete

var FooterUI = /*#__PURE__*/styled_base_browser_esm(flex, {

[20984] Fix | Delete

target: "e1q7k77g4",

[20985] Fix | Delete

label: "FooterUI"

[20986] Fix | Delete

})("border-top:1px solid ", card_styles_borderColor, ";border-bottom-left-radius:", borderRadius, ";border-bottom-right-radius:", borderRadius, ";box-sizing:border-box;&:first-of-type{border-top:none;}", headerFooterSizes, ";", handleBorderless, ";", handleShady, ";" + ( true ? "" : undefined));

[20987] Fix | Delete

var DividerUI = /*#__PURE__*/styled_base_browser_esm(external_wp_primitives_["HorizontalRule"], {

[20988] Fix | Delete

target: "e1q7k77g5",

[20989] Fix | Delete

label: "DividerUI"

[20990] Fix | Delete

})("all:unset;border-top:1px solid ", card_styles_borderColor, ";box-sizing:border-box;display:block;height:0;width:100%;" + ( true ? "" : undefined));

[20991] Fix | Delete

function bodySize() {

[20992] Fix | Delete

return "\n\t\t&.is-size {\n\t\t\t&-large {\n\t\t\t\tpadding: ".concat(space(3), " ").concat(space(4), ";\n\t\t\t}\n\t\t\t&-medium {\n\t\t\t\tpadding: ").concat(space(2), " ").concat(space(3), ";\n\t\t\t}\n\t\t\t&-small {\n\t\t\t\tpadding: ").concat(space(2), ";\n\t\t\t}\n\t\t\t&-extraSmall {\n\t\t\t\tpadding: ").concat(space(1), ";\n\t\t\t}\n\t\t}\n\t");

[20993] Fix | Delete

}

[20994] Fix | Delete

function headerFooterSizes() {

[20995] Fix | Delete

[20996] Fix | Delete

}

[20997] Fix | Delete

function handleBorderless() {

[20998] Fix | Delete

return "\n\t\t&.is-borderless {\n\t\t\tborder: none;\n\t\t}\n\t";

[20999] Fix | Delete

1 ...40 414243 44 ...118