starlightViewModes.switchTofunction h(){const t=window.location.hash;document.querySelectorAll(".starlight-view-modes-switcher-a").forEach(e=>{e.href&&(e.href=e.href.split("#")[0]+t)})}h();window.addEventListener("hashchange",h);The Angular WML Input library is a specialized Angular component designed to enhance the form input experience in Angular applications. It provides a robust set of features that simplify the process of creating, validating, and managing form inputs, particularly focusing on user interaction and data binding. The library aims to solve common problems associated with form handling in Angular, such as maintaining sync between the UI and the model, providing instant feedback to users, and integrating seamlessly with Angular’s form validation mechanisms. By offering a comprehensive suite of input-related functionalities helps developers build more interactive, user-friendly forms with less boilerplate code.

Section titled “Installation”Terminal window

Section titled “Usage”

Section titled “WMLInputZero”

Section titled “Getting Started”

Section titled “Input Fields”<iframe src="https://stackblitz.com/edit/stackblitz-starters-wxnz1t?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>

Section titled “Reference”

Section titled “WMLInputZeroProps”

Property	Type	Description
input	WMLInputZeroAreaProps	Input area parameters
textarea	WMLInputZeroAreaProps	Textarea parameters
range	WMLInputZeroAreaProps	Range input parameters
checkbox	WMLInputZeroCheckboxProps	Checkbox input parameters
datetime	WMLInputZeroDatetimeProps	Datetime input parameters
type	”datetime"	"range"
wmlField	WMLField	WMLField instance for customization

Section titled “WMLInputZeroAreaProps”

Property	Type	Description
placeholder	string	Placeholder for input area
autocomplete	string	String values for the autocomplete attribute

Section titled “WMLInputZeroCheckboxProps”

Property	Type	Description
desc	any	Description for checkbox input

Section titled “WMLInputZeroDatetimeProps”

Property	Type	Description
min	Date	Minimum date for input
max	Date	Maximum date for input
htmlMin	string	HTML-formatted minimum date
htmlMax	string	HTML-formatted maximum date
autocomplete	string	String values for the autocomplete attribute

Section titled “Changelog”

Section titled “v2.0.0”BREAKING CHANGE WmlInputProps.input,WmlInputProps.textarea now have the type WMLInputAreaProps which extends WMLUIProperty with the placeholder application code will break must be updated

Section titled “v3.0.1”MAJOR rename to angular-wml-inputfixed major problems concerning ngx-translate

all input types have id properties

Section titled “v16.2.6-0”added in datetime support along with min max controlsexample

Section titled “v16.2.61”added support to help customize checkbox

Section titled “v16.2.70”additional updates

Section titled “v16.2.71”[BREAKING CHANGE]

input does not use the id from the wmlfield.view, it uses its own corresponding type id %!(EXTRA string=

Section titled “v16.2.80”updated package to reflect the version 16.2.80 of @angular/core package),

Section titled “v16.2.80”updated package to reflect the version 16.2.80 of @angular/core package,

Section titled “v16.2.90”updated package to reflect the version 16.2.90 of @angular/core package,

Section titled “v16.2.91”updated package to reflect the version 16.2.91 of @angular/core package,

Section titled “v16.2.93”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

Section titled “v16.2.100”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

Section titled “v16.2.110”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

Section titled “v16.2.120”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

Section titled “v17.0.10”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

Section titled “v17.0.11”updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,

Section titled “v17.0.20”updated package to reflect the version ^17.0.2 of @angular/core package,

Section titled “v17.0.40”updated package to reflect the version ^17.0.4 of @angular/core package,

Section titled “v17.0.50”updated package to reflect the version ^17.0.5 of @angular/core package,

Section titled “v17.0.60”updated package to reflect the version ^17.0.6 of @angular/core package,

Section titled “v17.0.70”updated package to reflect the version ^17.0.7 of @angular/core package,

Section titled “v17.0.7100”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.0.7200”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.0.7300”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.0.80”updated package to reflect the version ^17.0.8 of @angular/core package,

Section titled “v17.0.8100”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v17.0.8101”replaced ControlValueAccessor with the use of the formcontrol from wmlField.getReactiveFormControl, making integration without wml-form much easier ,

Section titled “v17.0.8102”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.0.8103”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.0.9000”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.0.9001”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.1.0000”updated package to reflect the version ^17.1.0 of @angular/core package,

Section titled “v17.1.2”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.1.1000”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v17.1.1001 [2/5/24]”added feature where each type can get its own class added to the target input element,

Section titled “v17.1.2000 [2/5/24]”updated package to reflect the version ^17.1.2 of @angular/core package,

Section titled “v17.1.2001 [2/8/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.1.3000 [2/8/24]”updated package to reflect the version ^17.1.3 of @angular/core package,

Section titled “v17.2.1000 [2/17/24]”updated package to reflect the version ^17.2.1 of @angular/core package,

Section titled “v17.2.2000 [2/23/24]”updated package to reflect the version ^17.2.2 of @angular/core package,

Section titled “v17.2.2001 [2/23/24]”updated package to reflect the version ^17.2.2 of @angular/core package,

Section titled “v17.2.3000 [2/28/24]”updated package to reflect the version ^17.2.3 of @angular/core package,

Section titled “v17.2.3001 [3/2/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.2.3002 [3/5/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.2.4000 [3/8/24]”updated package to reflect the version ^17.2.4 of @angular/core package,

Section titled “v17.2.4001 [3/12/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.2.4002 [3/12/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.2.4003 [3/13/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.2.4004 [3/13/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.3.0 [3/17/24]”updated package to reflect the version ^17.3.0 of @angular/core package ,

Section titled “v17.3.1000 [3/22/24]”updated package to reflect the version ^17.3.1 of @angular/core package,

Section titled “v17.3.2000 [3/28/24]”updated package to reflect the version ^17.3.2 of @angular/core package,

Section titled “v17.3.3000 [4/4/24]”updated package to reflect the version ^17.3.3 of @angular/core package,

Section titled “v17.3.4000 [4/11/24]”updated package to reflect the version ^17.3.4 of @angular/core package,

Section titled “v17.3.4001 [4/16/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.3.5000 [4/20/24]”updated package to reflect the version ^17.3.5 of @angular/core package,

Section titled “v17.3.5110 [5/1/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v17.3.6000 [5/1/24]”updated package to reflect the version ^17.3.6 of @angular/core package,

Section titled “v17.3.7000 [5/9/24]”updated package to reflect the version ^17.3.7 of @angular/core package,

Section titled “v17.3.8000 [5/9/24]”updated package to reflect the version ^17.3.8 of @angular/core package,

Section titled “v17.3.9000 [5/16/24]”updated package to reflect the version ^17.3.9 of @angular/core package,

Section titled “v18.0.1 [5/22/24]”updated package to reflect the version ^18.0.0 of @angular/core package,

Section titled “v18.0.4 [5/25/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v18.0.1000 [5/29/24]”updated package to reflect the version ^18.0.1 of @angular/core package,

Section titled “v18.0.2000 [6/6/24]”updated package to reflect the version ^18.0.2 of @angular/core package,

Section titled “v18.0.3000 [6/13/24]”updated package to reflect the version ^18.0.3 of @angular/core package,

Section titled “v18.0.3010 [6/18/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v18.0.4000 [6/23/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v18.0.5000 [6/26/24]”updated package to reflect the version ^18.0.5 of @angular/core package,

Section titled “v18.0.6000 [7/5/24]”updated package to reflect the version ^18.0.6 of @angular/core package,

Section titled “v18.1.4 [7/13/24]”updated package to reflect the version ^18.1.0 of @angular/core package,

Section titled “v18.1.6 [7/14/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v18.1.1000 [7/18/24]”updated package to reflect the version ^18.1.1 of @angular/core package,

Section titled “v18.1.2000 [7/24/24]”updated package to reflect the version ^18.1.2 of @angular/core package,

Section titled “v18.1.2300 [7/27/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v18.1.2301 [7/30/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v18.1.3000-beta1 [8/1/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v18.1.3000-beta2 [8/1/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v18.1.3000-beta3 [8/1/24]”updated package to conform with @windmillcode/angular-wml-components-base ,

Section titled “v18.1.3000-beta4 [8/1/24]”

Section titled “v18.1.3001 [8/2/24]”[BREAKING CHANGE] removed WMLInputZeroProps.checkboxDesc

Section titled “v18.1.3001 [8/4/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.1.3002 [8/4/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.1.3002 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.1.3003 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.1.3004 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.1.3005 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.1.3006 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.1.3007 [8/5/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.1.4000 [8/14/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.1.4001 [8/14/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.2.0 [8/15/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.2.1 [8/20/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.2.1000 [8/22/24]”updated package to reflect the version 18.2.1 of @angular/core package

Section titled “v18.2.2000 [8/30/24]”updated package to reflect the version 18.2.2 of @angular/core package

Section titled “v18.2.2100 [9/1/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.2.2101 [9/1/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.2.2200 [9/3/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.2.3000 [9/4/24]”updated package to reflect the version 18.2.3 of @angular/core package

Section titled “v18.2.3100 [9/8/24]”updated package to reflect the version 18.2.3 of @angular/core package

Section titled “v18.2.3110 [9/10/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.2.3112 [9/10/24]”updated package to conform with @windmillcode/angular-wml-components-base

Section titled “v18.2.4000 [9/16/24]”updated package to reflect the version 18.2.4 of @angular/core package

Section titled “v18.2.4100 [9/19/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.4200 [9/21/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.5001 [9/22/24]”updated package to reflect the version 18.2.5 of @angular/core package

Section titled “v18.2.6000 [10/1/24]”updated package to reflect the version 18.2.6 of @angular/core package

Section titled “v18.2.7000 [10/2/24]”updated package to reflect the version 18.2.7 of @angular/core package

Section titled “v18.2.7001 [10/5/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.7010 [10/9/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.7020 [10/10/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.8000 [10/10/24]”updated package to reflect the version 18.2.8 of @angular/core package

Section titled “v18.2.8000 [10/11/24]”updated package to reflect the version 18.2.8 of @angular/core package

Section titled “v18.2.8001 [10/11/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.9000 [10/23/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.10000 [10/31/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.11000 [11/7/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.12000 [11/15/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v18.2.12001 [11/17/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v19.0.0 [11/19/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v19.0.3 [11/20/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v19.0.4 [11/26/24]”updated package to conform with @windmillcode/wml-components-base

Section titled “v19.0.1000 [11/26/24]”updated package to conform with @windmillcode/wml-components-basePrevious WML Infinite DropdownNext WML Mobile Nav