>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3598988. --> Reported by: [pfrenssen](https://www.drupal.org/user/382067) Related to !87 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Part 5 of splitting <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/graphql_webform/-/work_items/3595219" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/graphql_webform/-/work_items/3595219</a></span>. This issue exposes a set of <strong>per-element configuration fields</strong> that are currently missing for numeric, text, container and a few simple element types, plus telephone submission handling. These are grouped because each is a small, independent field-exposure on an existing element type.</p> <p>Missing fields in 3.x:</p> <ul> <li><strong>Numeric</strong> (<code>number</code>, <code>range</code>): <code>min</code>, <code>max</code>, <code>step</code>, <code>readonly</code>, and the range output mode.</li> <li><strong>Text</strong> (<code>textfield</code>, <code>textarea</code>, autocomplete): counter settings (count by character/word, limit, message) and <code>input_hide</code>.</li> <li><strong>Color</strong>: <code>colorSize</code>.</li> <li><strong>Details</strong> container: <code>open</code>.</li> <li><strong>Containers</strong> (extending <code>ContainerBase</code>): <code>randomize</code>.</li> <li><strong>Signature</strong>: <code>readonly</code>.</li> <li><strong>Telephone</strong> (<code>tel</code>): the international/format fields, and submissions of phone numbers are not validated/accepted.</li> </ul> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <ul> <li>Add a numeric interface exposing <code>min</code> / <code>max</code> / <code>step</code> (+ <code>readonly</code>) and a <code>WebformRangeOutput</code> enum for the range output mode.</li> <li>Expose counter settings via a <code>webform_element_counter</code> producer and a <code>WebformCounterType</code> enum, plus <code>input_hide</code> via a <code>WebformDescriptionPlacement</code>-style enum where relevant.</li> <li>Expose <code>colorSize</code> (with <code>WebformColorSize</code> enum), details <code>open</code>, container <code>randomize</code> and signature <code>readonly</code>.</li> <li>Expose <code>tel</code> fields (with <code>WebformPhoneNumberFormat</code> enum) and accept/validate phone-number submissions in <code>WebformSubmit.php</code>.</li> </ul> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <ul> <li>Add enums <code>WebformRangeOutput</code>, <code>WebformCounterType</code>, <code>WebformColorSize</code>, <code>WebformPhoneNumberFormat</code>, <code>WebformDescriptionPlacement</code> under <code>src/Enum/</code>; wire into <code>WebformSchemaBuilder.php</code>.</li> <li>Add <code>src/Plugin/GraphQL/DataProducer/WebformElementCounter.php</code>; extend <code>WebformElementMetadata.php</code> / <code>WebformElementProperty.php</code> for the new fields.</li> <li>Register the new fields/interfaces in <code>WebformExtension.php</code>.</li> <li>Validate phone-number submissions in <code>WebformSubmit.php</code>.</li> <li>Tests: <code>NumericFieldsTest</code>, <code>NumericBaseExtrasTest</code>, <code>CounterTest</code>, <code>InputHideTest</code>, <code>ColorTest</code>, <code>DetailsTest</code>, <code>FlexboxTest</code>, <code>SignatureTest</code>, <code>TextFieldTest</code>, <code>TelTest</code>, <code>FormSubmissionTelephoneValidationTest</code>, plus the matching <code>tests/queries/*.gql</code> fixtures and shared test-form additions.</li> </ul> <h3 id="summary-api-changes">API changes</h3> <p>Additive: new fields on numeric / text / color / details / container / signature / tel elements, several new enums, and telephone submission validation. No fields removed.</p> <h3 id="summary-release-notes">Release notes snippet</h3> <p>Numeric, text, color, details, container, signature and telephone elements now expose their relevant configuration (min/max/step, readonly, counters, input hiding, color size, details open, container randomize, phone format), and telephone submissions are validated.</p>