uui-textarea, uui-input: new max length message validation (closes Umbraco-CMS/issues/20710) (#1227)

* fix max length message for text area

* fix message for input and textarea

* update exceed to current

---------

Co-authored-by: Lan Nguyen Thuy <lnt@umbraco.dk>

Author: NguyenThuyLan

packages/uui-input/lib/uui-input.element.ts

@@ -126,7 +126,7 @@ export class UUIInputElement extends UUIFormControlMixin(
   maxlengthMessage: string | ((max: number, current: number) => string) = (
     max,
     current,
-  ) => `Maximum length exceeded (${current}/${max} characters)`;
+  ) => `Maximum ${max} characters, ${current - max} too many.`;
 
   /**
    * Specifies the interval between legal numbers of the input

packages/uui-textarea/lib/uui-textarea.element.ts

@@ -105,7 +105,7 @@ export class UUITextareaElement extends UUIFormControlMixin(LitElement, '') {
   maxlengthMessage: string | ((max: number, current: number) => string) = (
     max,
     current,
-  ) => `Maximum ${max} characters, ${current} too many.`;
+  ) => `Maximum ${max} characters, ${current - max} too many.`;
 
   @query('#textarea')
   protected _textarea!: HTMLInputElement;