# Web Components

We are creating a new set of WebMAP client-side libraries to use web components platform that also integrates with the changes that are introduced by the new WebMap5 server-side libraries. Basically, there is the need to support Angular Web Components specifically in the first stage of this effort, the Kendo UI for Angular, in order to modernize our web platform and have a new set of encapsulated and easy to use set of components.

## Base Components

### Control Component

The WebMAP base components are used to manage general things that all the WebMAP's components must implement. The ControlComponent class for instance is the base class for all the others components and implements the basic properties like:

* **ID**: is the WebMap's unique id for this control.
* **Text**: Every control that inherits from the System.Windows.Forms.Control has this property.
* **Model**: This property contains the control's client-side model that is based in the corresponding WebMap5 projection.
* **Visible**: it controls the display value for the current component.
* **Enabled**: it controls the enabled value for the current component.

## **Controls Components**

### **WebForms Components using Kendo UI for Angular**

This is the set of components that supports the System.Web.UI set of controls using the components that are implemented in the Kendo UI framework. You can find a simple description for each control implementation and it's PME (Properties, Methods, Events) in the following links:

* [<mark style="color:orange;">**CompareValidatorComponent**</mark>](/webmap/general/frontend/documentation/webforms-angular-components/web-components/kendoui-components/comparevalidator.md)
* [<mark style="color:orange;">**CustomValidatorComponent**</mark>](/webmap/general/frontend/documentation/webforms-angular-components/web-components/kendoui-components/customvalidator.md)
* [<mark style="color:orange;">**RegularExpressionValidatorComponent**</mark>](/webmap/general/frontend/documentation/webforms-angular-components/web-components/kendoui-components/regularexpressionvalidator.md)
* [<mark style="color:orange;">**RequiredFieldValidatorComponent**</mark>](/webmap/general/frontend/documentation/webforms-angular-components/web-components/kendoui-components/requiredfieldvalidator.md)
* [<mark style="color:orange;">**ValidationSummaryComponent**</mark>](/webmap/general/frontend/documentation/webforms-angular-components/web-components/kendoui-components/validationsummary.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.gapvelocity.ai/webmap/general/frontend/documentation/webforms-angular-components/web-components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.