return null;

[39000] Fix | Delete

}

[39001] Fix | Delete

var resizers = Object.keys(enable).map(function (dir) {

[39002] Fix | Delete

if (enable[dir] !== false) {

[39003] Fix | Delete

return (external_React_["createElement"](resizer_Resizer, { key: dir, direction: dir, onResizeStart: _this.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir] }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null));

[39004] Fix | Delete

}

[39005] Fix | Delete

return null;

[39006] Fix | Delete

});

[39007] Fix | Delete

// #93 Wrap the resize box in span (will not break 100% width/height)

[39008] Fix | Delete

return (external_React_["createElement"]("div", { className: handleWrapperClass, style: handleWrapperStyle }, resizers));

[39009] Fix | Delete

};

[39010] Fix | Delete

Resizable.prototype.render = function () {

[39011] Fix | Delete

var _this = this;

[39012] Fix | Delete

var extendsProps = Object.keys(this.props).reduce(function (acc, key) {

[39013] Fix | Delete

if (definedProps.indexOf(key) !== -1) {

[39014] Fix | Delete

return acc;

[39015] Fix | Delete

}

[39016] Fix | Delete

acc[key] = _this.props[key];

[39017] Fix | Delete

return acc;

[39018] Fix | Delete

}, {});

[39019] Fix | Delete

var style = lib_assign(lib_assign(lib_assign({ position: 'relative', userSelect: this.state.isResizing ? 'none' : 'auto' }, this.props.style), this.sizeStyle), { maxWidth: this.props.maxWidth, maxHeight: this.props.maxHeight, minWidth: this.props.minWidth, minHeight: this.props.minHeight, boxSizing: 'border-box', flexShrink: 0 });

[39020] Fix | Delete

if (this.state.flexBasis) {

[39021] Fix | Delete

style.flexBasis = this.state.flexBasis;

[39022] Fix | Delete

}

[39023] Fix | Delete

var Wrapper = this.props.as || 'div';

[39024] Fix | Delete

return (external_React_["createElement"](Wrapper, lib_assign({ ref: this.ref, style: style, className: this.props.className }, extendsProps),

[39025] Fix | Delete

this.state.isResizing && external_React_["createElement"]("div", { style: this.state.backgroundStyle }),

[39026] Fix | Delete

this.props.children,

[39027] Fix | Delete

this.renderResizer()));

[39028] Fix | Delete

};

[39029] Fix | Delete

Resizable.defaultProps = {

[39030] Fix | Delete

as: 'div',

[39031] Fix | Delete

onResizeStart: function () { },

[39032] Fix | Delete

onResize: function () { },

[39033] Fix | Delete

onResizeStop: function () { },

[39034] Fix | Delete

enable: {

[39035] Fix | Delete

top: true,

[39036] Fix | Delete

right: true,

[39037] Fix | Delete

bottom: true,

[39038] Fix | Delete

left: true,

[39039] Fix | Delete

topRight: true,

[39040] Fix | Delete

bottomRight: true,

[39041] Fix | Delete

bottomLeft: true,

[39042] Fix | Delete

topLeft: true,

[39043] Fix | Delete

},

[39044] Fix | Delete

style: {},

[39045] Fix | Delete

grid: [1, 1],

[39046] Fix | Delete

lockAspectRatio: false,

[39047] Fix | Delete

lockAspectRatioExtraWidth: 0,

[39048] Fix | Delete

lockAspectRatioExtraHeight: 0,

[39049] Fix | Delete

scale: 1,

[39050] Fix | Delete

resizeRatio: 1,

[39051] Fix | Delete

snapGap: 0,

[39052] Fix | Delete

};

[39053] Fix | Delete

return Resizable;

[39054] Fix | Delete

}(external_React_["PureComponent"]));

[39055] Fix | Delete

[39056] Fix | Delete

[39057] Fix | Delete

// EXTERNAL MODULE: ./node_modules/react-resize-aware/dist/index.js

[39058] Fix | Delete

var dist = __webpack_require__("SSiF");

[39059] Fix | Delete

var dist_default = /*#__PURE__*/__webpack_require__.n(dist);

[39060] Fix | Delete

[39061] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/resizable-box/resize-tooltip/utils.js

[39062] Fix | Delete

[39063] Fix | Delete

[39064] Fix | Delete

/**

[39065] Fix | Delete

* External dependencies

[39066] Fix | Delete

*/

[39067] Fix | Delete

[39068] Fix | Delete

[39069] Fix | Delete

/**

[39070] Fix | Delete

* WordPress dependencies

[39071] Fix | Delete

*/

[39072] Fix | Delete

[39073] Fix | Delete

[39074] Fix | Delete

var utils_window = window,

[39075] Fix | Delete

utils_clearTimeout = utils_window.clearTimeout,

[39076] Fix | Delete

utils_setTimeout = utils_window.setTimeout;

[39077] Fix | Delete

var POSITIONS = {

[39078] Fix | Delete

bottom: 'bottom',

[39079] Fix | Delete

corner: 'corner'

[39080] Fix | Delete

};

[39081] Fix | Delete

/**

[39082] Fix | Delete

* @typedef {Object} UseResizeLabelProps

[39083] Fix | Delete

*

[39084] Fix | Delete

* @property {undefined|string} label The label value.

[39085] Fix | Delete

* @property {Function} resizeListener Element to be rendered for resize listening events.

[39086] Fix | Delete

*/

[39087] Fix | Delete

[39088] Fix | Delete

/**

[39089] Fix | Delete

* Custom hook that manages resize listener events. It also provides a label

[39090] Fix | Delete

* based on current resize width x height values.

[39091] Fix | Delete

*

[39092] Fix | Delete

* @param {Object} props

[39093] Fix | Delete

* @param {string} props.axis Only shows the label corresponding to the axis.

[39094] Fix | Delete

* @param {number} props.fadeTimeout Duration (ms) before deactivating the resize label.

[39095] Fix | Delete

* @param {boolean} props.onResize Callback when a resize occurs. Provides { width, height } callback.

[39096] Fix | Delete

* @param {string} props.position Adjusts label value.

[39097] Fix | Delete

* @param {boolean} props.showPx Whether to add `PX` to the label.

[39098] Fix | Delete

*

[39099] Fix | Delete

* @return {UseResizeLabelProps} Properties for hook.

[39100] Fix | Delete

*/

[39101] Fix | Delete

[39102] Fix | Delete

function useResizeLabel(_ref) {

[39103] Fix | Delete

var axis = _ref.axis,

[39104] Fix | Delete

_ref$fadeTimeout = _ref.fadeTimeout,

[39105] Fix | Delete

fadeTimeout = _ref$fadeTimeout === void 0 ? 180 : _ref$fadeTimeout,

[39106] Fix | Delete

_ref$onResize = _ref.onResize,

[39107] Fix | Delete

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

[39108] Fix | Delete

_ref$position = _ref.position,

[39109] Fix | Delete

position = _ref$position === void 0 ? POSITIONS.bottom : _ref$position,

[39110] Fix | Delete

_ref$showPx = _ref.showPx,

[39111] Fix | Delete

showPx = _ref$showPx === void 0 ? false : _ref$showPx;

[39112] Fix | Delete

[39113] Fix | Delete

/*

[39114] Fix | Delete

* The width/height values derive from this special useResizeAware hook.

[39115] Fix | Delete

* This custom hook uses injects an iFrame into the element, allowing it

[39116] Fix | Delete

* to tap into the onResize (window) callback events.

[39117] Fix | Delete

*/

[39118] Fix | Delete

var _useResizeAware = dist_default()(),

[39119] Fix | Delete

_useResizeAware2 = Object(slicedToArray["a" /* default */])(_useResizeAware, 2),

[39120] Fix | Delete

resizeListener = _useResizeAware2[0],

[39121] Fix | Delete

sizes = _useResizeAware2[1];

[39122] Fix | Delete

/*

[39123] Fix | Delete

* Indicates if the x/y axis is preferred.

[39124] Fix | Delete

* If set, we will avoid resetting the moveX and moveY values.

[39125] Fix | Delete

* This will allow for the preferred axis values to persist in the label.

[39126] Fix | Delete

*/

[39127] Fix | Delete

[39128] Fix | Delete

[39129] Fix | Delete

var isAxisControlled = !!axis;

[39130] Fix | Delete

/*

[39131] Fix | Delete

* The moveX and moveY values are used to track whether the label should

[39132] Fix | Delete

* display width, height, or width x height.

[39133] Fix | Delete

*/

[39134] Fix | Delete

[39135] Fix | Delete

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

[39136] Fix | Delete

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

[39137] Fix | Delete

moveX = _useState2[0],

[39138] Fix | Delete

setMoveX = _useState2[1];

[39139] Fix | Delete

[39140] Fix | Delete

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

[39141] Fix | Delete

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

[39142] Fix | Delete

moveY = _useState4[0],

[39143] Fix | Delete

setMoveY = _useState4[1];

[39144] Fix | Delete

/*

[39145] Fix | Delete

* Cached dimension values to check for width/height updates from the

[39146] Fix | Delete

* sizes property from useResizeAware()

[39147] Fix | Delete

*/

[39148] Fix | Delete

[39149] Fix | Delete

[39150] Fix | Delete

var heightRef = Object(external_wp_element_["useRef"])(height);

[39151] Fix | Delete

var widthRef = Object(external_wp_element_["useRef"])(width);

[39152] Fix | Delete

/*

[39153] Fix | Delete

* This timeout is used with setMoveX and setMoveY to determine of

[39154] Fix | Delete

* both width and height values have changed at (roughly) the same time.

[39155] Fix | Delete

*/

[39156] Fix | Delete

[39157] Fix | Delete

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

[39158] Fix | Delete

var width = sizes.width,

[39159] Fix | Delete

height = sizes.height;

[39160] Fix | Delete

[39161] Fix | Delete

var unsetMoveXY = function unsetMoveXY() {

[39162] Fix | Delete

/*

[39163] Fix | Delete

* If axis is controlled, we will avoid resetting the moveX and moveY values.

[39164] Fix | Delete

* This will allow for the preferred axis values to persist in the label.

[39165] Fix | Delete

*/

[39166] Fix | Delete

if (isAxisControlled) return;

[39167] Fix | Delete

setMoveX(false);

[39168] Fix | Delete

setMoveY(false);

[39169] Fix | Delete

};

[39170] Fix | Delete

[39171] Fix | Delete

var debounceUnsetMoveXY = function debounceUnsetMoveXY() {

[39172] Fix | Delete

if (moveTimeoutRef.current) {

[39173] Fix | Delete

utils_clearTimeout(moveTimeoutRef.current);

[39174] Fix | Delete

}

[39175] Fix | Delete

[39176] Fix | Delete

moveTimeoutRef.current = utils_setTimeout(unsetMoveXY, fadeTimeout);

[39177] Fix | Delete

};

[39178] Fix | Delete

[39179] Fix | Delete

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

[39180] Fix | Delete

/*

[39181] Fix | Delete

* On the initial render of useResizeAware, the height and width values are

[39182] Fix | Delete

* null. They are calculated then set using via an internal useEffect hook.

[39183] Fix | Delete

*/

[39184] Fix | Delete

var isRendered = width !== null || height !== null;

[39185] Fix | Delete

if (!isRendered) return;

[39186] Fix | Delete

var didWidthChange = width !== widthRef.current;

[39187] Fix | Delete

var didHeightChange = height !== heightRef.current;

[39188] Fix | Delete

if (!didWidthChange && !didHeightChange) return;

[39189] Fix | Delete

/*

[39190] Fix | Delete

* After the initial render, the useResizeAware will set the first

[39191] Fix | Delete

* width and height values. We'll sync those values with our

[39192] Fix | Delete

* width and height refs. However, we shouldn't render our Tooltip

[39193] Fix | Delete

* label on this first cycle.

[39194] Fix | Delete

*/

[39195] Fix | Delete

[39196] Fix | Delete

if (width && !widthRef.current && height && !heightRef.current) {

[39197] Fix | Delete

widthRef.current = width;

[39198] Fix | Delete

heightRef.current = height;

[39199] Fix | Delete

return;

[39200] Fix | Delete

}

[39201] Fix | Delete

/*

[39202] Fix | Delete

* After the first cycle, we can track width and height changes.

[39203] Fix | Delete

*/

[39204] Fix | Delete

[39205] Fix | Delete

[39206] Fix | Delete

if (didWidthChange) {

[39207] Fix | Delete

setMoveX(true);

[39208] Fix | Delete

widthRef.current = width;

[39209] Fix | Delete

}

[39210] Fix | Delete

[39211] Fix | Delete

if (didHeightChange) {

[39212] Fix | Delete

setMoveY(true);

[39213] Fix | Delete

heightRef.current = height;

[39214] Fix | Delete

}

[39215] Fix | Delete

[39216] Fix | Delete

onResize({

[39217] Fix | Delete

width: width,

[39218] Fix | Delete

height: height

[39219] Fix | Delete

});

[39220] Fix | Delete

debounceUnsetMoveXY();

[39221] Fix | Delete

}, [width, height]);

[39222] Fix | Delete

var label = getSizeLabel({

[39223] Fix | Delete

axis: axis,

[39224] Fix | Delete

height: height,

[39225] Fix | Delete

moveX: moveX,

[39226] Fix | Delete

moveY: moveY,

[39227] Fix | Delete

position: position,

[39228] Fix | Delete

showPx: showPx,

[39229] Fix | Delete

width: width

[39230] Fix | Delete

});

[39231] Fix | Delete

return {

[39232] Fix | Delete

label: label,

[39233] Fix | Delete

resizeListener: resizeListener

[39234] Fix | Delete

};

[39235] Fix | Delete

}

[39236] Fix | Delete

/**

[39237] Fix | Delete

* Gets the resize label based on width and height values (as well as recent changes).

[39238] Fix | Delete

*

[39239] Fix | Delete

* @param {Object} props

[39240] Fix | Delete

* @param {string} props.axis Only shows the label corresponding to the axis.

[39241] Fix | Delete

* @param {number} props.height Height value.

[39242] Fix | Delete

* @param {boolean} props.moveX Recent width (x axis) changes.

[39243] Fix | Delete

* @param {boolean} props.moveY Recent width (y axis) changes.

[39244] Fix | Delete

* @param {string} props.position Adjusts label value.

[39245] Fix | Delete

* @param {boolean} props.showPx Whether to add `PX` to the label.

[39246] Fix | Delete

* @param {number} props.width Width value.

[39247] Fix | Delete

*

[39248] Fix | Delete

* @return {undefined | string} The rendered label.

[39249] Fix | Delete

*/

[39250] Fix | Delete

[39251] Fix | Delete

function getSizeLabel(_ref2) {

[39252] Fix | Delete

var axis = _ref2.axis,

[39253] Fix | Delete

height = _ref2.height,

[39254] Fix | Delete

_ref2$moveX = _ref2.moveX,

[39255] Fix | Delete

moveX = _ref2$moveX === void 0 ? false : _ref2$moveX,

[39256] Fix | Delete

_ref2$moveY = _ref2.moveY,

[39257] Fix | Delete

moveY = _ref2$moveY === void 0 ? false : _ref2$moveY,

[39258] Fix | Delete

_ref2$position = _ref2.position,

[39259] Fix | Delete

position = _ref2$position === void 0 ? POSITIONS.bottom : _ref2$position,

[39260] Fix | Delete

_ref2$showPx = _ref2.showPx,

[39261] Fix | Delete

showPx = _ref2$showPx === void 0 ? false : _ref2$showPx,

[39262] Fix | Delete

width = _ref2.width;

[39263] Fix | Delete

if (!moveX && !moveY) return null;

[39264] Fix | Delete

/*

[39265] Fix | Delete

* Corner position...

[39266] Fix | Delete

* We want the label to appear like width x height.

[39267] Fix | Delete

*/

[39268] Fix | Delete

[39269] Fix | Delete

if (position === POSITIONS.corner) {

[39270] Fix | Delete

return "".concat(width, " x ").concat(height);

[39271] Fix | Delete

}

[39272] Fix | Delete

/*

[39273] Fix | Delete

* Other POSITIONS...

[39274] Fix | Delete

* The label will combine both width x height values if both

[39275] Fix | Delete

* values have recently been changed.

[39276] Fix | Delete

*

[39277] Fix | Delete

* Otherwise, only width or height will be displayed.

[39278] Fix | Delete

* The `PX` unit will be added, if specified by the `showPx` prop.

[39279] Fix | Delete

*/

[39280] Fix | Delete

[39281] Fix | Delete

[39282] Fix | Delete

var labelUnit = showPx ? ' px' : '';

[39283] Fix | Delete

[39284] Fix | Delete

if (axis) {

[39285] Fix | Delete

if (axis === 'x' && moveX) {

[39286] Fix | Delete

return "".concat(width).concat(labelUnit);

[39287] Fix | Delete

}

[39288] Fix | Delete

[39289] Fix | Delete

if (axis === 'y' && moveY) {

[39290] Fix | Delete

return "".concat(height).concat(labelUnit);

[39291] Fix | Delete

}

[39292] Fix | Delete

}

[39293] Fix | Delete

[39294] Fix | Delete

if (moveX && moveY) {

[39295] Fix | Delete

return "".concat(width, " x ").concat(height);

[39296] Fix | Delete

}

[39297] Fix | Delete

[39298] Fix | Delete

if (moveX) {

[39299] Fix | Delete

return "".concat(width).concat(labelUnit);

[39300] Fix | Delete

}

[39301] Fix | Delete

[39302] Fix | Delete

if (moveY) {

[39303] Fix | Delete

return "".concat(height).concat(labelUnit);

[39304] Fix | Delete

}

[39305] Fix | Delete

[39306] Fix | Delete

return null;

[39307] Fix | Delete

}

[39308] Fix | Delete

[39309] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js

[39310] Fix | Delete

[39311] Fix | Delete

[39312] Fix | Delete

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

[39313] Fix | Delete

[39314] Fix | Delete

/**

[39315] Fix | Delete

* Internal dependencies

[39316] Fix | Delete

*/

[39317] Fix | Delete

[39318] Fix | Delete

[39319] Fix | Delete

[39320] Fix | Delete

var resize_tooltip_styles_Root = styled_base_browser_esm("div", {

[39321] Fix | Delete

target: "ekdag500",

[39322] Fix | Delete

label: "Root"

[39323] Fix | Delete

})( true ? {

[39324] Fix | Delete

name: "mt2ez5",

[39325] Fix | Delete

styles: "bottom:0;box-sizing:border-box;left:0;pointer-events:none;position:absolute;right:0;top:0;"

[39326] Fix | Delete

} : undefined);

[39327] Fix | Delete

var TooltipWrapper = styled_base_browser_esm("div", {

[39328] Fix | Delete

target: "ekdag501",

[39329] Fix | Delete

label: "TooltipWrapper"

[39330] Fix | Delete

})( true ? {

[39331] Fix | Delete

name: "1kllayo",

[39332] Fix | Delete

styles: "align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity 120ms linear;"

[39333] Fix | Delete

} : undefined);

[39334] Fix | Delete

var resize_tooltip_styles_Tooltip = styled_base_browser_esm("div", {

[39335] Fix | Delete

target: "ekdag502",

[39336] Fix | Delete

label: "Tooltip"

[39337] Fix | Delete

})("background:", colors_color('ui.border'), ";border-radius:2px;box-sizing:border-box;font-size:12px;color:", colors_color('ui.textDark'), ";padding:4px 8px;position:relative;" + ( true ? "" : undefined)); // TODO: Resolve need to use &&& to increase specificity

[39338] Fix | Delete

// https://github.com/WordPress/gutenberg/issues/18483

[39339] Fix | Delete

[39340] Fix | Delete

var LabelText = /*#__PURE__*/styled_base_browser_esm(build_module_text, {

[39341] Fix | Delete

target: "ekdag503",

[39342] Fix | Delete

label: "LabelText"

[39343] Fix | Delete

})("&&&{", text_mixins_text, ";display:block;font-size:13px;line-height:1.4;}" + ( true ? "" : undefined));

[39344] Fix | Delete

[39345] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/resizable-box/resize-tooltip/label.js

[39346] Fix | Delete

[39347] Fix | Delete

[39348] Fix | Delete

[39349] Fix | Delete

[39350] Fix | Delete

[39351] Fix | Delete

function label_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

[39352] Fix | Delete

[39353] Fix | Delete

function label_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { label_ownKeys(Object(source), true).forEach(function (key) { Object(esm_defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { label_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

[39354] Fix | Delete

[39355] Fix | Delete

/**

[39356] Fix | Delete

* WordPress dependencies

[39357] Fix | Delete

*/

[39358] Fix | Delete

[39359] Fix | Delete

[39360] Fix | Delete

/**

[39361] Fix | Delete

* Internal dependencies

[39362] Fix | Delete

*/

[39363] Fix | Delete

[39364] Fix | Delete

[39365] Fix | Delete

[39366] Fix | Delete

var CORNER_OFFSET = 4;

[39367] Fix | Delete

var CURSOR_OFFSET_TOP = CORNER_OFFSET * 2.5;

[39368] Fix | Delete

[39369] Fix | Delete

function resize_tooltip_label_Label(_ref, ref) {

[39370] Fix | Delete

var label = _ref.label,

[39371] Fix | Delete

_ref$position = _ref.position,

[39372] Fix | Delete

position = _ref$position === void 0 ? POSITIONS.corner : _ref$position,

[39373] Fix | Delete

_ref$zIndex = _ref.zIndex,

[39374] Fix | Delete

zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,

[39375] Fix | Delete

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

[39376] Fix | Delete

[39377] Fix | Delete

var showLabel = !!label;

[39378] Fix | Delete

var isBottom = position === POSITIONS.bottom;

[39379] Fix | Delete

var isCorner = position === POSITIONS.corner;

[39380] Fix | Delete

if (!showLabel) return null;

[39381] Fix | Delete

var style = {

[39382] Fix | Delete

opacity: showLabel ? 1 : null,

[39383] Fix | Delete

zIndex: zIndex

[39384] Fix | Delete

};

[39385] Fix | Delete

var labelStyle = {};

[39386] Fix | Delete

[39387] Fix | Delete

if (isBottom) {

[39388] Fix | Delete

style = label_objectSpread(label_objectSpread({}, style), {}, {

[39389] Fix | Delete

position: 'absolute',

[39390] Fix | Delete

bottom: CURSOR_OFFSET_TOP * -1,

[39391] Fix | Delete

left: '50%',

[39392] Fix | Delete

transform: 'translate(-50%, 0)'

[39393] Fix | Delete

});

[39394] Fix | Delete

labelStyle = {

[39395] Fix | Delete

transform: "translate(0, 100%)"

[39396] Fix | Delete

};

[39397] Fix | Delete

}

[39398] Fix | Delete

[39399] Fix | Delete

if (isCorner) {

[39400] Fix | Delete

style = label_objectSpread(label_objectSpread({}, style), {}, {

[39401] Fix | Delete

position: 'absolute',

[39402] Fix | Delete

top: CORNER_OFFSET,

[39403] Fix | Delete

right: Object(external_wp_i18n_["isRTL"])() ? null : CORNER_OFFSET,

[39404] Fix | Delete

left: Object(external_wp_i18n_["isRTL"])() ? CORNER_OFFSET : null

[39405] Fix | Delete

});

[39406] Fix | Delete

}

[39407] Fix | Delete

[39408] Fix | Delete

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

[39409] Fix | Delete

"aria-hidden": "true",

[39410] Fix | Delete

className: "components-resizable-tooltip__tooltip-wrapper",

[39411] Fix | Delete

isActive: showLabel,

[39412] Fix | Delete

ref: ref,

[39413] Fix | Delete

style: style

[39414] Fix | Delete

}, props), Object(external_wp_element_["createElement"])(resize_tooltip_styles_Tooltip, {

[39415] Fix | Delete

className: "components-resizable-tooltip__tooltip",

[39416] Fix | Delete

style: labelStyle

[39417] Fix | Delete

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

[39418] Fix | Delete

as: "span"

[39419] Fix | Delete

}, label)));

[39420] Fix | Delete

}

[39421] Fix | Delete

[39422] Fix | Delete

var label_ForwardedComponent = Object(external_wp_element_["forwardRef"])(resize_tooltip_label_Label);

[39423] Fix | Delete

/* harmony default export */ var resize_tooltip_label = (label_ForwardedComponent);

[39424] Fix | Delete

[39425] Fix | Delete

// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/resizable-box/resize-tooltip/index.js

[39426] Fix | Delete

[39427] Fix | Delete

[39428] Fix | Delete

[39429] Fix | Delete

[39430] Fix | Delete

/**

[39431] Fix | Delete

* External dependencies

[39432] Fix | Delete

*/

[39433] Fix | Delete

[39434] Fix | Delete

[39435] Fix | Delete

/**

[39436] Fix | Delete

* WordPress dependencies

[39437] Fix | Delete

*/

[39438] Fix | Delete

[39439] Fix | Delete

[39440] Fix | Delete

/**

[39441] Fix | Delete

* Internal dependencies

[39442] Fix | Delete

*/

[39443] Fix | Delete

[39444] Fix | Delete

[39445] Fix | Delete

[39446] Fix | Delete

[39447] Fix | Delete

[39448] Fix | Delete

function ResizeTooltip(_ref, ref) {

[39449] Fix | Delete

var axis = _ref.axis,

[39450] Fix | Delete

className = _ref.className,

[39451] Fix | Delete

_ref$fadeTimeout = _ref.fadeTimeout,

[39452] Fix | Delete

fadeTimeout = _ref$fadeTimeout === void 0 ? 180 : _ref$fadeTimeout,

[39453] Fix | Delete

_ref$isVisible = _ref.isVisible,

[39454] Fix | Delete

isVisible = _ref$isVisible === void 0 ? true : _ref$isVisible,

[39455] Fix | Delete

labelRef = _ref.labelRef,

[39456] Fix | Delete

_ref$onResize = _ref.onResize,

[39457] Fix | Delete

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

[39458] Fix | Delete

_ref$position = _ref.position,

[39459] Fix | Delete

position = _ref$position === void 0 ? POSITIONS.bottom : _ref$position,

[39460] Fix | Delete

_ref$showPx = _ref.showPx,

[39461] Fix | Delete

showPx = _ref$showPx === void 0 ? true : _ref$showPx,

[39462] Fix | Delete

_ref$zIndex = _ref.zIndex,

[39463] Fix | Delete

zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,

[39464] Fix | Delete

props = Object(objectWithoutProperties["a" /* default */])(_ref, ["axis", "className", "fadeTimeout", "isVisible", "labelRef", "onResize", "position", "showPx", "zIndex"]);

[39465] Fix | Delete

[39466] Fix | Delete

var _useResizeLabel = useResizeLabel({

[39467] Fix | Delete

axis: axis,

[39468] Fix | Delete

fadeTimeout: fadeTimeout,

[39469] Fix | Delete

onResize: onResize,

[39470] Fix | Delete

showPx: showPx,

[39471] Fix | Delete

position: position

[39472] Fix | Delete

}),

[39473] Fix | Delete

label = _useResizeLabel.label,

[39474] Fix | Delete

resizeListener = _useResizeLabel.resizeListener;

[39475] Fix | Delete

[39476] Fix | Delete

if (!isVisible) return null;

[39477] Fix | Delete

var classes = classnames_default()('components-resize-tooltip', className);

[39478] Fix | Delete

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

[39479] Fix | Delete

"aria-hidden": "true",

[39480] Fix | Delete

className: classes,

[39481] Fix | Delete

ref: ref

[39482] Fix | Delete

}, props), resizeListener, Object(external_wp_element_["createElement"])(resize_tooltip_label, {

[39483] Fix | Delete

"aria-hidden": props['aria-hidden'],

[39484] Fix | Delete

fadeTimeout: fadeTimeout,

[39485] Fix | Delete

isVisible: isVisible,

[39486] Fix | Delete

label: label,

[39487] Fix | Delete

position: position,

[39488] Fix | Delete

ref: labelRef,

[39489] Fix | Delete

zIndex: zIndex

[39490] Fix | Delete

}));

[39491] Fix | Delete

}

[39492] Fix | Delete

[39493] Fix | Delete

var resize_tooltip_ForwardedComponent = Object(external_wp_element_["forwardRef"])(ResizeTooltip);

[39494] Fix | Delete

/* harmony default export */ var resize_tooltip = (resize_tooltip_ForwardedComponent);

[39495] Fix | Delete

[39496] Fix | Delete

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

[39497] Fix | Delete

[39498] Fix | Delete

[39499] Fix | Delete