fix: Text character length validation should be more helpful

[NguyenThuyLan]

Description

Types of changes

• Bug fix (non-breaking change which fixes an issue)

After fix:

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-beach-055ecb503-1060.westeurope.azurestaticapps.net

[nielslyngsoe]

Hi @NguyenThuyLan. It's great to see some problem solving. I'm thought concerned about replicating any of our Localization Argument handling in UI Library. The Localization In the CMS both supports {0} and %0% and JS Methods

(arg0, arg1) => '...'

In general it is dangerous to have one system assuming support of another, in this case CMS sending in Localization Strings to the UI Library assuming that UI Library supports the same.

Instead we should implement this in a way that enables the CMS to be the sole owner of the Localization mechanism, and we can do so by using the technique I described on another PR:
#1069

Practically, it will look like this:

@property({ type: String, attribute: 'maxlength-message' })
maxlengthMessage: string | (max, current) => string = () => `Maximum ${max} characters, §{current} too many.`};

this.addValidator(
      'tooLong',
      () => {
        const label = this.maxlength;
        if (typeof label === 'function') {
            return label(this.maxlength, String(this.value).length);
        }
        return label;
      }
      () => !!this.maxlength && String(this.value).length > this.maxlength,
    );

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-beach-055ecb503-1060.westeurope.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-beach-055ecb503-1060.westeurope.azurestaticapps.net

[Copilot]

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

[nielslyngsoe]

apporach looks good, so I marked it as ready for review

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-beach-055ecb503-1060.westeurope.azurestaticapps.net