Edit File by line
/home/barbar84/www/wp-inclu.../js/dist
File: components.js
[11000] Fix | Delete
function 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; }
[11001] Fix | Delete
[11002] Fix | Delete
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { defineProperty_default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
[11003] Fix | Delete
var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
[11004] Fix | Delete
[11005] Fix | Delete
var styled_base_browser_esm_createStyled = function createStyled(tag, options) {
[11006] Fix | Delete
if (false) {}
[11007] Fix | Delete
[11008] Fix | Delete
var identifierName;
[11009] Fix | Delete
var shouldForwardProp;
[11010] Fix | Delete
var targetClassName;
[11011] Fix | Delete
[11012] Fix | Delete
if (options !== undefined) {
[11013] Fix | Delete
identifierName = options.label;
[11014] Fix | Delete
targetClassName = options.target;
[11015] Fix | Delete
shouldForwardProp = tag.__emotion_forwardProp && options.shouldForwardProp ? function (propName) {
[11016] Fix | Delete
return tag.__emotion_forwardProp(propName) && // $FlowFixMe
[11017] Fix | Delete
options.shouldForwardProp(propName);
[11018] Fix | Delete
} : options.shouldForwardProp;
[11019] Fix | Delete
}
[11020] Fix | Delete
[11021] Fix | Delete
var isReal = tag.__emotion_real === tag;
[11022] Fix | Delete
var baseTag = isReal && tag.__emotion_base || tag;
[11023] Fix | Delete
[11024] Fix | Delete
if (typeof shouldForwardProp !== 'function' && isReal) {
[11025] Fix | Delete
shouldForwardProp = tag.__emotion_forwardProp;
[11026] Fix | Delete
}
[11027] Fix | Delete
[11028] Fix | Delete
var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);
[11029] Fix | Delete
var shouldUseAs = !defaultShouldForwardProp('as');
[11030] Fix | Delete
return function () {
[11031] Fix | Delete
var args = arguments;
[11032] Fix | Delete
var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];
[11033] Fix | Delete
[11034] Fix | Delete
if (identifierName !== undefined) {
[11035] Fix | Delete
styles.push("label:" + identifierName + ";");
[11036] Fix | Delete
}
[11037] Fix | Delete
[11038] Fix | Delete
if (args[0] == null || args[0].raw === undefined) {
[11039] Fix | Delete
styles.push.apply(styles, args);
[11040] Fix | Delete
} else {
[11041] Fix | Delete
if (false) {}
[11042] Fix | Delete
[11043] Fix | Delete
styles.push(args[0][0]);
[11044] Fix | Delete
var len = args.length;
[11045] Fix | Delete
var i = 1;
[11046] Fix | Delete
[11047] Fix | Delete
for (; i < len; i++) {
[11048] Fix | Delete
if (false) {}
[11049] Fix | Delete
[11050] Fix | Delete
styles.push(args[i], args[0][i]);
[11051] Fix | Delete
}
[11052] Fix | Delete
} // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class
[11053] Fix | Delete
[11054] Fix | Delete
[11055] Fix | Delete
var Styled = Object(core_browser_esm["d" /* withEmotionCache */])(function (props, context, ref) {
[11056] Fix | Delete
return Object(external_React_["createElement"])(core_browser_esm["a" /* ThemeContext */].Consumer, null, function (theme) {
[11057] Fix | Delete
var finalTag = shouldUseAs && props.as || baseTag;
[11058] Fix | Delete
var className = '';
[11059] Fix | Delete
var classInterpolations = [];
[11060] Fix | Delete
var mergedProps = props;
[11061] Fix | Delete
[11062] Fix | Delete
if (props.theme == null) {
[11063] Fix | Delete
mergedProps = {};
[11064] Fix | Delete
[11065] Fix | Delete
for (var key in props) {
[11066] Fix | Delete
mergedProps[key] = props[key];
[11067] Fix | Delete
}
[11068] Fix | Delete
[11069] Fix | Delete
mergedProps.theme = theme;
[11070] Fix | Delete
}
[11071] Fix | Delete
[11072] Fix | Delete
if (typeof props.className === 'string') {
[11073] Fix | Delete
className = Object(utils_browser_esm["a" /* getRegisteredStyles */])(context.registered, classInterpolations, props.className);
[11074] Fix | Delete
} else if (props.className != null) {
[11075] Fix | Delete
className = props.className + " ";
[11076] Fix | Delete
}
[11077] Fix | Delete
[11078] Fix | Delete
var serialized = Object(serialize_browser_esm["a" /* serializeStyles */])(styles.concat(classInterpolations), context.registered, mergedProps);
[11079] Fix | Delete
var rules = Object(utils_browser_esm["b" /* insertStyles */])(context, serialized, typeof finalTag === 'string');
[11080] Fix | Delete
className += context.key + "-" + serialized.name;
[11081] Fix | Delete
[11082] Fix | Delete
if (targetClassName !== undefined) {
[11083] Fix | Delete
className += " " + targetClassName;
[11084] Fix | Delete
}
[11085] Fix | Delete
[11086] Fix | Delete
var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getDefaultShouldForwardProp(finalTag) : defaultShouldForwardProp;
[11087] Fix | Delete
var newProps = {};
[11088] Fix | Delete
[11089] Fix | Delete
for (var _key in props) {
[11090] Fix | Delete
if (shouldUseAs && _key === 'as') continue;
[11091] Fix | Delete
[11092] Fix | Delete
if ( // $FlowFixMe
[11093] Fix | Delete
finalShouldForwardProp(_key)) {
[11094] Fix | Delete
newProps[_key] = props[_key];
[11095] Fix | Delete
}
[11096] Fix | Delete
}
[11097] Fix | Delete
[11098] Fix | Delete
newProps.className = className;
[11099] Fix | Delete
newProps.ref = ref || props.innerRef;
[11100] Fix | Delete
[11101] Fix | Delete
if (false) {}
[11102] Fix | Delete
[11103] Fix | Delete
var ele = Object(external_React_["createElement"])(finalTag, newProps);
[11104] Fix | Delete
[11105] Fix | Delete
return ele;
[11106] Fix | Delete
});
[11107] Fix | Delete
});
[11108] Fix | Delete
Styled.displayName = identifierName !== undefined ? identifierName : "Styled(" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + ")";
[11109] Fix | Delete
Styled.defaultProps = tag.defaultProps;
[11110] Fix | Delete
Styled.__emotion_real = Styled;
[11111] Fix | Delete
Styled.__emotion_base = baseTag;
[11112] Fix | Delete
Styled.__emotion_styles = styles;
[11113] Fix | Delete
Styled.__emotion_forwardProp = shouldForwardProp;
[11114] Fix | Delete
Object.defineProperty(Styled, 'toString', {
[11115] Fix | Delete
value: function value() {
[11116] Fix | Delete
if (targetClassName === undefined && "production" !== 'production') {
[11117] Fix | Delete
return 'NO_COMPONENT_SELECTOR';
[11118] Fix | Delete
} // $FlowFixMe: coerce undefined to string
[11119] Fix | Delete
[11120] Fix | Delete
[11121] Fix | Delete
return "." + targetClassName;
[11122] Fix | Delete
}
[11123] Fix | Delete
});
[11124] Fix | Delete
[11125] Fix | Delete
Styled.withComponent = function (nextTag, nextOptions) {
[11126] Fix | Delete
return createStyled(nextTag, nextOptions !== undefined ? _objectSpread({}, options || {}, {}, nextOptions) : options).apply(void 0, styles);
[11127] Fix | Delete
};
[11128] Fix | Delete
[11129] Fix | Delete
return Styled;
[11130] Fix | Delete
};
[11131] Fix | Delete
};
[11132] Fix | Delete
[11133] Fix | Delete
/* harmony default export */ var styled_base_browser_esm = (styled_base_browser_esm_createStyled);
[11134] Fix | Delete
[11135] Fix | Delete
// EXTERNAL MODULE: ./node_modules/tinycolor2/tinycolor.js
[11136] Fix | Delete
var tinycolor = __webpack_require__("Zss7");
[11137] Fix | Delete
var tinycolor_default = /*#__PURE__*/__webpack_require__.n(tinycolor);
[11138] Fix | Delete
[11139] Fix | Delete
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
[11140] Fix | Delete
var esm_defineProperty = __webpack_require__("rePB");
[11141] Fix | Delete
[11142] Fix | Delete
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/colors-values.js
[11143] Fix | Delete
[11144] Fix | Delete
[11145] Fix | Delete
function colors_values_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; }
[11146] Fix | Delete
[11147] Fix | Delete
function colors_values_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { colors_values_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 { colors_values_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
[11148] Fix | Delete
[11149] Fix | Delete
/**
[11150] Fix | Delete
* External dependencies
[11151] Fix | Delete
*/
[11152] Fix | Delete
[11153] Fix | Delete
/**
[11154] Fix | Delete
* Internal dependencies
[11155] Fix | Delete
*/
[11156] Fix | Delete
[11157] Fix | Delete
[11158] Fix | Delete
var BASE = {
[11159] Fix | Delete
black: '#000',
[11160] Fix | Delete
white: '#fff'
[11161] Fix | Delete
};
[11162] Fix | Delete
/**
[11163] Fix | Delete
* TODO: Continue to update values as "G2" design evolves.
[11164] Fix | Delete
*
[11165] Fix | Delete
* "G2" refers to the movement to advance the interface of the block editor.
[11166] Fix | Delete
* https://github.com/WordPress/gutenberg/issues/18667
[11167] Fix | Delete
*/
[11168] Fix | Delete
[11169] Fix | Delete
var G2 = {
[11170] Fix | Delete
blue: {
[11171] Fix | Delete
medium: {
[11172] Fix | Delete
focus: '#007cba',
[11173] Fix | Delete
focusDark: '#fff'
[11174] Fix | Delete
}
[11175] Fix | Delete
},
[11176] Fix | Delete
gray: {
[11177] Fix | Delete
900: '#1e1e1e',
[11178] Fix | Delete
700: '#757575',
[11179] Fix | Delete
// Meets 4.6:1 text contrast against white.
[11180] Fix | Delete
600: '#949494',
[11181] Fix | Delete
// Meets 3:1 UI or large text contrast against white.
[11182] Fix | Delete
400: '#ccc',
[11183] Fix | Delete
200: '#ddd',
[11184] Fix | Delete
// Used for most borders.
[11185] Fix | Delete
100: '#f0f0f0'
[11186] Fix | Delete
},
[11187] Fix | Delete
darkGray: {
[11188] Fix | Delete
primary: '#1e1e1e'
[11189] Fix | Delete
},
[11190] Fix | Delete
mediumGray: {
[11191] Fix | Delete
text: '#757575'
[11192] Fix | Delete
},
[11193] Fix | Delete
lightGray: {
[11194] Fix | Delete
ui: '#949494',
[11195] Fix | Delete
secondary: '#ccc',
[11196] Fix | Delete
tertiary: '#e7e8e9'
[11197] Fix | Delete
}
[11198] Fix | Delete
};
[11199] Fix | Delete
var DARK_GRAY = {
[11200] Fix | Delete
900: '#191e23',
[11201] Fix | Delete
800: '#23282d',
[11202] Fix | Delete
700: '#32373c',
[11203] Fix | Delete
600: '#40464d',
[11204] Fix | Delete
500: '#555d66',
[11205] Fix | Delete
// Use this most of the time for dark items.
[11206] Fix | Delete
400: '#606a73',
[11207] Fix | Delete
300: '#6c7781',
[11208] Fix | Delete
// Lightest gray that can be used for AA text contrast.
[11209] Fix | Delete
200: '#7e8993',
[11210] Fix | Delete
150: '#8d96a0',
[11211] Fix | Delete
// Lightest gray that can be used for AA non-text contrast.
[11212] Fix | Delete
100: '#8f98a1',
[11213] Fix | Delete
placeholder: rgba(G2.gray[900], 0.62)
[11214] Fix | Delete
};
[11215] Fix | Delete
var DARK_OPACITY = {
[11216] Fix | Delete
900: rgba('#000510', 0.9),
[11217] Fix | Delete
800: rgba('#00000a', 0.85),
[11218] Fix | Delete
700: rgba('#06060b', 0.8),
[11219] Fix | Delete
600: rgba('#000913', 0.75),
[11220] Fix | Delete
500: rgba('#0a1829', 0.7),
[11221] Fix | Delete
400: rgba('#0a1829', 0.65),
[11222] Fix | Delete
300: rgba('#0e1c2e', 0.62),
[11223] Fix | Delete
200: rgba('#162435', 0.55),
[11224] Fix | Delete
100: rgba('#223443', 0.5),
[11225] Fix | Delete
backgroundFill: rgba(DARK_GRAY[700], 0.7)
[11226] Fix | Delete
};
[11227] Fix | Delete
var DARK_OPACITY_LIGHT = {
[11228] Fix | Delete
900: rgba('#304455', 0.45),
[11229] Fix | Delete
800: rgba('#425863', 0.4),
[11230] Fix | Delete
700: rgba('#667886', 0.35),
[11231] Fix | Delete
600: rgba('#7b86a2', 0.3),
[11232] Fix | Delete
500: rgba('#9197a2', 0.25),
[11233] Fix | Delete
400: rgba('#95959c', 0.2),
[11234] Fix | Delete
300: rgba('#829493', 0.15),
[11235] Fix | Delete
200: rgba('#8b8b96', 0.1),
[11236] Fix | Delete
100: rgba('#747474', 0.05)
[11237] Fix | Delete
};
[11238] Fix | Delete
var LIGHT_GRAY = {
[11239] Fix | Delete
900: '#a2aab2',
[11240] Fix | Delete
800: '#b5bcc2',
[11241] Fix | Delete
700: '#ccd0d4',
[11242] Fix | Delete
600: '#d7dade',
[11243] Fix | Delete
500: '#e2e4e7',
[11244] Fix | Delete
// Good for "grayed" items and borders.
[11245] Fix | Delete
400: '#e8eaeb',
[11246] Fix | Delete
// Good for "readonly" input fields and special text selection.
[11247] Fix | Delete
300: '#edeff0',
[11248] Fix | Delete
200: '#f3f4f5',
[11249] Fix | Delete
100: '#f8f9f9',
[11250] Fix | Delete
placeholder: rgba(BASE.white, 0.65)
[11251] Fix | Delete
};
[11252] Fix | Delete
var LIGHT_OPACITY_LIGHT = {
[11253] Fix | Delete
900: rgba(BASE.white, 0.5),
[11254] Fix | Delete
800: rgba(BASE.white, 0.45),
[11255] Fix | Delete
700: rgba(BASE.white, 0.4),
[11256] Fix | Delete
600: rgba(BASE.white, 0.35),
[11257] Fix | Delete
500: rgba(BASE.white, 0.3),
[11258] Fix | Delete
400: rgba(BASE.white, 0.25),
[11259] Fix | Delete
300: rgba(BASE.white, 0.2),
[11260] Fix | Delete
200: rgba(BASE.white, 0.15),
[11261] Fix | Delete
100: rgba(BASE.white, 0.1),
[11262] Fix | Delete
backgroundFill: rgba(LIGHT_GRAY[300], 0.8)
[11263] Fix | Delete
}; // Additional colors.
[11264] Fix | Delete
// Some are from https://make.wordpress.org/design/handbook/foundations/colors/.
[11265] Fix | Delete
[11266] Fix | Delete
var BLUE = {
[11267] Fix | Delete
wordpress: {
[11268] Fix | Delete
700: '#00669b'
[11269] Fix | Delete
},
[11270] Fix | Delete
dark: {
[11271] Fix | Delete
900: '#0071a1'
[11272] Fix | Delete
},
[11273] Fix | Delete
medium: {
[11274] Fix | Delete
900: '#006589',
[11275] Fix | Delete
800: '#00739c',
[11276] Fix | Delete
700: '#007fac',
[11277] Fix | Delete
600: '#008dbe',
[11278] Fix | Delete
500: '#00a0d2',
[11279] Fix | Delete
400: '#33b3db',
[11280] Fix | Delete
300: '#66c6e4',
[11281] Fix | Delete
200: '#bfe7f3',
[11282] Fix | Delete
100: '#e5f5fa',
[11283] Fix | Delete
highlight: '#b3e7fe',
[11284] Fix | Delete
focus: '#007cba'
[11285] Fix | Delete
}
[11286] Fix | Delete
};
[11287] Fix | Delete
var ALERT = {
[11288] Fix | Delete
yellow: '#f0b849',
[11289] Fix | Delete
red: '#d94f4f',
[11290] Fix | Delete
green: '#4ab866'
[11291] Fix | Delete
};
[11292] Fix | Delete
var ADMIN = {
[11293] Fix | Delete
theme: "var( --wp-admin-theme-color, ".concat(BLUE.wordpress[700], ")"),
[11294] Fix | Delete
themeDark10: "var( --wp-admin-theme-color-darker-10, ".concat(BLUE.medium.focus, ")")
[11295] Fix | Delete
}; // Namespaced values for raw colors hex codes
[11296] Fix | Delete
[11297] Fix | Delete
var UI = {
[11298] Fix | Delete
theme: ADMIN.theme,
[11299] Fix | Delete
background: BASE.white,
[11300] Fix | Delete
backgroundDisabled: LIGHT_GRAY[200],
[11301] Fix | Delete
border: G2.gray[700],
[11302] Fix | Delete
borderFocus: ADMIN.themeDark10,
[11303] Fix | Delete
borderDisabled: G2.gray[400],
[11304] Fix | Delete
borderLight: G2.gray[200],
[11305] Fix | Delete
label: DARK_GRAY[500],
[11306] Fix | Delete
textDisabled: DARK_GRAY[150],
[11307] Fix | Delete
textDark: BASE.white,
[11308] Fix | Delete
textLight: BASE.black
[11309] Fix | Delete
};
[11310] Fix | Delete
var COLORS = colors_values_objectSpread(colors_values_objectSpread({}, BASE), {}, {
[11311] Fix | Delete
darkGray: Object(external_lodash_["merge"])({}, DARK_GRAY, G2.darkGray),
[11312] Fix | Delete
darkOpacity: DARK_OPACITY,
[11313] Fix | Delete
darkOpacityLight: DARK_OPACITY_LIGHT,
[11314] Fix | Delete
mediumGray: G2.mediumGray,
[11315] Fix | Delete
gray: G2.gray,
[11316] Fix | Delete
lightGray: Object(external_lodash_["merge"])({}, LIGHT_GRAY, G2.lightGray),
[11317] Fix | Delete
lightGrayLight: LIGHT_OPACITY_LIGHT,
[11318] Fix | Delete
blue: Object(external_lodash_["merge"])({}, BLUE, G2.blue),
[11319] Fix | Delete
alert: ALERT,
[11320] Fix | Delete
admin: ADMIN,
[11321] Fix | Delete
ui: UI
[11322] Fix | Delete
});
[11323] Fix | Delete
/* harmony default export */ var colors_values = (COLORS);
[11324] Fix | Delete
[11325] Fix | Delete
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/colors.js
[11326] Fix | Delete
/**
[11327] Fix | Delete
* External dependencies
[11328] Fix | Delete
*/
[11329] Fix | Delete
[11330] Fix | Delete
[11331] Fix | Delete
/**
[11332] Fix | Delete
* Internal dependencies
[11333] Fix | Delete
*/
[11334] Fix | Delete
[11335] Fix | Delete
[11336] Fix | Delete
/**
[11337] Fix | Delete
* Generating a CSS complient rgba() color value.
[11338] Fix | Delete
*
[11339] Fix | Delete
* @param {string} hexValue The hex value to convert to rgba().
[11340] Fix | Delete
* @param {number} alpha The alpha value for opacity.
[11341] Fix | Delete
* @return {string} The converted rgba() color value.
[11342] Fix | Delete
*
[11343] Fix | Delete
* @example
[11344] Fix | Delete
* rgba( '#000000', 0.5 )
[11345] Fix | Delete
* // rgba(0, 0, 0, 0.5)
[11346] Fix | Delete
*/
[11347] Fix | Delete
[11348] Fix | Delete
function rgba() {
[11349] Fix | Delete
var hexValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
[11350] Fix | Delete
var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
[11351] Fix | Delete
[11352] Fix | Delete
var _tinycolor$toRgb = tinycolor_default()(hexValue).toRgb(),
[11353] Fix | Delete
r = _tinycolor$toRgb.r,
[11354] Fix | Delete
g = _tinycolor$toRgb.g,
[11355] Fix | Delete
b = _tinycolor$toRgb.b;
[11356] Fix | Delete
[11357] Fix | Delete
return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
[11358] Fix | Delete
}
[11359] Fix | Delete
/**
[11360] Fix | Delete
* Retrieves a color from the color palette.
[11361] Fix | Delete
*
[11362] Fix | Delete
* @param {import('lodash').PropertyPath} value The value to retrieve.
[11363] Fix | Delete
* @return {string} The color (or fallback, if not found).
[11364] Fix | Delete
*
[11365] Fix | Delete
* @example
[11366] Fix | Delete
* color( 'blue.wordpress.700' )
[11367] Fix | Delete
* // #00669b
[11368] Fix | Delete
*/
[11369] Fix | Delete
[11370] Fix | Delete
function colors_color(value) {
[11371] Fix | Delete
var fallbackColor = '#000';
[11372] Fix | Delete
return Object(external_lodash_["get"])(COLORS, value, fallbackColor);
[11373] Fix | Delete
}
[11374] Fix | Delete
[11375] Fix | Delete
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/reduce-motion.js
[11376] Fix | Delete
/**
[11377] Fix | Delete
* Allows users to opt-out of animations via OS-level preferences.
[11378] Fix | Delete
*
[11379] Fix | Delete
* @param {'transition' | 'animation' | string} [prop='transition'] CSS Property name
[11380] Fix | Delete
* @return {string} Generated CSS code for the reduced style
[11381] Fix | Delete
*/
[11382] Fix | Delete
function reduceMotion() {
[11383] Fix | Delete
var prop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'transition';
[11384] Fix | Delete
var style;
[11385] Fix | Delete
[11386] Fix | Delete
switch (prop) {
[11387] Fix | Delete
case 'transition':
[11388] Fix | Delete
style = 'transition-duration: 0ms;';
[11389] Fix | Delete
break;
[11390] Fix | Delete
[11391] Fix | Delete
case 'animation':
[11392] Fix | Delete
style = 'animation-duration: 1ms;';
[11393] Fix | Delete
break;
[11394] Fix | Delete
[11395] Fix | Delete
default:
[11396] Fix | Delete
style = "\n\t\t\t\tanimation-duration: 1ms;\n\t\t\t\ttransition-duration: 0ms;\n\t\t\t";
[11397] Fix | Delete
}
[11398] Fix | Delete
[11399] Fix | Delete
return "\n\t\t@media ( prefers-reduced-motion: reduce ) {\n\t\t\t".concat(style, ";\n\t\t}\n\t");
[11400] Fix | Delete
}
[11401] Fix | Delete
[11402] Fix | Delete
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/alignment-matrix-control/styles/alignment-matrix-control-styles.js
[11403] Fix | Delete
[11404] Fix | Delete
[11405] Fix | Delete
function _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)."; }
[11406] Fix | Delete
[11407] Fix | Delete
[11408] Fix | Delete
/**
[11409] Fix | Delete
* Internal dependencies
[11410] Fix | Delete
*/
[11411] Fix | Delete
[11412] Fix | Delete
[11413] Fix | Delete
[11414] Fix | Delete
var alignment_matrix_control_styles_ref = true ? {
[11415] Fix | Delete
name: "1xiracb",
[11416] Fix | Delete
styles: "border-radius:2px;box-sizing:border-box;display:grid;grid-template-columns:repeat( 3,1fr );outline:none;"
[11417] Fix | Delete
} : undefined;
[11418] Fix | Delete
[11419] Fix | Delete
var rootBase = function rootBase() {
[11420] Fix | Delete
return alignment_matrix_control_styles_ref;
[11421] Fix | Delete
};
[11422] Fix | Delete
[11423] Fix | Delete
var alignment_matrix_control_styles_rootSize = function rootSize(_ref2) {
[11424] Fix | Delete
var _ref2$size = _ref2.size,
[11425] Fix | Delete
size = _ref2$size === void 0 ? 92 : _ref2$size;
[11426] Fix | Delete
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])("grid-template-rows:repeat( 3,calc( ", size, "px / 3 ) );width:", size, "px;" + ( true ? "" : undefined));
[11427] Fix | Delete
};
[11428] Fix | Delete
[11429] Fix | Delete
var Root = styled_base_browser_esm("div", {
[11430] Fix | Delete
target: "e1od1u4s0",
[11431] Fix | Delete
label: "Root"
[11432] Fix | Delete
})(rootBase, ";border:1px solid transparent;cursor:pointer;grid-template-columns:auto;", alignment_matrix_control_styles_rootSize, ";" + ( true ? "" : undefined));
[11433] Fix | Delete
var Row = styled_base_browser_esm("div", {
[11434] Fix | Delete
target: "e1od1u4s1",
[11435] Fix | Delete
label: "Row"
[11436] Fix | Delete
})( true ? {
[11437] Fix | Delete
name: "1177s8r",
[11438] Fix | Delete
styles: "box-sizing:border-box;display:grid;grid-template-columns:repeat( 3,1fr );"
[11439] Fix | Delete
} : undefined);
[11440] Fix | Delete
[11441] Fix | Delete
var alignment_matrix_control_styles_pointActive = function pointActive(_ref3) {
[11442] Fix | Delete
var isActive = _ref3.isActive;
[11443] Fix | Delete
var boxShadow = isActive ? "0 0 0 2px ".concat(colors_color('black')) : null;
[11444] Fix | Delete
var pointColor = isActive ? colors_color('black') : colors_color('lightGray.800');
[11445] Fix | Delete
var pointColorHover = isActive ? colors_color('black') : colors_color('blue.medium.focus');
[11446] Fix | Delete
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])("box-shadow:", boxShadow, ";color:", pointColor, ";*:hover > &{color:", pointColorHover, ";}" + ( true ? "" : undefined));
[11447] Fix | Delete
};
[11448] Fix | Delete
[11449] Fix | Delete
var alignment_matrix_control_styles_pointBase = function pointBase(props) {
[11450] Fix | Delete
return /*#__PURE__*/Object(core_browser_esm["b" /* css */])("background:currentColor;box-sizing:border-box;display:grid;margin:auto;transition:all 120ms linear;", reduceMotion('transition'), " ", alignment_matrix_control_styles_pointActive(props), true ? "" : undefined);
[11451] Fix | Delete
};
[11452] Fix | Delete
var Point = styled_base_browser_esm("span", {
[11453] Fix | Delete
target: "e1od1u4s2",
[11454] Fix | Delete
label: "Point"
[11455] Fix | Delete
})("height:6px;width:6px;", alignment_matrix_control_styles_pointBase, true ? "" : undefined);
[11456] Fix | Delete
var Cell = styled_base_browser_esm("span", {
[11457] Fix | Delete
target: "e1od1u4s3",
[11458] Fix | Delete
label: "Cell"
[11459] Fix | Delete
})( true ? {
[11460] Fix | Delete
name: "10ro24i",
[11461] Fix | Delete
styles: "appearance:none;border:none;box-sizing:border-box;margin:0;display:flex;position:relative;outline:none;align-items:center;justify-content:center;padding:0;"
[11462] Fix | Delete
} : undefined);
[11463] Fix | Delete
[11464] Fix | Delete
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/alignment-matrix-control/cell.js
[11465] Fix | Delete
[11466] Fix | Delete
[11467] Fix | Delete
[11468] Fix | Delete
[11469] Fix | Delete
/**
[11470] Fix | Delete
* Internal dependencies
[11471] Fix | Delete
*/
[11472] Fix | Delete
[11473] Fix | Delete
[11474] Fix | Delete
[11475] Fix | Delete
/**
[11476] Fix | Delete
* Internal dependencies
[11477] Fix | Delete
*/
[11478] Fix | Delete
[11479] Fix | Delete
[11480] Fix | Delete
[11481] Fix | Delete
function cell_Cell(_ref) {
[11482] Fix | Delete
var _ref$isActive = _ref.isActive,
[11483] Fix | Delete
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
[11484] Fix | Delete
value = _ref.value,
[11485] Fix | Delete
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["isActive", "value"]);
[11486] Fix | Delete
[11487] Fix | Delete
var tooltipText = ALIGNMENT_LABEL[value];
[11488] Fix | Delete
return Object(external_wp_element_["createElement"])(build_module_tooltip["a" /* default */], {
[11489] Fix | Delete
text: tooltipText
[11490] Fix | Delete
}, Object(external_wp_element_["createElement"])(CompositeItem["a" /* CompositeItem */], Object(esm_extends["a" /* default */])({
[11491] Fix | Delete
as: Cell,
[11492] Fix | Delete
role: "gridcell"
[11493] Fix | Delete
}, props), Object(external_wp_element_["createElement"])(visually_hidden["a" /* default */], null, value), Object(external_wp_element_["createElement"])(Point, {
[11494] Fix | Delete
isActive: isActive,
[11495] Fix | Delete
role: "presentation"
[11496] Fix | Delete
})));
[11497] Fix | Delete
}
[11498] Fix | Delete
[11499] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function