From 0f390ffeca0992258ad7102a30c7e906c7e0b52c Mon Sep 17 00:00:00 2001
From: Yuriy Yevstihnyeyev <yuriy@vaadin.com>
Date: Mon, 29 Nov 2021 10:52:03 +0200
Subject: [PATCH] fix: add pattern mixin to typings

---
 packages/text-area/src/vaadin-text-area.d.ts       | 3 ++-
 packages/text-area/test/typings/text-area.types.ts | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/text-area/src/vaadin-text-area.d.ts b/packages/text-area/src/vaadin-text-area.d.ts
index bed2a1d663..454be00ec4 100644
--- a/packages/text-area/src/vaadin-text-area.d.ts
+++ b/packages/text-area/src/vaadin-text-area.d.ts
@@ -5,6 +5,7 @@
  */
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';
+import { PatternMixin } from '@vaadin/field-base/src/pattern-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
 /**
@@ -75,7 +76,7 @@ export interface TextAreaEventMap extends HTMLElementEventMap, TextAreaCustomEve
  * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
  * @fires {CustomEvent} value-changed - Fired when the `value` property changes.
  */
-declare class TextArea extends InputFieldMixin(ThemableMixin(ElementMixin(HTMLElement))) {
+declare class TextArea extends PatternMixin(InputFieldMixin(ThemableMixin(ElementMixin(HTMLElement)))) {
   /**
    * Maximum number of characters (in Unicode code points) that the user can enter.
    */
diff --git a/packages/text-area/test/typings/text-area.types.ts b/packages/text-area/test/typings/text-area.types.ts
index 1754dc99cc..313d04d4b6 100644
--- a/packages/text-area/test/typings/text-area.types.ts
+++ b/packages/text-area/test/typings/text-area.types.ts
@@ -2,6 +2,7 @@ import '../../vaadin-text-area.js';
 import { ControllerMixinClass } from '@vaadin/component-base/src/controller-mixin.js';
 import { ElementMixinClass } from '@vaadin/component-base/src/element-mixin.js';
 import { InputFieldMixinClass } from '@vaadin/field-base/src/input-field-mixin.js';
+import { PatternMixinClass } from '@vaadin/field-base/src/pattern-mixin.js';
 import { ThemableMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 import {
   TextArea,
@@ -18,6 +19,7 @@ const area = document.createElement('vaadin-text-area');
 assertType<ControllerMixinClass>(area);
 assertType<ElementMixinClass>(area);
 assertType<InputFieldMixinClass>(area);
+assertType<PatternMixinClass>(area);
 assertType<ThemableMixinClass>(area);
 
 // Events