@wordpress/block-library 8.20.0 → 8.21.0

package/build/form/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formSubmissionNotificationSuccess = exports.formSubmissionNotificationError = void 0;
+var _i18n = require("@wordpress/i18n");
+/**
+ * WordPress dependencies
+ */
+
+const formSubmissionNotificationSuccess = ['core/form-submission-notification', {
+  type: 'success'
+}, [['core/paragraph', {
+  content: '<mark style="background-color:rgba(0, 0, 0, 0);color:#345C00" class="has-inline-color">' + (0, _i18n.__)('Your form has been submitted successfully') + '</mark>'
+}]]];
+exports.formSubmissionNotificationSuccess = formSubmissionNotificationSuccess;
+const formSubmissionNotificationError = ['core/form-submission-notification', {
+  type: 'error'
+}, [['core/paragraph', {
+  content: '<mark style="background-color:rgba(0, 0, 0, 0);color:#CF2E2E" class="has-inline-color">' + (0, _i18n.__)('There was an error submitting your form.') + '</mark>'
+}]]];
+exports.formSubmissionNotificationError = formSubmissionNotificationError;
+//# sourceMappingURL=utils.js.map

package/build/form/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","formSubmissionNotificationSuccess","type","content","__","exports","formSubmissionNotificationError"],"sources":["@wordpress/block-library/src/form/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport const formSubmissionNotificationSuccess = [\n\t'core/form-submission-notification',\n\t{\n\t\ttype: 'success',\n\t},\n\t[\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\tcontent:\n\t\t\t\t\t'<mark style=\"background-color:rgba(0, 0, 0, 0);color:#345C00\" class=\"has-inline-color\">' +\n\t\t\t\t\t__( 'Your form has been submitted successfully' ) +\n\t\t\t\t\t'</mark>',\n\t\t\t},\n\t\t],\n\t],\n];\nexport const formSubmissionNotificationError = [\n\t'core/form-submission-notification',\n\t{\n\t\ttype: 'error',\n\t},\n\t[\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\tcontent:\n\t\t\t\t\t'<mark style=\"background-color:rgba(0, 0, 0, 0);color:#CF2E2E\" class=\"has-inline-color\">' +\n\t\t\t\t\t__( 'There was an error submitting your form.' ) +\n\t\t\t\t\t'</mark>',\n\t\t\t},\n\t\t],\n\t],\n];\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,iCAAiC,GAAG,CAChD,mCAAmC,EACnC;EACCC,IAAI,EAAE;AACP,CAAC,EACD,CACC,CACC,gBAAgB,EAChB;EACCC,OAAO,EACN,yFAAyF,GACzF,IAAAC,QAAE,EAAE,2CAA4C,CAAC,GACjD;AACF,CAAC,CACD,CACD,CACD;AAACC,OAAA,CAAAJ,iCAAA,GAAAA,iCAAA;AACK,MAAMK,+BAA+B,GAAG,CAC9C,mCAAmC,EACnC;EACCJ,IAAI,EAAE;AACP,CAAC,EACD,CACC,CACC,gBAAgB,EAChB;EACCC,OAAO,EACN,yFAAyF,GACzF,IAAAC,QAAE,EAAE,0CAA2C,CAAC,GAChD;AACF,CAAC,CACD,CACD,CACD;AAACC,OAAA,CAAAC,+BAAA,GAAAA,+BAAA"}

package/build/form/variations.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
+var _utils = require("./utils.js");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const variations = [{
+  name: 'comment-form',
+  title: (0, _i18n.__)('Experimental Comment form'),
+  description: (0, _i18n.__)('A comment form for posts and pages.'),
+  attributes: {
+    submissionMethod: 'custom',
+    action: '{SITE_URL}/wp-comments-post.php',
+    method: 'post',
+    anchor: 'comment-form'
+  },
+  isDefault: false,
+  innerBlocks: [['core/form-input', {
+    type: 'text',
+    name: 'author',
+    label: (0, _i18n.__)('Name'),
+    required: true,
+    visibilityPermissions: 'logged-out'
+  }], ['core/form-input', {
+    type: 'email',
+    name: 'email',
+    label: (0, _i18n.__)('Email'),
+    required: true,
+    visibilityPermissions: 'logged-out'
+  }], ['core/form-input', {
+    type: 'textarea',
+    name: 'comment',
+    label: (0, _i18n.__)('Comment'),
+    required: true,
+    visibilityPermissions: 'all'
+  }], ['core/form-submit-button', {}]],
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'text'
+}, {
+  name: 'wp-privacy-form',
+  title: (0, _i18n.__)('Experimental privacy request form'),
+  keywords: ['GDPR'],
+  description: (0, _i18n.__)('A form torequest data exports and/or deletion.'),
+  attributes: {
+    submissionMethod: 'custom',
+    action: '',
+    method: 'post',
+    anchor: 'gdpr-form'
+  },
+  isDefault: false,
+  innerBlocks: [_utils.formSubmissionNotificationSuccess, _utils.formSubmissionNotificationError, ['core/paragraph', {
+    content: (0, _i18n.__)('To request an export or deletion of your personal data on this site, please fill-in the form below. You can define the type of request you wish to perform, and your email address. Once the form is submitted, you will receive a confirmation email with instructions on the next steps.')
+  }], ['core/form-input', {
+    type: 'email',
+    name: 'email',
+    label: (0, _i18n.__)('Enter your email address.'),
+    required: true,
+    visibilityPermissions: 'all'
+  }], ['core/form-input', {
+    type: 'checkbox',
+    name: 'export_personal_data',
+    label: (0, _i18n.__)('Request data export'),
+    required: false,
+    visibilityPermissions: 'all'
+  }], ['core/form-input', {
+    type: 'checkbox',
+    name: 'remove_personal_data',
+    label: (0, _i18n.__)('Request data deletion'),
+    required: false,
+    visibilityPermissions: 'all'
+  }], ['core/form-submit-button', {}], ['core/form-input', {
+    type: 'hidden',
+    name: 'wp-action',
+    value: 'wp_privacy_send_request'
+  }], ['core/form-input', {
+    type: 'hidden',
+    name: 'wp-privacy-request',
+    value: '1'
+  }]],
+  scope: ['inserter', 'transform'],
+  isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'text'
+}];
+var _default = variations;
+exports.default = _default;
+//# sourceMappingURL=variations.js.map

package/build/form/variations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_utils","variations","name","title","__","description","attributes","submissionMethod","action","method","anchor","isDefault","innerBlocks","type","label","required","visibilityPermissions","scope","isActive","blockAttributes","keywords","formSubmissionNotificationSuccess","formSubmissionNotificationError","content","value","_default","exports","default"],"sources":["@wordpress/block-library/src/form/variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport {\n\tformSubmissionNotificationSuccess,\n\tformSubmissionNotificationError,\n} from './utils.js';\n\nconst variations = [\n\t{\n\t\tname: 'comment-form',\n\t\ttitle: __( 'Experimental Comment form' ),\n\t\tdescription: __( 'A comment form for posts and pages.' ),\n\t\tattributes: {\n\t\t\tsubmissionMethod: 'custom',\n\t\t\taction: '{SITE_URL}/wp-comments-post.php',\n\t\t\tmethod: 'post',\n\t\t\tanchor: 'comment-form',\n\t\t},\n\t\tisDefault: false,\n\t\tinnerBlocks: [\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'text',\n\t\t\t\t\tname: 'author',\n\t\t\t\t\tlabel: __( 'Name' ),\n\t\t\t\t\trequired: true,\n\t\t\t\t\tvisibilityPermissions: 'logged-out',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'email',\n\t\t\t\t\tname: 'email',\n\t\t\t\t\tlabel: __( 'Email' ),\n\t\t\t\t\trequired: true,\n\t\t\t\t\tvisibilityPermissions: 'logged-out',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'textarea',\n\t\t\t\t\tname: 'comment',\n\t\t\t\t\tlabel: __( 'Comment' ),\n\t\t\t\t\trequired: true,\n\t\t\t\t\tvisibilityPermissions: 'all',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[ 'core/form-submit-button', {} ],\n\t\t],\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\t! blockAttributes?.type || blockAttributes?.type === 'text',\n\t},\n\t{\n\t\tname: 'wp-privacy-form',\n\t\ttitle: __( 'Experimental privacy request form' ),\n\t\tkeywords: [ 'GDPR' ],\n\t\tdescription: __( 'A form torequest data exports and/or deletion.' ),\n\t\tattributes: {\n\t\t\tsubmissionMethod: 'custom',\n\t\t\taction: '',\n\t\t\tmethod: 'post',\n\t\t\tanchor: 'gdpr-form',\n\t\t},\n\t\tisDefault: false,\n\t\tinnerBlocks: [\n\t\t\tformSubmissionNotificationSuccess,\n\t\t\tformSubmissionNotificationError,\n\t\t\t[\n\t\t\t\t'core/paragraph',\n\t\t\t\t{\n\t\t\t\t\tcontent: __(\n\t\t\t\t\t\t'To request an export or deletion of your personal data on this site, please fill-in the form below. You can define the type of request you wish to perform, and your email address. Once the form is submitted, you will receive a confirmation email with instructions on the next steps.'\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'email',\n\t\t\t\t\tname: 'email',\n\t\t\t\t\tlabel: __( 'Enter your email address.' ),\n\t\t\t\t\trequired: true,\n\t\t\t\t\tvisibilityPermissions: 'all',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'checkbox',\n\t\t\t\t\tname: 'export_personal_data',\n\t\t\t\t\tlabel: __( 'Request data export' ),\n\t\t\t\t\trequired: false,\n\t\t\t\t\tvisibilityPermissions: 'all',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'checkbox',\n\t\t\t\t\tname: 'remove_personal_data',\n\t\t\t\t\tlabel: __( 'Request data deletion' ),\n\t\t\t\t\trequired: false,\n\t\t\t\t\tvisibilityPermissions: 'all',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[ 'core/form-submit-button', {} ],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\tname: 'wp-action',\n\t\t\t\t\tvalue: 'wp_privacy_send_request',\n\t\t\t\t},\n\t\t\t],\n\t\t\t[\n\t\t\t\t'core/form-input',\n\t\t\t\t{\n\t\t\t\t\ttype: 'hidden',\n\t\t\t\t\tname: 'wp-privacy-request',\n\t\t\t\t\tvalue: '1',\n\t\t\t\t},\n\t\t\t],\n\t\t],\n\t\tscope: [ 'inserter', 'transform' ],\n\t\tisActive: ( blockAttributes ) =>\n\t\t\t! blockAttributes?.type || blockAttributes?.type === 'text',\n\t},\n];\n\nexport default variations;\n"],"mappings":"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"}

package/build/form/view.js

@@ -0,0 +1,42 @@
+"use strict";
+
+// eslint-disable-next-line eslint-comments/disable-enable-pair
+/* eslint-disable no-undef */
+document.querySelectorAll('form.wp-block-form').forEach(function (form) {
+  // Bail If the form is not using the mailto: action.
+  if (!form.action || !form.action.startsWith('mailto:')) {
+    return;
+  }
+  const redirectNotification = status => {
+    const urlParams = new URLSearchParams(window.location.search);
+    urlParams.append('wp-form-result', status);
+    window.location.search = urlParams.toString();
+  };
+
+  // Add an event listener for the form submission.
+  form.addEventListener('submit', async function (event) {
+    event.preventDefault();
+    // Get the form data and merge it with the form action and nonce.
+    const formData = Object.fromEntries(new FormData(form).entries());
+    formData.formAction = form.action;
+    formData._ajax_nonce = wpBlockFormSettings.nonce;
+    formData.action = wpBlockFormSettings.action;
+    try {
+      const response = await fetch(wpBlockFormSettings.ajaxUrl, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: new URLSearchParams(formData).toString()
+      });
+      if (response.ok) {
+        redirectNotification('success');
+      } else {
+        redirectNotification('error');
+      }
+    } catch (error) {
+      redirectNotification('error');
+    }
+  });
+});
+//# sourceMappingURL=view.js.map

package/build/form/view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["document","querySelectorAll","forEach","form","action","startsWith","redirectNotification","status","urlParams","URLSearchParams","window","location","search","append","toString","addEventListener","event","preventDefault","formData","Object","fromEntries","FormData","entries","formAction","_ajax_nonce","wpBlockFormSettings","nonce","response","fetch","ajaxUrl","method","headers","body","ok","error"],"sources":["@wordpress/block-library/src/form/view.js"],"sourcesContent":["// eslint-disable-next-line eslint-comments/disable-enable-pair\n/* eslint-disable no-undef */\ndocument.querySelectorAll( 'form.wp-block-form' ).forEach( function ( form ) {\n\t// Bail If the form is not using the mailto: action.\n\tif ( ! form.action || ! form.action.startsWith( 'mailto:' ) ) {\n\t\treturn;\n\t}\n\n\tconst redirectNotification = ( status ) => {\n\t\tconst urlParams = new URLSearchParams( window.location.search );\n\t\turlParams.append( 'wp-form-result', status );\n\t\twindow.location.search = urlParams.toString();\n\t};\n\n\t// Add an event listener for the form submission.\n\tform.addEventListener( 'submit', async function ( event ) {\n\t\tevent.preventDefault();\n\t\t// Get the form data and merge it with the form action and nonce.\n\t\tconst formData = Object.fromEntries( new FormData( form ).entries() );\n\t\tformData.formAction = form.action;\n\t\tformData._ajax_nonce = wpBlockFormSettings.nonce;\n\t\tformData.action = wpBlockFormSettings.action;\n\n\t\ttry {\n\t\t\tconst response = await fetch( wpBlockFormSettings.ajaxUrl, {\n\t\t\t\tmethod: 'POST',\n\t\t\t\theaders: {\n\t\t\t\t\t'Content-Type': 'application/x-www-form-urlencoded',\n\t\t\t\t},\n\t\t\t\tbody: new URLSearchParams( formData ).toString(),\n\t\t\t} );\n\t\t\tif ( response.ok ) {\n\t\t\t\tredirectNotification( 'success' );\n\t\t\t} else {\n\t\t\t\tredirectNotification( 'error' );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\tredirectNotification( 'error' );\n\t\t}\n\t} );\n} );\n"],"mappings":";;AAAA;AACA;AACAA,QAAQ,CAACC,gBAAgB,CAAE,oBAAqB,CAAC,CAACC,OAAO,CAAE,UAAWC,IAAI,EAAG;EAC5E;EACA,IAAK,CAAEA,IAAI,CAACC,MAAM,IAAI,CAAED,IAAI,CAACC,MAAM,CAACC,UAAU,CAAE,SAAU,CAAC,EAAG;IAC7D;EACD;EAEA,MAAMC,oBAAoB,GAAKC,MAAM,IAAM;IAC1C,MAAMC,SAAS,GAAG,IAAIC,eAAe,CAAEC,MAAM,CAACC,QAAQ,CAACC,MAAO,CAAC;IAC/DJ,SAAS,CAACK,MAAM,CAAE,gBAAgB,EAAEN,MAAO,CAAC;IAC5CG,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAGJ,SAAS,CAACM,QAAQ,CAAC,CAAC;EAC9C,CAAC;;EAED;EACAX,IAAI,CAACY,gBAAgB,CAAE,QAAQ,EAAE,gBAAiBC,KAAK,EAAG;IACzDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtB;IACA,MAAMC,QAAQ,GAAGC,MAAM,CAACC,WAAW,CAAE,IAAIC,QAAQ,CAAElB,IAAK,CAAC,CAACmB,OAAO,CAAC,CAAE,CAAC;IACrEJ,QAAQ,CAACK,UAAU,GAAGpB,IAAI,CAACC,MAAM;IACjCc,QAAQ,CAACM,WAAW,GAAGC,mBAAmB,CAACC,KAAK;IAChDR,QAAQ,CAACd,MAAM,GAAGqB,mBAAmB,CAACrB,MAAM;IAE5C,IAAI;MACH,MAAMuB,QAAQ,GAAG,MAAMC,KAAK,CAAEH,mBAAmB,CAACI,OAAO,EAAE;QAC1DC,MAAM,EAAE,MAAM;QACdC,OAAO,EAAE;UACR,cAAc,EAAE;QACjB,CAAC;QACDC,IAAI,EAAE,IAAIvB,eAAe,CAAES,QAAS,CAAC,CAACJ,QAAQ,CAAC;MAChD,CAAE,CAAC;MACH,IAAKa,QAAQ,CAACM,EAAE,EAAG;QAClB3B,oBAAoB,CAAE,SAAU,CAAC;MAClC,CAAC,MAAM;QACNA,oBAAoB,CAAE,OAAQ,CAAC;MAChC;IACD,CAAC,CAAC,OAAQ4B,KAAK,EAAG;MACjB5B,oBAAoB,CAAE,OAAQ,CAAC;IAChC;EACD,CAAE,CAAC;AACJ,CAAE,CAAC"}

package/build/form-input/edit.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _i18n = require("@wordpress/i18n");
+var _blockEditor = require("@wordpress/block-editor");
+var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+function InputFieldBlock({
+  attributes,
+  setAttributes,
+  className
+}) {
+  const {
+    type,
+    name,
+    label,
+    inlineLabel,
+    required,
+    placeholder,
+    value
+  } = attributes;
+  const blockProps = (0, _blockEditor.useBlockProps)();
+  const ref = (0, _element.useRef)();
+  const TagName = type === 'textarea' ? 'textarea' : 'input';
+  const borderProps = (0, _blockEditor.__experimentalUseBorderProps)(attributes);
+  const colorProps = (0, _blockEditor.__experimentalUseColorProps)(attributes);
+  if (ref.current) {
+    ref.current.focus();
+  }
+  const controls = (0, _react.createElement)(_react.Fragment, null, 'hidden' !== type && (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Input settings')
+  }, 'checkbox' !== type && (0, _react.createElement)(_components.CheckboxControl, {
+    label: (0, _i18n.__)('Inline label'),
+    checked: inlineLabel,
+    onChange: newVal => {
+      setAttributes({
+        inlineLabel: newVal
+      });
+    }
+  }), (0, _react.createElement)(_components.CheckboxControl, {
+    label: (0, _i18n.__)('Required'),
+    checked: required,
+    onChange: newVal => {
+      setAttributes({
+        required: newVal
+      });
+    }
+  }))), (0, _react.createElement)(_blockEditor.InspectorControls, {
+    __experimentalGroup: "advanced"
+  }, (0, _react.createElement)(_components.TextControl, {
+    autoComplete: "off",
+    label: (0, _i18n.__)('Name'),
+    value: name,
+    onChange: newVal => {
+      setAttributes({
+        name: newVal
+      });
+    },
+    help: (0, _i18n.__)('Affects the "name" atribute of the input element, and is used as a name for the form submission results.')
+  })));
+  if ('hidden' === type) {
+    return (0, _react.createElement)(_react.Fragment, null, controls, (0, _react.createElement)("input", {
+      type: "hidden",
+      className: (0, _classnames.default)(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
+      "aria-label": (0, _i18n.__)('Value'),
+      value: value,
+      onChange: event => setAttributes({
+        value: event.target.value
+      })
+    }));
+  }
+  return (0, _react.createElement)("div", {
+    ...blockProps
+  }, controls, (0, _react.createElement)("span", {
+    className: (0, _classnames.default)('wp-block-form-input__label', {
+      'is-label-inline': inlineLabel || 'checkbox' === type
+    })
+  }, (0, _react.createElement)(_blockEditor.RichText, {
+    tagName: "span",
+    className: "wp-block-form-input__label-content",
+    value: label,
+    onChange: newLabel => setAttributes({
+      label: newLabel
+    }),
+    "aria-label": label ? (0, _i18n.__)('Label') : (0, _i18n.__)('Empty label'),
+    "data-empty": label ? false : true,
+    placeholder: (0, _i18n.__)('Type the label for this input')
+  }), (0, _react.createElement)(TagName, {
+    type: 'textarea' === type ? undefined : type,
+    className: (0, _classnames.default)(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
+    "aria-label": (0, _i18n.__)('Optional placeholder text')
+    // We hide the placeholder field's placeholder when there is a value. This
+    // stops screen readers from reading the placeholder field's placeholder
+    // which is confusing.
+    ,
+    placeholder: placeholder ? undefined : (0, _i18n.__)('Optional placeholder…'),
+    value: placeholder,
+    onChange: event => setAttributes({
+      placeholder: event.target.value
+    }),
+    "aria-required": required,
+    style: {
+      ...borderProps.style,
+      ...colorProps.style
+    }
+  })));
+}
+var _default = InputFieldBlock;
+exports.default = _default;
+//# sourceMappingURL=edit.js.map

package/build/form-input/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_blockEditor","_components","_element","InputFieldBlock","attributes","setAttributes","className","type","name","label","inlineLabel","required","placeholder","value","blockProps","useBlockProps","ref","useRef","TagName","borderProps","useBorderProps","colorProps","useColorProps","current","focus","controls","_react","createElement","Fragment","InspectorControls","PanelBody","title","__","CheckboxControl","checked","onChange","newVal","__experimentalGroup","TextControl","autoComplete","help","classNames","event","target","RichText","tagName","newLabel","undefined","style","_default","exports","default"],"sources":["@wordpress/block-library/src/form-input/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, TextControl, CheckboxControl } from '@wordpress/components';\n\nimport { useRef } from '@wordpress/element';\n\nfunction InputFieldBlock( { attributes, setAttributes, className } ) {\n\tconst { type, name, label, inlineLabel, required, placeholder, value } =\n\t\tattributes;\n\tconst blockProps = useBlockProps();\n\tconst ref = useRef();\n\tconst TagName = type === 'textarea' ? 'textarea' : 'input';\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst colorProps = useColorProps( attributes );\n\tif ( ref.current ) {\n\t\tref.current.focus();\n\t}\n\n\tconst controls = (\n\t\t<>\n\t\t\t{ 'hidden' !== type && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<PanelBody title={ __( 'Input settings' ) }>\n\t\t\t\t\t\t{ 'checkbox' !== type && (\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Inline label' ) }\n\t\t\t\t\t\t\t\tchecked={ inlineLabel }\n\t\t\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tinlineLabel: newVal,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\tlabel={ __( 'Required' ) }\n\t\t\t\t\t\t\tchecked={ required }\n\t\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\trequired: newVal,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls __experimentalGroup=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ name }\n\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tname: newVal,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Affects the \"name\" atribute of the input element, and is used as a name for the form submission results.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tif ( 'hidden' === type ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ controls }\n\t\t\t\t<input\n\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t\tclassName={ classNames(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-form-input__input',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={ __( 'Value' ) }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\t\tsetAttributes( { value: event.target.value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ controls }\n\t\t\t<span\n\t\t\t\tclassName={ classNames( 'wp-block-form-input__label', {\n\t\t\t\t\t'is-label-inline': inlineLabel || 'checkbox' === type,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<RichText\n\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\tclassName=\"wp-block-form-input__label-content\"\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tsetAttributes( { label: newLabel } )\n\t\t\t\t\t}\n\t\t\t\t\taria-label={ label ? __( 'Label' ) : __( 'Empty label' ) }\n\t\t\t\t\tdata-empty={ label ? false : true }\n\t\t\t\t\tplaceholder={ __( 'Type the label for this input' ) }\n\t\t\t\t/>\n\t\t\t\t<TagName\n\t\t\t\t\ttype={ 'textarea' === type ? undefined : type }\n\t\t\t\t\tclassName={ classNames(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-form-input__input',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={ __( 'Optional placeholder text' ) }\n\t\t\t\t\t// We hide the placeholder field's placeholder when there is a value. This\n\t\t\t\t\t// stops screen readers from reading the placeholder field's placeholder\n\t\t\t\t\t// which is confusing.\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t\t}\n\t\t\t\t\tvalue={ placeholder }\n\t\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\t\tsetAttributes( { placeholder: event.target.value } )\n\t\t\t\t\t}\n\t\t\t\t\taria-required={ required }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t\t...colorProps.style,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n\nexport default InputFieldBlock;\n"],"mappings":"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"}

package/build/form-input/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.settings = exports.name = exports.metadata = exports.init = void 0;
+var _initBlock = _interopRequireDefault(require("../utils/init-block"));
+var _edit = _interopRequireDefault(require("./edit"));
+var _save = _interopRequireDefault(require("./save"));
+var _variations = _interopRequireDefault(require("./variations"));
+/**
+ * Internal dependencies
+ */
+const metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 3,
+  __experimental: true,
+  name: "core/form-input",
+  title: "Input field",
+  category: "common",
+  parent: ["core/form"],
+  description: "The basic building block for forms.",
+  keywords: ["input", "form"],
+  textdomain: "default",
+  icon: "forms",
+  attributes: {
+    type: {
+      type: "string",
+      "default": "text"
+    },
+    name: {
+      type: "string"
+    },
+    label: {
+      type: "string",
+      "default": "Label",
+      selector: ".wp-block-form-input__label-content",
+      source: "html",
+      __experimentalRole: "content"
+    },
+    inlineLabel: {
+      type: "boolean",
+      "default": false
+    },
+    required: {
+      type: "boolean",
+      "default": false,
+      selector: ".wp-block-form-input__input",
+      source: "attribute",
+      attribute: "required"
+    },
+    placeholder: {
+      type: "string",
+      selector: ".wp-block-form-input__input",
+      source: "attribute",
+      attribute: "placeholder",
+      __experimentalRole: "content"
+    },
+    value: {
+      type: "string",
+      "default": "",
+      selector: "input",
+      source: "attribute",
+      attribute: "value"
+    },
+    visibilityPermissions: {
+      type: "string",
+      "default": "all"
+    }
+  },
+  supports: {
+    anchor: true,
+    reusable: false,
+    spacing: {
+      margin: ["top", "bottom"]
+    },
+    __experimentalBorder: {
+      radius: true,
+      __experimentalSkipSerialization: true,
+      __experimentalDefaultControls: {
+        radius: true
+      }
+    }
+  },
+  style: ["wp-block-form-input"]
+};
+exports.metadata = metadata;
+const {
+  name
+} = metadata;
+exports.name = name;
+const settings = {
+  edit: _edit.default,
+  save: _save.default,
+  variations: _variations.default
+};
+exports.settings = settings;
+const init = () => (0, _initBlock.default)({
+  name,
+  metadata,
+  settings
+});
+exports.init = init;
+//# sourceMappingURL=index.js.map

package/build/form-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_initBlock","_interopRequireDefault","require","_edit","_save","_variations","metadata","$schema","apiVersion","__experimental","name","title","category","parent","description","keywords","textdomain","icon","attributes","type","label","selector","source","__experimentalRole","inlineLabel","required","attribute","placeholder","value","visibilityPermissions","supports","anchor","reusable","spacing","margin","__experimentalBorder","radius","__experimentalSkipSerialization","__experimentalDefaultControls","style","exports","settings","edit","save","variations","init","initBlock"],"sources":["@wordpress/block-library/src/form-input/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\tedit,\n\tsave,\n\tvariations,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAPA;AACA;AACA;AAFA,MAAAI,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,cAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,UAAA;IAAAC,IAAA;MAAAA,IAAA;MAAA;IAAA;IAAAT,IAAA;MAAAS,IAAA;IAAA;IAAAC,KAAA;MAAAD,IAAA;MAAA;MAAAE,QAAA;MAAAC,MAAA;MAAAC,kBAAA;IAAA;IAAAC,WAAA;MAAAL,IAAA;MAAA;IAAA;IAAAM,QAAA;MAAAN,IAAA;MAAA;MAAAE,QAAA;MAAAC,MAAA;MAAAI,SAAA;IAAA;IAAAC,WAAA;MAAAR,IAAA;MAAAE,QAAA;MAAAC,MAAA;MAAAI,SAAA;MAAAH,kBAAA;IAAA;IAAAK,KAAA;MAAAT,IAAA;MAAA;MAAAE,QAAA;MAAAC,MAAA;MAAAI,SAAA;IAAA;IAAAG,qBAAA;MAAAV,IAAA;MAAA;IAAA;EAAA;EAAAW,QAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,OAAA;MAAAC,MAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAC,+BAAA;MAAAC,6BAAA;QAAAF,MAAA;MAAA;IAAA;EAAA;EAAAG,KAAA;AAAA;AAAAC,OAAA,CAAAlC,QAAA,GAAAA,QAAA;AASA,MAAM;EAAEI;AAAK,CAAC,GAAGJ,QAAQ;AAACkC,OAAA,CAAA9B,IAAA,GAAAA,IAAA;AAInB,MAAM+B,QAAQ,GAAG;EACvBC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA,aAAI;EACJC,UAAU,EAAVA;AACD,CAAC;AAACJ,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAEK,MAAMI,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAEpC,IAAI;EAAEJ,QAAQ;EAAEmC;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAK,IAAA,GAAAA,IAAA"}

package/build/form-input/init.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("./");
+/**
+ * Internal dependencies
+ */
+var _default = (0, _.init)();
+exports.default = _default;
+//# sourceMappingURL=init.js.map

package/build/form-input/init.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_","require","_default","init","exports","default"],"sources":["@wordpress/block-library/src/form-input/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],"mappings":";;;;;;AAGA,IAAAA,CAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAKe,IAAAC,MAAI,EAAC,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/form-input/save.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = save;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _removeAccents = _interopRequireDefault(require("remove-accents"));
+var _blockEditor = require("@wordpress/block-editor");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Get the name attribute from a content string.
+ *
+ * @param {string} content The block content.
+ *
+ * @return {string} Returns the slug.
+ */
+const getNameFromLabel = content => {
+  const dummyElement = document.createElement('div');
+  dummyElement.innerHTML = content;
+  // Get the slug.
+  return (0, _removeAccents.default)(dummyElement.innerText)
+  // Convert anything that's not a letter or number to a hyphen.
+  .replace(/[^\p{L}\p{N}]+/gu, '-')
+  // Convert to lowercase
+  .toLowerCase()
+  // Remove any remaining leading or trailing hyphens.
+  .replace(/(^-+)|(-+$)/g, '');
+};
+function save({
+  attributes
+}) {
+  const {
+    type,
+    name,
+    label,
+    inlineLabel,
+    required,
+    placeholder,
+    value
+  } = attributes;
+  const borderProps = (0, _blockEditor.__experimentalGetBorderClassesAndStyles)(attributes);
+  const colorProps = (0, _blockEditor.__experimentalGetColorClassesAndStyles)(attributes);
+  const inputStyle = {
+    ...borderProps.style,
+    ...colorProps.style
+  };
+  const inputClasses = (0, _classnames.default)('wp-block-form-input__input', colorProps.className, borderProps.className);
+  const TagName = type === 'textarea' ? 'textarea' : 'input';
+  if ('hidden' === type) {
+    return (0, _react.createElement)("input", {
+      type: type,
+      name: name,
+      value: value
+    });
+  }
+
+  /* eslint-disable jsx-a11y/label-has-associated-control */
+  return (0, _react.createElement)("label", {
+    className: (0, _classnames.default)('wp-block-form-input__label', {
+      'is-label-inline': inlineLabel
+    })
+  }, (0, _react.createElement)("span", {
+    className: "wp-block-form-input__label-content"
+  }, (0, _react.createElement)(_blockEditor.RichText.Content, {
+    value: label
+  })), (0, _react.createElement)(TagName, {
+    className: inputClasses,
+    type: 'textarea' === type ? undefined : type,
+    name: name || getNameFromLabel(label),
+    required: required,
+    "aria-required": required,
+    placeholder: placeholder || undefined,
+    style: inputStyle
+  }));
+  /* eslint-enable jsx-a11y/label-has-associated-control */
+}
+//# sourceMappingURL=save.js.map

package/build/form-input/save.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_removeAccents","_blockEditor","getNameFromLabel","content","dummyElement","document","createElement","innerHTML","removeAccents","innerText","replace","toLowerCase","save","attributes","type","name","label","inlineLabel","required","placeholder","value","borderProps","getBorderClassesAndStyles","colorProps","getColorClassesAndStyles","inputStyle","style","inputClasses","classNames","className","TagName","_react","RichText","Content","undefined"],"sources":["@wordpress/block-library/src/form-input/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\nimport removeAccents from 'remove-accents';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\t__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n} from '@wordpress/block-editor';\n\n/**\n * Get the name attribute from a content string.\n *\n * @param {string} content The block content.\n *\n * @return {string} Returns the slug.\n */\nconst getNameFromLabel = ( content ) => {\n\tconst dummyElement = document.createElement( 'div' );\n\tdummyElement.innerHTML = content;\n\t// Get the slug.\n\treturn (\n\t\tremoveAccents( dummyElement.innerText )\n\t\t\t// Convert anything that's not a letter or number to a hyphen.\n\t\t\t.replace( /[^\\p{L}\\p{N}]+/gu, '-' )\n\t\t\t// Convert to lowercase\n\t\t\t.toLowerCase()\n\t\t\t// Remove any remaining leading or trailing hyphens.\n\t\t\t.replace( /(^-+)|(-+$)/g, '' )\n\t);\n};\n\nexport default function save( { attributes } ) {\n\tconst { type, name, label, inlineLabel, required, placeholder, value } =\n\t\tattributes;\n\n\tconst borderProps = getBorderClassesAndStyles( attributes );\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\tconst inputStyle = {\n\t\t...borderProps.style,\n\t\t...colorProps.style,\n\t};\n\n\tconst inputClasses = classNames(\n\t\t'wp-block-form-input__input',\n\t\tcolorProps.className,\n\t\tborderProps.className\n\t);\n\tconst TagName = type === 'textarea' ? 'textarea' : 'input';\n\n\tif ( 'hidden' === type ) {\n\t\treturn <input type={ type } name={ name } value={ value } />;\n\t}\n\n\t/* eslint-disable jsx-a11y/label-has-associated-control */\n\treturn (\n\t\t<label\n\t\t\tclassName={ classNames( 'wp-block-form-input__label', {\n\t\t\t\t'is-label-inline': inlineLabel,\n\t\t\t} ) }\n\t\t>\n\t\t\t<span className=\"wp-block-form-input__label-content\">\n\t\t\t\t<RichText.Content value={ label } />\n\t\t\t</span>\n\t\t\t<TagName\n\t\t\t\tclassName={ inputClasses }\n\t\t\t\ttype={ 'textarea' === type ? undefined : type }\n\t\t\t\tname={ name || getNameFromLabel( label ) }\n\t\t\t\trequired={ required }\n\t\t\t\taria-required={ required }\n\t\t\t\tplaceholder={ placeholder || undefined }\n\t\t\t\tstyle={ inputStyle }\n\t\t\t/>\n\t\t</label>\n\t);\n\t/* eslint-enable jsx-a11y/label-has-associated-control */\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,gBAAgB,GAAKC,OAAO,IAAM;EACvC,MAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAa,CAAE,KAAM,CAAC;EACpDF,YAAY,CAACG,SAAS,GAAGJ,OAAO;EAChC;EACA,OACC,IAAAK,sBAAa,EAAEJ,YAAY,CAACK,SAAU;EACrC;EAAA,CACCC,OAAO,CAAE,kBAAkB,EAAE,GAAI;EAClC;EAAA,CACCC,WAAW,CAAC;EACb;EAAA,CACCD,OAAO,CAAE,cAAc,EAAE,EAAG,CAAC;AAEjC,CAAC;AAEc,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAM,CAAC,GACrEP,UAAU;EAEX,MAAMQ,WAAW,GAAG,IAAAC,oDAAyB,EAAET,UAAW,CAAC;EAC3D,MAAMU,UAAU,GAAG,IAAAC,mDAAwB,EAAEX,UAAW,CAAC;EAEzD,MAAMY,UAAU,GAAG;IAClB,GAAGJ,WAAW,CAACK,KAAK;IACpB,GAAGH,UAAU,CAACG;EACf,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAC,mBAAU,EAC9B,4BAA4B,EAC5BL,UAAU,CAACM,SAAS,EACpBR,WAAW,CAACQ,SACb,CAAC;EACD,MAAMC,OAAO,GAAGhB,IAAI,KAAK,UAAU,GAAG,UAAU,GAAG,OAAO;EAE1D,IAAK,QAAQ,KAAKA,IAAI,EAAG;IACxB,OAAO,IAAAiB,MAAA,CAAAzB,aAAA;MAAOQ,IAAI,EAAGA,IAAM;MAACC,IAAI,EAAGA,IAAM;MAACK,KAAK,EAAGA;IAAO,CAAE,CAAC;EAC7D;;EAEA;EACA,OACC,IAAAW,MAAA,CAAAzB,aAAA;IACCuB,SAAS,EAAG,IAAAD,mBAAU,EAAE,4BAA4B,EAAE;MACrD,iBAAiB,EAAEX;IACpB,CAAE;EAAG,GAEL,IAAAc,MAAA,CAAAzB,aAAA;IAAMuB,SAAS,EAAC;EAAoC,GACnD,IAAAE,MAAA,CAAAzB,aAAA,EAACL,YAAA,CAAA+B,QAAQ,CAACC,OAAO;IAACb,KAAK,EAAGJ;EAAO,CAAE,CAC9B,CAAC,EACP,IAAAe,MAAA,CAAAzB,aAAA,EAACwB,OAAO;IACPD,SAAS,EAAGF,YAAc;IAC1Bb,IAAI,EAAG,UAAU,KAAKA,IAAI,GAAGoB,SAAS,GAAGpB,IAAM;IAC/CC,IAAI,EAAGA,IAAI,IAAIb,gBAAgB,CAAEc,KAAM,CAAG;IAC1CE,QAAQ,EAAGA,QAAU;IACrB,iBAAgBA,QAAU;IAC1BC,WAAW,EAAGA,WAAW,IAAIe,SAAW;IACxCR,KAAK,EAAGD;EAAY,CACpB,CACK,CAAC;EAET;AACD"}