595 lines
27 KiB
JavaScript
595 lines
27 KiB
JavaScript
|
"use strict";
|
||
|
|
(self["webpackChunk_woocommerce_storybook"] = self["webpackChunk_woocommerce_storybook"] || []).push([[2175],{
|
||
|
|
|
||
|
|
/***/ "../../node_modules/.pnpm/@wordpress+a11y@3.6.1/node_modules/@wordpress/a11y/build-module/index.js":
|
||
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
|
||
|
|
|
||
|
|
// EXPORTS
|
||
|
|
__webpack_require__.d(__webpack_exports__, {
|
||
|
|
L: () => (/* binding */ speak)
|
||
|
|
});
|
||
|
|
|
||
|
|
// UNUSED EXPORTS: setup
|
||
|
|
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+dom-ready@3.27.0/node_modules/@wordpress/dom-ready/build-module/index.js
|
||
|
|
/**
|
||
|
|
* @typedef {() => void} Callback
|
||
|
|
*
|
||
|
|
* TODO: Remove this typedef and inline `() => void` type.
|
||
|
|
*
|
||
|
|
* This typedef is used so that a descriptive type is provided in our
|
||
|
|
* automatically generated documentation.
|
||
|
|
*
|
||
|
|
* An in-line type `() => void` would be preferable, but the generated
|
||
|
|
* documentation is `null` in that case.
|
||
|
|
*
|
||
|
|
* @see https://github.com/WordPress/gutenberg/issues/18045
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Specify a function to execute when the DOM is fully loaded.
|
||
|
|
*
|
||
|
|
* @param {Callback} callback A function to execute after the DOM is ready.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* ```js
|
||
|
|
* import domReady from '@wordpress/dom-ready';
|
||
|
|
*
|
||
|
|
* domReady( function() {
|
||
|
|
* //do something after DOM loads.
|
||
|
|
* } );
|
||
|
|
* ```
|
||
|
|
*
|
||
|
|
* @return {void}
|
||
|
|
*/
|
||
|
|
function domReady(callback) {
|
||
|
|
if (typeof document === 'undefined') {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (document.readyState === 'complete' || // DOMContentLoaded + Images/Styles/etc loaded, so we call directly.
|
||
|
|
document.readyState === 'interactive' // DOMContentLoaded fires at this point, so we call directly.
|
||
|
|
) {
|
||
|
|
return void callback();
|
||
|
|
} // DOMContentLoaded has not fired yet, delay callback until then.
|
||
|
|
|
||
|
|
|
||
|
|
document.addEventListener('DOMContentLoaded', callback);
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=index.js.map
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js + 3 modules
|
||
|
|
var build_module = __webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js");
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+a11y@3.6.1/node_modules/@wordpress/a11y/build-module/add-intro-text.js
|
||
|
|
/**
|
||
|
|
* WordPress dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Build the explanatory text to be placed before the aria live regions.
|
||
|
|
*
|
||
|
|
* This text is initially hidden from assistive technologies by using a `hidden`
|
||
|
|
* HTML attribute which is then removed once a message fills the aria-live regions.
|
||
|
|
*
|
||
|
|
* @return {HTMLParagraphElement} The explanatory text HTML element.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function addIntroText() {
|
||
|
|
const introText = document.createElement('p');
|
||
|
|
introText.id = 'a11y-speak-intro-text';
|
||
|
|
introText.className = 'a11y-speak-intro-text';
|
||
|
|
introText.textContent = (0,build_module.__)('Notifications');
|
||
|
|
introText.setAttribute('style', 'position: absolute;' + 'margin: -1px;' + 'padding: 0;' + 'height: 1px;' + 'width: 1px;' + 'overflow: hidden;' + 'clip: rect(1px, 1px, 1px, 1px);' + '-webkit-clip-path: inset(50%);' + 'clip-path: inset(50%);' + 'border: 0;' + 'word-wrap: normal !important;');
|
||
|
|
introText.setAttribute('hidden', 'hidden');
|
||
|
|
const {
|
||
|
|
body
|
||
|
|
} = document;
|
||
|
|
|
||
|
|
if (body) {
|
||
|
|
body.appendChild(introText);
|
||
|
|
}
|
||
|
|
|
||
|
|
return introText;
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=add-intro-text.js.map
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+a11y@3.6.1/node_modules/@wordpress/a11y/build-module/add-container.js
|
||
|
|
/**
|
||
|
|
* Build the live regions markup.
|
||
|
|
*
|
||
|
|
* @param {string} [ariaLive] Value for the 'aria-live' attribute; default: 'polite'.
|
||
|
|
*
|
||
|
|
* @return {HTMLDivElement} The ARIA live region HTML element.
|
||
|
|
*/
|
||
|
|
function addContainer() {
|
||
|
|
let ariaLive = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'polite';
|
||
|
|
const container = document.createElement('div');
|
||
|
|
container.id = `a11y-speak-${ariaLive}`;
|
||
|
|
container.className = 'a11y-speak-region';
|
||
|
|
container.setAttribute('style', 'position: absolute;' + 'margin: -1px;' + 'padding: 0;' + 'height: 1px;' + 'width: 1px;' + 'overflow: hidden;' + 'clip: rect(1px, 1px, 1px, 1px);' + '-webkit-clip-path: inset(50%);' + 'clip-path: inset(50%);' + 'border: 0;' + 'word-wrap: normal !important;');
|
||
|
|
container.setAttribute('aria-live', ariaLive);
|
||
|
|
container.setAttribute('aria-relevant', 'additions text');
|
||
|
|
container.setAttribute('aria-atomic', 'true');
|
||
|
|
const {
|
||
|
|
body
|
||
|
|
} = document;
|
||
|
|
|
||
|
|
if (body) {
|
||
|
|
body.appendChild(container);
|
||
|
|
}
|
||
|
|
|
||
|
|
return container;
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=add-container.js.map
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+a11y@3.6.1/node_modules/@wordpress/a11y/build-module/clear.js
|
||
|
|
/**
|
||
|
|
* Clears the a11y-speak-region elements and hides the explanatory text.
|
||
|
|
*/
|
||
|
|
function clear() {
|
||
|
|
const regions = document.getElementsByClassName('a11y-speak-region');
|
||
|
|
const introText = document.getElementById('a11y-speak-intro-text');
|
||
|
|
|
||
|
|
for (let i = 0; i < regions.length; i++) {
|
||
|
|
regions[i].textContent = '';
|
||
|
|
} // Make sure the explanatory text is hidden from assistive technologies.
|
||
|
|
|
||
|
|
|
||
|
|
if (introText) {
|
||
|
|
introText.setAttribute('hidden', 'hidden');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=clear.js.map
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+a11y@3.6.1/node_modules/@wordpress/a11y/build-module/filter-message.js
|
||
|
|
let previousMessage = '';
|
||
|
|
/**
|
||
|
|
* Filter the message to be announced to the screenreader.
|
||
|
|
*
|
||
|
|
* @param {string} message The message to be announced.
|
||
|
|
*
|
||
|
|
* @return {string} The filtered message.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function filterMessage(message) {
|
||
|
|
/*
|
||
|
|
* Strip HTML tags (if any) from the message string. Ideally, messages should
|
||
|
|
* be simple strings, carefully crafted for specific use with A11ySpeak.
|
||
|
|
* When re-using already existing strings this will ensure simple HTML to be
|
||
|
|
* stripped out and replaced with a space. Browsers will collapse multiple
|
||
|
|
* spaces natively.
|
||
|
|
*/
|
||
|
|
message = message.replace(/<[^<>]+>/g, ' ');
|
||
|
|
/*
|
||
|
|
* Safari + VoiceOver don't announce repeated, identical strings. We use
|
||
|
|
* a `no-break space` to force them to think identical strings are different.
|
||
|
|
*/
|
||
|
|
|
||
|
|
if (previousMessage === message) {
|
||
|
|
message += '\u00A0';
|
||
|
|
}
|
||
|
|
|
||
|
|
previousMessage = message;
|
||
|
|
return message;
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=filter-message.js.map
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+a11y@3.6.1/node_modules/@wordpress/a11y/build-module/index.js
|
||
|
|
/**
|
||
|
|
* WordPress dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Create the live regions.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function setup() {
|
||
|
|
const introText = document.getElementById('a11y-speak-intro-text');
|
||
|
|
const containerAssertive = document.getElementById('a11y-speak-assertive');
|
||
|
|
const containerPolite = document.getElementById('a11y-speak-polite');
|
||
|
|
|
||
|
|
if (introText === null) {
|
||
|
|
addIntroText();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (containerAssertive === null) {
|
||
|
|
addContainer('assertive');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (containerPolite === null) {
|
||
|
|
addContainer('polite');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Run setup on domReady.
|
||
|
|
*/
|
||
|
|
|
||
|
|
domReady(setup);
|
||
|
|
/**
|
||
|
|
* Allows you to easily announce dynamic interface updates to screen readers using ARIA live regions.
|
||
|
|
* This module is inspired by the `speak` function in `wp-a11y.js`.
|
||
|
|
*
|
||
|
|
* @param {string} message The message to be announced by assistive technologies.
|
||
|
|
* @param {string} [ariaLive] The politeness level for aria-live; default: 'polite'.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* ```js
|
||
|
|
* import { speak } from '@wordpress/a11y';
|
||
|
|
*
|
||
|
|
* // For polite messages that shouldn't interrupt what screen readers are currently announcing.
|
||
|
|
* speak( 'The message you want to send to the ARIA live region' );
|
||
|
|
*
|
||
|
|
* // For assertive messages that should interrupt what screen readers are currently announcing.
|
||
|
|
* speak( 'The message you want to send to the ARIA live region', 'assertive' );
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
|
||
|
|
function speak(message, ariaLive) {
|
||
|
|
/*
|
||
|
|
* Clear previous messages to allow repeated strings being read out and hide
|
||
|
|
* the explanatory text from assistive technologies.
|
||
|
|
*/
|
||
|
|
clear();
|
||
|
|
message = filterMessage(message);
|
||
|
|
const introText = document.getElementById('a11y-speak-intro-text');
|
||
|
|
const containerAssertive = document.getElementById('a11y-speak-assertive');
|
||
|
|
const containerPolite = document.getElementById('a11y-speak-polite');
|
||
|
|
|
||
|
|
if (containerAssertive && ariaLive === 'assertive') {
|
||
|
|
containerAssertive.textContent = message;
|
||
|
|
} else if (containerPolite) {
|
||
|
|
containerPolite.textContent = message;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
* Make the explanatory text available to assistive technologies by removing
|
||
|
|
* the 'hidden' HTML attribute.
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
if (introText) {
|
||
|
|
introText.removeAttribute('hidden');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=index.js.map
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/textarea-control/index.js":
|
||
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
|
||
|
|
|
||
|
|
// EXPORTS
|
||
|
|
__webpack_require__.d(__webpack_exports__, {
|
||
|
|
A: () => (/* binding */ TextareaControl)
|
||
|
|
});
|
||
|
|
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js
|
||
|
|
var esm_extends = __webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js");
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js
|
||
|
|
var react = __webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+compose@5.4.1_react@17.0.2/node_modules/@wordpress/compose/build-module/hooks/use-instance-id/index.js
|
||
|
|
var use_instance_id = __webpack_require__("../../node_modules/.pnpm/@wordpress+compose@5.4.1_react@17.0.2/node_modules/@wordpress/compose/build-module/hooks/use-instance-id/index.js");
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/base-control/index.js + 1 modules
|
||
|
|
var base_control = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/base-control/index.js");
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@17.0.71_react@17.0.2__@types+react@17.0.71_react@17.0.2/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js
|
||
|
|
var emotion_styled_base_browser_esm = __webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@17.0.71_react@17.0.2__@types+react@17.0.71_react@17.0.2/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js");
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@17.0.71_react@17.0.2/node_modules/@emotion/react/dist/emotion-react.browser.esm.js
|
||
|
|
var emotion_react_browser_esm = __webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@17.0.71_react@17.0.2/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/colors-values.js + 1 modules
|
||
|
|
var colors_values = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/colors-values.js");
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/config-values.js
|
||
|
|
var config_values = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/config-values.js");
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/input/base.js
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
const inputStyleNeutral = /*#__PURE__*/(0,emotion_react_browser_esm/* css */.AH)("box-shadow:0 0 0 transparent;transition:box-shadow 0.1s linear;border-radius:", config_values/* default */.A.radiusBlockUi, ";border:", config_values/* default */.A.borderWidth, " solid ", colors_values/* COLORS */.lm.ui.border, ";" + ( true ? "" : 0), true ? "" : 0);
|
||
|
|
const inputStyleFocus = /*#__PURE__*/(0,emotion_react_browser_esm/* css */.AH)("border-color:var( --wp-admin-theme-color );box-shadow:0 0 0 calc( ", config_values/* default */.A.borderWidthFocus, " - ", config_values/* default */.A.borderWidth, " ) var( --wp-admin-theme-color );outline:2px solid transparent;" + ( true ? "" : 0), true ? "" : 0);
|
||
|
|
//# sourceMappingURL=base.js.map
|
||
|
|
// EXTERNAL MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/font.js + 1 modules
|
||
|
|
var font = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/font.js");
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/breakpoint-values.js
|
||
|
|
/* harmony default export */ const breakpoint_values = ({
|
||
|
|
huge: '1440px',
|
||
|
|
wide: '1280px',
|
||
|
|
'x-large': '1080px',
|
||
|
|
large: '960px',
|
||
|
|
// admin sidebar auto folds
|
||
|
|
medium: '782px',
|
||
|
|
// Adminbar goes big.
|
||
|
|
small: '600px',
|
||
|
|
mobile: '480px',
|
||
|
|
'zoomed-in': '280px'
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=breakpoint-values.js.map
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/breakpoint.js
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {keyof breakpoints} point
|
||
|
|
* @return {string} Media query declaration.
|
||
|
|
*/
|
||
|
|
|
||
|
|
const breakpoint = point => `@media (min-width: ${breakpoint_values[point]})`;
|
||
|
|
//# sourceMappingURL=breakpoint.js.map
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/input/input-control.js
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
const inputControl = /*#__PURE__*/(0,emotion_react_browser_esm/* css */.AH)("font-family:", (0,font/* font */.g)('default.fontFamily'), ";padding:6px 8px;", inputStyleNeutral, ";font-size:", (0,font/* font */.g)('mobileTextMinFontSize'), ";line-height:normal;", breakpoint('small'), "{font-size:", (0,font/* font */.g)('default.fontSize'), ";line-height:normal;}&:focus{", inputStyleFocus, ";}&::-webkit-input-placeholder{color:", colors_values/* COLORS */.lm.darkGray.placeholder, ";}&::-moz-placeholder{opacity:1;color:", colors_values/* COLORS */.lm.darkGray.placeholder, ";}&:-ms-input-placeholder{color:", colors_values/* COLORS */.lm.darkGray.placeholder, ";}.is-dark-theme &{&::-webkit-input-placeholder{color:", colors_values/* COLORS */.lm.lightGray.placeholder, ";}&::-moz-placeholder{opacity:1;color:", colors_values/* COLORS */.lm.lightGray.placeholder, ";}&:-ms-input-placeholder{color:", colors_values/* COLORS */.lm.lightGray.placeholder, ";}}" + ( true ? "" : 0), true ? "" : 0);
|
||
|
|
//# sourceMappingURL=input-control.js.map
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/textarea-control/styles/textarea-control-styles.js
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
const StyledTextarea = (0,emotion_styled_base_browser_esm/* default */.A)("textarea", true ? {
|
||
|
|
target: "ebk7yr50"
|
||
|
|
} : 0)("width:100%;", inputControl, ";" + ( true ? "" : 0));
|
||
|
|
//# sourceMappingURL=textarea-control-styles.js.map
|
||
|
|
;// CONCATENATED MODULE: ../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/textarea-control/index.js
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WordPress dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function TextareaControl(_ref) {
|
||
|
|
let {
|
||
|
|
label,
|
||
|
|
hideLabelFromVision,
|
||
|
|
value,
|
||
|
|
help,
|
||
|
|
onChange,
|
||
|
|
rows = 4,
|
||
|
|
className,
|
||
|
|
...props
|
||
|
|
} = _ref;
|
||
|
|
const instanceId = (0,use_instance_id/* default */.A)(TextareaControl);
|
||
|
|
const id = `inspector-textarea-control-${instanceId}`;
|
||
|
|
|
||
|
|
const onChangeValue = event => onChange(event.target.value);
|
||
|
|
|
||
|
|
return (0,react.createElement)(base_control/* default */.Ay, {
|
||
|
|
label: label,
|
||
|
|
hideLabelFromVision: hideLabelFromVision,
|
||
|
|
id: id,
|
||
|
|
help: help,
|
||
|
|
className: className
|
||
|
|
}, (0,react.createElement)(StyledTextarea, (0,esm_extends/* default */.A)({
|
||
|
|
className: "components-textarea-control__input",
|
||
|
|
id: id,
|
||
|
|
rows: rows,
|
||
|
|
onChange: onChangeValue,
|
||
|
|
"aria-describedby": !!help ? id + '__help' : undefined,
|
||
|
|
value: value
|
||
|
|
}, props)));
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=index.js.map
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/config-values.js":
|
||
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
|
||
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
|
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
||
|
|
/* harmony export */ });
|
||
|
|
/* harmony import */ var _ui_utils_space__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/ui/utils/space.js");
|
||
|
|
/* harmony import */ var _colors_values__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/utils/colors-values.js");
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
const CONTROL_HEIGHT = '36px';
|
||
|
|
const CONTROL_PADDING_X = '12px';
|
||
|
|
const CONTROL_PROPS = {
|
||
|
|
controlSurfaceColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
||
|
|
controlTextActiveColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.ui.theme,
|
||
|
|
controlPaddingX: CONTROL_PADDING_X,
|
||
|
|
controlPaddingXLarge: `calc(${CONTROL_PADDING_X} * 1.3334)`,
|
||
|
|
controlPaddingXSmall: `calc(${CONTROL_PADDING_X} / 1.3334)`,
|
||
|
|
controlBackgroundColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
||
|
|
controlBorderRadius: '2px',
|
||
|
|
controlBorderColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.gray[700],
|
||
|
|
controlBoxShadow: 'transparent',
|
||
|
|
controlBorderColorHover: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.gray[700],
|
||
|
|
controlBoxShadowFocus: `0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.admin.theme}`,
|
||
|
|
controlDestructiveBorderColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.alert.red,
|
||
|
|
controlHeight: CONTROL_HEIGHT,
|
||
|
|
controlHeightXSmall: `calc( ${CONTROL_HEIGHT} * 0.6 )`,
|
||
|
|
controlHeightSmall: `calc( ${CONTROL_HEIGHT} * 0.8 )`,
|
||
|
|
controlHeightLarge: `calc( ${CONTROL_HEIGHT} * 1.2 )`,
|
||
|
|
controlHeightXLarge: `calc( ${CONTROL_HEIGHT} * 1.4 )`
|
||
|
|
};
|
||
|
|
const TOGGLE_GROUP_CONTROL_PROPS = {
|
||
|
|
toggleGroupControlBackgroundColor: CONTROL_PROPS.controlBackgroundColor,
|
||
|
|
toggleGroupControlBorderColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.ui.border,
|
||
|
|
toggleGroupControlBackdropBackgroundColor: CONTROL_PROPS.controlSurfaceColor,
|
||
|
|
toggleGroupControlBackdropBorderColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.ui.border,
|
||
|
|
toggleGroupControlBackdropBoxShadow: 'transparent',
|
||
|
|
toggleGroupControlButtonColorActive: CONTROL_PROPS.controlBackgroundColor
|
||
|
|
}; // Using Object.assign to avoid creating circular references when emitting
|
||
|
|
// TypeScript type declarations.
|
||
|
|
|
||
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Object.assign({}, CONTROL_PROPS, TOGGLE_GROUP_CONTROL_PROPS, {
|
||
|
|
colorDivider: 'rgba(0, 0, 0, 0.1)',
|
||
|
|
colorScrollbarThumb: 'rgba(0, 0, 0, 0.2)',
|
||
|
|
colorScrollbarThumbHover: 'rgba(0, 0, 0, 0.5)',
|
||
|
|
colorScrollbarTrack: 'rgba(0, 0, 0, 0.04)',
|
||
|
|
elevationIntensity: 1,
|
||
|
|
radiusBlockUi: '2px',
|
||
|
|
borderWidth: '1px',
|
||
|
|
borderWidthFocus: '1.5px',
|
||
|
|
borderWidthTab: '4px',
|
||
|
|
spinnerSize: 16,
|
||
|
|
fontSize: '13px',
|
||
|
|
fontSizeH1: 'calc(2.44 * 13px)',
|
||
|
|
fontSizeH2: 'calc(1.95 * 13px)',
|
||
|
|
fontSizeH3: 'calc(1.56 * 13px)',
|
||
|
|
fontSizeH4: 'calc(1.25 * 13px)',
|
||
|
|
fontSizeH5: '13px',
|
||
|
|
fontSizeH6: 'calc(0.8 * 13px)',
|
||
|
|
fontSizeInputMobile: '16px',
|
||
|
|
fontSizeMobile: '15px',
|
||
|
|
fontSizeSmall: 'calc(0.92 * 13px)',
|
||
|
|
fontSizeXSmall: 'calc(0.75 * 13px)',
|
||
|
|
fontLineHeightBase: '1.2',
|
||
|
|
fontWeight: 'normal',
|
||
|
|
fontWeightHeading: '600',
|
||
|
|
gridBase: '4px',
|
||
|
|
cardBorderRadius: '2px',
|
||
|
|
cardPaddingXSmall: `${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(2)}`,
|
||
|
|
cardPaddingSmall: `${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(4)}`,
|
||
|
|
cardPaddingMedium: `${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(4)} ${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(6)}`,
|
||
|
|
cardPaddingLarge: `${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(6)} ${(0,_ui_utils_space__WEBPACK_IMPORTED_MODULE_1__/* .space */ .x)(8)}`,
|
||
|
|
surfaceBackgroundColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
||
|
|
surfaceBackgroundSubtleColor: '#F3F3F3',
|
||
|
|
surfaceBackgroundTintColor: '#F5F5F5',
|
||
|
|
surfaceBorderColor: 'rgba(0, 0, 0, 0.1)',
|
||
|
|
surfaceBorderBoldColor: 'rgba(0, 0, 0, 0.15)',
|
||
|
|
surfaceBorderSubtleColor: 'rgba(0, 0, 0, 0.05)',
|
||
|
|
surfaceBackgroundTertiaryColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
||
|
|
surfaceColor: _colors_values__WEBPACK_IMPORTED_MODULE_0__/* .COLORS */ .lm.white,
|
||
|
|
transitionDuration: '200ms',
|
||
|
|
transitionDurationFast: '160ms',
|
||
|
|
transitionDurationFaster: '120ms',
|
||
|
|
transitionDurationFastest: '100ms',
|
||
|
|
transitionTimingFunction: 'cubic-bezier(0.08, 0.52, 0.52, 1)',
|
||
|
|
transitionTimingFunctionControl: 'cubic-bezier(0.12, 0.8, 0.32, 1)'
|
||
|
|
}));
|
||
|
|
//# sourceMappingURL=config-values.js.map
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs":
|
||
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||
|
|
|
||
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
|
/* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
|
||
|
|
/* harmony export */ });
|
||
|
|
/* unused harmony export clsx */
|
||
|
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (clsx);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/flatten-into-array.js":
|
||
|
|
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
|
|
||
|
|
|
||
|
|
var isArray = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/is-array.js");
|
||
|
|
var lengthOfArrayLike = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/length-of-array-like.js");
|
||
|
|
var doesNotExceedSafeInteger = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/does-not-exceed-safe-integer.js");
|
||
|
|
var bind = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/function-bind-context.js");
|
||
|
|
|
||
|
|
// `FlattenIntoArray` abstract operation
|
||
|
|
// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
|
||
|
|
var flattenIntoArray = function (target, original, source, sourceLen, start, depth, mapper, thisArg) {
|
||
|
|
var targetIndex = start;
|
||
|
|
var sourceIndex = 0;
|
||
|
|
var mapFn = mapper ? bind(mapper, thisArg) : false;
|
||
|
|
var element, elementLen;
|
||
|
|
|
||
|
|
while (sourceIndex < sourceLen) {
|
||
|
|
if (sourceIndex in source) {
|
||
|
|
element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
|
||
|
|
|
||
|
|
if (depth > 0 && isArray(element)) {
|
||
|
|
elementLen = lengthOfArrayLike(element);
|
||
|
|
targetIndex = flattenIntoArray(target, original, element, elementLen, targetIndex, depth - 1) - 1;
|
||
|
|
} else {
|
||
|
|
doesNotExceedSafeInteger(targetIndex + 1);
|
||
|
|
target[targetIndex] = element;
|
||
|
|
}
|
||
|
|
|
||
|
|
targetIndex++;
|
||
|
|
}
|
||
|
|
sourceIndex++;
|
||
|
|
}
|
||
|
|
return targetIndex;
|
||
|
|
};
|
||
|
|
|
||
|
|
module.exports = flattenIntoArray;
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.flat.js":
|
||
|
|
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
|
|
||
|
|
|
||
|
|
var $ = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/export.js");
|
||
|
|
var flattenIntoArray = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/flatten-into-array.js");
|
||
|
|
var toObject = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/to-object.js");
|
||
|
|
var lengthOfArrayLike = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/length-of-array-like.js");
|
||
|
|
var toIntegerOrInfinity = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/to-integer-or-infinity.js");
|
||
|
|
var arraySpeciesCreate = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/array-species-create.js");
|
||
|
|
|
||
|
|
// `Array.prototype.flat` method
|
||
|
|
// https://tc39.es/ecma262/#sec-array.prototype.flat
|
||
|
|
$({ target: 'Array', proto: true }, {
|
||
|
|
flat: function flat(/* depthArg = 1 */) {
|
||
|
|
var depthArg = arguments.length ? arguments[0] : undefined;
|
||
|
|
var O = toObject(this);
|
||
|
|
var sourceLen = lengthOfArrayLike(O);
|
||
|
|
var A = arraySpeciesCreate(O, 0);
|
||
|
|
A.length = flattenIntoArray(A, O, O, sourceLen, 0, depthArg === undefined ? 1 : toIntegerOrInfinity(depthArg));
|
||
|
|
return A;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ "../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.unscopables.flat.js":
|
||
|
|
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
|
||
|
|
|
||
|
|
|
||
|
|
// this method was added to unscopables after implementation
|
||
|
|
// in popular engines, so it's moved to a separate module
|
||
|
|
var addToUnscopables = __webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/internals/add-to-unscopables.js");
|
||
|
|
|
||
|
|
// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
|
||
|
|
addToUnscopables('flat');
|
||
|
|
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
|
||
|
|
}]);
|